/* CSS Document */

/* COULEURS */
/*
Fond 	#452E1A (marron)
Fond2 	#EEE7D6	(marron clair)
Fond3	#C8D433	(vert)	
Texte 	#734F37
Titre 	#371A0C	(foncé)
Titre2 	#EEE7D6	(clair)
Vert 	#C8D433
VERT LOGIS  #D4D70A	

*/


body {background:#452E1A url(../img/commun/fond_degrad.gif) repeat-x; color:#734F37}

#site {background:url(../img/commun/page-int_liseraie_top.gif) top left no-repeat }

#principale {background:url(../img/commun/bg_contenu.gif) repeat-y #FFF}

#menudroit .adresse_contact h4 {margin:0 0 5px 0; padding:0; font-weight:bold; font-size:12px;}
#menudroit .adresse_contact {color:#734F37;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#site #contenu #ariane {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#452E1A}
#site #contenu #ariane a {text-decoration:none; font-weight:normal;  color:#452E1A}
.printip {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


#contenu h1 {padding:0; margin:0}

#page {font-family:Verdana, Arial, Helvetica, sans-serif; color:#734F37}
#page p{ text-align:justify}
#page a{  color:#734F37}
#page a:hover{ text-decoration:none}

#rosacefooter {background:url(../img/commun/page-int_liseraie_bottom.gif) bottom right no-repeat; height:385px; width:335px; }
#footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; position:relative}
#footer .linksfooter {color:#EEE7D6; font-weight:bold}
#footer .abonewsletter { position:absolute; top:0; right:0; color:#C8D433; font-weight:bold; z-index:50}


/* FCE */
.blocpage h3 {margin:0 0 10px 0; padding:0}
#page .blocpage p {margin:20px 0 0 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#734F37}
#page .blocpage .hautdepage {display:block; text-align:right}

#page #onglets_hotels .hautdepage {display:block; text-align:right; margin:0 0 10px 0;}
#page #onglets_hotels #fichehotel {background: url(../img/hotels/bg_tabs_hotel.gif); position:relative}
#fichehotel #hotel_acces .onglet {background:url(../img/hotels/bg_tabs_hotel_acces.gif) top left no-repeat}
#fichehotel #hotel_prestations .onglet {background:url(../img/hotels/bg_tabs_hotel_presta.gif) top left no-repeat}
#fichehotel #hotel_alentours .onglet {background:url(../img/hotels/bg_tabs_hotel_alentours.gif) top left no-repeat}

.contenuonglet { font-family:Verdana, Arial, Helvetica, sans-serif;  color:#734F37; text-align:justify;}

/* FICHE HOTEL EN TABLEAU */
#tableau_fiche_hotel .contenuonglet {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#734F37; text-align:justify;}
#tableau_fiche_hotel .contenuonglet table {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#734F37; text-align:left;}


#tx_onglets {background:#FFFFFF;}
#tabs_01 .onglet .on {background: url(../img/commun/bg_tab_on.gif) repeat-x;}
#tabs_01 .onglet .off {background: url(../img/commun/bg_tab_off.gif) repeat-x;}
#tabs_02 .onglet .on {background: url(../img/commun/bg_tab_on.gif) repeat-x;}
#tabs_02 .onglet .off {background: url(../img/commun/bg_tab_off.gif) repeat-x;}
.onglet .on {text-decoration:none}
.onglet .off {text-decoration:none}
.onglet .on span {color:#371A0C}
.onglet .off span {color:#FFFFFF}
.printip {color:#452E1A}
html:not([lang*=""]) .printip  {
width:220px;

}

#site .printip a {text-decoration:none; color:#452E1A; font-weight:normal}
#site .linksfooter a {text-decoration:none; color:#FFF;}

#menudroit .autres_envies h4 {margin:5px 0 5px 0; padding:0; font-weight:bold; font-size:12px;}
#menudroit .autres_envies {color:#734F37; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#menudroit .autres_envies .savoir_plus {display:block; text-align:left; margin:10px 0 0 0;}
#menudroit .autres_envies .savoir_plus a {text-decoration:none; color:#452E1A; font-weight:bold}

#menudroit .blocmenudroit .titreblocmenu {display:block; padding: 0 0 10px 15px; background:url(../img/menudroit/ligne_soustitre.gif) bottom left no-repeat}

.csc-header.csc-header-n1 {background:url(../img/commun/sousligne_header_01.gif) bottom right no-repeat; margin-top:-30px; margin-bottom:20px;}
.csc-header.csc-header-n1 img {margin-bottom:4px;}

/* FICHE HOTEL */
.tx-hotellogis-pi2 h1 {display:block; margin:0; float:left; }
#tableau_fiche_hotel #hotel_acces img  a {text-decoration:none; font-weight:normal; color:#452E1A}
#tableau_fiche_hotel #hotel_acces img {border:1px solid #452E1A}
.icostitrefiche {display:block; width:auto; float:left; margin-top:3px; float:right;}
.reservitbottom {display:block; width:auto; float:left; margin:10px 0 10px 0; float:right}
.td_tab_access {background:url(../img/hotels/bg_tabs_hotel_acces.gif) top left no-repeat}
.td_tab_presta {background:url(../img/hotels/bg_tabs_hotel_presta.gif) top left no-repeat}
.td_tab_autours {background:url(../img/hotels/bg_tabs_hotel_alentours.gif) top left no-repeat}


.blocpage01 {display:block; text-align:justify; margin-right:10px; clear:both;}
*html .blocpage01 { margin-top:-40px}
*+html .blocpage01 { margin-top:-40px}
.blocpage01 .hautdepage {margin:0}
.blocpage01 img {margin:0 5px 10px 0}
.blocpage01 h3 {background:url(../img/commun/sousligne_header_01.gif) bottom right no-repeat; margin:0 0 15px 0}
.blocpage01 h3 img {margin:0}

.blocpage02 {display:block; text-align:justify; margin-right:10px}
.blocpage02 .hautdepage {margin:0}
.blocpage02 img {margin:0 0 5px 10px}
.blocpage02 h3 {background:url(../img/commun/sousligne_header_01.gif) bottom right no-repeat; margin:0 0 15px 0}
.blocpage02 h3 img {margin:0}

#retouprintip p {margin:0 0 0 40px; width:100px; display:block; float:left}
#retouprintip p a {display:block; height:17px; line-height:17px; text-indent:20px; background: url(../img/commun/bg_retourhotels.gif) left center no-repeat; color:#351B0E; text-decoration:none}

#verslehautreservit {margin-left:20px;}

#footer .abonewsletter a {text-decoration:none; color:#C8D434}
.tx-hotellogis-pi2 .blocmenudroit .savoirplus_annexes {display:block; text-align:right; margin-bottom:15px}

#distingue{float:left;width:250px;}
/* page Intérieur*/
h2 {font-size: 13px;}
h1 {color:#37190E;font-size: 17px;}
#gastronomie {float:left;width:200px;}
#tsts{float:left;margin-left:20px;}

#michelin{position:relative;right:25px; border-top-width:}

#guide {padding-left:50px;}

#presse {float:left; margin-top:30px;  width:33%; left:80px;}
#presse .csc-textpic-text { position:relative; /*top:48px;*/ left:80px; }
#presse2 {float:left;  margin-top:30px;   width:33%;  text-align:center}
#presse2 .csc-textpic-text { position:relative;  left:30px;}
#presse3 {float:left;  margin-top:30px;   width:33%; }
#presse3 .csc-textpic-text { position:relative;  left:40px;}


#clear {clear:both;}

#logo  {padding-left:30px;}

#tel1 { position:relative; right:10px; top:10px; }

#tel2 {margin-left:35px; position:relative; bottom:1px; }
#tel3 {margin-left:25px; position:relative; top:5px;}
#tel13{margin-left:40px; position:relative; top:10px;}
#tel12 {position:relative; bottom:50px; right:8px;}
#tel14 {margin-left:30px; position:relative; top:13px;}
#guide { text-indent:5px}


/**** Formulaire Reservation ******/
#formulaire {float:left;background:url(../img/reservation/fd_reservation.gif) no-repeat; width:380px; margin-right:35px; _margin-right:19px; height:326px; margin-bottom:40px}
legend {font-size: 14px; color:#734F37; font-weight:bold; margin-bottom:15px; margin-top:15px; position:relative; right:9px;}
label {font-weight:bold; margin:3px 10px 5px 0}
select {color:#734F37;}
/*select#region {width:240px}
select#listvoid {width:240px}*/
#hotel {margin-left:10px;}

fieldset {border:0;padding:0 0 0 10px; margin:0}
#reserver {position:absolute; top:400px; left:250px;}
.numero { font-weight:bold; font-size:18px; color:#724E38}
#gauche{padding-left:5px;float:left;width:280px;}
#doite{ padding-left:5px;float:left;width:250px;}
html:not([lang*=""])
 #doite{
  padding-left:2px;
float:left;
width:250px;
}

#error_region {width:200px; color:#FF9900; margin:3px 10px 5px 65px; text-align:left}
#error_hotelid {width:200px; color:#FF9900; margin:3px 10px 5px 65px; text-align:left}
#error_date_a {width:200px; color:#FF9900; margin:3px 10px 5px 65px; text-align:right}
#error_date_d {width:200px; color:#FF9900; margin:3px 10px 5px 65px; text-align:right}


label.labelregion {display:block; width:55px; height:20px; line-height:20px; font-size:11px; float:left}
label.labelhotel {display:block; width:55px; height:25px; line-height:20px; font-size:11px; float:left}
label.labeldate {display:block; width:145px; height:20px; line-height:20px; font-size:11px; float:left; margin:3px 5px 5px 0}
label.labeladulte  {display:block; width:135px; height:20px; line-height:20px; font-size:11px; float:left}

.selector {width:222px; margin:3px 10px 5px 0}

 
 /****  Formulaire Newsletter******/ 
.tx-hotellogis-pi4 {font-size:11px}
#Newsletter_gauche {float:left; margin-right:20px;}
#Newsletter_gauche label {margin-top:7px; margin-right:30px; display:block; float:left; width:130px;}
#Newsletter_gauche input {margin:5px 0 5px 0; background-color:#EEE7DF; border:1px solid #542C12; font-size:12px}
#Newsletter_gauche select {margin:5px 0 5px 0; background-color:#EEE7DF; border:1px solid #542C12; font-size:12px}

#Newsletter_droite {padding-top:34px;}
#Newsletter_droite label {margin-top:7px; margin-right:30px; display:block; float:left; width:80px;}
#Newsletter_droite input {margin:5px 0 5px 0; background-color:#EEE7DF; border:1px solid #542C12; font-size:12px}
#Newsletter_droite select  {margin:5px 0 5px 0; background-color:#EEE7DF;border:1px solid #542C12; font-size:12px}

#civilite {border:1px solid #542C12; color:#542C12; background-color:#EEE7DF; }
#nom {border:1px solid #542C12; color:#542C12; background-color:#EEE7DF; }
#societe {border:1px solid #542C12; color:#542C12; background-color:#EEE7DF; }
#adresse {border:1px solid #542C12;color:#542C12; background-color:#EEE7DF; }
#zip {border:1px solid #542C12;color:#542C12; background-color:#EEE7DF; }
#pays {border:1px solid #542C12; color:#542C12; background-color:#EEE7DF;}
#mail {border:1px solid #542C12; color:#542C12; background-color:#EEE7DF;}
#tel {border:1px solid #542C12;color:#542C12; background-color:#EEE7DF; }
#format {}
#date {border:1px solid #542C12; color:#542C12; background-color:#EEE7DF;}  


/***** coté droit ****/
#prenom {}
.space_ville {padding:0; margin:0; height:111px}
.space_fax {padding:0; margin:0; height:30px}
#verif {margin-right:70px; background:url(../../../typo3conf/ext/hotellogis/res/fond_boutons.gif); border:none; width:147px; height:25px; line-height:25px; color:#CCE651}
*+html #verif {margin-right:35px;}
*html #verif {margin-right:35px;}
#page p.verif {width:700px; text-align:right}
#reset {margin-right:70px;}
#reset {margin-right:70px; background:url(../../../typo3conf/ext/hotellogis/res/fond_boutons.gif); border:none; width:147px; height:25px; line-height:25px; color:#CCE651}
#page p.reset {width:700px; text-align:right; background: url(../img/newsletter/bg_btn_effacer.gif) left bottom no-repeat}

/*** RESA **/
#resa { width:300px; margin:auto; color:#734F37; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center}  
/****  ******/