* {margin:0px;padding:0px;font-family:arial,sans-serif;}
BODY {background:#FFF;margin-top:0px;position:relative;}
.icone {float:left;}
.clear {clear:both;font-size:1px;height:0px;}
.curseur {cursor:pointer;}


#head {
	background:white url(img/fondHerbe.jpg) repeat-x top left;
	height:263px;
}
			#headLOGO {
				display:block;
				position:relative;
				top:15px;
				left:30px;
			}
			#headENFANT {
				display:block;
				position:relative;
				top:-216px;
				left:501px;
			}
			#headSpitch {
				display:block;
				position:absolute;
				top:10px;
				left:740px;
			}
			
#bandeau {
	position:relative;
	top:+1px;
	height:129px;
}
			#bandeau.Bleu {background:white url(img/fondDegrBleu.png) repeat-x top left;}
			#bandeau.Vert {background:white url(img/fondDegrVert.png) repeat-x top left;}
			#bandeau.Jaune {background:white url(img/fondDegrJaune.png) repeat-x top left;}
			#bandeau.Orange {background:white url(img/fondDegrOrange.png) repeat-x top left;}
			#bandeau.Rouge {background:white url(img/fondDegrRouge.png) repeat-x top left;}
			
			#menuRubriques {
				position:relative;
				top:-32px;
				left:0px;
			}
			
			#bandeau H1{
				position:relative;
				top:-223px;
				left:120px;
				font-family:Verdana;
				font-size:20px;
				color:black;
				//font-variant: small-caps;
			}
			
			#bandeau UL {
				position:relative;
				width:200px;
				height:100px;
				top:-210px;
				left:130px;
				list-style-position: inside;
				list-style-type: square;
			}
			
			#bandeau UL LI {
				font-family:arial;
				font-size:13px;
				color:white;
			}
			#contacts {
				position:absolute;
				width:300px;
				height:128px;
				top:0px;
				left:720px;
			}


#main {
	padding:10px;
}

#menu {
	width:248px;
}
			#menuHG {float:left;width:9px;height:9px;background:white url(img/menuCadreHG.gif) no-repeat top left;font-size:1px;}
			#menuHD {float:left;width:15px;height:9px;background:white url(img/menuCadreHD.gif) no-repeat top left;font-size:1px;}
			#menuBG {float:left;width:9px;height:13px;background:white url(img/menuCadreBG.gif) no-repeat top left;font-size:1px;}
			#menuBD {float:left;width:15px;height:13px;background:white url(img/menuCadreBD.gif) no-repeat top left;font-size:1px;}
			#menuH {float:left;width:224px;height:9px;background:white url(img/menuCadreH.gif) repeat-x top left;font-size:1px;}
			#menuB {float:left;width:224px;height:13px;background:white url(img/menuCadreB.gif) repeat-x top left;font-size:1px;}
			.menuInside {width:248px;padding:2px;background: white url(img/menuCadreGD.gif) repeat-y top left;}
			
			#menu H2.menuTitre {margin-left:4px;width:230px;height:28px;color:white;font-family:arial;font-size:20px;background:white url(img/menuTitre.gif) no-repeat top left;padding-top:2px;text-align:center;}
			
			#menu H3 {
				margin-top:10px; margin-left:5px;padding-left:15px;background:white url(img/puceBleu.gif) no-repeat; width:210px; background-position:0px 6px;
				font-family:arial;font-size:15px;color:black;
			}
			#menu UL {
				list-style-position: inside;
				list-style-type: square;
				color:red;
				margin-bottom:15px;
				padding-left:20px;
			}
			#menu UL LI {
			}
			#menu UL LI A {
				text-decoration:none;
				font-family:arial;
				font-size:13px;
			}
			#menu UL LI A.select {
				background:#FF4;
				color:black;
			}
				
#page {
	width:490px;
	padding-left:30px;
	padding-right:30px;
}
			#page H1 {color:red; font-family:Times; font-size:30px; font-weight:700; margin-top:30px; margin-bottom:10px;}
			
			#page H2 {font-family:Times; font-size:20px; font-weight:700; margin-top:15px; margin-bottom:10px;
				background:white url(img/puceRondeBleu.png) no-repeat;padding-left:30px;color:navy;}
			
			#page H3 {font-family:Times; font-size:20px; font-weight:700; margin-top:15px; margin-bottom:10px;
				background:white url(img/puceRondeRouge.png) no-repeat;padding-left:30px;color:navy;}
				
			#page H4 {font-family:Times; font-size:12px; font-weight:700; margin-top:10px;margin-bottom:10px;
				background:white url(img/puceTrio.gif) no-repeat 0px -3px;padding-left:30px;color:navy;}
			
			#page p {font-family:Times; font-size:15px; margin-top:8px;}
			#page p.question {
				text-decoration:underline;
				font-weight:700;
			}
			#page UL {
				list-style-position: inside;
				list-style-image: url(img/puceRouge.gif);
				margin-top:10px;
				margin-bottom:15px;
				padding-left:20px;
			}
			#page UL LI {
				font-family:Times; font-size:15px;color:black;
			}
			#page TABLE.niveaux {
				margin-top:20px;
				margin-bottom:20px;
				font-family:arial;
				font-size:11px;
				width:100%;
			}
				#page TH {text-align:left;}
				#page TD A {color:red;background:white url(img/puceFleche.gif) no-repeat 2px;padding-left:15px;}
				#page TD IMG {float:left;margin-right:15px;}
				#page TD LABEL {font-weight:700;width:100px;display:block;float:left;}
				#page DIV.hiddcol{display:none;}
				#page DIV.showcol{display:block;margin-bottom:20px;border:1px solid #AAA;padding:5px;}

			
			
#colonneD {
	width:200px;
	background:white url(img/fondColonneD.png) no-repeat top left;width:194px;height:200px; padding:10px;
}
			#colonneD H1 {
				color:red;font-family:arial;font-size:18px;
				padding-bottom:10px;
			}
			#colonneD p {
				color:#444;font-family:arial;font-size:13px;
				padding-right:5px;
				padding-bottom:20px;
			}
			#colonneD p a {
				color:red;font-family:arial;font-size:11px;
			}
			#colonneD UL {
				list-style-position: inside;
				list-style-type: square;
				color:red;
				margin-bottom:15px;
				padding-left:20px;
			}
			#colonneD UL LI {
			}
			
			#colonneD DIV.center {
				margin-top:30px;
				text-align:center;
			}


#piedPage {
}
			
			#bandeauRnd {
				width:740px;height:235px;
				padding-top:120px;
				padding-left:255px;
				padding-right:5px;
				line-height:28px;
				font-family:arial;color:white;font-size:20px;
			}
			
			#bandeauRnd.vig1Bleu{background:white url(img/piedPage1Bleu.png) no-repeat top left;}
			#bandeauRnd.vig2Bleu{background:white url(img/piedPage2Bleu.png) no-repeat top left;}
			#bandeauRnd.vig3Bleu{background:white url(img/piedPage3Bleu.png) no-repeat top left;}
			#bandeauRnd.vig4Bleu{background:white url(img/piedPage4Bleu.png) no-repeat top left;}			
			
			#bandeauRnd.vig1Vert{background:white url(img/piedPage1Vert.png) no-repeat top left;}
			#bandeauRnd.vig2Vert{background:white url(img/piedPage2Vert.png) no-repeat top left;}
			#bandeauRnd.vig3Vert{background:white url(img/piedPage3Vert.png) no-repeat top left;}
			#bandeauRnd.vig4Vert{background:white url(img/piedPage4Vert.png) no-repeat top left;}			

			#bandeauRnd.vig1Jaune{background:white url(img/piedPage1Jaune.png) no-repeat top left;}
			#bandeauRnd.vig2Jaune{background:white url(img/piedPage2Jaune.png) no-repeat top left;}
			#bandeauRnd.vig3Jaune{background:white url(img/piedPage3Jaune.png) no-repeat top left;}
			#bandeauRnd.vig4Jaune{background:white url(img/piedPage4Jaune.png) no-repeat top left;}

			#bandeauRnd.vig1Orange{background:white url(img/piedPage1Orange.png) no-repeat top left;}
			#bandeauRnd.vig2Orange{background:white url(img/piedPage2Orange.png) no-repeat top left;}
			#bandeauRnd.vig3Orange{background:white url(img/piedPage3Orange.png) no-repeat top left;}
			#bandeauRnd.vig4Orange{background:white url(img/piedPage4Orange.png) no-repeat top left;}

			#bandeauRnd.vig1Rouge{background:white url(img/piedPage1Rouge.png) no-repeat top left;}
			#bandeauRnd.vig2Rouge{background:white url(img/piedPage2Rouge.png) no-repeat top left;}
			#bandeauRnd.vig3Rouge{background:white url(img/piedPage3Rouge.png) no-repeat top left;}
			#bandeauRnd.vig4Rouge{background:white url(img/piedPage4Rouge.png) no-repeat top left;}
			
			#foot {
				position:relative;top:-120px;width:1000px;text-align:center;
				font-family:arial;font-size:11px;color:#666;
			}