/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FDE8BE;
	margin: 0px 0px 0px;
	padding: 0px;
}
#ombrage {
	position: absolute;
	width: 960px;
	left: 50%;
	margin: 0px 0px 0px -480px;
	padding: 0px;
	text-align:center;
	background-image: url(../images/fond.gif);
	background-repeat: repeat-y;
}
#ombrage-haut {
	width: 960px;
	height:25px;
	background-image: url(../images/ombre-haut.gif);
	background-repeat: no-repeat;
}
#ombrage-bas {
	width: 960px;
	height:17px;
	background-image: url(../images/ombre-bas2.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#contenant {
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	padding: 0px;
	background-color: #FFFFFF;
	text-align:center;
	width:944px;

}
#accueil-haut0 {
	width: 944px;
	height:25px;
	background-color: #452D21;
}

.logos {
	position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
	top: 535px; /* cette zone se situe à 400 pixels du haut */
	right: 0px;
	width:944px;
	height:48px;
}



#accueil-haut {
	margin: 0px;
	padding: 15px 0px 0px;
	background-image: url(../images/fond-accueil-haut.gif);
	background-repeat: no-repeat;
	text-align:center;
	background-position: center 25px;
	
}

#accueil {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/fond-accueil.jpg);
	background-repeat: no-repeat;
	background-position: 0px 120px;
	height: 450px;
	line-height: 13px;
	color: #330000;
	
}

.accueil-texte {
margin:auto;
margin-top:0;
margin-bottom:0;
	line-height: 16px;
	width:730px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: justify;
	
}

.accueil-texte p{
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}

.accueil-menu {
	text-align:right;

	
}

#menu-bas {
	text-align: center;
	font-size: 12px;
	clear: both;
}



#bas {
	background-color:#452D21;
	clear:both;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
}

#bas a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 75px;
	padding-left: 75px;
}

#bas a:hover {
	text-decoration: underline;

}

/* tete chapitre */

#chapitre-texte {
	margin-left:20px;
	margin-right:20px;
	overflow:auto;
	height:320px;
	padding:5px;
	line-height:15px;
	text-align:justify;


}

/* chapitre 1 */

#chapitre-titre {
	text-align: center;
}
.images-titre {
margin-left:70px;


}

#chapitre1-accueil {
	height:620px;
	background-image: url(../images/chapitre1-accueil.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #F6DB9B;
}
#chapitre2-accueil {
	height:620px;
	background-image: url(../images/chapitre2-accueil.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #F6DB9B;
}

#chapitre3-accueil {
	height:620px;
	background-image: url(../images/chapitre3-accueil.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #F6DB9B;
}

#chapitre4-accueil {
	height:620px;
	background-image: url(../images/chapitre4-accueil.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #F6DB9B;
}

#chapitre5-accueil {
	height:620px;
	background-image: url(../images/chapitre5-accueil.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #F6DB9B;
}

#chapitre6-accueil {
	height:620px;
	background-image: url(../images/chapitre6-accueil.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #F6DB9B;
}

#chapitre-gauche {
	float:left;
	width:155px;
	margin-left:10px;
	font-size: 9px;
	line-height: 13px;
	padding-top: 20px;
	color: #330000;
}

#chapitre-droite {
	float:right;
	width:180px;

}

/* itineraire */

#itineraire-gauche {
	float:left;
	width:190px;
}

#itineraire-droit {
	float:right;
	width:190px;

}
#itineraire-centre {
	margin-left:205px;
	margin-right:200px;
}

#chap1-iti1 {
	exheight:630px;
	background-image: url(../images/chap1-iti1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FEF7E6;
}
#chap1-iti2 {
	exheight:630px;
	background-image: url(../images/chap1-iti2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FEF7E6;
}
#chap1-iti3 {
	background-image: url(../images/chap1-iti3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FEF7E6;
}
#chap1-iti4 {
	background-image: url(../images/chap1-iti4.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FEF7E6;
}
#chap1-iti5 {
	background-image: url(../images/chap1-iti5.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FEF7E6;
}
#chap1-iti6 {
	background-image: url(../images/chap1-iti6.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FEF7E6;
}
#itineraire-titre {
	margin:0 auto 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-variant: small-caps;
	padding-top: 10px;
}
#itineraire-titre p {
	margin:0px;
	font-size: 22px;
	line-height: 22px;
	padding: 0px;
	color: #FF5500;
}
#itineraire-titre h1 {
	font-size: 14px;
	color: #452D21;
	margin: 0px;
	padding: 0px;
}

#itineraire-texte {
	exwidth:600px;
	overflow:auto;
	height:510px;
	padding:5px 15px;
	line-height:15px;
	text-align: justify;
	background-image: url(../images/transparent.gif);
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#itineraire-texte h3 {
	font-size: 15px;
	color: #96100F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;


}

.photo-encadre {margin-bottom: 5px; border: 0px solid #96100F;}

.photo-encadre {
	margin-bottom: 5px;
	border: 0px;
}

.photo-droit {
	float:right;
	padding:0px 0px 10px 10px;
	font-size:9px;
	color:#660000;
	text-align:right;
	line-height: 12px;
}

.photo-centre {
	padding:0px 0px 10px 10px;
	font-size:9px;
	color:#660000;
	text-align:center;
	line-height: 12px;
}

.encart {
	background-image: url(../images/transparent2.gif);
	background-repeat: repeat;
	padding: 20px;
	padding-top:15px;
	padding-bottom:5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height:16px;
	text-align:justify;
}

.encart-droit {
	background-image: url(../images/transparent2.gif);
	background-repeat: repeat;
	padding: 20px;
	padding-top:15px;
	padding-bottom:5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height:16px;
	float:right;
	width:300px;
	margin-left:15px;
	margin-bottom:15px;
		text-align:justify;

}
h4 {
	font-size: 14px;
	line-height:16px;
	margin: -15px 20px 0px -20px;
	color: #452D21;
	background-image: url(../images/onglet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 20px;
}


.transparent {
	background-image: url(../images/transparent.gif);
	background-repeat: repeat;
	padding: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 11px;
	

}

.transparent a {
	color: #452D21;
	text-decoration: none;
}

.transparent a:hover {
	text-decoration: underline;
}

.pave {
	width: 180px;
	right: 10px;
	top: 265px;
	background-color: #009999;
	height: 300px;
	position: absolute;
}

a {
	color: #990000;
}

a:hover {
	border-bottom: 0px;
	text-decoration: none;
}/* indispensable pour IE seulement */

a span {display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:black} /* met le texte <span> en noir */

a:hover span {
	display: block; /* Montre le texte <span> lors du survol */
	position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
	top: 120px; /* cette zone se situe à 155 pixels du haut */
	left: 20px;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
		border: 1px solid #B57556;
		padding:5px;
		background-image: url(../images/transparent.gif);
	background-repeat: repeat;

} /* cette zone se situe à 200 pixels de la gauche*/
exa:hover span {
	display: block; /* Montre le texte <span> lors du survol */
	position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
	top: 155px; /* cette zone se situe à 155 pixels du haut */
	left: 20px;
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
		border: 1px solid #B57556;
		padding:7px;
	
	background-color:#FEF3E2;

} /* cette zone se situe à 200 pixels de la gauche*/




 /* Menu doirt*/
.menu-droit {
	background-image: url(../images/transparent2.gif);
	background-repeat: repeat;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 11px;
	margin-top: 10px;
	margin-right: 10px;
	text-align: left;
	
}
.menu-droit p {
	text-indent: -11px;
	padding-left: 11px;
	margin: 6px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	line-height: 12px;

}

.menu-droit a {
	color: #96100F;
	text-decoration: none;
}

.menu-droit a:hover {
	text-decoration: underline;
}
.menu-droit h5 {
	font-size: 12px;
	line-height:16px;
	color: #452D21;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

.menu-droit0 {
	background-image: url(../images/transparent.gif);
	background-repeat: repeat;
	padding: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 11px;
	margin-top: 20px;
	margin-right: 10px;
	text-align: left;
	
}
.menu-droit0 p {
	text-indent: -11px;
	padding-left: 11px;
	margin: 7px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

}

.menu-droit0 a {
	color: #96100F;
	text-decoration: none;
}

.menu-droit0 a:hover {
	text-decoration: underline;
}
.menu-droit0 h5 {
	font-size: 12px;
	line-height:16px;
	color: #452D21;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
}







.bouton1 a {
}
#ecards {
	height:560px;
	background-color: #FEE7BE;
	width: 944px;
}

#ecards img {
	border: 0;
}
#ecards-centre {
	margin-left:25px;
	margin-right:25px;
	height: 510px;
	overflow: auto;
}
#ecards-centre form {
	margin: 0px;
	padding: 0px;
}
#ecards-centre h1 {
	font-size: 14px;
	color: #990000;
	text-align: left;
}
#ecards-centre p {
	text-align: left;
}

.ecards-fond {
	width:160px;
	height:120px;
	background-image: url(../images/ecards-fond.gif);
	background-repeat: no-repeat;
	text-align: left;
}

#ecards-centre td {
	font-size:10px;
	color: #9A0202;
	
}



.bouton {
padding-bottom:10px;
}
#biblio {
	text-align: left;
	height: 510px;
	margin-right: 0px;
	margin-left: 10px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: auto;
	padding-bottom: 10px;
}
#biblio h1 {
	font-size: 14px;
	color: #990000;
}
#biblio h2 {
	font-size: 12px;
	color: #FE833D;
}
#biblio p {
	padding-left: 20px;
}

 /* Formulaires*/


form {
margin:0;
padding:0;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFF0DD;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFF0DD;
}

.case {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFF0DD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #452D21;
	border-right-color: #9E0C0A;
	border-bottom-color: #9E0C0A;
	border-left-color: #452D21;
}
.visualisation {
	position: absolute;
	top: 630px;
	width: 100%;
}