/* LA ROCHE POSAY - BALNEO */
body { behavior:url("htc/csshover.htc"); }

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#666; background:url(../images/bg_body.gif) repeat-x #e5e5e3; }
hr { clear:both; visibility:hidden; }
h2 { display:block; height:30px; font-weight:normal; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; color:#4086b9; background:url(../images/epi_balneo.gif) no-repeat 0 0; padding:0 0 0 35px; margin:0 0 20px -35px; }
a img { border:0; }
.floatLeft { float:left; }
.small { font-size:0.8em; }
.clear { clear:both; }
.bold {font-weight:bold;}
.blanc { color:#fff; }
#switchLanguage { display:block; width:34px; height:24px; position:absolute; top:3px; right:10px; background:url(../images/flag_en.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
#switchLanguageFr { display:block; width:34px; height:24px; position:absolute; top:3px; right:10px; background:url(../images/flag_fr.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }

a { color:#0461a6 }
#navTop { width:950px; height:34px; margin:0 auto; font-size:11px; display:block; clear:both; position:relative; }
#navTop #logo { display:block; width:294px; height:77px; position:absolute; top:0; left:0; text-decoration:none; text-indent:-9999px; overflow:hidden; background:url(../images/logo_lrp.png) no-repeat; }
#navTop p { color:#023e74; float:left; padding:7px 0 0 0; margin:0 0 0 350px; }
#navTop ul { list-style:none; color:#fff; height:13px; padding:7px 0 0 0; float:left; }
#navTop ul li { float:left; margin:0 0 0 8px; }
#navTop ul li a { text-decoration:none; color:#0055a2; }
#navTop a img { border:0; float:right; margin:4px 0 0 0; }

#global { font-size:1.4em; width:950px; padding:0 12px; margin:0 auto ; background:url(../images/bg_global.gif) repeat-y; }

#head {height:222px; background:url(../images/bandeau_top.jpg) no-repeat; z-index:888; }

#head h1 { float:left; display:block; clear:both; margin:65px 0 0 28px; }
/*#head h1 a { display:block; text-decoration:none; text-indent:-9999px; overflow:hidden; width:426px; background:url(../images/h1.jpg) no-repeat top left; }*/
#head h1 a { display:block; text-decoration:none; overflow:hidden; width:426px; font-size: 30px; color: #a7dceb; font-style:italic; }
/*#head h1 a span { display:block; height:15px; background:url(../images/slogan.jpg) no-repeat top left; }*/
#head h1 a span { display:block; height:auto; font-size: 18px; color: #ffffff;  }
/*#head h1 ._en { display:block; text-decoration:none; text-indent:-9999px; overflow:hidden; width:453px; background:url(../images/h1_en.jpg) no-repeat top left; }*/
#head h1 ._en { display:block; text-decoration:none; overflow:hidden; width:453px; font-size: 30px; color: #a7dceb; font-style:italic; }
/*#head h1 ._en span { display:block; height:15px; background:url(../images/slogan_en.jpg) no-repeat top left; }*/
#head h1 ._en span { display:block; height:auto; font-size: 18px; color: #ffffff;  }


#head #pratique { width:124px; list-style:none; float:right; margin:30px 15px 40px 0; }
#head #pratique li a { display:block; text-decoration:none; }
#head #pratique li .carte { text-indent:-9999px; height:35px; background:url(../images/bt_carteinteractive.jpg) no-repeat 0 0px; }
#head #pratique li .carte:hover { background-position:0 -35px }
#head #pratique li .doc { text-indent:-9999px; height:30px; background:url(../images/bt_doc.jpg) no-repeat top; }
#head #pratique li .doc:hover { background-position:bottom; }
#head #pratique li .tel { text-indent:-9999px; height:30px; background:url(../images/bt_tel.jpg) no-repeat top; }
#head #pratique li .tel:hover { background-position:bottom; }
/**/
#head #pratique li .carte_en { height:35px; background:url(../images/bt_carteinteractive_en.jpg) no-repeat 0 -1px; }
#head #pratique li .carte_en:hover { background-position:0 -37px }
#head #pratique li .doc_en { height:34px; background:url(../images/bt_doc_en.jpg) no-repeat top; }
#head #pratique li .doc_en:hover { background-position:bottom; }
#head #pratique li .tel_en { height:30px; background:url(../images/bt_tel_en.jpg) no-repeat top; }
#head #pratique li .tel_en:hover { background-position:bottom; }


#head #navBalneo { display:block; z-index:999; padding:0 0 0 10px; height:32px; margin:0 0 5px 0; clear:both; background:url(../images/bg_navBalneo.jpg) no-repeat; clear:both; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; z-index:50; }
#head #navBalneo li { float:left; background:url(../images/galet_nav.png) no-repeat left; padding:0 0 0 22px; margin:7px 5px 0 7px; }
#head #navBalneo li a { color:#025fa5; text-decoration:none; }
#head #navBalneo li li { background:url(../images/galet_sous_nav.png) no-repeat left; }
#head #navBalneo {padding:0 0 0 10px; height:32px; margin:0 0 5px 0; clear:both; background:url(../images/bg_navBalneo.jpg) no-repeat; clear:both; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; }
#head .navBalneoHome#navBalneo { background:url(../images/bg_navBalneoHome.jpg) no-repeat; }
#head #navBalneo.MenuLienEn li { margin:7px 5px 0 2px; }




#content { clear:both; padding:10px 10px 0 10px; margin:3px 0 0 0; background:url(../images/bg_content.gif) top repeat-x; }

#contentLeft { width:565px; float:left; padding:0 0 0 35px;	 }
#ariane { display:block; color:#989898; background:url(../images/galet.gif) no-repeat left; padding:0 0 0 15px; margin:0 0 25px -35px; }
/*#contentLeft img { border:1px solid #ccc; float:left; margin:0 15px 0 0; }*/
#contentLeft img { float:left; margin:0 15px 0 0; }
#contentLeft p { line-height:1.2em; clear:both; margin:0 0 15px 0; text-align:justify; }
#contentLeft ul { list-style:none; }
#contentLeft ul li { background:url(../images/galet_small.gif) 0 5px no-repeat; padding:0 0 0 10px; }
#contentLeft table { clear:both; display:block; margin:10px 0 30px 0; }
#contentLeft table tr th, #contentLeft table tr td { padding:5px; }
#contentLeft h3 { padding:0 0 10px 25px; clear:both; margin:0 0 10px -25px; font-size:1.2em; background:url(../images/bg_h3.gif) no-repeat 0 10px; color:#4a8cbc; font-family:Georgia, "Times New Roman", Times, serif; color:#4086b9; font-weight:normal; }
#contentLeft .mea { color:#4a8cbc; font-weight:bold; }
#contentLeft .sous_titre { font-weight:bold; }
#contentLeft .note_grise { font-size:0.8em; }
#contentLeft p img { margin:5px 10px 5px 0; }

#contentLeft form ul { list-style:none; display:block; margin:0 0 10px 0;	 }
#contentLeft form ul { list-style:none; display:block; margin:0 0 10px 0;	 }
#contentLeft form ul li { clear:both; background:0; padding:0; }
#contentLeft form ul li input { border:1px solid #CCCCCC; }
#contentLeft form ul li label { display:block; width:140px; float:left; }
#contentLeft form select { width:250px; height:15px; font-size:0.8em; border:1px solid #CCCCCC; }
#contentLeft form select:focus  { color:#666; background:#fff; }
#contentLeft form fieldset  { border:0 ;background:url(../images/bg_fieldset.gif) repeat-x #bedbe3; }
#contentLeft form fieldset li  { clear:both; padding:5px 0; }
#contentLeft form fieldset li label  { display:inline; width:auto; }
#contentLeft form fieldset select  { width:50px; float:left; margin:0 10px 0 0; }
#contentLeft form .btReserver  { width:99px; height:42px; text-decoration:none; text-indent:-9999px; overflow:hidden;background:url(../images/btReserver.png) no-repeat; border:0; float:right; margin:0 0 15px 0; cursor:pointer; }
#contentLeft form .btReserver_en  { width:99px; height:42px; text-decoration:none; text-indent:-9999px; overflow:hidden;background:url(../images/btReserver_en.png) no-repeat; border:0; float:right; margin:0 0 15px 0; cursor:pointer; }
#contentLeft form textarea { width:400px; height:150px;border:1px solid #CCCCCC;  }
#contentLeft form #connaissance { height:55px;  }
#contentLeft .floatLeftChkbx { width:270px; float:left;  }
#contentLeft .floatLeftChkbx .checkbox { padding:5px 0;  }
#contentLeft .floatLeftChkbx .checkbox input { float:left; margin:0 5px 0 0; border:0; }
#contentLeft .floatLeftChkbx .checkbox label { width:auto; float:left; }

#contentLeft .module_reservation { width:440px; height:197px; padding:10px; color:#3d86b9; font-size:0.9em; background:url(../images/bgResa.jpg) no-repeat; }
#contentLeft .module_reservation label { text-align:right; margin:0 5px 0 0;	 }
#contentLeft .module_reservation ul li { padding:5px 0; }
#contentLeft .module_reservation fieldset { display:block; background:0; padding:10px 20px; }
#contentLeft .module_reservation h3.resa { background:url(../images/titreResa.gif) no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; margin:0 0 0 15px; }
#contentLeft .module_reservation h3.resa_en { background:url(../images/titreResa_en.gif) no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; margin:0 0 0 15px; }

#contentLeft #menuSpecial { position:relative; width:519px; height:27px; padding:12px 20px 0 20px; clear:both; margin:0 0 20px 0; background:url(../images/bg_sousnav.jpg) no-repeat; font-size:0.8em; }
#contentLeft #menuSpecial a { text-decoration:none; color:#5b99c5; }
#contentLeft #menuSpecial #SpecbtPrec .btPrecSpecial { position:absolute; top:12px; left:15px; display:block; height:16px; padding:0 0 0 17px; background:url(../images/sousnav_prec.jpg) no-repeat left;  }
#contentLeft #menuSpecial #SpecbtPrec .btPrecSpecialOff { color:#b0d0e4; position:absolute; top:12px; left:15px; display:block; height:16px; padding:0 0 0 17px; background:url(../images/sousnav_prec_off.jpg) no-repeat left;  }
#contentLeft #menuSpecial #SpecbtHome .btAccueilSpecial { position:absolute; top:9px; left:255px; height:25px; padding:10px 0 0 0; background:url(../images/sousnav_home.jpg) no-repeat top center; }
#contentLeft #menuSpecial #SpecbtSuiv .btSuivSpecial { position:absolute; top:12px; right:15px; display:block; height:16px; padding:0 17px 0 0; text-align:right; background:url(../images/sousnav_suiv.jpg) no-repeat right; }
#contentLeft #menuSpecial #SpecbtSuiv .btSuivSpecialOff { color:#b0d0e4; position:absolute; top:12px; right:15px; display:block; height:16px; padding:0 17px 0 0; text-align:right; background:url(../images/sousnav_suiv_off.jpg) no-repeat right; }


#contentRight { width:262px; padding:0 18px 10px 18px; float:right; min-height:275px; position:relative; background:url(../images/module.jpg) no-repeat top; margin:-10px 10px 0 0; }
#contentRight .bottomRight { display:block; width:300px; height:16px; clear:both; position:absolute; bottom:0; left:-1px; background:url(../images/module_bottom.jpg) no-repeat top; }
#contentRight h3.resa { display:block; width:249px; height:12px;  text-decoration:none; text-indent:-9999px; overflow:hidden; background:url(../images/h3_resa.jpg) no-repeat; margin:-28px 0 20px 5px; border:0; }
#contentRight h3.resa_en { display:block; width:249px; height:12px;  text-decoration:none; text-indent:-9999px; overflow:hidden; background:url(../images/h3_resa_en.jpg) no-repeat; margin:-28px 0 20px 5px; border:0; }

#contentRight h3 { display:block; clear:both; border-bottom:1px solid #ccdfe3; width:256px; margin:15px 0 10px -13px; padding:3px 0 3px 30px; background:url(../images/galet_blue.gif) no-repeat 10px 8px #e0eef1; color:#4a8cbc; font-family:Georgia, "Times New Roman", Times, serif; color:#4086b9; font-size:0.9em; }
#contentRight ul { list-style:none; }
#contentRight ul li { margin:0 0 5px 0; padding:2px 0 0 0; }
#contentRight p { margin:0 0 10px 0; font-size:0.9em; }

#contentRight form { color:#fff; font-size:0.9em; margin:20px 0 0 0; }
#contentRight form ul { list-style:none; display:block;	 }
#contentRight form ul li { margin:0 0 8px 0; clear:both; }
#contentRight form label { float:left; }
#contentRight form select { width:100%; height:15px; border:0; font-size:0.8em; color:#666; }
#contentRight form fieldset  { border:1px solid #8cbad4; padding:7px; background:url(../images/bg_fieldset.gif) repeat-x #bedbe3; }
#contentRight form fieldset select { width:43px; float:left; margin:0 10px 0 0; }
#contentRight form fieldset select.disabled { width:43px; float:left; margin:0 10px 0 0; color:#fff; background:#bcd9e1; }
#contentRight form .btReserver  { width:99px; height:42px; text-decoration:none; text-indent:-9999px; overflow:hidden;background:url(../images/btReserver.png) no-repeat; border:0; float:right; margin:8px 0 15px 0; cursor:pointer; }
#contentRight form .btReserver_en  { width:99px; height:42px; text-decoration:none; text-indent:-9999px; overflow:hidden;background:url(../images/btReserver_en.png) no-repeat; border:0; float:right; margin:8px 0 15px 0; cursor:pointer; }
#contentRight .mea { color:#4a8cbc; font-weight:bold; }
#contentRight .sous_titre { font-weight:bold; }
#contentRight .note_grise { font-size:0.8em; }

#footer { clear:both; width:974px; height:93px; background:url(../images/bg_footer.gif) no-repeat; margin:0 auto; text-align:center; color:#929093; padding:15px 0 0 0; font-size:1.1em;  }
#footer p { margin:5px 0;  }
#footer p .lien_niveau1 { background:#297ab2; color:#fff;padding:0 2px 0 2px; }
#footer p .lien_niveau2 { color: #297ab2; }
#footer p A { color: #929093; }

#footer p.small { font-size: 11px; }

#contentRight a.info{
   position: relative;
  /* z-index: 500; /* on dfinit une valeur pour l'ordre d'affichage */
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
    display: none;  /*on masque l'infobulle */
	width:200px;
	font-size:1em;
	z-index:999;
}
a.info:hover , a.info_contenu:hover{
   background: none; /* correction d'un bug IE */
  /* z-index: 500; /* on dfinit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par dfaut en curseur d'aide */
}
a.info:hover span , a.info_contenu:hover span {
   display: block; /* on affiche l'infobulle */
   position: absolute;
  /*white-space: nowrap;*/ /* on change la valeur de la proprit white-space pour qu'il n'y ait pas de retour  la ligne non-dsir */
   top: 30px; /* on positionne notre infobulle */
   left:0px;
   background:#fff;
   padding: 10px;
   border: 1px solid #0461a6;
   width:200px;
   font-weight:normal; /* au cas ou le mot provoquant l'infobulle soit dans des balises de mise en page */
   text-decoration: none;
}

/*Infobulles de contenu principal*/
#contentLeft a.info_contenu {
   position: relative;
   /*color:#8f133b;*/
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte en pointill */
}
a.info_contenu span{
    display: none;  /*on masque l'infobulle */
	width:200px;
	/*font-size:0.9em;*/
	/*z-index:500;*/
	font-size:9pt;
}

a.info_contenu:hover span {
	left: -20px;
	padding:10px;
}



/*** content Home ***/
#contentHome { clear:both; height:469px; padding:10px 10px 0 10px; margin:3px 0 0 0; background:url(../images/imgHome.jpg) no-repeat top; position:relative; }
#contentHome_en { clear:both; height:469px; padding:10px 10px 0 10px; margin:3px 0 0 0; background:url(../images/imgHome_en.jpg) no-repeat top; position:relative; }
#contentHome #encartPub { position:absolute; top:245px; left:600px; }
#contentHome_en #encartPub { position:absolute; top:245px; left:600px; }


#contentHome H1 { margin: 35px 0px 0px 20px; font-family:Arial, Helvetica, sans-serif; font-size: 26px; color: #0262a6; font-style: italic; font-weight: normal; }
#contentHome H2 { margin: 0px 0px 0px 80px; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #07a5c6; font-style: italic; font-weight: normal; background: none; }
#contentHome .intro { margin: 15px 0px 0px 70px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #0260a6; width: 375px; }
#contentHome .intro STRONG { color: #07a5c6; }




.alert{color:red;} /* TODO changer ces couleurs atroces */
.msg_ok{color:green;} /* TODO changer ces couleurs atroces */


/*HACK IE SELECT*/
.veil_iframe {
position: absolute;
top: 100px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100;
background: #FFFFFF;
filter: alpha(opacity=70);
opacity:0.7;
}

.veil_div {
position: absolute;
top: 100px;
left: 0px;
width: 100%;
height: 100%;
z-index: 200;

}






/* week end et escapades */


.pictobleu{color:#96cdea; font-size:11px;}
.clear {    clear: both;    display: block;    height: 0px;    overflow: hidden;    margin: 0;    padding: 0;}
.bloc_visu_one a{text-decoration:none;color:#3e9bc6;font-size:14px; line-height:15px; }
.bloc_visu_one a:hover{text-decoration:underline;}
.titre_bloc_sejour{	width:545px;	text-align:center;	font-size: 14px;	font-weight: bold;	color: #4a8cbc;	padding: 12px 10px 14px 10px;}
.bloc_visu_one img{		border: 1px solid #FFFFFF; float:left; }
.bloc_sejour .visu_bloc_sejour{padding:10px 0 0 0;  text-align:center;  margin-left:auto;  margin-right:auto;}

/*bloc avec 4 tof*/
.bloc_sejour_4{width:565px;height:198px;margin: 0 0 12px 0;}
.bloc_sejour_4 .bloc_visu_one{width:117px; float:left; text-align:center; padding:0 12px 0 12px;}
.bloc_sejour_4 .bloc_visu_one .imgLancement{width:117px; float:left; text-align:center; margin:0; padding-left:8px;margin-bottom:5px;}

/*bloc avec 3 tof*/
.bloc_sejour_3{width:565px;height:198px;margin: 0 0 12px 0;}
.bloc_sejour_3 .bloc_visu_one{width:152px; float:left; text-align:center; padding:0 18px 0 18px;}
.bloc_sejour_3 .bloc_visu_one .imgLancement{width:152px; float:left; text-align:center; margin:0;padding-left:26px;margin-bottom:5px;}

/*bloc avec 2tof*/
.bloc_sejour_2{width:565px;height:198px;margin: 0 0 12px 0;}
.bloc_sejour_2 .bloc_visu_one{width:246px; float:left; text-align:center; padding:0 18px 0 18px;}
.bloc_sejour_2 .bloc_visu_one .imgLancement{width:246px; float:left; text-align:center; margin:0;padding-left:73px;margin-bottom:5px;}
/*bloc avec 1tof*/
.bloc_sejour_1{width:565px;height:198px;margin: 0 0 12px 0;}
.bloc_sejour_1 .bloc_visu_one{width:529px; float:left; text-align:center; padding:0 18px 0 18px;}
.bloc_sejour_1 .bloc_visu_one .imgLancement{width:529px; float:left; text-align:center; margin:0;padding-left:214px;margin-bottom:5px;}


/* hebegement balneo */
#lancement_hebergement{width:558px;}
#lancement_hebergement img, a{border:0;margin:0;padding:0;}
.hebergementBigBloc{width:278px;float:left;}
.hebergementLittleBloc{float:left;width:185px;}



#contentLeft form select.ajust{
	width:144px;
	height:18px;
}

/*  --------Promotions---------------*/

img, div { behavior: url(../js/iepngfix.htc) }

#content .blocBleu { width:565px;  }
#content .blocBleu .bloc { height:154px; background:url(../images/bg_bleu.png) no-repeat top left; padding:5px 60px 5px 172px; color:#787979; position:relative; }
#content .blocBleu .bloc h3 { font-size:1.5em; color:#317aa9; font-weight:normal; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; background:0; padding:0; margin:5px 0 0 0; }
#content .blocBleu .bloc p { margin:0 0 6px 0; font-size:.9em; }
#content .blocBleu .bloc .blue { color:#317aa9; }
#content .blocBleu .bloc .fat { font-size:1.2em; }
#content .blocBleu .bloc .telephone { width:250px; color:#fff; font-size:1.2em; position:absolute; bottom:15px; left:150px; }
.btReserverBleu { display:block; width:167px; height:33px; background:url(../images/bt_reserver_bleu.png) no-repeat; position:absolute; bottom:13px; right:0; text-indent:-99999px; text-decoration:none; overflow:hidden; }

#content .blocOrange { width:565px;  }
#content .blocOrange .bloc { height:154px; background:url(../images/bg_orange.png) no-repeat top left; padding:5px 60px 5px 172px; color:#787979; position:relative; }
#content .blocOrange .bloc h3 { font-size:1.5em; color:#E96E01; font-weight:normal; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; background:0; padding:0; margin:5px 0 0 0; }
#content .blocOrange .bloc p { margin:0 0 6px 0; font-size:.9em; }
#content .blocOrange .bloc .orange { color:#e96e01; }
#content .blocOrange .bloc .fat { font-size:1.2em; }
#content .blocOrange .bloc .telephone { width:250px; color:#fff; font-size:1.2em; position:absolute; bottom:15px; left:150px; }
.btReserverOrange { display:block; width:167px; height:33px; background:url(../images/bt_reserver_orange.png) no-repeat; position:absolute; bottom:13px; right:0; text-indent:-99999px; text-decoration:none; overflow:hidden; }

#content .blocRouge { width:565px;  }
#content .blocRouge .bloc { height:154px; background:url(../images/bg_rouge.png) no-repeat top left; padding:5px 60px 5px 172px; color:#787979; position:relative; }
#content .blocRouge .bloc h3 { font-size:1.5em; color:#ba0120; font-weight:normal; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; background:0; padding:0; margin:5px 0 0 0; }
#content .blocRouge .bloc p { margin:0 0 6px 0;  font-size:.9em; }
#content .blocRouge .bloc .rouge { color:#ba0120; }
#content .blocRouge .bloc .fat { font-size:1.2em; }
#content .blocRouge .bloc .telephone { width:250px; color:#fff; font-size:1.2em; position:absolute; bottom:15px; left:150px; }
.btReserverRouge { display:block; width:167px; height:33px; background:url(../images/bt_reserver_rouge.png) no-repeat; position:absolute; bottom:13px; right:0; text-indent:-99999px; text-decoration:none; overflow:hidden; }

td .bloc{font-family:Arial,Helvetica,sans-serif}
#content .promoPointer:hover{ cursor:  pointer; }
a.lienPromo{text-indent:-9999px; text-decoration:none ; overflow:hidden ; display:none;}