/* CSS Document */
body{
	padding-left:10px;
	padding-right:10px;
	margin-top: 10px; 
	margin-bottom:10px;
	/*margin:0px;*/
	background-image: url("../image/structure/whdcross.jpg");
	background-color:white;/*#397753;*/
}
/* Bannière */
#banniere{
	/*width: 100%;  /*On définit la largeur de l'image */
	height: 150px; /* On définit la hauteur de l'image */
	background-image:  url("../image/structure/banniere/banniere_Verte.jpg");
	background-repeat: no-repeat;
	background-color: #FFFFFF ;
}

/* Bannière extensible */
#banniere_gauche{
	float: left; /* La première partie sera à gauche*/
	width: 250px; /* On définit la largeur de l'image */
	height: 150px; /* On définit la hauteur de l'image */
	background-image:  url("../image/structure/banniere/Banniere150_01.jpg");
	background-repeat: no-repeat;
	margin-right: -5px; /*Pour que la partie 1 se colle à la 2.*/
}

#banniere_centre{
	width:auto; /* Se répétera sur la place qu'on lui donne. */
	height: 150px; /* On définit la hauteur de l'image */
	background:  url("../image/structure/banniere/Banniere150_02.jpg") center;
}

#banniere_droite{
	float: right; /* La dernière partie est à droite */
	width: 429px;
	height: 150px; /* On définit la hauteur de l'image */
	background:  url("../image/structure/banniere/Banniere150_03.jpg") right no-repeat;
	margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}
#diapo{
	/*border: 2px solid black;*/
	float:left;
	padding-top:10px;
	padding-bottom:15px;
	width:220px;
	height:300px;
}
#contenu{
	margin-left: 225px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	height:400px;
	/*background-color: white;
	background-image: url("../image/wh_cross.jpg");*/
   
	/*border: 2px solid black;*/
}
html>body #contenu{
	height:auto;
	min-height:400px;

}
#pied_page{
	padding: 5px;
   	/*margin-left: 225px;*/
	font-family:MONOTYPE CORSIVA;
	/*font-family:arial;*/
	font-size:16px;
	color: black;
	text-align:center;
	background-image:  url("../image/structure/pied_page/pied.jpg");
	background-repeat: repeat-x;
   
	/*border: 2px solid black;*/
}
#pied_gauche{
	float: left; /* La première partie sera à gauche*/
	width: 40px; /* On définit la largeur de l'image */
	height: 15px; /* On définit la hauteur de l'image */
	background:  url("../image/structure/pied_page/logoPiedPage.png")left no-repeat;
	margin-right: -5px; /*Pour que la partie 1 se colle à la 2.*/
}

#pied_centre{
	line-height:5px;
	width:100%; /* Se répétera sur la place qu'on lui donne. */
	/*height: 150px;  On définit la hauteur de l'image */
}

#pied_droite{
	float: right; /* La dernière partie est à droite */
	width: 40px;
	height: 15px; /* On définit la hauteur de l'image */
	background:  url("../image/structure/pied_page/logoPiedPage.png") right no-repeat;
	margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}

#administration{
	text-align:center;
	width: 100%;
}

.temoignage{
	margin:auto;
	width:550px;
}

.nom_temoignage{
	text-align:right;
	font-size:14px;
	font-style:italic;
	color:#d18d36;
}
.nom_gallerie{
	text-align:center;
	font-size:14px;
	font-style:italic;
	color:#d18d36;
}

.centrer{text-align:center;}
.centrer{
	text-align:center;
	margin:auto;
}
.agauche{text-align:left;}
.adroite{text-align:right;}
.floatdroite{
	float:right;
	padding-right: 60px;
}
.floatgauche{
	float:left;
	padding-left: 40px;
	padding-top: 10px;
}
.blocdroite{
	float:right;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.blocgauche{
	float:left;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.lienlangue{
	color: #774c00;
	text-decoration:none;
}
.lienadmin{
	color: #774c00;
	cursor:default;
}
.lienadmin:hover{
	cursor:default;
}
.lienepee{
	color: black;
}
.galerie {
	font-family:MONOTYPE CORSIVA;
	font-size:26px;
	color: black;
	text-align:center;
}
.ecadre{
	/*width : 90%;Largeur de l'interface que vous voulez mettre en % ou px 
	margin:auto; */
}

/* ********** Les 3 images du haut du Design ********** */
.ehaut_1{
	background :  url(../image/structure/cadre/cadre_01.jpg) bottom left no-repeat;
	padding-left : 40px;
}

.ehaut_2{
	background :  url(../image/structure/cadre/cadre_03.jpg) bottom right no-repeat;
	padding-right : 40px;
}

.ehaut{
	background :  url(../image/structure/cadre/cadre_02.jpg) bottom center repeat-x;
	padding : 40px;
	
	/* On met un padding-top ou un padding-bottom dans la balise qui est le plus à l'intérieur comme ça les autres div qui contiennent celle-ci seront redimmensionnées automatiquement.
	Note l'attribut "height" créer des problèmes, notament sous Internet Explorer  */
}

/* ********** La partie Contenant ********** */
.econtenu_1{
	background :  url(../image/structure/cadre/cadre_04.jpg) left repeat-y;
	padding-left : 40px;
}

.econtenu_2{
	background :  url(../image/structure/cadre/cadre_06.jpg) right repeat-y;
	padding-right : 40px;
}

.econtenu{
	background :  url(../image/structure/cadre/cadre_05.jpg);
	/*background-color : #686A65;  /* Si le serveur déconne et n'affiche pas l'image de background, on met une couleur à la place */
	font-family : Verdana, Arial, Helvetica, sans-serif; /* Nom de la police utilisée */
	font-size : 40px; /* Taille de la police */
	color : black; /* Couleur de la police */
	text-align:justify;
}

/* ********** les 3 images du bas du Design ********** */
.ebas_1{
	background :  url(../image/structure/cadre/cadre_07.jpg) top left repeat-x;
	padding-left : 40px;
}

.ebas_2{
	background :  url(../image/structure/cadre/cadre_09.jpg) top right repeat-x;
	padding-right : 40px;
}

.ebas{
	background :  url(../image/structure/cadre/cadre_08.jpg) top center repeat-x;
	padding-top : 40px;
}

hr {
	color : #92794D;
	background-color : #774c00;
	border-color : #774c00;
}
h2 {
	 font-family:MONOTYPE CORSIVA;
}

a.liens{}
a.liens:link {color: #D18D36}
a.liens:visited {color: #774C00}
a.liens:hover {color: #774C00}
a.liens:active {color: #D18D36}