/* CSS Document */
#page {position: absolute; background-repeat: no-repeat; top: 0px; left: 0px; visibility: visible; width: 1024px; height:1000px;}
#bandeau {position: absolute; background-repeat: no-repeat; top: 0px; left: 0px; visibility: visible; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; width: 1000px; z-index:99;}
#google {position: absolute; background-repeat: no-repeat; top: 158px; left: 28px; visibility: visible; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; height:240px; width:140px;}
#barremenu { position: relative; background-repeat: no-repeat; top: 0px; left: 0px; visibility: visible; width: 1024px; z-index:100}
.contenu { position: relative; background-repeat: no-repeat; top: 0px; left: 50px; visibility: visible; width: 1024px;}
.quiz { position: absolute; background-repeat: no-repeat; top: 241px; left: 1px; visibility: visible;}
#quiztext { position: absolute; background-repeat: no-repeat; top: 157px; left: 200px; visibility: visible; width: 600px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#introtext {
	position: absolute;
	background-repeat: no-repeat;
	visibility: visible;
	width: 544px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	left: 278px;
	top: 651px;
}

.cnoa { position: absolute; background-repeat: no-repeat; top: 367px; left: 300px; visibility: visible;}
.cnoatext { position: absolute; background-repeat: no-repeat; top: 372px; left: 37px; visibility: visible; width: 240px;}
#contact { position: absolute; background-repeat: no-repeat; top: 729px; left: 30px; visibility: visible; width: 121px;}
#contactform { background-repeat: no-repeat; visibility: visible; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}

.tabnormal{font-weight:normal;font-family:Sans-serif;font-size: 14px;text-decoration:none;} 
.tabover{font-weight:normal; font-family:Sans-serif;font-size: 14px; color:#169528;} 
.tabtitle{color:black;background-color:#CC66FF; font-weight:normal;text-align:left; background-color:#CC66FF;} 
#txtgauche{ position: absolute; background-color:#ffffff; text-align:left; width:171px; top:158px; left:850px; height:511px; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; font-weight:normal;} 
#php { position: absolute; background-color:#ffffff;  width:669px; top:140px; left:176px; } 

/* Liens dans les table */
table tr td a{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
color:#336666;
} 
table tr td a:hover{color:#000000;
font-size: 10px;
text-decoration:none;
} 
a.client {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:none;
}  
a.menua{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
} 
a.menua:hover{
color:#568a6f;
font-size: 12px;
text-decoration:none;
}
td.menutd{
background-color:#CCCCCC;
} 
td.menutd a:hover{
background-color:#345678;
color:#CCCCCC;
} 
.descr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.blabla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.client {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#CC6633;
}
.titrePeda {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#CC3333;
}
.titreInst {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#3366CC;
}
.titreLudo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#CC6633;
}
.titreHaut {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:20px;
margin-top:-10px;

}
.hrinst {
color: #3366CC;
background-color: #3366CC;
height: 1px;
border: 0;
}
.hrludo {
color: #CC6633;
background-color: #CC6633;
height: 1px;
border: 0;
}
.hrpeda {
color: #CC3333;
background-color: #CC3333;
height: 1px;
border: 0;
}

#menu	{
width: 1024px ;
height: 24px;
padding: 0px; 
font: Verdana ;
font-size:13px;
font-weight:bold;
background-image: url(images/menubkoff.png);
background-repeat:repeat-x;
margin: 0px ; 
list-style-type: none ;
}

#menu a	{
	display: block ;
	width: 256px ;
	height: 14px;
	color: #558A6E ;
	font: Verdana ;
	font-size:12px;
	font-weight:bold;
	text-align: center ;
	/*background: #dfe386 ;  */
	padding: 5px 0px; 
	text-decoration: none ; 
	float: left ; 
}
#menu a:hover	{	
	color: #000000 ;
	text-decoration: none ;
	font-weight:bold;
	color: #558A6E ;
	background: #ccf3df; 
}
#menu li	{
	float: left;
	width: 256px;
	height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}


#menu .smenu{ display: none; list-style-type: none; margin: 0px; padding: 0px; border: 0px solid; color:#000000; background-color: #ccf3df;}
#menu .smenu li{ float: none; margin: 0px; padding: 0px; border: 0px solid; width: 170px; height:20px; border-color:#c90960;}
#menu .smenu li a:link,#menu .smenu li a:visited{ display: block; color: #558A6E; margin: 0px; border: 1px solid; text-decoration: none; background-color: #fff; border-color:#4B7037; font: Verdana; font-size:12px;}
#menu .smenu li a:hover{ background-image: none; background-color: #ccf3df; color:#000000;}
#menu li:hover > .smenu { display: block; }


#menubas	{
width: 970px ;
padding: 0 ; 
margin: 0 ; 
list-style-type: none ; 
}
#menubas li	{
	float: left ;
	border: 0px solid #66FF00 ; 
}

#menuact	{

padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px -50px; 
list-style-type: none ; 
}
#menuact li	{
list-style-position:inside
	float: left ;
	padding: 0 ;
	margin-bottom: -5px;
	padding-bottom: 0px;
	border: 0px  ; 
}