/* LA ROCHE POSAY - CURE */
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 #ececec; }
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:#c00315; background:url(../images/bg_h2.gif) no-repeat 0 2px; 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; }
.blanc {color:#fff;}
.noBG { background-image:none; }
#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:#c00315 }
a:hover { color:#c00315; text-decoration:underline; }

#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; }

#head h1 { float:left; display:block; clear:both; margin:55px 0 0 18px; }
#head h1 a { display:block; text-decoration:none; overflow:hidden; width:426px; font-size: 25px; color: #c20217; font-style:italic; }
#head h1 a strong { font-size: 45px; }
#head h1 a span { display:block; height:auto; font-size: 17px; color: #991d1d; font-weight: normal;  }
#head h1 ._en { display:block; text-decoration:none; text-indent:-9999px; overflow:hidden; width:445px; background:url(../images/h1_en.jpg) no-repeat top left; }
#head h1 ._en span { display:block; height:15px; background:url(../images/slogan_en.jpg) no-repeat top left; }

#head #pratique { width:120px; list-style:none; float:right; margin:46px 22px 15px 0; }
#head #pratique li { margin: 0px; padding: 0px; }
#head #pratique li a { display:block; text-decoration:none; }
#head #pratique li a:hover { background-position:top; }
#head #pratique li .promotions { text-indent:-9999px; height:25px; background:url(../images/bt_promotions.jpg) no-repeat bottom; }
#head #pratique li .carte { text-indent:-9999px; height:44px; background:url(../images/bt_carteinteractive.jpg) no-repeat bottom; }
#head #pratique li .doc { text-indent:-9999px; height:27px; background:url(../images/bt_doc.jpg) no-repeat bottom; }
#head #pratique li .tel { text-indent:-9999px; height:30px; background:url(../images/bt_tel.jpg) no-repeat bottom; }
#head #pratique li .actualites { text-indent:-9999px; height:26px; background:url(../images/bt_actualites.jpg) no-repeat bottom; }
#head #pratique li .carte_en { height:32px; background:url(../images/bt_carteinteractive_en.jpg) no-repeat bottom; }
#head #pratique li .doc_en { height:33px; background:url(../images/bt_doc_en.jpg) no-repeat bottom; }
#head #pratique li .tel_en { height:29px; background:url(../images/bt_tel.jpg) no-repeat bottom; }

#head #navCure { display:block; height:31px; clear:both; background:url(../images/bg_nav.jpg) no-repeat; clear:both; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1.2em; z-index:999; }
#head #navCure li { float:left; background:url(../images/galet_nav.png) no-repeat left; padding:0 0 0 19px; margin:5px 11px 2px 11px;	 }
#head #navCure li a { text-decoration:none;  color:#b02c3c; }
#head #navCure li.bgPromo { background:url(../images/galet_nav_promo.png) no-repeat 5px 8px; }

#content { clear:both; width:930px; position:relative; padding:20px 10px 0 10px; 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_gris.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; margin:0 0 10px 0; text-align:justify; }
#contentLeft ul { list-style:none; margin:0 0 15px 0;padding:0; }
#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:#C00315; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
#contentLeft .mea { color:#C00315; 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 #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:#c20217; }
#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:#df929a; 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:#df929a; 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 { position:relative; float:right; width:249px; padding:18px 15px 15px 25px; font-size:0.9em; }
#contentRight h3 { display:block; clear:both; background:url(../images/galet.gif) no-repeat 10px 6px; padding:0 0 0 30px; margin:25px 0 5px -10px; color:#C00315; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; }
#contentRight p { margin:5px 0; }
#contentRight .top { position:absolute; display:block; width:289px; height:9px; top:-20px; left:10px; background:url(../images/bg_right.gif) no-repeat; }
#contentRight ul { list-style:none; }
#contentRight ul li  { background:url(../images/galet_small_dark.gif) no-repeat 0 5px; padding:0 0 0 10px; }

#contentRight form { color:#cc6172; font-size:0.9em; margin:10px 0 0 0; background:url(../images/fondquickform.jpg) no-repeat; width:265px;height:500px; }
#contentRight form #formforfait {height:45px;width:246px; margin:5px 0 0 5px; }
/*#contentRight form ul { list-style:none; display:block; margin:0; padding:0;height:90px;}
#contentRight form ul li { margin:0; padding:0; clear:both; }*/
#contentRight form label { float:left; }
#contentRight form select { width:240px; height:16px; border:0; color:#666; background:#fff; font-size:0.8em; }
#contentRight form select:focus  { color:#666; background:#fff; }
#contentRight form fieldset  { border:1px solid #ececec; padding:5px; background:#e3e3e3; width:241px;height:90px;margin:0 0 0 5px;}
#contentRight form fieldset li  { clear:both; padding:3px 0 0 0; margin:0; }
#contentRight form fieldset select  { width:43px; float:left; margin:0 10px 0 0; }
#contentRight form .btReserver  { width:97px; height:41px; text-decoration:none; text-indent:-9999px; overflow:hidden;background:url(../images/btReserver.jpg) no-repeat #bedbe3; border:0; float:right; margin:10px 10px 0 0; cursor:pointer; }

#contentHome { background:url(../images/bgHome.jpg) no-repeat; height:382px; position:relative; }
#contentHome H1 { margin:0 0px 0px 100px; padding:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 28px; color: #af1023; font-weight: normal; }
#contentHome H2 { margin: 0px 0px 0px 180px; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #ce6e79; font-weight: normal; background: none; }
#contentHome .intro { margin: 30px 0px 0px 210px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #d45766; width: 375px; }
#contentHome .intro STRONG { color: #990000; }
#contentHome #encartPub { position:absolute; top:112px; left:656px; }
#contentHome_en { background:url(../images/bgHome_en.jpg) no-repeat; height:382px; position:relative; }
#contentHome_en #encartPub { position:absolute; top:112px; left:656px; }

#footer { clear:both; width:974px; height:77px; background:url(../images/bg_footer.gif) no-repeat; margin:0 auto; text-align:center; color:#929093; padding:10px 0 0 0; font-size:1.1em;  }
#footer p { margin:5px 0;  }

#footer p .lien_niveau1 { background:#b02c3c; color:#fff;padding:0 2px 0 2px; }
#footer p .lien_niveau2 { color: #cc071e; }
#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 #C00315;
   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:#c00315;
   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;
}



/*FORM*/
#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 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; }
#contentLeft .floatLeftChkbx .checkbox label { width:auto; float:left; }




.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;

}
.ajust{
	width:144px;
	height:18px;
}


/* Hebergement */
#contentHebergement {width:559px;}
#contentHebergement img {margin:0; padding:0;float:left;border:0;}

/*  --------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;}