@charset "utf-8";
/* CSS Document */

/* ________________________________________________ => CORPS DE PAGE */

html {font-size: 100%;}

body {
	background:url(gfx/bg_body.png) repeat-x top #d6e7f1;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em; 
	color:#765a17;
	text-align:center;
	}
			
#main{
	display:block;
	width:1017px;
	margin:auto;
	font-size:1.1em; 
	text-align:left;
	}

.clearboth {
	background:none;
	clear:both;
	float:none;
	margin:0;
	padding:0;
	width:0px;
	height:0px;
	line-height:0px;
}

img {
	margin:0;
	border:0;
	}

.left {
	float: left;
	margin: 0;
	padding: 0;
	}

.right {
	float: right;
	margin: 0;
	padding: 0;
	}
	
	
	
.marge-left	{
margin-left : 20px;
    }

.marge-right	{
margin-right : 20px;
    }

.marge-top	{
margin-top : 20px;
    }	
/* ________________________________________________  => LIENS */

a:link, a:active, a:visited {
	text-decoration: underline;
	color:#ffc001;
	}
	
a:hover {
	text-decoration: none;
	color:#ffc001;
	}

a.marron {
	color:#765a17;
	font-weight: bold;
	text-decoration: underline;
	}
a.marron2 {
	color:#765a17;
	font-weight: bold;
	text-decoration: underline;
	}
a.marron3 {
	color:#765a17;
	font-weight: normal;
	text-decoration: underline;
	}
	
a.marron4 {
	color:#765a17;
	font-weight: bold;
	text-decoration: none;
	}	
	
a.marron3:hover {
text-decoration: none;
	}	
		
a.marron2:hover {
text-decoration: none;
	}		
#central.accueil a.marron2 {
	color:#765a17;
	font-weight: bold;
	text-decoration: underline;
	}	
#central.accueil a.marron2:hover {
	text-decoration: none;
	}	

a.orange {
	color:#FFC001;
	}

a.blanc {	
	color: #FFFFFF;
	text-decoration: underline;
	}

a.bleu {
	color: #4f99d6;
	text-decoration: underline;
	}
	
/* ________________________________________________  => POLICES */


p {
	margin:10px 0;
	padding:0;
	font-size:1em;
	text-align:justify;
	}
	
h1{
	font-size:1.1em;
	margin:20px 0 30px 8px;
	padding:0 0 8px 0;
	border-bottom: 1px solid #f9e3a8;
	}
	
h2{
	margin:0;
	padding:0;
	font-size:1em;
	}	
	
h3{
	margin:0;
	padding:0;
	font-size:1em;
	}	

.cadre {
	border: #765a17 1px solid;
	padding-left: 10px;
	margin-top: 10px;
	}

.petit_cadre {
	border: #765a17 1px solid;
	padding-left: 10px;
	margin-top: 10px;
	width: 380px;
	margin: 0 auto;
	}


			
/* ________________________________________________________________  => HEADER  */

#maincontent{
	background:url(gfx/bg_main.png) repeat-y top #d6e7f1;
	}

#header{
	background:url(gfx/header1.jpg) no-repeat top left;
	height:198px;
	padding-left:50px;
	}
	
#header.accueil{
	background:url(gfx/header_accueil.jpg) no-repeat top left;
	}
	
#header.enfants{
	background:url(village/gfx/header_enfants.jpg) no-repeat top left;
	}

#header.village{
	background:url(village/gfx/header_village.jpg) no-repeat top left;
	}

#header.mobilpo{
	background:url(hebergement/gfx/header_mobilpo.jpg) no-repeat top left;
	}
	
#header.centre{
	background:url(village/gfx/header_centre.jpg) no-repeat top left;
	}

#header.activites{
	background:url(village/gfx/header_activites.jpg) no-repeat top left;
	}

#header.commerces{
	background:url(village/gfx/header_commerces.jpg) no-repeat top left;
	}
	
#header.thalasso{
	background:url(thalasso/gfx/header_thalasso.jpg) no-repeat top left;
	}

#header.emplacements{
	background:url(hebergement/gfx/header_emplacements.jpg) no-repeat top left;
	}

#header.hebergement{
	background:url(hebergement/gfx/header_hebergement.jpg) no-repeat top left;
	}

#header.tente{
	background:url(hebergement/gfx/header_tente.jpg) no-repeat top left;
	}

#header.region{
	background:url(village/gfx/header_region.jpg) no-repeat top left;
	}

#header.cinq {
	background:url(hebergement/gfx/header_5pers.jpg) no-repeat top left;
	}

#header.toutes {
	background:url(hebergement/gfx/header_toutes.jpg) no-repeat top left;
	}

#header.terrasse{
	background:url(village/gfx/header_terrasse.jpg) no-repeat top left;
	}
	
#subHeader {
	background:url(gfx/bg_subheader.jpg) no-repeat top left;
	height:36px;
	padding-left:126px;
	}
	
#subHeader #drapeaux {
	float:left;
	padding-top:19px;
	}
	
#subHeader #drapeaux img{
	margin-right:8px;
	}
	
#subHeader #menuSecondaire {
	float:left;
	text-align:right;
	padding: 20px 0 0 0;
	width:705px;
	}
	
#subHeader #menuSecondaire ul{
	float:right;
	margin:auto;
	padding:0;
	list-style:none;
	font-weight:bold;
	}
	
#subHeader #menuSecondaire ul li{
	float:left;
	margin:0;
	padding:0;
	margin-left:20px;
	color:#ffffff;
	}
	
#subHeader #menuSecondaire ul li.clearboth{
	float:none;
	margin:0;
	}
	
#subHeader #menuSecondaire ul li a{
	color:#d29f27;
	text-decoration:none;
	}

		
/* ________________________________________________________________  => COLONNE GAUCHE  */

#central {
	width:1017px;
	background:url(gfx/bg_central.jpg) right top no-repeat;
	}
	
#central.accueil {
	background:url(gfx/bg_acc_central.jpg) right top no-repeat;
	}

#columnMenu {
	float:left;
	width:273px;
	background:url(gfx/bg_menu.jpg) top left no-repeat;
	text-align:center;
	height: 803px;
	}
	
#columnMenu.accueil{
	background:url(gfx/bg_acc_menu.jpg) top left no-repeat;
	height: auto;
	}
	
#columnMenu img{
	margin:20px auto 10px auto;
	}
	
#columnMenu ul#menu{
	list-style:none;
	margin:30px 38px 0 48px;
	padding:0;
	text-align:left;
	}
	
#columnMenu ul#menu li{
	color:#FFFFFF;
	background:url(gfx/bg_menu_ul_li.png) repeat-x bottom;
	margin:0 0 10px 0;
	padding:0 0 10px 3px;
	font-weight:bold;
	}
	
#columnMenu ul#menu li a, #columnMenu ul#menu li.active ul li a{
	color:#FFFFFF;
	text-decoration:none;
	}

#columnMenu ul#menu li.active a{
	color:#ffc001;
	}
	
#columnMenu ul#menu li a:hover{
	text-decoration:underline;
	}
	
#columnMenu ul#menu li.active ul{
	display:block;
	}
	
#columnMenu ul#menu li ul{
	display:none;
	list-style:none;
	padding:0;
	margin:0;
	}
	
#columnMenu ul#menu li ul.active{
	display:block;
	}
	
#columnMenu ul#menu li ul li{
	color:#FFFFFF;
	background:url(gfx/bg_menu_ul_li_ul_li.png) no-repeat left top;
	margin:0;
	padding:3px 0 0 15px;
	font-weight:normal;
	}
	
	#columnMenu ul#menu li ul li.active{
		color:#ffc001;
		background:url(gfx/bg_menu_ul_li_ul_li_active.png) no-repeat left top;
		}
		
	#columnMenu ul#menu li ul li.active a{
		color:#ffc001;
		}

#columnMenu ul#menu li.active ul li ul{
	display:none;
	list-style:none;
	padding:0;
	margin:0;
	}
	
	#columnMenu ul#menu li ul.active li ul.active{
		display:block;
		}
		
	#columnMenu ul#menu li ul.active li ul.active li a{
		color:#ffffff;
		}
		
	#columnMenu ul#menu li ul.active li ul.active li.active a{
		color:#ffc001;
		}

#columnMenu #lienFrance4{
	padding: 0;
	}
	
#columnMenu.accueil #lienFrance4{
	padding: 0;
	}

/* ________________________________________________________________  => CONTENU TEXTE  */

#content {
	float:left;
	width:700px;
	background:url(gfx/bg_content.jpg) repeat-x top;
	}
	
#content.accueil {
	background:url(gfx/bg_acc_content.jpg) repeat-x top;
	}

#poucet {
	float:right;
	background:url(gfx/bg_poucet.png) repeat-x top;
	margin:10px 0 0 0;
	padding:15px 0 0 0;
	text-align:right;
	width:570px;
	color:#FFFFFF;
	font-size:0.9em;
	}

#poucet a {
	color:#FFFFFF;
	}

div.zonefocus {
	float:right;
	width:300px;
	margin-top: 15px;
	}
	
div.zonefocus div.focus{
	background: url(gfx/bg_focus.png) repeat-x top #fbfcfe;
	margin:0 0 0 20px;
	padding:15px 15px 15px 20px;
	border:1px solid #85c0e8;
	text-align:center;
	width:232px;
	float: right;
	}

div.zonefocus div.contact{
	text-align:right;
	margin-top: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	}
	
div.zonefocus div.focus img{
	border:1px solid #FFFFFF;
	margin-bottom:20px;
	}
	
div.zonefocus div.focus p{
	color:#787878;
	}
	
div.zonefocus div.focus h2{
	color:#0684c1;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
	margin-bottom:13px;
	}
	
div.zonefocus div.focus h3{
	color:#0684c1;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
	}

div.galerie {
	margin:40px 40px 40px 70px;
	}
	
div.galerie div.galerieLeft {
	float:left;
	width:160px;
	font-size:0.7em;
	}
	
div.galerie div.galerieLeft div#galerieVignettes{
	width:160px;
	color:#017db6;
	}
	
div.galerie div.galerieLeft div#galerieVignettes img.galerieImg{
	opacity:1;
	}
	
div.galerie div.galerieLeft a, div.galerie div.galerieSup div.galerieVignette a{
	color:#017db6;
	text-decoration:none;
	padding:2px 0 0;
	}
	
div.galerie div.galerieLeft div#galerieVignettes div.galerieVignettesGauche{
	float:left;
	text-align:right;
	margin-right:15px;
	font-size:1.2em;
	}
	
div.galerie div.galerieLeft div#galerieVignettes div.galerieVignettesDroite{
	float:left;
	text-align:right;
	margin-right:10px;
	font-size:1.2em;
	}
	
div.galerie div.galerieLeft div#galerieVignettes div.galerieVignette{
	padding-bottom:20px;
	}
	
div.galerie div.galerieSup div.galerieVignette{
	padding:10px 30px 10px 0;
	float:left;
	text-align:right;
	}
	
div.galerie div.galerieSup div.galerieVignette a{
	font-size:0.8em;
	}
	
div.galerie div#galerieZoom{
	float:right;
	text-align:center;
	width:420px;
	}


/* Easy Slider */

	div.galerie div#galerieVignettes ul, div.galerie div#galerieVignettes li{
		margin:0;
		padding:0;
		list-style:none;
		}
	div.galerie div#galerieVignettes, div.galerie div#galerieVignettes li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 	
		width:160px;
		overflow:hidden; 
		}
	span#prevBtn{
	}
	span#nextBtn{
	}					

/* ________________________________________________________________  => INDEX  */

#central.accueil a{
	color:#765a17;
	text-decoration:none;
	}

#central.accueil a.blanc{
	color:#FFFFFF;
	text-decoration:underline;
	}

#central.accueil #accueilLeft {
	float:left;
	width:242px;
	padding-top:12px;
	text-align:center;
	}

.central_gras {
	font-weight: bold;
	font-size: 1.05em;
	}
	
	
#central.accueil #accueilLeft #accueilVillage {
	height:237px;
	}
	
#central.accueil #accueilLeft #accueilThalasso {
	padding-left:8px;
	}
	
#central.accueil #accueilRight {
	float:left;
	width:458px;
	height:488px;
	}
	
#central.accueil #accueilRight #accueilRightTop{
	height:278px;
	}
	
#central.accueil #accueilRight #accueilRightTop #accueilHebergement{
	float:left;
	padding-top:80px;
	padding-right:4px;
	text-align:center;
	}

#central.accueil #accueilRight #accueilRightTop #accueilEmplacement{
	float:left;
	padding-top:36px;
	text-align:center;
	}

#central.accueil #accueilRight #accueilActivites{
	margin-left:195px;
	margin-right:34px;
	text-align:center;
	}
	
#central.accueil #accueilRight #accueilBeaute{
	float: left;
	text-align:center;
	}

#central.accueil #accueilRight #accueilNouveautes{
	float:left;
	padding-top:20px;
	}
	
	
#central.accueil #accueilTexte{
	padding:0 206px 3px 0;
	background:url(gfx/acc_carte.jpg) right top no-repeat;
	}

#central.accueil #accueilTexte h2{
	border-bottom:1px solid #85c7d8;
	color:#0382bf;
	margin-top:2px;
	padding-bottom:15px;
	}

#central.accueil #accueilTexte a{
	text-decoration: none;
	font-weight: bold;
	}



/* ________________________________________________________________  => THALASSO ACCUEIL  */



#central.accueil #rubriqueTexte {
	float:left;
	padding:0 0 30px 0;
	width:340px;
	}
	
#central.accueil #rubriqueTexte h2{
	border-bottom:1px solid #85c7d8;
	color:#0382bf;
	margin-top:2px;
	padding-bottom:10px;
	}
.h1-bleu{
	border-bottom:1px solid #85c7d8;
	color:#0382bf;
	font-size:1em;
    margin:2px 0 0 0;
    padding:0 0 10px 0;
	}	

#central.accueil div.zonefocus {
	width:360px;
	}

#central.accueil div.zonefocus div.focus{
	background: url(thalasso/gfx/bg_focus.jpg) no-repeat top #c0d7e9;
	border:1px solid #c4c4c4;
	margin:0 0 0 60px;
	padding:10px 10px 10px 55px;
	text-align:right;
	}

#central.accueil div.zonefocus div.focus h2{
	color:#0382bf;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	margin-bottom:30px;
	}

#central.accueil div.zonefocus div.focus h3, #central.accueil div.zonefocus div.focus p{
	text-align:right;
	}
	
#central.accueil div.zonefocus div.focus a{
	text-decoration:underline;
	color: #0382bf;
	}

#central.accueil div.zonefocus div.focus a:hover{
	text-decoration:none;
	}




/* ________________________________________________________________  => THALASSO  */


div.zonefocus div.focusthalasso{
	background: url(thalasso/gfx/bg_focus.jpg) repeat-x top #fbfcfe;
	margin: 0 0 0 20px;
	padding: 15px 15px 15px 20px;
	border: 1px solid #85c0e8;
	text-align: right;
	width: 232px;
	float: right;
	}

div.zonefocus div.focusthalasso img{
	border: 1px solid #FFFFFF;
	margin-bottom:20px;
	}
	
div.zonefocus div.focusthalasso p{
	color:#787878;
	font-size: 11px;
	text-align: right;
	}
	
div.zonefocus div.focusthalasso h2{
	color:#0382bf;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	margin-bottom:15px;
	font-size: 11px;
	}
	
div.zonefocus div.focusthalasso h3{
	color:#0684c1;
	font-size : 11px;
	font-weight:bold;
	text-align:right;
	margin-bottom: 5px;
	}
	
div.txt_thalasso {
	background: #fcf0ce;
	width: 397px;
	}

div.txt_thalasso p {
	color: #787878;
	text-align: left;
	padding: 0 0 3px 10px;
	}

	
div.txt_thalasso .forfait {
	color: #f09100;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
	}

div.txt_thalasso .forfait_solo{
	color: #f09100;
	float: right;
	font-weight: normal;
	display: block;
	padding-right: 10px;
	}

div.txt_thalasso_petit {
	background: #fcf0ce;
	width: 156px;
	margin-right: 15px;
	float: left;
	}

div.txt_thalasso_petit p {
	color: #787878;
	text-align: left;
	padding: 0 0 3px 10px;
	}

div.txt_thalasso_petit .forfait_solo{
	color: #f09100;
	float: right;
	font-weight: normal;
	display: block;
	padding-right: 10px;
	}

div.txt_thalasso_moyen {
	background: #fcf0ce;
	width: 180px;
	margin-right: 15px;
	float: left;
	}

div.txt_thalasso_moyen p {
	color: #787878;
	text-align: left;
	padding: 0 0 3px 10px;
	}

div.txt_thalasso_moyen .forfait_solo{
	color: #f09100;
	float: left;
	font-weight: normal;
	display: block;
	padding-right: 10px;
	}
	div.txt_thalasso_moyen2 {
	background: #fcf0ce;
	width: 270px;
	margin-left: 15px;
	float: right;
	}

div.txt_thalasso_moyen2 p {
	color: #787878;
	text-align: left;
	padding: 0 0 3px 10px;
	}

	
div.txt_thalasso_moyen2 .forfait {
	color: #f09100;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
	}

div.txt_thalasso_moyen2 .forfait_solo{
	color: #f09100;
	float: left;
	font-weight: normal;
	display: block;
	padding-right: 10px;
	}		
	
#content.thalasso .titre {
	color: #0382bf;
	font-size: 13px;
	font-weight: bold;
	background: url(thalasso/gfx/puce.gif) no-repeat top left;
	margin-top: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 20px;
	}

div.zonefocus div.focushomme{
	background: url(thalasso/gfx/bg_focus_homme.jpg) repeat-x top #c1d7e9;
	margin: 0 0 0 20px;
	padding: 15px 15px 15px 20px;
	border: 1px solid #85c0e8;
	text-align: left;
	width: 232px;
	float: right;
	}

div.zonefocus div.focushomme p{
	color:#787878;
	font-size: 11px;
	text-align: right;
	}
	
div.zonefocus div.focushomme h2{
	color:#0382bf;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	margin-bottom:15px;
	font-size: 11px;
	}
	
div.zonefocus div.focushomme h3{
	color:#0684c1;
	font-size : 11px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
	}
	
div.zonefocus div.focusbeaute{
	background: url(thalasso/gfx/bg_focus_homme.jpg) repeat-x top #c1d7e9;
	border: 1px solid #85c0e8;
	text-align: left;
	width: 232px;
	float: right;
	margin-top: 100;
	margin-right: 0;
	margin-left: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	}

div.zonefocus div.focusbeaute p{
	color:#787878;
	font-size: 11px;
	text-align: right;
	}
	
div.zonefocus div.focusbeaute h2{
	color:#0382bf;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	margin-bottom:15px;
	font-size: 11px;
	}
	
div.zonefocus div.focusbeaute h3{
	color:#0684c1;
	font-size : 11px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
	}	

.focusimg {
	margin-top: 45px;
	margin-left: 20px;
}	

div.zonefocus div.focusmarin{
	background: url(thalasso/gfx/bg_focus_marin.jpg) repeat-x top #c1d7e9;
	margin: 0 0 0 20px;
	padding: 15px 15px 15px 20px;
	border: 1px solid #85c0e8;
	text-align: left;
	width: 232px;
	float: right;
	}

div.zonefocus div.focusmarin p{
	color:#787878;
	font-size: 11px;
	text-align: right;
	}
	
div.zonefocus div.focusmarin h2{
	color:#0382bf;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	margin-bottom:15px;
	font-size: 11px;
	}
	
div.zonefocus div.focusmarin h3{
	color:#0684c1;
	font-size : 11px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
	}


/* ________________________________________________________________  => VILLAGE ACCUEIL  */



#central.accueil div.zonefocus div.village {
	background: url(village/gfx/bg_focus.jpg) no-repeat top #c0d7e9;
}



/* ________________________________________________________________  => HERBERGEMENT ACCUEIL  */



#central.accueil div.zonefocus div.hebergement {
	background: url(hebergement/gfx/bg_focus.jpg) no-repeat top #c0d7e9;
}

#accueilhebergement1 {
	padding-top: 12px;
	}


#accueilhebergement2 {
	padding-top: 12px;
	margin-bottom: 25px;
	}
	
#accueilhebergement3 {
	padding-top: 12px;
	margin-bottom: 25px;
	}
	
.aligneaccueil_center {
	border: 0;
	width: 295px;
	float: left;
	padding-left: 55px;
	}	
			

#aligneaccueil1 {
	float: left;
	border: 0;
	}
	
#aligneaccueil1 a , #aligneaccueil2 a, #aligneaccueil3 a, #aligneaccueil4  a, #aligneaccueil5  a, #aligneaccueil6 a{
	text-decoration:none;
	color:#765a17;
}

#aligneaccueil2 {
	float: left;
	border: 0;
	}

#aligneaccueil3 {
	float: left;
	border: 0;
	}
	
#aligneaccueil4 {
	float: left;
	border: 0;
	}

#aligneaccueil5 {
	float: left;
	border: 0;
	}

#aligneaccueil6 {
	float: left;
	border: 0;
	}


/* ________________________________________________________________  => HEBERGEMENT INTERIEUR  */



.hebergement_inte a{
	color:#765a17;
	}

.hebergement_inte h3{
	color: #765A17;
	font-weight: bold;
	text-align: center;
	margin: 0;
	}
	
#hebergement_inte_images {
	width:505px;
	float:left;
	}
	
table.produit1{
	width: 690px;
	background-color:#ffffff;	
	margin:0;
	padding:0;
	}
table.produit1 tr td{
	width:227px;
	padding-bottom:10px;
}

table.produit1 tr td p.paragraphe{
	margin:0;
	padding:0;
	padding-left:5px;	
}

table.produit1 tr td p.paragraphe span.bleu, table tr td p span.bleu {
	color:#00a2ff;
	font-weight:bold;
}

table tr td.encadre{
	border:solid #d29f27 1px;	
}

table tr td.encadre p{
	padding-left:5px;
}

#accueilhebergement1  a.retour{
	font-weight:bold;
	font-size:15px;
	color:#00a2ff;
	float:right;
}

#accueilhebergement1 div.produit {
	width: 227px;
	float: left;
	margin: 0 5px 0 0;
	}

#accueilhebergement1 div.produit ul {
	margin-top: 3px;	
	}

#accueilhebergement1 div.produit ul li.lien{
	color: #0382bf;
	text-decoration: none;	
	}

#accueilhebergement1 div.produit ul a{
	color: #0382bf;
	text-decoration: none;	
	}
	
#hebergement_inte_images  img{
	margin:0 25px 17px 0;
	}

#hebergement_inte_infos{
	float:right;
	width:195px;
	overflow:visible;
	}

#hebergement_inte_infos img {
	vertical-align: middle;
	}

.hebergement_inte_tarifs{
	width:350px;
	text-align:center;
	border-collapse:collapse;
	border:1px solid #d4d4d4;
	font-size:0.9em;
	float:left;
	margin-right: 10px;
	}
	
.hebergement_inte_tarifs .tarifs{
	text-align:left;
	}
	
.hebergement_inte_tarifs td, .hebergement_inte_tarifs th{
	border:1px solid #d4d4d4;
	padding:12px 8px;
	vertical-align:top;
	}
	
.hebergement_inte_tarifs th{
	background:#e2ca89;
	color:#fff;
	padding:15px 8px;
	font-size:1.2em;
	}

.hebergement_inte_tarifs_hebergement{
	width:250px;
	text-align:center;
	border-collapse:collapse;
	border:1px solid #d4d4d4;
	font-size:0.9em;
	float:left;
	margin-right: 10px;
	}
	
.hebergement_inte_tarifs_hebergement .tarifs{
	text-align:left;
	}
	
.hebergement_inte_tarifs_hebergement td, .hebergement_inte_tarifs th{
	border:1px solid #d4d4d4;
	padding:12px 8px;
	vertical-align:top;
	}
	
.hebergement_inte_tarifs_hebergement th{
	background:#e2ca89;
	color:#fff;
	padding:15px 8px;
	font-size:1.2em;
	}
	
.hebergement_inte_tarifs_hebergement .tdpetit{
	text-align:left;
	font-size:9px;
	}
	
.hebergement_inte_plan{
	float:right;
	margin-right:-15px;
	}

a.hebergement_inte_reserver{
	width:143px;
	height:19px;
	background:url(hebergement/gfx/bouton-reserver.png);
	display:block;
	color:#2981b6;
	padding:13px 0 0 40px;
	margin-bottom:20px;
	text-decoration:none;
	float:left;
	vertical-align:middle;
	}
	
.hebergement_inte_titretarif{
	float:left;
	margin:15px 0 20px 10px;
	}


/* ________________________________________________________________  => ACHETER EURONAT  */


	
#accueilhebergement1 div.produit .prix{
	color: #0382bf;
	text-decoration: none;
	}
	
#accueilhebergement1 div.produit .vendu{
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	}	
	
#accueilhebergement1 div.produit .achat-txt{
	padding-left: 10px;	
	}

		

/* ________________________________________________________________  => ACHETER ACCUEIL  */



#central.accueil div.zonefocus div.acheter {
	background: url(village/gfx/bg_focus.jpg) no-repeat top #c0d7e9;
	}


/* ________________________________________________________________  => EMPLACEMENT ACCUEIL  */



#central.accueil div.zonefocus div.emplacement {
	background: url(village/gfx/bg_focus.jpg) no-repeat top #c0d7e9;
	}

/* ________________________________________________________________  => INFOS PRATIQUES & RESA EN LIGNE */


.infos_pic {
	float: right;
	width: 230px;
	margin-left: 15px;
	}

.infos_texte {
	float: right;
	width: 69px;
	}

div.zonefocus div.infos {
	background: url(euronat/gfx/bg_focus.jpg) no-repeat top #c0d7e9;
}

.resa {
	font-weight: bold;
	text-align: center;
	}
	
			
/* ________________________________________________________________  => PROMOTIONS  */


.pochoir {
	position: relative; 
	margin-top: -226px; 
	margin-left: -307px;
	}

.promo1 {
	float:left;
	width:307px;
	}

.promo1bis {
	float:right;
	width:307px;
	}

.promo2 {
	float:right;
	width:372px;
	}

.promo2bis {
	float:left;
	width:372px;
	}


.txt_promo {
	color: #FFFFFF;
	text-align: left;
	padding-left: 26px;
	padding-right: 10px;
	}

.reduc_promo {
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	}
	
/* ________________________________________________________________  => FOOTER  */

#footer {
	background:url(gfx/bg_footer.jpg) top no-repeat #d6e7f1;
	text-align:center;
	color:#5f98b6;
	padding-top:36px;
	}

#footer a{
	color:#5f98b6;
	text-decoration:none;
	font-size: 10px;
	}

#footer a:hover{
	color:#3e738f;
	text-decoration:underline;
	font-size: 10px;
	}



/* ________________________________________________________________  => FORMULAIRE DE CONTACT  */

.form {
	margin: 0px;
	padding: 0px;
	}

.fieldset {
	font-style:normal;
	font-size:11px;
	color:#ef8200;
	font-weight:bold;
	border:#9B999A solid 1px;
	padding:20px;
	background-position:top right;
	}

.label {
	color:#4d4b4b;
	font-size:11px;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 30px;
	line-height: 1.8;
	}

.label1 {
	color:#4d4b4b;
	font-size:11px;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 195px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 30px;
	line-height: 1.8;
	}	
	
span.desti{
	color:#4d4b4b;
	font-size:11px;
	margin: 0;
	padding: 0 .5em 0 30px;
	line-height: 1.8;
}

.radio{
	margin-left:5%;
}

.mention_label {
	color:#4d4b4b;
	font-size:12px;
	font-weight: bold;
	}

.check {
	color:#9B999A;
	font-weight: normal;
	}

.input {
	border:#9B999A solid 1px;
	background-color:#ffffff;
	font-style:normal;
	font-size:11px;
	color:#EF8200;
	width: 150px;
	}
.input2{
	border:#9B999A solid 1px;
	background-color:#ffffff;
	font-style:normal;
	font-size:11px;
	color:#EF8200;
	width: 70px;
}	

.input_adresse {
	border:#9B999A solid 1px;
	background-color:#ffffff;
	font-style:normal;
	font-size:11px;
	color:#EF8200;
	width: 300px;
	}

.focus_adresse {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #9B999A;
	color: #ffffff;
	border:#5c5c62 solid 1px;
	width: 300px;
	font-size:11px;
	}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #9B999A;
	color: #ffffff;
	border:#5c5c62 solid 1px;
	width: 150px;
	font-size:11px;
	}
	
.focus2 {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #9B999A;
	color: #ffffff;
	border:#5c5c62 solid 1px;
	width: 70px;
	font-size:11px;
	}

.normal {	/*** Retour à l'état normal des champs après l'utilisation ***/
	border:#9B999A  solid 1px;
	background-color:#ffffff;
	color: #ef8200;
	width: 150px;
	font-size:11px;
	}

.formul { /*** Couleur du champ message après utilisation ***/
	border:#9B999A  solid 1px;
	background-color:#ffffff;
	font-style:normal;
	font-size:11px;
	color:#ef8200;
	width:350px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	}

.formul-on { /*** Couleur du champ message avant utilisation ***/
	font-style:normal;
	font-size:10px;
	width:350px;
	height:120px;
	background: #9B999A; 
	color: #ffffff;
	border:#9B999A  solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	}


/*------------------------------------------- ESPACE PROPRIETAIRE */

#texte_gauche{
	width: 480px;
	float:left;
	text-align: left;
	line-height: 18px;
	}
h4.marron{
	text-align:center;
}	
	
a.marron{
color:#765a17;
}	

span.souligne{
	text-decoration:underline ;
}

p.droite{
float:right;
}

p.gauche{
	float:left;
}


/*AJOUT AUREL 12/10/2010*/

.a_blue
{
	color:#00A2FF !important;
	text-decoration:underline !important;
}

.a_blue:hover
{
	color:#00A2FF !important;
	text-decoration:none !important;
}

.tableau_price
{
	border:1px solid #000000;
	border-collapse:collapse;
	width:660px;
}

.tableau_price td
{
	border:1px solid #000000;
	width:220px;
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
}

.div_info_price
{
	border:1px solid #000000;
	width:660px;
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
}

.div_coordonnees
{
	width:605px;
	padding:5px;
	border:1px solid #765A17;
}

.h2_adresses
{
	color:#FFFFFF !important;
	font-size:15px !important;
	padding:3px;
	background-color:#64A2DF;
}

#adresses_lettre
{
	color:#64A2DF;
}

#adresses_lettre a
{
	color:#64A2DF;
}