* {
	margin: 0;
	padding: 0;
}

/* __________________________________________________________________________________________________________________ */
/* information génaral, qui ce trouve sur tte les pages du site: ---------------------------------------------------- */

body {
	background:url(images/haut_bandeaux.jpg) repeat-x center top;
	background-color: #F9FAF4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #362E25;
}


.pere{					/* c'est le conteneur des toutes le site, sa permet de centre le site*/
	margin:auto;
	width:1024px;
}

.p_header{
	width:1024px;
	height:251px;
	background:url(images/bandeau.jpg) no-repeat center;
}


.p_header_info_haut_bouton{			/* la ou ce trouve le bouton nous contacter */ 
	float:left;
	width:460px;
	height:50px;
}

.p_header_info_haut{
	float:left;
	width:564px;
	height:50px;
}

.p_header_info_center_vide{
	float:left;
	width:1024px;
	height:206px;
}

.p_body{
	width:1024px;
	margin:auto;
	background:url(images/fond_body.jpg) repeat-y center;
}

.p_deco_feuille{
	width:44px;
	height:106px;
	background:url(images/feuille_deco.jpg) no-repeat left;
}

.pied{
	clear:both;
}



/* ____________________________________________________________________________________________________________________________________________________ */
/* colonne de gauche avec toute les div qui lui appartient, possitionnement du text des image etc: ---------------------------------------------------- */

.p_body_colonne_gauche{
	float:left;
	width:300px;
	background:#DEEFB8;
	border-left:1px #82A33C solid;
	border-right:1px #82A33C solid;
}


/* ____________________________________________________________________________________________________________________________________________________ */
/* colonne de droite avec toute les div qui lui appartient, possitionnement du text des image etc: ---------------------------------------------------- */

.p_body_colonne_droit{
	float:left;
	width:722px;
}

.p_body_colonne_droit_info{
	width:664px;
	margin:auto;
	background-color:#D6D3D3;
	padding:20px;
}

.p_body_colonne_droit_info_invisible{
	width:664px;
	margin:auto;
	background-color:#F9FAF4;
}

.p_body_colonne_droit_info_demi{
	float:left;
	width:280px;
	margin:auto;
	background-color:#D6D3D3;
	margin-left:10px;
	margin-right:10px;
	padding:15px;
}

.p_body_colonne_droit_info_demi_centre{
	width:280px;
	margin:auto;
	background-color:#D6D3D3;
	padding:15px;
}

.p_body_colonne_droit_gallerie{
	width:664px;
	height:219px;
	margin:auto;
	background:url(images/fond_gallerie.jpg) no-repeat center;
	margin-bottom:10px;
	padding-left:49px;
	padding-top:27px;
}

/* ____________________________________________________________________________________________________________________________________________________ */
/* footer : ------------------------------------------------------------------------------------------------------------------------------------------- */


.p_footer{
	width:100%;
	height:213px;
	background:url(images/footer.jpg) repeat-x ;
}

.p_footer_pied{
	color:#D9D3B9;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

.p_footer_pied_vert{
	color:#73C013;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

.p_footer_pied a {
	color: #73C013;
	font-weight:bold;
	text-decoration: none;
}



.p_footer_pied a:hover {
	border-bottom:1px #73C013 dashed;
}

/* __________________________________________________________________________________________________________ */
/* cadre pour les entete des page avec leur logo simpa : ---------------------------------------------------- */

.logo_page_conteneur{
	width: 700px;
	margin:auto;
	margin-bottom:10px;
}

.logo_page_logo{
	float:left;
	width:120px;
	height:89px;
}



.logo_titre_h2{
	display:block;
	color:#4B3830;
	font-size:26px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	padding-top:10px;
	padding-bottom:3px;
}

.logo_titre_description{
	display:block;
	color:#7E6A58;
	width:100%;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px #7E6A58 solid;
	font-style:italic;
	font-weight:bold;
}




/* __________________________________________________________________________________ */
/* information text du bandeau : ---------------------------------------------------- */

.titre_bandeau{
	color:#362E25;
	font-size:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:right;
}

.sous_titre_bandeau{
	color:#ffffff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
}




/* _______________________________________________________________________________ */
/* information text du body: ---------------------------------------------------- */

.text_info_1_normal{
	color:#362E25;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	text-align:justify;
	line-height:15px;
	letter-spacing:1px;
}

.text_info_1, .text_info_2{
	color:#362E25;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	text-align:justify;
	line-height:25px;
	letter-spacing:1px;
	margin-bottom:5px;
}

.text_info_2{
	color:#65AA00;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
}

.text_info_3 {
	color:#362E25;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	text-align:justify;
	letter-spacing:1px;
}

.text_info_4 {
	color:#362E25;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	text-align:justify;
	line-height:10px;
	letter-spacing:1px;
	text-decoration:underline;
	margin-bottom:5px;
	margin-top:5px;
}

.lettre_text_info_1{
	color:#6DA038;
	font-size:35px;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
}

.lettre_text_info_2{
	color:#6DA038;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
}

.p_body_gauche_h2{
	display:block;
	width:626px;
	color:#4B3830;
	padding-bottom:8px;
	margin-bottom:5px;
	font-size:22px;
	font-weight:bold;
	border-bottom:#4B3830 dashed 1px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

.p_body_gauche_titre_2{
	display:block;
	width:626px;
	color:#7E6A58;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	border-bottom:#4B3830 dashed 1px;
	margin-bottom:5px;
}

.text_center{
	color:#7E6A58;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

.text_droite{
	color:#7E6A58;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	text-align:right;
}

.text_centre_fonce{
	color:#4B3830;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

.text_gauche{
	color:#7E6A58;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	text-align:left;
}

.text_titre_centre{
	display:block;
	color:#4B3830;
	font-size:26px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	padding-top:10px;
	padding-bottom:3px;
	text-align:center;
}



.text_titre_tableau{
	color:#362E25;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	letter-spacing:1px;
}

.text_titre_tableau_vert{
	color:#6DA038;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	letter-spacing:1px;
}

.lettre_text_tableau{
	color:#6DA038;
	font-size:35px;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
}








/* _______________________________________________________________________________ */
/* information menu : ------------------------------------------------------------ */

.menu {
	float:right;
	width:723px;
	height:43px;

}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	display: block;
	float: left;
	height: 43px;
	margin-left:5px;
	margin-right:5px;
}



.menu a {
	display: block;
	padding: 7px;
	margin-right: 2px;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	color:#CDBA8D;
	font-size:16px;
	font-weight:bold;
}

.menu a:hover {
	border:none;
	color:#92BC13;
}

.menu .current_page_item {
	display: block;
	padding: 7px;
	margin-right: 2px;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	color:#92BC13;	
	font-size:16px;
	font-weight:bold;
}

.a-contenu{
	display: block;
	padding: 7px;
	margin-right: 2px;
	text-decoration: none;
	text-transform: capitalize;
	color:#362E25;
	font-size:16px;
	font-weight:bold;
}

.a-contenu:hover {
	border:none;
	color:#92BC13;
}

.a-contenu2{
	display: block;
	padding: 7px;
	margin-right: 2px;
	text-decoration: none;
	text-align:center;
	text-transform: capitalize;
	color:#362E25;
	font-size:25px;
	font-weight:bold;
}

.a-contenu2:hover {
	border:none;
	color:#92BC13;
}


/* _______________________________________________________________________________ */
/* different lien du site : ------------------------------------------------------------ */


.btm_contacter{
	float:right;
	width:123px;
	height:50px;
	background:url(images/btm_contacter.jpg) no-repeat center top;
}

.btm_contacter:hover{
	background:url(images/btm_contacter_select.jpg) no-repeat center top;
}



/* _______________________________________________________________________________________ */
/* information sur le menu de gauche: ---------------------------------------------------- */

.conteneur_lien{
	width:300px;
	height:93px;
	margin:auto;
}

.btm_gite{
	float:left;
	width:100px;
	height:93px;
	background:url(images/btm_gite.jpg) no-repeat right top;
}

.btm_gite:hover{
	background:url(images/btm_gite_select.jpg) no-repeat right top;
}

.btm_ab{
	float:left;
	width:100px;
	height:93px;
	background:url(images/btm_ab.jpg) no-repeat center top;
}

.btm_ab:hover{
	background:url(images/btm_ab_select.jpg) no-repeat center top;
}

.btm_valle{
	float:left;
	width:100px;
	height:93px;
	background:url(images/btm_valle.jpg) no-repeat left top;
}

.btm_valle:hover{
	background:url(images/btm_valle_select.jpg) no-repeat left top;
}


/* _______________________________________________________________________________________ */
/* information sur le menu de gauche: ---------------------------------------------------- */

.conteneur_menu_grand{
	width:300px;
	margin:auto;
	margin-top:10px;
}

.menu_grand_diapo{
	float:left;
	width:300px;
	height:62px;
	background:url(images/menu_grand_diapo.jpg) no-repeat right top;
}
.menu_grand_diapo:hover{
	background:url(images/menu_grand_diapo_select.jpg) no-repeat right top;
}

.menu_grand_livre{
	float:left;
	width:300px;
	height:62px;
	background:url(images/menu_grand_livre.jpg) no-repeat right top;
}
.menu_grand_livre:hover{
	background:url(images/menu_grand_livre_select.jpg) no-repeat right top;
}

.menu_grand_activite{
	float:left;
	width:300px;
	height:62px;
	background:url(images/menu_grand_activite.jpg) no-repeat right top;
}
.menu_grand_activite:hover{
	background:url(images/menu_grand_activite_select.jpg) no-repeat right top;
}

.menu_grand_tarifs{
	float:left;
	width:300px;
	height:62px;
	background:url(images/menu_grand_tarifs.jpg) no-repeat right top;
}
.menu_grand_tarifs:hover{
	background:url(images/menu_grand_tarifs_select.jpg) no-repeat right top;
}

.menu_grand_idee{
	float:left;
	width:300px;
	height:62px;
	background:url(images/menu_grand_idee.jpg) no-repeat right top;
}
.menu_grand_idee:hover{
	background:url(images/menu_grand_idee_select.jpg) no-repeat right top;
}

.menu_grand_plan{
	float:left;
	width:300px;
	height:62px;
	background:url(images/menu_grand_plan.jpg) no-repeat right top;
}
.menu_grand_plan:hover{
	background:url(images/menu_grand_plan_select.jpg) no-repeat right top;
}

.menu_grand_contact{
	float:left;
	width:300px;
	height:62px;
	background:url(images/menu_grand_contact.jpg) no-repeat right top;
}
.menu_grand_contact:hover{
	background:url(images/menu_grand_contact_select.jpg) no-repeat right top;
}

.menu_grand_autre_heber{
	float:left;
	width:300px;
	height:64px;
	background:url(images/menu_grand_autre_heber.jpg) no-repeat right top;
}
.menu_grand_autre_heber:hover{
	background:url(images/menu_grand_autre_heber_select.jpg) no-repeat right top;
}





/* _______________________________________________________________________________ */
/* information cadre nous contacter: ---------------------------------------------------- */


.nous_contacter_col_gauche{
	float:left;
	width:264px;
	
	
}

.nous_contacter_col_droite{
	float:left;
	width:400px;
}

/* _______________________________________________________________________________ */
/* diaporama : ------------------------------------------------------------------- */

/* jQuery lightBox plugin - Gallery style */
.gallery {
	float:right;
	background-color: #F9FAF4;
	width: 510px;
	margin-right:38px;
}
.gallery ul { 
	list-style: none; 
	float:right;
}
.gallery ul li { 
	display: inline; 
}
.gallery ul img {
	border: 5px solid #D0D0D0;
	border-width: 5px 5px 20px;
	
}
.gallery ul a:hover img {
	border: 5px solid #E3E3E3;
	border-width: 5px 5px 20px;
	color: #fff;
}
.gallery ul a:hover { 
	color: #fff; 
}

/* _______________________________________________________________________________ */
/* acces plan : ------------------------------------------------------------------- */

.conteneur_centre_acces{
	margin:auto;
	width:562px;
}

.fond_google_map{
	margin:auto;
	width:562px;
	height:413px;
	background:url(images/fond_acces.jpg) no-repeat center;
}

.placement_map{
	position:absolute;
	margin-left:31px;
	margin-top:32px;
}

#map { 
	width:500px; 
	height:350px; 
}

/* ____________________________________________________________________________________________ */
/* Disposition photo text : ------------------------------------------------------------------- */

.pere_disposition{
	width:100%;
	margin:auto;
	padding:10px;
}

.cadre_100{ float:left; width:100%; }
.cadre_90{  float:left; width:90%; }
.cadre_80{  float:left; width:80%; }
.cadre_70{  float:left; width:70%; }
.cadre_60{  float:left; width:60%; }
.cadre_50{  float:left; width:50%; }
.cadre_40{  float:left; width:40%; }
.cadre_30{  float:left; width:30%; }
.cadre_20{  float:left; width:20%; }
.cadre_10{  float:left; width:10%; }


.fond_photo{
	float:left;
	margin:auto;
	background:url(images/fond_photo.jpg) no-repeat center;
	width:100%;
	height:158px;
}

.pos_photo{
	position:absolute;
	margin-top:12px;
	margin-left:33px;
}

.pos_photo2{
	position:absolute;
	margin-top:12px;
	margin-left:66px;
}



