html {height: 100%;  width: 100%;  margin: 0;}
body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif}
body {height: 100%;  width: 100%;  margin: 0;}
#flash_module {height:100%;}
.tx-flashlogis-pi1 {height:100%;}


hr.clear{visibility:hidden; height:0px; border:none; clear:both; margin:0; padding:0}

#flash_home {width:100%; height:100%; background: #33CC99 }

#site {position:relative; width:1600px; font-family:Verdanna, Helvetica, sans-serif; font-size:12px; color:#000; /*margin:0 auto;*/  left:50%; margin:0 0 0 -800px;}
#site a{color:#0066CC; font-weight:bold;}

#topbandeau {height:5px}
#bandeau {position:relative; width:963px; height:auto; margin:0 auto; margin-bottom:0}
#bandeau div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {margin:0}

#principale{position:relative; width:963px; margin:0 auto; margin-bottom:10px;}

#menu{ position:relative; width:15%; border:1px groove #CC3333; float:left; margin-right:5px; display:none;}
#menu ul{margin:0 20px; padding:0; list-style:decimal;}
#menu ul li{ padding:5px 0;}

#contenu {position:relative; width:733px;  float:left;}
*html #contenu {position:relative; width:730px; float:left;}
#contenu #ariane {height:36px; background:url(../img/commun/bg_ariane.gif) top left no-repeat; line-height:36px; padding:0 0 0 36px;}
#retouprintip {position:relative; height:18px; margin-bottom:45px; width:auto}
.printip {display:block; position:absolute; right:20px; width:auto;}
.retour {position:absolute; left:35px; width:90px;}

#contenu #page {margin:10px 35px 0 35px;}
*html #contenu #page {margin:10px 35px 0 35px;}

#menudroit {position:relative; width:230px; float:left;}
*html #menudroit {position:relative; width:230px; float:left;}

#menudroit img {margin:0; padding:0}
#menudroit .adresse_contact {display:block; margin:17px; background:none}
*html #menudroit .adresse_contact {display:block; margin:17px; margin-right:0; background:none}

#menudroit .autres_envies {display:block; margin:17px; background:none}
*html #menudroit .autres_envies {display:block; margin:17px; margin-right:0;  background:none}

#footer{position:relative; width:963px; clear:both; height:150px; margin:0 auto;}
#footer ul{width:100%; padding:0;}
#footer ul li{display:block; float:left;  height:10px; line-height:10px; margin:5px 15px; padding:2px 5px; text-align:center;}
#rosacefooter {position:absolute; top:-38px; right:-165px} 



/***************** FCE **************************/
#bt_newsletter {width:230px; height:45px; background:url(../img/commun/bt_newsletter.gif) top left no-repeat}
#footer .linksfooter {display:block; width:auto; float:left}
#footer .abonewsletter {display:block; width:auto; float:right}
#fichehotel {width:688px; height:364px; display:block; position:relative}
/*.tab_fiches_hotel {min-height:500px;}
*html .tab_fiches_hotel {height:500px;}
*+html .tab_fiches_hotel {height:500px;}*/
/**+html #fichehotel {height:364px;}*/
#tableauonglets { position:absolute; top:40px}
#hotel_alentours {display:block;width:688px; height:364px;}
#hotel_prestations {display:block;width:688px; height:364px;}
#hotel_acces {display:block;width:688px; height:364px;}

#fichehotel .onglet {width:688px; height:48px; display:block; position:absolute; top:0}
#fichehotel .onglet img {border:none; margin:6px 3px 0 0;}

#fichehotel  .contenuonglet {display:block; width:628px; height:256px; padding:20px 20px; position:absolute; top:48px; overflow:auto}
#fichehotel  .contenuonglet img {margin:0 20px 10px 0;}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {margin:0 0 10px 0}

.blocmenudroit {margin:10px 0 40px 0}


.tx-hotellogis-pi1 .imglogis {width:195px; float:left}
.tx-hotellogis-pi1 .cartelogis {width:102px; float:left}
.tx-hotellogis-pi1 .textelogis {width:350px; float:left}

.tx-hotellogis-pi1 .titrelogis  {width:350px; float:left}
.tx-hotellogis-pi1 .titretextelogis {width:auto; float:left}
.tx-hotellogis-pi1 .icoslogis {width:auto; float:right}


/* EN TABLEAU */
#tableau_fiche_hotel #hotel_alentours {display:block; width:648px;}
#tableau_fiche_hotel #hotel_prestas {display:block; width:648px;}
#tableau_fiche_hotel #hotel_acces {display:block; width:648px;}

#tableau_fiche_hotel .tx-hotellogis-pi2 {margin:0; padding:20px; padding-bottom:0}

#tableau_fiche_hotel .contenuonglet {width:648px; height:auto;}
#tableau_fiche_hotel #hotel_alentours img { margin:0 20px 5px 0}
#tableau_fiche_hotel #hotel_acces img { margin:0 20px 0 0}



/***** TABS *****/
#tx_onglets {width:688px;display:block; position:relative}
* html #tx_onglets {_width:648px;}
#tabs_onglets {width:688px; _width:648px; display:block; position:relative}
#tabs_onglets .onglet {width:688px; _width:648px; height:48px; display:block;}
#tabs_01 {display:block;width:688px; _width:648px;}
#tabs_02 {display:block;width:688px; _width:648px;}
#tabs_onglets .contenuonglet {display:block; width:628px; padding:20px 20px 20px 5px;}
#tabs_01 .onglet .on {display:block; float:left}
#tabs_01 .onglet .off { display:block; float:left}
#tabs_02 .onglet .on { display:block; float:left}
#tabs_02 .onglet .off { display:block; float:left}
.hautdepage {display:block; text-align:right; margin:0 0 10px 0;}


/******** EXT *********/
.tx-saprint-pi1 {width:auto; float:left}
.titre_liste_logis {margin:0 0 40px 0; background:url(../img/commun/sousligne_header_02.gif) bottom right no-repeat;}

/*******  CONTACT *******/

#tx_tipafriend_button{border:none; color:#C9E753;  background:url(../../../typo3conf/ext/hotellogis/res/fd_submit.jpg);  width:200px; height:35px}
#site #contenu .tx-contactform-pi1 .submit {border:none; color:#C9E753;  background:url(../../../typo3conf/ext/hotellogis/res/fd_submit.jpg);  width:200px; height:35px}
 .filet {position:relative; top:10px;}
*+ html  .filet {position:relative; top:2px;} 
* html .filet {position:relative; top:2px;} 

#site #contenu .tx-contactform-pi1 .submit:hover { cursor:pointer}
.radiohead {margin:10px 0 0 0; padding:0;}
.radio_inner {display:block; margin:0 0 0 150px} 
.mandatory {color:#542C12; font-weight:bold}
.error {color:#add600; margin:0 0 0 150px;}
.tx-contactform-pi1 .contactform_text {color:#542C12; margin-top:3px;border:1px solid #542C12; padding:0 0 0 2px; background:url(../img/articles/fond_zonetext.gif) left top no-repeat; width:150px;  background-color:#EEE7D5;}
.tx-contactform-pi1 .contactform_text_zip { margin-top:3px;margin-right:10px; float:left; border:1px solid #0A2960; padding:0 0 0 2px; background:url(../img/articles/fond_zonetext.gif) left top no-repeat; width:68px; border-top:none; border-left:none}
.tx-contactform-pi1 .contactform_text_ville { margin-top:3px;border:1px solid #0A2960; padding:0 0 0 2px; background:url(../img/articles/fond_zonetext.gif) left top no-repeat; width:200px; border-top:none; border-left:none}

.tx-contactform-pi1 .contactform_textarea { margin-top:3px;border:1px solid #542C12; padding:2px; background:url(../img/articles/fond_zonetext.gif) left top no-repeat; width:331px;  background-color:#EEE7D5}
.contactform_text:focus {background-color:#EEE7DF;}
.contactform_textarea:focus{background-color:#EEE7DF;}
.tx-contactform-pi1 .contactform_select { margin-top:3px;border:1px solid #542C12;} 
.tx-contactform-pi1 label {display:block; width:205px; float:left; margin-top:3px;}
.tx-contactform-pi1 .labelville {display:block; width:50px; float:left; margin-top:3px;}
* html .tx-contactform-pi1 .labelville {display:block; width:48px; float:left; margin-top:3px;}
* html .tx-contactform-pi1 #cp {display:block; width:152px; float:left; margin-top:3px;}
.tx-contactform-pi1 .bt_submit {display:block; margin:0 0 0 150px;}

.tx-contactform-pi1 .titreresume {font-size:12px; font-weight:bold}
.tx-contactform-pi1 strong {display:block; width:100px; float:left}
.tx-contactform-pi1 .resume {margin:0; padding:0}
.tx-contactform-pi1 .resumemessage  {margin:0; padding:0; width:300px; text-align:justify} 

/*********** Version imprimable ***********/
.tx-saprint-pi1 .sa_print_span {cursor:pointer}