body{
	text-align: center;
	font-family:Verdana, Geneva, Arial, Helvetica,sans-serif;
	font-size: 0.625em;
	color:#333333;
	background-color: white;
}

a:link{color:#FFF; text-decoration:none;background-color: transparent;}
a:hover{color:#03F; text-decoration:underline;background-color:transparent;}

/*pour la banniere*/
#header{
	margin:auto;
	width:90em;
	height: 11em;
}

/*Pour le h1 qui contient le logo de plb*/
#header h1{
	padding:15px 0 0 0;
	margin:0;
	display:block;
}

/*Pour le gros titre utilise dans la banniere*/
h2#titre{
margin-top:0;
padding:0 0 0 30px;
float:left;
font-size: 2.5em;
text-align:left;
color:#091D5B;
}

/*parametres du logo de plb*/
img#logo{
	width:189px;
	height:25px;
	float:left;
	padding-left: 0.5em;
	padding-top: 0.5em;
	border:0;
}

/*pour la boite qui contient le sous menu de gauche et les contenus*/
#container{
	margin:auto;
	background-color:#FFF;
	width:90em;
}

/* pour le footer*/
div#footer{
	margin:1em auto 0 auto;
	background-color:#091D5B;
	width:90em;
	font-size:1em;
	color:white;
	padding:0.5em 0;
}

#footer a{color:white;background:#091D5B;}

/*pour la boite qui contient le menu de tete de page et les visuels*/
div#menu{
	width:90em;
	height:13.5em;
	background: url(top.jpg) no-repeat 0 35px ;
}

/*Pour la mini carte de France et les mentions ecrites qui l'accompagnent*/
div#france{
float: right;
margin-top:0;
padding-right:1em;
background: url(carte_france2.gif) 60px -2px;
background-repeat:no-repeat;
padding-top:7em;
font-size:1em;
}

div#france p{font-weight:bold;padding:0;margin:0;background:white;color:green;font-size:15px;}

/*pour la div qui contient les contenus*/
div#txt{
	float:left;
	text-align:left;
	margin-top:1em;
	width: 67.5em;
	background-color: #FFFFFF;
	color:#333333;
	padding-left:0.5em;
	font-family: arial;
	font-size:1.1em;
}

div#txt2{
	
	text-align:center;
	margin-top:1em;
	width: 67.5em;
	background-color: #FFFFFF;
	color:#333333;
	padding-left:0.5em;
	font-family: arial;
	font-size:1.1em;
}

div#txt.hotels{
	float:left;
	text-align:left;
	margin-top:1em;
	width: 65em;
	background-color: #FFFFFF;
	color:#333;
	padding-left:0.5em;
	padding-right:0.5em;
}


div#txt a{color:orange;background-color: #FFFFFF;}

/*pour tous les titres h3 */
h3
{
	font-size:1.65em;
	padding-top:0.45em;
	margin-top:5px;
	padding-bottom:0;
	margin-bottom:15px;
}

/*pour tous les titres h4*/
h4{
	display: block;
	font-size:1.2em;
	padding-top:0;
	margin-top:6px;
	padding-bottom:0px;
	margin-bottom:6px;
	text-decoration:underline;
}



/*pour les paragraphes*/
p{
margin-left:2px;
 padding-bottom:1em;
 padding-top:0;
 margin-top:0;
 margin-bottom:0;
}

/*pour les titres de la page conseils de la rubrique cure*/
h3.conseils{
	font-size:1.6em;
	padding-top:5px;
	margin-top:5px;
	padding-bottom:0;
	margin-bottom:4px;
}

/*pour les paragraphes de la page conseils de la rubrique cure*/
p.conseils{
 padding:0 0 3px 0;
 margin:0 0 0.1em 0;
}

/*pour l'affichage en colonne de la page conseils de la rubrique cure */
div.col{
	float:left;
	width:165px;
	margin:1.5em 1em 0.4em 0;
	padding:0;
}

/*div#menu.hotels{
	background-color:#77BABF;
	width:90em;
	height:2.8em;
	text-align: center;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
}
*/

/*Pour le bloc qui contiendra le moteur des resas sur les pages des hotels */
div.moteur{
	float:right;
	background-color:#CCC;
	height:15em;
	width:74em;
	padding-top:1em;
	margin-top:1em;
	margin-right:0.5em;
}

/*pour le moteur des pages d'accueil des diff rubriques*/
div.smallmot{
float:right;
width:186px;
height:227px;
}



ul.bouton{padding:0 0 0 0;margin:0}
ul.bouton li{list-style-type:none;padding:5px;}
ul.bouton li.first{font-variant:small-caps;font-size:1.2em;}
ul.bouton li a{background-color:#666666;color:white;font-weight:normal;display:block;padding:3px;border: 1px solid #3A680E;text-align:center}
* a:visited{text-decoration:none;}
ul.bouton li.big{font-size:1.25em;}
ul.bouton li.big a{padding:5px 1px;background-color:#666666;text-decoration:none;display:block;text-align:center}
ul.bouton li.bigreservation a{padding:5px 1px;background-color:#666666;text-decoration:none;display:block;font-size:1.4em;text-align:center}
ul.bouton li a:hover{color:#fff;background-color:#666;text-decoration:none;}
ul.bouton li.big a:hover{color:#fff;background-color:#666;}
ul.bouton li.bigreservation a:hover{background-color:white;color:orange;border:1px solid #666666}

div#ssmenu.hotels{
	text-align:center;
	padding-top:1em;
	margin-top:11em;
	margin-right:1em;
	float:left;
	width: 14em;
	height: 34em;
	background-color:#CCCCCC;
	border: 1px solid; 
}

/*pour le bloc qui contient le bouton 'demande d infos' dans les page de la rubrique cure*/
div#encart{
	text-align:center;
	float:right;
	margin: 2em 0 0.5em 0.5em;
	padding:0;
	background: orange;
	width:13em;
}

div#encart a{
	text-transform: uppercase;
	background-color:orange;
	color:white;
	font-weight:bold;
	display:block;
	padding:1.5em 1em 1.5em 1em;
	border: 1px solid orange;
}

div#encart a:hover{
	color:black;;background-color:white;border:1px solid orange;text-decoration:none;
}

/*Pour le paragraphe en gras dans les pages bien etre*/

p.space{
	margin:1em 0 0 0;
	padding:0;
}


/*pour le bloc d'infos des pages de la rubrique bien-etre*/
div.encartbe{
	width:64em;
	height:13em;
	background-color: Silver;
	text-align:left;
	padding-left:1em;
	padding-top:0;
	margin:1.5em 0 0 0;
}

/*s'applique au bloc 'encartbe' sur le mini site rando/balneo */
div.encartbe.small{
	width:51.5em;
	float:right;
}

/*pour le paragraphe utilise comme separateur dans le bloc d'infos des pages de la rubrique bien etre*/
#txt .encartbe p.separateur{

z-index:100;
	float:right;
	border-left:1px solid black;
	padding:0;
	margin:0;
	background-color: blue;
}

#txt .encartbe p.separateur a{
font-variant: small-caps;
font-size:1.5em;
display:block;
padding:3.7em 1em 3.7em 1em;
background-color:#7c7c7c;
margin:0;
color:white;
}

#txt .encartbe p.separateur a:hover{
background-color:orange;
	color:#eee;
	text-decoration:none;
}

/*pour le 2em paragraphe du descriptif de l'hotel beausejour*/
p.down{
	margin:12em 0 0 0;
}

/*pour le paragraphe qui contient les infos sur le sejour dans l'encart des pages de la rubrique bien etre*/
p.tarifs{
	float:left;
	width:18em;
	height:110px;
	margin:0.5em 1em 0 0;
	padding:10px 0 0 0;
}
/*Pour la mention 'exemple de prix' dans l'encart du bien etre*/
span.ex{
	display:block;
	font-size:1.3em;
	text-decoration:underline;
	margin-bottom:0.5em;
}
/*pour la liste du bloc d'infos de la rubrique bien etre*/
div.encartbe ul.tarifsplb{
	float:left;
	margin:2em 0 1.5em 1.5em;
	width:341px;
	padding:0;
}

/*pour les blocs des bouquets de la rubrique idoine*/
div.bouq{
	width:13em;
	margin-top:3em;
	float:left;
	margin-right:3em;	
}

/*pour les images utilisees dans les pages de la rubrique cures*/
img.visuel{
	float:left;
	margin:0 1.5em 0 0;
}

img.visueldt{
	float:right;
	margin:0 0 0 0.5em;
	padding:1.5em 0 0 0;
}

img.visuel.cures{margin:4em 3em 5em 0;}
p.curliberte{margin:2em 0 0 0;}

/*pour les visuels des pages de la rubrique bien etre*/
img.right{
	float:right;
	margin:0.7em 0 0.2em 0.5em;
	padding:0;
}

/*Pour les grands visuels des pages bien etre*/
img.centerbig{
display:block;
max-height:120px;
margin:0 auto 0 auto;
padding:0;
}

/*pour le titre de la page appareil digestif (cures)*/
h3.ad{font-size:1.59em;}


/*Sert à ajuster la hauteur des titres a cote des visuels dans la rubrique des cures*/
h4.result,.contrindic{
	margin:2.3em 0 0.4em 0 ;
	padding:0;
}
/*Pour le calage des titres et des paragraphes a cote des visuels sur la page cures liberte*/
h4.right{
	margin:9em 0 0 0;
}

p.left{
	margin:0 0 3em 0;
	padding:0;
}

p.right{
	margin:0 0 3.5em 0;
	padding:0;
}


p.soulign{
	text-decoration: underline;
}

div#ssmenu{
	text-align:left;
	padding-top:1em;
	margin-top:1em;
	margin-right:1em;
	float:left;
	width: 14em;
	height: 34em;
	background-color:#fff;
}


 ul.navgauche{
	padding-left:1em;
	margin-left:0;
	margin-top:0.5em;
	padding-top:0;
}

ul.navgauche li{
	
	list-style-type:none;
	margin-bottom:0.8em;
	text-align:left;
	width:13em;
	margin-left:0;
	padding-left:0em;
}

 ul.navgauche li a{
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

 ul.navgauche li a:hover{
	color:#333;
	text-decoration:underline;
}

ul.bouq{
	text-align:left;
	padding-left:15px;;
	margin-left:0;
}

#menu ul{
width:90em;
height:3.4em;
padding:0;
margin:0;
background-color:#fff;
}

#menu ul li{
	list-style-type: none;
	padding:0;margin:0;
	display:block;
	float:left;
}

#menu ul li a{
	background-color:#fff;
	color:#AB7F36;
	
	display:block;

	padding:1.1em 1.5em 1.1em 1.5em;
	}


#menu ul li a:visited {text-decoration:none;}
#menu ul li a.premier {
    border-left: none; 
   }
#menu ul li a.haut_on{background-color:#AB7F36;color:#fff;text-decoration:none;font-weight:bold;font-size:1em;letter-spacing:2px}

/*pour la liste de la page d'accueil des cures thermales*/
#txt ul.cures{
	padding-top:1em;
	padding-left:15px;
	padding-bottom:15px;
	margin:0 0 2.5em 0;
	background:#eeeeee;
	border:1px orange solid;
}

#txt ul.cures li{list-style-type:none;}
#txt ul.cures li span{display:block;width:600px;float:left;font-size:1em;margin:0 0 8px 0;}
#txt ul.cures li a{
	text-align:center;
	color:white;
	display:block;
	background:orange;
	width:7em;
	font-weight:bold;
	text-decoration:none;
	padding:5px 2px 5px 2px;
	float:left;
	border:1px solid orange;
	margin:0;
	}
	
#txt ul.cures li a:hover{
	background-color:#fff;
	border:1px dotted orange;
	color:black;
	}


/*pour les petites mentions de la page cures*/
p.small{font-size:0.8em;color:#333333}


ul.spec{
	display:block;
	margin-top:0;
	padding-top:0;
	margin-bottom:5px;
}


ul.navgauche li.navgauchehotel{
	text-decoration:underline;
	list-style:none;
	text-align:left;
	width:11em;
	font-variant: small-caps;
	font-size:1.2em;
	background:none;
	margin:1.3em 0 1em 1em;
	padding:0;
}

/*pour la liste de la page d'acccueil de la rubrique bien etre*/
ul.balneo{
	float:left;
	padding:0 0 0.4em 2em;
	margin:0 0 5em 0;
	width:35em;
	background:#eee;
	border:1px orange solid;
}

#txt ul.balneo li{
clear:both;
	padding:1em 0 1.6em 0;
	list-style: none;
}

#txt ul.balneo li span{display:block;float:left;width:200px;font-size:1.2em;}

#txt ul.balneo li a{
	background-color:#eee;
	color:white;
	display:block;
	background:orange;
	width:130px;
	font-weight:bold;
	text-decoration:none;
	padding:4px;
	float:left;
	border:1px solid orange;
}

#txt ul.balneo li a:hover{
	background-color:#fff;
	border:1px dotted orange;
	color:black;
}


li.ssliste{
	text-indent: -20px;
	list-style-type: none;
}

ul li.dernier{
	padding-top:15px;
	list-style-type: none;
	color:red;
	font-size:1.5em;
	font-weight: bold;
}

ul.tarifsplb li ul.sslistremenform{
list-style: none;
	}

/*pour les prix et la duree de la boite d'infos de la rubrique bien etre*/
p.tarifs span.prix{
	font-weight: bolder;
	font-size:1.9em;
}

p.tarifs span.duree{
	font-weight: bold;
	font-size: 1.2em;
}

/*pour les  mini sites des hotels*/
img.phototel{
margin:2em 1em 0.5em 0;
float:left;
}

div.apartir{
	text-align:center;
	margin:0.5em 0 3em 0;
}

div.apartir p{
	margin:0 0 0.1em 0; 
	padding:0;
	color:green;
	font-size:2.2em;
	text-decoration:underline;
	font-weight: bold;
}


/*pour les mini site hotels*/
.minihotel{
	font-size:1.1em;
	text-decoration:none;
	padding:0;
	margin:1.3em 0 0.5em 0;
	border-bottom:1px solid black;
}

.picto{
border:0;
display:block;
	margin-right:auto;
	margin-left:auto;
}

.prem{
margin-top:1.2em;
margin-bottom:1em;
}

.ico{
	height:100px;
	width:100px;
	float:right;
	margin:0 0 1.9em 1.5em;
	display:block;
}


strong.rallign{
	display: block;
}

.carte{
height:265px;
width:250px;
	float:right;
}


/*pour les listes du sitemap*/

div#txt2.sitemap{
	float:none;
	width:82em;
	margin: 1em auto 0 auto;
	padding:0 0 0 2em;


}

#txt2 div.case_one{
	float:left;
	margin:0 2.5em 2em 2em;
	width:230px;

	min-height:350px;
		height:350px;
	background-color:#eeeeee;
}

#txt2 div.case_one.mini{
	height:220px;
}

h3.case{background-color:white;color:black;padding:0 0 0.5em 0;margin:0;}

#txt2 div.case_one ul{
padding:0 0 1em 0;
margin:0;
list-style:none;
}


#txt2 a,#txt a:visited,#txt2 a:active{text-decoration:none;}
#txt2 div.case_one ul li{
	width:100%;
}
#txt2 div.case_one ul li a{
display:block;
padding: 0.2em 1em 0.1em 1em;
margin:0;
background-color:#eee;
color:Green;
text-decoration:none;
height:30px;
}


#txt2 div.case_one ul li a.first{
list-style:none;
font-size:1.4em;
margin: 0 0 0.5em 0;
background-color:#ddd;
height:40px;
color:black;
font-weight:bold;
}

#txt2 div.case_one ul li a:hover{
	background-color:orange;
	color:white;
	text-decoration:none;
}

#txt2 div.case_one ul li a:visited{
	text-decoration:none;
}

/*pour 'le saviez vous ?' dans les pages infos des hotels*/
div.know {
	background:#90FF48;
	height:9em;
	width:59em;
	margin:3em auto 2em auto;
	padding:1em;
	outline-style: double;
	outline-color: orange;
}

span.doyou{
	display:block;
	font-size:1.5em;
	margin:0 0 0.5em 0;
	font-style:italic;
}