/* ---------------------
 CSS Document
 Site : Les thermalies
 Date :  04/09/2007
 By churchill
 ----------------------- */

/* ---- General ---- */
*{margin:0;padding:0;}
img{border:0;}
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;text-align:center;padding-bottom:25px;}

/* --- Structure --- */
#page{width:970px;top:0; margin:0 auto;background:url('../img/page-bg.jpg') no-repeat bottom left;text-align:left;}
#header{}
#content{display:inline;float:left;width:66.7em;margin:2.5em 3em 0 0;padding:0 0 113px 6.4em;clear:both;}
#right{float:left;width:20.8em;}
#footer{position:relative;bottom:-25px;clear:both;}

.banniereStd{text-align:center; width:468px; margin: 1em auto;}
.banniereStd p{text-align:left;color:#0B6FB7;text-transform:uppercase; margin:0 0 3px; font-weight:bold;}
.pavillons .banniereStd{margin-left:196px;}

#page.home #content{width:34.5em;margin-left:0;margin-right:-28.7em;padding-right:32.2em;padding-left:5em;}
#page.home #right{margin-top:2.5em;}

#page.home2{background:none;}
#page.home2 #menu{margin-left:23px;}
#page.home2 #content{width:66.4em;margin-left:0; padding:0 0 0 0;margin:2.5em 0 0 0;}
#page.home2 #content .background{margin-bottom:3.5em;margin-left:1.7em;background:url('../img/visuels/visuel-home.jpg') no-repeat;width:600px;height:407px;padding:14px 11px;border:1px solid #c4a05a;}
#page.home2 #right{width:auto;margin:2.5em -2em 0 0;}
#page.home2 #footer{position:static}

/* header */
#header h1{float:left;}
#header .subHeader{padding-top:33px;text-align:right;}
#header .subHeader p{margin-bottom:0.7em;}
#header .langue{text-align:right;margin-top:1.6em;height:18px;}

/* content */
#content .fil{margin-left:-18px;font-family:Arial, Helvetica, sans-serif;display:none;}
#content .fil,#content .fil a{color:#335772;}
#content .fil a:hover{color:#BC9240;}
#content .illustration{display:inline /*IE 6 fix*/;float:left;background:#fff;border-top:1px solid #0B6FB7; margin-left:-18px;padding:0 18px 18px 0;} 
#content .illustration img{border:1px solid #0B6FB7;border-top:0;padding:4px;}
#content .plan{margin:0 0 0 2em;}
#content .plan ul{margin:0.3em 0 0.3em 1.5em;}
#content .plan li,#content .plan li a{color:#0B6FB7;text-decoration:none;margin-bottom:0.5em;}
#content .plan li a:hover{ text-decoration:underline;}
#content .plan li li{margin-bottom:0.3em;}
#content .plan li li a{color:#BC9240;text-decoration:none;}
#content li{margin:0 0 1.1em 12px;font-size:1.1em;list-style-image:url('../img/puce.gif');}
#content li li{font-size:1em;}
#content li.spip a {  color:#8F7239;}
#content li.spip a:hover { background:#FAF1DF; color:#8F7239;}
#content p.print{position:absolute; margin-top:-65px; margin-left:570px; background:url('../img/picto_imprimer.gif') no-repeat 0px 0px; width:14px; height:18px; padding-left:18px; padding-top:2px;}

/* Actus */
div.actus{margin-bottom:7.2em;}
div.actus h2{color:#FFF;background:#0B6FB7;padding:2px 5px;margin-left:0;margin-bottom:0.4em;}
div.actus h3{color:#0B6FB7;}
div.actus p{color:#0B6FB7;margin-top:1em;}
div.actus p.tous{margin-top:0.6em;padding-left:10px;background:url('../img/carre-ocre.gif') no-repeat 0 4px;}
div.actus p.tous a{color:#BB913E;font-weight:bold;}
div.actus img{float:right;margin:0.2em 0 0.2em 0.5em;display:none;}

.home2 div.actus{margin-left:3px;width:253px;padding:2px 17px;background: url('../img/home-actus-bg.png');behavior: url('iepngfix.htc');}
/*.home2 div.actus{margin-left:317px;width:253px;padding:2px 17px;background: url('../img/home-actus-bg.png');behavior: url('iepngfix.htc');}
*/
.home2 div.actus h2{margin:0 -15px 13px -15px;padding-left:12px;font-size:1.4em;}
.home2 div.actus h3{font-size:1.1em;}
.home2 div.actus p{margin-bottom:0;font-size:1em;}
.home2 div.actus p.tous{margin:0.3em 0;padding-left:10px;background:url('../img/carre-bleu.gif') no-repeat 0 4px;}
.home2 div.actus p.tous a{color:#0b6fb7;font-weight:bold;}

.home2 div.homeClear{ margin-top:0.6em; clear:left;}

/* boutons */
div.boutons{display:inline /* ie6 */;float:left;padding:0 1.4em 1.5em 0;width:15em;}
div.boutons img{margin-bottom:0.5em;}

/* Newsletter */
div.nl{display:inline /* ie6 */;float:left;padding:0 0 0 0.5em;margin-bottom:3.8em;width:17em;border-left:1px solid #0B6FB7;}
div.nl h2{border:0;text-transform:uppercase;margin-left:0;}
div.nl p{color:#0B6FB7;margin-top:1em;}
div.nl fieldset{border:0;}
div.nl input{vertical-align:middle;}

/* Phototheque */
div.galerie a{padding:4px; border:1px solid #C6CEE1;display:block;}
div.galerie img{}
div.photo{display:inline /* ie6 */;float:left;text-align:center;margin:2em 0.5em 0 0;}
div.line{clear:both;}
p.titre{margin-bottom:0.2em;color:#0B6FB7;font-weight:bold;}
p.legende{font-size:1em !important;color:#666;}

/* articles SPIP */
#content fieldset {width:44em;} 
#content p.spip a { color:#C0994D;}
#content p.spip a:hover { background:#FAF1DF; color:#8F7239;}
#content #documents_joints a{ color:#0068B4;}
#content #documents_joints a:hover{ color:#034F87; background:#E9F6FF;}
#content h3.spip{margin-bottom:0.8em;background:#0B6FB7;color:#fff;font-size:1.3em; /*margin-top:2.5em;*/padding:2px 9px;}
#content .spip_documents_center { text-align:center; display:block;}
#content span.retourHaut{ display:block; text-align:right; margin-bottom:3em;}
#content .spip_documents_right{display:inline /*IE 6 fix*/;background:#fff;padding-left:18px;margin-right:-18.4em;}
#content .spip_documents_right img{border:1px solid #0B6FB7;padding:4px;}


/* rub SPIP */
#content h3.rub{ margin-bottom:3px; margin-top:1.5em; }
#content p.chapo { margin:0; }
#content span.lire { color:#63A3D1;}
#content span.lire a{ color:#63A3D1;}
#content span.lire a:hover{ color:#63A3D1; background:#E3EFF8;}
#content img.imgRub{ float:left; margin-right:12px;}

/* rub phototheque */
.phototheque #content{padding:0pt 0pt 113px 24.6em;width:45.1em;}
.phototheque #content .illustration {margin-left:-23.2em;}
.phototheque .clearLeft{clear:none;}

/* Formulaire de login spip */
#login form{float:left;border:1px solid #0b6fb7;padding:9px;margin-left:-17px;}
#login form fieldset{border:0;}
#login form legend{color:#0b6fb7;font-weight:bold;margin-bottom:1em;}
#login form label{color:#BC9240;font-weight:bold;}
#login form .spip_bouton input{background:#f0f0e8;border-bottom:2px solid #848484;}

/* right */
#right h2{margin-left:0;border:0;font-size:1.3em;font-weight:bold;background:none;color:#9D7932;}
#right ul.rightMenu{list-style-type:none;font-weight:bold;font-size:1.1em;}
#right ul.rightMenu li{clear:both;}
#right ul.rightMenu img{float:left;margin:0 8px 8px 0;}
#right ul.rightMenu a{float:left;display:block;width:13.7em;padding-top:7px;color:#BC9240;text-decoration:none;}
#right ul.rightMenu a:hover{color:#0068B4; text-decoration:underline;}
#right ul.rightMenu a img{margin-top:9px;}
#right .jeu{margin:1em 0 0 0;clear:both; padding-top:1em;}
#right .bt_news{margin-top:-32px}

/* footer */
#footer p,#footer a{color:#7D7D7D;text-align:right;}
#footer a:hover{text-decoration:none;}

#page.home2 #footer p{letter-spacing:-0.07em;text-align:left;}
#page.home2  #footer p.right{text-align:right;margin:-0.8em 0.4em 0 0;}

/* formulaires */
form.formThermalies{margin-right:18px;width:40em;margin-top:-30px}
form.formThermalies fieldset{padding:1em;border:0;}
form.formThermalies legend{margin-bottom:1em;padding:0 8px;color:#0B6FB7;font-size:1.3em;}
form.formThermalies label{display:block;float:left;width:16em;font-size:1.1em;}
form.formThermalies input,form.formThermalies textarea,form.formThermalies select{border:1px solid #BC9240;float:left;}
form.formThermalies select{margin-right:5px;}
form.formThermalies textarea{width:30em;height:7em;}
form.formThermalies .formline,form.formThermalies .formlineRadioCB{padding-top:0.8em;clear:both;}
form.formThermalies .formlineRadioCB input{margin-left:1em;border:0;}
form.formThermalies .formlineRadioCB input,form.formThermalies textarea{clear:left;}
form.formThermalies .formlineRadioCB label{padding-left:0.5em;width:35em;}
/*AJOUT YMV - 07-11-27 */
form.formThermalies #particulier, form.formThermalies #pro, form.formThermalies #presse, form.formThermalies #thermales, form.formThermalies #thalasso, form.formThermalies #spa, form.formThermalies #france, form.formThermalies #etranger{float:none;}
form.formThermalies .statutLabel, form.formThermalies .cureLabel{display:inline; float:none;}
form.formThermalies p.pos_champs{margin-left:119px}
form.formThermalies p.pos_champs label{padding-right:3px}

/* ----- Menu ------ */
#menu{position:relative;display:inline/*ie6*/;float:left;margin:0 0 0 43px;width:100%;z-index:20;}
#menu li{display:inline/*ie6*/;position:relative;float:left;padding:0 0 3px 0.3em;list-style-type:none;color:#BC9240;font-size:1.8em;vertical-align:middle;}
#menu ul{position:absolute;display:none;left:0;top:1.4em;width:10em;padding:0;background:#FFF;border:1px solid #BC9240;z-index:1000;}
#menu li li{display:block;border-bottom:1px solid #DEA641;padding:0.4em 0 0.4em 10px;margin:0 0 -1px 0;font-size:0.6em !important;float:none;zoom:1}
#menu li li img{position:absolute;left:0;}
#menu li li a{float:none;/*padding-left:10px;background:url('../img/puce.gif') no-repeat 0px 5px;*/color:#BC9240;text-decoration:none;/**/zoom:1}
#menu li li a:hover{/*background:url('../img/puce-bleu.gif') no-repeat 0px 5px;*/color:#0068B4;}

/* ----- Style ----- */
.clear{ clear:both;}
.clearLeft{ clear:left;font-size:1px;height:1px;margin-top:-1px;}
.invisible{visibility:hidden;}
.infobulle{margin-left:5px;padding:2px 8px;background:#f7efaa;border:1px solid #d40000;color:#d40000; font-weight:bold;}
h2{margin:0 0 1.2em -18px;color:#BC9240;font-size:1.8em; font-weight:normal;border:1px solid #0B6FB7;border-width:1px 0 0 1px;}
h2.soustitre{padding-left:17px;/*background:url('../img/bg_h2.gif') no-repeat 0% 99%;*/border:1px solid #0B6FB7;border-width:1px 1px 0 0}
h2 span.number{padding:0 0.4em;background:#0B6FB7;color:#FFF;}
h2 span.sub{/*display:block*/position:relative;left:-18px;margin:0;padding-left:18px;/*border-bottom:1px solid;*/color:#0B6FB7; font-size:0.7em; font-weight:bold;/*text-decoration:underline;*/z-index:10}
h3{margin-bottom:1em;color:#BC9240;font-size:1.2em;}
p{margin-bottom:1.1em;color:#000;font-size:1.1em;}
i{font-size:0.9em;}