body{
	margin:0;
	padding:0;
	text-align: center;
	background-color: #441d17;
	font-family: Arial;
	font-size: 100%;
	color: #FFFFFF;
}

/* Conteneur global*/
#contenant {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-image:url(../images/fondPage.jpg);
	background-repeat:repeat-y;
}

/* En tête */
#header {
	width : 760px;
	margin: 0 auto;
	background: url(../images/bandeau.gif);
	height: 100px;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	position: relative;
}
#header h1{
	margin: 0;
	position: absolute;
	top: 10px;
	left: 20px;
	font-family: Arial;
	font-size: 19px;
}
#header hr{
	width: 325px;
	background-color:#64676b;
	height:1px;
	border:0;
	margin: 5px 0px 0px 0px;
	text-align:left;
}
* html body #header hr{
	margin:0px 0px 0px 0px;
}
#header h2{
	margin: 0;
	width: 320px;
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
}


/* Menu horizontal*/
ul#menu{
	padding:0px;
	margin:0px auto;
	width: 760px;
	height: 29px;	
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color:#FFCC33;
	list-style-type: none ;
}
ul#menu.seul{
	background-image: url(../images/bg_menuSeul.gif);
}
ul#menu li {
	float:left;
	text-align: center;
	padding-top:1px;
	margin: 0px 0px 0px 0px;
	
}
#menu li a{
	height:29px;
	width: 190px;
	padding: 0px;
	margin:0px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
}
ul#menu.seul li a{
	width: 740px;
	text-align:left;
	padding-left: 20px;
	padding-top: 7px;
	height:22px;
}
* html body ul#menu li a{
	height: 28px;	
	line-height: 14px;
}

ul#menu li a:hover{
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: 2px -30px;
}
ul#menu.seul li a:hover, ul#menu.seul li a.actif{
	background-image: url(../images/bg_menuSeul.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

ul#menu li a.actif{
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: 2px -30px;
}

/* Div Fil d'Ariane*/

/*#filariane{
	background-color:#cdd1d6;
	color:#666666;
	padding: 1px 0px 1px 2px;

}
*/
/* Div du milieu contenant*/
#milieu{
	border-top:1px solid #FFF;
	padding-bottom:0;
	width: 760px;
	margin: 0px 0px 0px 19px;
	float:left;	
}
* html body #milieu{
	margin: 0px 0px 0px 10px;
	width: 759px;
}
/* Menu de gauche*/
#colonneGauche{
	width: 150px;
	float:left;
	margin: 0px 0px 0px 0px;
}

#colonneGauche ul{	
	padding: 0px;
	width: 143px;
	margin:30px 0px 30px 0px;
	padding:0px 0px 0px 10px;
	font-size: 75%;
}

#colonneGauche ul li {
	margin:0px 0px 0px 0px;
	padding:4px 13px 4px 0px;
	border-bottom: 1px solid #dee1e4;
	text-decoration: none;
	list-style: none;
}
#colonneGauche ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #9e4809;
	text-decoration: none;
	font-weight:bold;
}
#colonneGauche ul li a:HOVER{
	color: #d7940e;
}

#colonneGauche ul li.actif{
	border-top: 1px solid #dee1e4;
	background-color:#b9bfc5;
	margin-left: -10px;
	margin-top: -1px;
	padding-left:10px;
}
* html body #colonneGauche ul li.actif{
 	border-bottom:1px solid #dee1e4;
	padding: 4px 12px 4px 10px;
	margin: 0px 2px 0px -10px;
}
#colonneGauche ul li ul{
	font-size:90%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
* html body #colonneGauche ul li ul{
	margin: 0px -20px 0px -10px;
	padding: 0px 0px 0px 30px;
	width:130px;
}
#colonneGauche ul li li{
	border: 0px;
	list-style-type: none;
}
#colonneGauche ul li li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #9e4809;
	text-decoration: none;
	font-weight:normal;
}

#colonneGauche ul li li a.actif{
	display: list-item;
	color: #9e4809;
	list-style-image:  url(../images/puceMenu.jpg);
}

#colonneGauche p {
	font-size: 55%;
	font-weight: bold;
	text-align:center;
	margin:0px;
	padding:0px;
}
#colonneGauche p.gauche{
	font-size: 75%;
	font-weight: bold;
	text-align:left;
	margin:-5px 0px 10px 10px;
	padding:0px;
}
/*#bascontenu{
	border-top-style: solid;
	border-width: 2px;
	border-color: #cdd1d6;
}

#quizcourt{
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	width: 275px;
	border-width: 2px;
	border-color: #cdd1d6;
}

#faqcourt{
	float: right;
	width: 270px;
}

.imp{
	color: #9e4809;
	font-weight:bold;
	text-align: justify;	
}
*/

/* Pied de page*/	
#footer{
	height: 50px;
	width: 760px;
	margin: 0px 0px 0px 20px;
	background: url(../images/footer.jpg) repeat-x;
	color: #fff;
	text-align: center;
	clear:both;
	border-bottom: 1px solid #fff;
}

#footer a{
	position:relative;
	font-family: Arial;
	font-size: 75%;
 	color: #FFFFFF;
	text-decoration: none;
	line-height: 60px;
}
* html body #footer a{
	line-height: 50px;
}
#footer a:hover{
	text-decoration: underline;
}

/* Contenu de droite*/
#colonneDroite{
	margin-left:150px;
	padding: 10px 20px 20px 20px;
}
* html body #colonneDroite{
	width: 555px;
}
#colonneDroite h1{
	font-size: 150%;
	color: #2d455c;
	font-weight: bold;
}
#colonneDroite h1.plusPetit{
	font-size:130%;
	margin-top:0px;
}
#colonneDroite h2{
	font-size: 120%;
	color: #2d455c;
	font-weight: bold;
}
#colonneDroite h3{
	font-size: 100%;
	color: #2d455c;
	font-weight: bold;
	margin: 15px 0px 5px 0px;
}
a,a:VISITED{
	color: #9e4809;
	text-decoration: none;
}
a:HOVER {
	color: #9e4809;
	text-decoration: underline;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:0px;
	padding-bottom: 10px;
	padding-left: 3px;
	color: #2d455c;
	font-size:75%;
}
p.icone img{
	border: 0px;
	vertical-align:middle;
	margin-right: 8px;
}
p.icone a:HOVER{
	text-decoration:none;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d455c;
	font-size:75%;
	margin: 0px 0px 15px 35px;
	padding: 0px 0px 0px 0px;
}
li{
	color: #2d455c;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	color: #2d455c;
	font-size:75%;
	margin: 0px 0px 15px 35px;
	padding: 0px 0px 0px 0px;
}
ul li ol {
	font-size: 100%;
	margin-top: 5px;
}
ul li ul {
	font-size: 100%;
	margin-top: 5px;
}
p.source{
	font-size: 70%;
	padding: 0px 25px 10px 25px;
}
div#noteBasPage{
	margin-top: 15px;
}
div#noteBasPage hr{
	border: 0px;
	border-bottom: 1px dashed #2d455c;
	width:25%;
	float:left;	
	height:1px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
* html body div#noteBasPage hr{
	margin: 5px 0px -5px 0px;
	padding: 0px 0px 0px 0px;
}

div#noteBasPage p {
	clear:both;
	color: #2d455c;
	font-size: 60%;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}
hr{
	border: 0px;
	height:1px;
	border-bottom:1px solid #86939f;
	margin:0px;
	padding:0px;
}
div#gauche{
	float:left;
	width: 270px;
	border-right:1px solid #86939f;
	padding: 0px 10px 0px 0px;
}

div#droite{
	float:left;
	width: 270px;
	padding: 0px 0px 0px 10px;
}
div#gauche h1, div#droite h1{
	font-size: 110%;
}
div#gauche p.chiffre{
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
}
* html body div#gauche p.chiffre{
	margin: -15px 0px 5px 5px;
}
p.question{
	padding: 0px 0px 10px 20px;
}
p.reponse{
	padding: 0px 0px 10px 20px;
}
div.laReponse{
	margin: 5px 20px 20px 20px;
	border: 1px dashed #d7940e;
	padding: 5px 5px 5px 5px;
}
.flecheHaut{
	border:0px;
}