body {
          background-color: #FFFFFF;
          font-size: small;
          color: #000000;
		  font-family : Arial, Helvetica, sans-serif;
	}

a:link {
color: #3C8AFF; 
}

a:visited 
{ 
color: #3C8AFF; 
}

a:hover
{
color: #000000; /* Les liens seront en orange au lieu de bleu */
text-decoration: none; /* Les liens ne seront plus soulignés */
}


.top1 { /* tableau bleu */
	background-color: #3399FF; 
	color: #000000;
	padding: 0px; 
	margin: 0px; 
	border-spacing: 20px;
	
}

.top2 { /* tableau jaune */
	background-color: #FFCC00; 
	color: #000000;
	padding: 0px; 
	margin: 0px; 
	
}

.top3 { /* tableau noir */
	background-color: #000000; 
	color: #FFFFFF;
	padding: 0px; 
	margin: 0px; 
	
}

.top4 { /* tableau vert foncé*/
	background-color: #66CC00; 
	color: #000000; 
	padding: 0px; 
	margin: 0px; 
	
}

.top5 { /* tableau vert claire*/
	background-color: #CCFF66; 
	color: #000000; 
	padding: 0px; 
	margin: 0px; 
	
}

.top6 { /* tableau blanc*/
	background-color: #FFFFFF; 
	color: #000000; 
	padding: 1px; 
	margin: 0px; 
	
}

.top7 { /* tableau bleu clair*/
	background-color: #EFF3F6; 
	color: #000000; 
	padding: 1px; 
	margin: 0px; 
	
}

.upboy {
	background-color: #e4e5f2; 
	border-top : 1px solid #88a2b9;
	border-bottom: 1px solid #88a2b9;
	color: #103955; 
	padding: 2px; 
}

.upgirl {
	background-color: #fee0c6; 
	border-top : 1px solid #fee0c6;
	border-bottom: 1px solid #fee0c6;
	color: #103955;  
	padding: 2px; 	
}

.modo {
	background-color: #FFD350; 
	border-top : 1px solid #CC6600;
	border-bottom: 1px solid #CC6600;
	color: #CC6600;  
	padding: 2px; 	
}

img.video_look {
    border: 2px solid #3399FF;
}

div.video {
	border-top: 1px dashed #505050;
	margin:3px 0px;
	padding-top:3px;
	text-align:left;
}

.submit
{
font-size: small;
text-align: center; 
border: solid 1px #3F4C6B;
background-color : #356AA0;
color: #FFFFFF;
margin: 1px;
}

.banniere  {
padding-top : 6px;
border-top : 2px solid #383431;
padding : 6px 2px 0;
background : #383431;
color : #000000;
} 

.footer {
	background-color: #383431; 
	color: #FFFFFF; 
	padding: 2px; 
	margin: 0px; 
	
}

.console {padding: 2px; background-color: #eeeeee; border-bottom: 1px solid #cccccc}
.navig {padding: 2px; background-color: #eeeeee; border-top: 1px solid #cccccc}

.ads { text-align: center; padding: 3px; background-color: #EFF3F6; border-bottom: 1px dotted #AFCDDC; border-top: 1px dotted #AFCDDC; }

.box {text-align: left;border:solid 1px #E0DABE; background-color:#F9F8F1; margin:4px; padding: 4px;}
.box_valid {text-align: center;border:solid 1px #006600; background-color:#80F85B; color:#006600; margin:4px; padding: 4px;}
.box_erreur {text-align: center;border:solid 1px #770011; background-color:#ffaaaa; color:#770011; margin:4px; padding: 4px;}

input {font-size: small;font-family: verdana, arial;border: solid 1px #1E262D;text-align: left; margin: 1px;}

input:focus {border: solid 1px #5684A9;	background: #E7EFF5;}