/* Modèle v1.24 24/02/2009 */ /********** A GARDER EN L'ÉTAT ************/ *{margin:0; padding:0;} ul{list-style-type: none; color: #2a426c;} li{margin-left: 25px; color: #2a426c;} a img{border: 0;} html {font-size: 100%;} .clear{clear:both;} .centre{text-align:center;} .img_gauche {float:left; display:inline; margin:0 5px 5px 0;} .img_droite {float:right; display:inline; margin:0 0 5px 5px;} /*********** A PERSONNALISER **************/ body {font: normal 11px 'Verdana'; color:#0f2348; background-color:#fff;} #body{background: #224058 url(images/fond.jpg) center top fixed no-repeat;} table{font-size: 11px;} a{color: #f10000; text-decoration:none;} a:hover {text-decoration:underline;} h1{font: bold 14px 'Verdana'; margin-bottom: 10px; color: #fec011;} h2{font: bold 12px 'Verdana'; margin-bottom:5px;} h3{font: bold 11px 'Verdana';} h4 {width: 234px; height: 22px; padding-top: 7px; text-align: center; font: normal 14px Verdana; letter-spacing: -0.02em;} h5 {font: bold 11px 'Verdana'; color:#0f2348;margin-bottom:5px; letter-spacing:-0.6px;} p {margin-bottom:10px; text-align: justify;} strong{font-weight: bold;} em{font-style: italic;} .color {color:#f10000;} .hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;} .asterisque{font-style:italic; font-size:9px;} /* Formulaires */ .bouton{display: block; color: #fff; background-color: #e86108; font: bold 11px 'Trebuchet MS'; line-height: 20px; width: 160px; height: 20px; border-width: 0; text-align: center; cursor: pointer;} input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px; padding:1px} input, select, textarea{font: normal 12px 'Trebuchet MS'; color:#666; border:1px solid #8fabc4;} input[type="checkbox"], input[type="radio"]{border-width: 0;} .row{clear:both; margin-bottom:5px;} .row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;} .row label span{color:#f00;} .row textarea, .row input {width: 150px;} .row select {width: 152px;} .row_chk{padding:0; clear:both; margin-bottom:3px;position:relative;} .row_chk input{border:0;} .row_chk label{float: none; display: inline; margin: 0; padding: 0; cursor: pointer; top: 0; left: 16px;} .row_are{clear:both; margin-bottom:3px;} .row_are label{display:block;} .row_are textarea{width: 210px; margin-top: 10px;} .row_rad {clear:both; margin-bottom:5px;} .row_rad .label{float:left; width:145px; text-align:right;} .row_rad .rad {margin-left:150px; margin-bottom:1px;} .row_rad .rad input{vertical-align: middle; border: 0;} .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .row_bt {margin-left:150px; clear:both; margin-bottom:5px;} /******************************************/ /****************** ENTETE **************/ /******************************************/ #conteneur {background:url(images/fond_site.png); width:990px; overflow:hidden; margin:0 auto; padding-bottom:15px} #entete {background:url(images/logo.gif) no-repeat; height:106px;; position:relative} #entete ul {list-style-type:none; position:absolute; left:30px; top:75px} #entete ul li {float:left; margin:0 5px 0 0;} #entete ul li a {width:133px; height:30px; display:block; background-repeat: no-repeat;} #entete ul li a:hover, #entete ul li a.active{background-position: 0px -30px;} /*** MENU ***/ #entete ul li a#menu_selection{width: 155px;} #entete ul li a#menu_selection #nb_hotel{float:right; width:48px; padding-top:5px; text-align: center; color:#092948; font:bold 10px verdana; line-height: 1em;} #entete #pub_haut{position:absolute; top:2px; right:13px; width:728px; height:70px; overflow:hidden;} /*** ***/ /*Num tel et langues*/ #entete #num_tel {position:absolute; bottom:0; right:60px; overflow:hidden; color:#FFFEAB} #entete #langues {position:absolute; bottom:0; right:10px; width:40px;} #contenu {width:980px; padding:5px; overflow:hidden; } /******************************************/ /* Colonne Gauche */ /******************************************/ #contenu #colonne_gauche {width:250px; float:left} #contenu #colonne_gauche .boite h4{background:url(images/h4_jaune.png); font-weight:bold; margin-bottom:5px} /*** MOTEUR DE RESERVATION ***/ #contenu #colonne_gauche #entete_moteur_reservation {background:url(images/haut_boite_gauche.png); width:250px; height:4px; font-size:1px} #contenu #colonne_gauche #moteur_reservation, #contenu #colonne_gauche #hotel_selection {background: url(images/fond_boite_gauche.png); width: 236px; padding: 5px 7px;} #contenu #colonne_gauche #pied_moteur_reservation {background:url(images/bas_boite_gauche.png); width:250px; height:4px; font-size:1px; margin-bottom:10px} #contenu #colonne_gauche #moteur_reservation h4, #contenu #colonne_gauche #hotel_selection h4 {background:url(images/h4_orange.png); color:#fff;font-weight:bold;} #contenu #colonne_gauche #moteur_reservation #form_rech1 {width:231px; padding-top:5px; padding-left:3px;} #contenu #colonne_gauche #moteur_reservation.jq_moteur #form_rech1{display:none;} #contenu #colonne_gauche #moteur_reservation #form_rech1 select option{padding-left:2px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .row label {font-size:10px; font-weight:bold; text-align:left; margin-right:0; float:left; } #contenu #colonne_gauche #moteur_reservation #form_rech1 .row input {width:90px; } #contenu #colonne_gauche #moteur_reservation #form_rech1 .row label.date_titre {font-size:11px; letter-spacing:-0.5px; padding-top:3px;width:105px; text-align:left; margin-right:0; float:left; } #contenu #colonne_gauche #moteur_reservation #form_rech1 .row input.date_champ {margin-top:1px; width:85px; border-color:#8fabc4; float:left; text-align: center; margin-right:5px; } #contenu #colonne_gauche #moteur_reservation #form_rech1 .ui-datepicker-trigger {cursor:pointer} #contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special {width:228px; margin:7px 0 10px 0;} #contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special th{font-size:10px; text-align:left;padding-bottom:5px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special tbody td{padding:0 3px 3px 0} #contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special select{width:35px;} /*#contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special #room{width:70px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special #piece{width:55px;}*/ #contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special .child{/*width:56px;*/white-space: nowrap;} #contenu #colonne_gauche #moteur_reservation #form_rech1 table.form_special .adult{/*width:56px;*/white-space: nowrap;} #contenu #colonne_gauche #moteur_reservation #form_rech1 #titre_enfants1 p{font:bold 10px verdana; margin-bottom:0} #contenu #colonne_gauche #moteur_reservation #form_rech1 #titre_enfants1 #table_enf1{margin-bottom:5px} #contenu #colonne_gauche #moteur_reservation #form_rech1 #titre_enfants1 #table_enf1 th{font:normal 11px verdana} #contenu #colonne_gauche #moteur_reservation #form_rech1 #titre_enfants1 #table_enf1 .age_enf{float:left; margin:0 0 5px 4px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 #titre_enfants1 #table_enf1 .age_enf label{display:block;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .devise {float:right; display:inline;margin-right:5px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .devise label {width:65px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .devise select {width:145px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .bouton {background:url(images/bouton_orange.png); width:77px; height:20px; float:right; margin-right:5px; margin-top:10px} /* Boite jaune*/ #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune {margin-top:10px} #contenu #colonne_gauche #moteur_reservation h5 {margin-bottom:0;background:url(images/boite_jaune.png); width:219px; height:16px; padding-top:4px; padding-left:5px; position:relative; margin-left:2px;} #contenu #colonne_gauche #moteur_reservation h5 img {position:absolute; right:5px; top:7px} #contenu #colonne_gauche #moteur_reservation #form_rech1 .jq_champ {width:219px; margin-top:8px; float:right; display:inline;margin-right:5px;display:none;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .jq_champ .row_chk{margin-left:5px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .jq_champ .row_chk label{font-size:10px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune .row {text-align:center; width:224px} #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune select {width:214px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune select.multiple option{padding-left:3px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune .row {} #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune .row label {width:70px; padding-left:5px; padding-top:3px;font-weight:normal; } #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune .row label#label_TAB_CHO_4 {} #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune .row select#TAB_CHO_4 {width:140px;} #contenu #colonne_gauche #moteur_reservation #form_rech1 .boite_jaune .row input {width:135px;padding-left:2px;} /*** ***/ /********************* HOTEL SELECTION ******************/ #contenu #colonne_gauche #entete_selection {background: url(images/haut_boite_gauche.png); width: 250px; height: 4px; font-size: 1px;} #contenu #colonne_gauche #pied_selection {background: url(images/bas_boite_gauche.png); width: 250px; height: 4px; font-size: 1px; margin-bottom: 10px;} /******************************************/ /* Colonne Gauche OU Droite */ /******************************************/ /* Pub */ #pub {margin-top:20px; width:250px; } #colonne_gauche #pub {margin: 0 0 10px 0; width: 250px;} #colonne_droite #pub {margin: 0 0 10px 0; width: 250px;} /* Raccourcis Monuments */ /*#raccourcis_monuments {margin-top:30px; width:245px;} #raccourcis_monuments img {float:left; margin: 0 10px 10px 5px} #raccourcis_monuments ul#liste_monuments {list-style-type:none; margin:0; margin-left:50px;text-align:justify;} #raccourcis_monuments ul#liste_monuments li{margin:0;color:#fff;font: 11px Verdana;display:inline;} #raccourcis_monuments ul#liste_monuments li a{margin:0;color:#fff;font: 11px Verdana; text-decoration:none;} #raccourcis_monuments ul#liste_monuments li a:hover{text-decoration:underline;} */ /* Lien information */ #lien_information {width:250px; text-align:right; margin-top:10px} /* WEIP */ #boite_weip h4 {margin-bottom:10px} #boite_weip a {color:#2A426C} #boite_weip a:hover span, #boite_weip a.active span{text-decoration:underline} #boite_weip p{text-align: left; margin-bottom:10px;} /* Hotel Selection */ #contenu #colonne_gauche #hotel_selection ul {margin: 5px 0 0 0;} #contenu #colonne_gauche #hotel_selection ul li{margin: 0 0 2px 0;height:21px; overflow: hidden; white-space: nowrap;} #contenu #colonne_gauche #hotel_selection ul li:hover, #contenu #colonne_gauche #hotel_selection ul li.active{background: url(images/liste_hotel_hover.gif) no-repeat;display:block;} #contenu #colonne_gauche #hotel_selection ul li img{padding:2px 5px 0 5px; cursor:pointer; width:15px;height:15px; vertical-align: middle;} #contenu #colonne_gauche #hotel_selection ul li a{color:black;text-decoration:none; vertical-align: middle;} #contenu #colonne_gauche #hotel_selection ul li a:hover{color:black;text-decoration:underline;} img#add-selection{} a.lien-modif-selection{color:white; background:url(images/add-selection.png) no-repeat; width:75px; height:31px; display:block; font-size:10px; line-height:15px; text-align:center;} /* BOITES */ .haut_boite {background:url(images/haut_boite_droite.png); width:250px; height:4px; font-size:1px} .boite {background:url(images/fond_boite_droite.png); width:234px; padding:5px 8px; color:#224058} .boite ul {text-align:left; color:#fff;list-style-type:disc;list-style:disc white;} .boite ul li a{color:#FFF;text-decoration:none;font-size:11px;font-family:'Verdana';} .bas_boite {background:url(images/bas_boite_droite.png); width:250px; height:4px; font-size:1px; margin-bottom:10px} .boite p .titre {color:#000; font-weight:bold; display:block;} .boite p img {float:left; margin-right:5px; margin-bottom:10px;} .haut_boite_millieu{background: url(images/haut_boite_bleu.png) no-repeat; width: 462px; height: 6px; overflow: hidden;} .bas_boite_millieu{background: url(images/bas_boite_bleu.png) no-repeat; width: 462px; height: 6px; overflow: hidden;} /* BOITE SPECIALE */ .speciale {color: #fff; text-align: justify;} #colonne_gauche .boite {font-size: 12px;} #contenu #colonne_gauche #boite_weip h4{background: url(images/h4_jaune.png); font-weight: bold; color: #0F2348;} #contenu #plan_interactif .boite {background: url(images/fond_boite_droite.png); padding: 5px 5px; font-size: 11px; width: auto;} /* Boite Sélection d'hotels*/ .boite .classement_hotel {width:214px; height:21px; padding:5px 10px 0 10px; background-color:#476ca6; margin-top:5px; text-align:center; position:relative; font-weight:bold} .boite .classement_hotel a{display:block; position:absolute; left:5px; } .boite .classement_hotel p.declencheur_stars {margin-left:80px; margin-bottom:0; background:url(images/double_fleche_2.gif) right center no-repeat;} .boite .classement_hotel p.active{background-image:url(images/double_fleche_1.gif)} /* Boite Around Hotel*/ #contenu #colonne_gauche #boite_weip ul{margin-bottom: 18px; list-style-type: none;} #contenu #colonne_gauche #boite_weip ul li{margin: 0px; padding-left:6px; background: url(images/tiret.gif) no-repeat 0px 7px; font-size:10px;} #contenu #colonne_gauche #boite_weip ul li a{font-size:10px;} #contenu #colonne_gauche #boite_weip span.distance{float: right; display: block;} /* Boite Forum */ .forum p {display:block; text-align:center; color:#000; height:20px; margin-top:10px} .forum p a {font-weight:bold;color:#000;} /* Boite Annonce */ p.annonce {color:#2a426c; font-weight:bold; padding-top:10px; letter-spacing:-0.5px;} ul.annonce {padding-top: 10px; line-height: 14px;} /******************************************/ /* Colonne Droite */ /******************************************/ #contenu #colonne_droite {width:250px; float:left;} #contenu #colonne_droite h4{background:url(images/h4_jaune.png); font-weight:bold;} #contenu #colonne_droite h4 a{color:#0F2348;text-decoration:none;} /**** Colonne Milieu ********/ #contenu #colonne_milieu #boite_milieu {background: #2a426c; color:#fff; padding: 0;} #contenu #colonne_milieu #boite_milieu .texte{color: #FFFFFF; padding: 0;} #contenu #colonne_milieu #boite_milieu h1{margin-left: 8px;} #contenu #colonne_milieu #boite_milieu p{margin: 0 12px 20px 12px;} #contenu #colonne_milieu #boite_milieu .boite{background: #FFFFFF; margin: 10px 5px; width: auto;} /*#contenu #colonne_milieu .boite{width: auto;} */ /******************************************/ /* PAGE D'ACCUEIL */ /******************************************/ div#colonne_milieu a#map{ display:block; } /* Paris quarters */ #colonne_gauche .boite ul#paris_quarter{list-style-type: none;} #colonne_gauche .boite ul#paris_quarter li{background: url(images/puce_paris_districts2.gif) 1px 4px no-repeat; margin: 0 0 5px; padding: 0 0 0 15px; list-style-type: none;} #colonne_gauche .boite ul#paris_quarter li a{color:#0F2348} #colonne_gauche .boite ul#paris_quarter li a:hover, #colonne_gauche .boite ul#paris_quarter li a.active{text-decoration:underline} #contenu #colonne_milieu {width:462px; float:left; margin:0 5px} /*** TOP 3 ***/ #contenu #colonne_milieu #top3 {margin-top:15px;} #contenu #colonne_milieu #top3 h3 {background:url(images/pouce.png) no-repeat; color:#fff; height:24px; padding:0 0 0 45px; font:normal 17px Verdana; line-height:24px; letter-spacing: -1px;} /* Boite */ #contenu #colonne_milieu #top3 .haut_boite {background:url(images/haut_boite_milieu.png); width:462px; height:2px; margin-top:6px; font-size:1px} #contenu #colonne_milieu #top3 .boite {background:url(images/fond_boite_milieu.png); width:448px; padding:5px 7px;} #contenu #colonne_milieu #top3 .bas_boite {background:url(images/bas_boite_milieu.png); width:462px; height:2px; font-size:1px} #contenu #colonne_milieu #top3 .boite .image-top {width:167px; height:87px; float:left; display:inline; margin-right:10px; background: url(images/fond_top.jpg) no-repeat; padding:8px 0 0 8px;} #contenu #colonne_milieu #top3 .boite .image-top .vignette{float:left; display:inline; margin-right:3px;} #contenu #colonne_milieu #top3 .boite .image-top .etoile-top{float:left; display:inline;} #contenu #colonne_milieu #top3 .boite .image-top .etoile-top img{float:left;} #contenu #colonne_milieu #top3 .boite .image-top .best-offer{float:left; display:inline;padding:15px 0 0 4px;} #contenu #colonne_milieu #top3 .boite h5 a{font-size:13px; color:#000;margin-bottom:0;text-decoration:none;} #contenu #colonne_milieu #top3 .boite .details {display:block; background:url(images/sup_orange.gif) 0px 4px no-repeat; color:#f76405; padding:0 0 0 15px; float:right} /* Barre bleue dans la boite (= Avis Clients) */ #contenu #colonne_milieu #top3 .boite .avis_clients {width:449px; height:20px; background-color:#3760a0; color:#fffeab; padding-top:5px; margin-top:10px} #contenu #colonne_milieu #top3 .boite .avis_clients .note {width:215px; float:left; display:inline;padding-left:10px} #contenu #colonne_milieu #top3 .boite .avis_clients .affiche_commentaires {float:right;display:inline;text-align:right;} /*#declencheur-0{background:url(images/double_fleche_2.gif) no-repeat;width:22px;height:6px; margin-right:15px;float:right;display:inline;margin-top:-10px;margin-left:5px;} #declencheur-0.active{background:url(images/double_fleche_1.gif) no-repeat;width:22px;height:6px;} #declencheur-1{background:url(images/double_fleche_2.gif) no-repeat;width:22px;height:6px; margin-right:15px;float:right;display:inline;margin-top:-10px;margin-left:5px;} #declencheur-1.active{background:url(images/double_fleche_1.gif) no-repeat;width:22px;height:6px;} #declencheur-2{background:url(images/double_fleche_2.gif) no-repeat;width:22px;height:6px; margin-right:15px;float:right;display:inline;margin-top:-10px;margin-left:5px;} #declencheur-2.active{background:url(images/double_fleche_1.gif) no-repeat;width:22px;height:6px;}*/ #contenu #colonne_milieu #top3 .boite .avis_clients .declencheur-avis{background:url(images/double_fleche_2.gif) no-repeat;width:22px;height:6px; float:right; display:inline; margin:3px 15px 0 5px;} #contenu #colonne_milieu #top3 .boite .avis_clients .active{background-image:url(images/double_fleche_1.gif)} /* Témoignages */ #contenu #colonne_milieu #top3 .boite .temoignages {padding:8px 10px} #contenu #colonne_milieu #top3 .boite .temoignages p {margin-bottom:0} #contenu #colonne_milieu #top3 .boite .temoignages .nom_temoignage {float:right; font-style:italic} #contenu #colonne_milieu #top3 .boite .temoignages .pointilles {background:url(images/pointilles.gif); height:1px; clear:both; margin:10px 0; font-size:1px} /******************************************/ /* PAGE EVENT */ /******************************************/ #contenu #events p.centrer{text-align: center; margin: 5px 0 0 5px;} #contenu #boite_milieu p{margin: 0 14px;} #contenu #colonne_milieu #boite_milieu .centre{color: #6f1cc4; margin: 0px; font-weight: bold;} .boite_rose{background: #f3e2f5; color: #000000; padding: 5px 8px; margin: 5px 0;} .quick_search{font: bold 11px 'Verdana'; color: #6f1cc4; display: block; float: left;} #event{width: 185px;} #date{width: 185px;} #quick_search .row{text-align: right;} #quick_search .row label{margin-right: 8px;} #quick_search .row_are{margin: 5px 0 0 100px;} #quick_search .row_are textarea{width: 300px; margin-top: 10px;} #contenu #events #quick_search select{width: 300px; margin: 6px 0 0; padding: 0 2px; font-style: color: #525252;} #contenu #events #current_future h2{font: bold 12px 'Verdana'; color: #6f1cc4; margin-bottom:2px; text-align:center} #contenu #events #current_future .row{} #contenu #events #current_future .row label{padding: 2px 0 0 0; display: inline-block; float: left; margin-right: 10px;} #contenu #events #current_future .row #form_cf{text-align:center } #contenu #events #current_future .row #form_cf select{width:auto; } #contenu #events #current_future ul{background: #FFFFFF; padding: 14px; clear: both; list-style-type: none;} #contenu #events #current_future ul li{margin: 0 0 10px 0;} #contenu #events #current_future ul li a.mon_libelle{display: block; font:bold 12px verdana;} #contenu #events #current_future ul li a.mon_libelle span{font:normal 10px verdana; color:#6f1cc4} #contenu #events #current_future ul li a:hover{text-decoration: underline;} #contenu #events #current_future .mois_min{color: #6f1cc4; font-size: 10px; font-weight: normal;} #contenu #events #current_future p{margin: 0px;} #contenu #events #current_future .details a{color: #6f1cc4;} /******************************************/ /* PAGE HOTEL DETAILS */ /******************************************/ #contenu #plan_interactif #boite_plan img.academie{float: left; display: inline; margin: 0 10px 0 5px; border:1px solid #FEC011} #contenu #plan_interactif #boite_plan h1{ margin:0 0 10px 5px; font:normal 18px verdana; } #contenu #plan_interactif #boite_plan p.address{color: #FFFFFF; font-size: 12px; margin-left: 90px;} #contenu #plan_interactif #boite_plan #hotel_detail{background: #FFFFFF; padding: 10px; margin: 0 5px; text-align: justify;} #contenu #plan_interactif #boite_plan #hotel_detail h2{clear:both; background: #d7e8fb; color: #2a426c; font-size: 11px; font-weight: bold; padding: 5px;} #contenu #plan_interactif #boite_plan #hotel_detail h2.haut_titre{margin-top: 20px; clear: both;} #contenu #plan_interactif #boite_plan #hotel_detail h2 a{color: #2a426c;} #contenu #plan_interactif #boite_plan #hotel_detail h2.haut_titre a.haut_titre_lien{float:right} #contenu #plan_interactif #boite_plan #hotel_detail p{margin: 0 0 10px 0;} #contenu #plan_interactif #boite_plan #hotel_detail img.academies{margin:0 0 10px 10px;} #contenu #plan_interactif #boite_plan #hotel_detail .liste_access {overflow: hidden; clear:both; margin-top:10px;} #contenu #plan_interactif #boite_plan #hotel_detail .liste_access li{padding: 0 0px 0 20px; margin-bottom:5px; line-height:20px; width: 290px; float: left; display:inline;/*IE6*/} #contenu #plan_interactif #boite_plan #hotel_detail .liste_access li img{float: left; display: inline;/*IE6*/ margin-right: 5px;} #contenu #plan_interactif .s_hotel{text-align: right; display: block;} #contenu #plan_interactif #boite_plan .guests_review{background: url(images/btn_guests.gif); width: 75px; height: 31px; color: #fff; text-align: center; font-size: 10px; line-height: 10px; margin:0 10px 5px 0;} #contenu #plan_interactif #boite_plan #boutons_hotel{float:right; padding-right:10px;} #contenu #plan_interactif #boite_plan #boutons_hotel a{display:block; margin-bottom:5px;} #contenu #plan_interactif #boite_plan #boutons_hotel a.guests_review{margin:0 0 5px 0;} #contenu #colonne_gauche h4.back_resul{background: url(images/back_result.png); width: 250px; margin-bottom:10px} #contenu #colonne_gauche h4.back_resul a{color:#fff; font-weight: bold;} /******************************************/ /* PAGE MONUMENT */ /******************************************/ #contenu #plan_interactif #boite_plan h1.sans_marge{margin:0 0 0 5px; padding:0; height:20px;} #contenu #plan_interactif #boite_plan #hotel_detail h2.haut_titre span a{color: #0756af;/*float: right; font-style: italic;*/} #contenu #plan_interactif #boite_plan #hotel_detail img#diapo{float:right; margin:0 0 5px 10px;} /* hotels dans le quartier*/ #contenu #plan_interactif #boite_plan #hotel_detail ul#hotel_quarter li{width:343px; margin:0 0 5px 0;} #contenu #plan_interactif #boite_plan #hotel_detail ul#hotel_quarter li a{color:#0F2348} #contenu #plan_interactif #boite_plan #hotel_detail ul#hotel_quarter li .etoile{display:inline} #contenu #plan_interactif #boite_plan #hotel_detail ul#hotel_quarter li .distance{font-size:10px; color:#48A318} /* autres quartiers */ #contenu #plan_interactif #autre_quartier{float:left; width:230px; overflow:hidden;} /* a proximité */ #contenu #plan_interactif #boite_district {overflow:hidden;} #contenu #plan_interactif #boite_district .haut_district{ height: 4px; margin-top: 10px; overflow: hidden;} #contenu #plan_interactif #boite_district .bas_district{height: 4px; overflow: hidden;} #contenu #plan_interactif #boite_district #district {padding: 5px 7px 8px 6px; overflow: hidden; background-color:#bac2d5; border:1px solid #fbfbfd; border-width:0 1px;} #contenu #plan_interactif #boite_district #district h4{font-weight: bold; width:auto;} #contenu #plan_interactif #boite_district #district #liste{margin: 10px 0 ;} #contenu #plan_interactif #boite_district #district #liste li{width:234px; float: left; display:inline;/*IE6*/ margin: 0 0 10px;} #contenu #plan_interactif #boite_district #district #liste li img{float: left; display: inline;/*IE6*/} #contenu #plan_interactif #boite_district #district #liste li h2{margin:0 0 1px 38px;} #contenu #plan_interactif #boite_district #district #liste li ul{margin-left:38px;} #contenu #plan_interactif #boite_district #district #liste li ul li{width: auto; margin: 0; float:none; display:block;} #contenu #plan_interactif #boite_district #district #liste li ul li a{color:#0F2348} /*Pour les quartier, apparaît à droite de la boite "autre quartiers */ #contenu #plan_interactif #boite_district.bd_quartier {float:right; width:485px;} #contenu #plan_interactif #boite_district.bd_quartier .haut_district{background: url(images/haut_boite_interactif.png);} #contenu #plan_interactif #boite_district.bd_quartier .bas_district{background: url(images/bas_boite_interactif.png);} #contenu #plan_interactif #boite_district.bd_quartier #district h4{background: url(images/h4_jaune_interactif.png);} /*Pour les pr normaux, prend la pleine largeur*/ #contenu #plan_interactif #boite_district.bd_normal {width:717px;} #contenu #plan_interactif #boite_district.bd_normal .haut_district{background: url(images/haut_boite_proximite.gif);} #contenu #plan_interactif #boite_district.bd_normal .bas_district{background: url(images/bas_boite_proximite.gif);} #contenu #plan_interactif #boite_district.bd_normal #district h4{background: url(images/h4_jaune_proximite.gif);} /******************************************/ /* PAGE ETOILES */ /******************************************/ #contenu #plan_interactif #boite_plan #hotel_detail h3.arrondissement{clear:both; margin-bottom:2px; font: normal 12px verdana;} #contenu #plan_interactif #boite_plan #hotel_detail h3.arrondissement span{color:red; font-weight:bold;} #contenu #plan_interactif #boite_plan #hotel_detail ul.hotel_etoile li{width:343px; margin:0;} #contenu #plan_interactif #boite_plan #hotel_detail ul.hotel_etoile li .etoile{display:inline} /******************************************/ /* PAGE GUEST REVIEWSS */ /******************************************/ #contenu #plan_interactif #boite_plan #hotel_detail .commentaire{margin-bottom:15px;} #contenu #plan_interactif #boite_plan #hotel_detail .commentaire p{margin:0;} #contenu #plan_interactif #boite_plan #hotel_detail .commentaire .son_date{margin-bottom:3px;} #contenu #plan_interactif #boite_plan #hotel_detail .commentaire .son_commentaire{margin:0 0 3px 0;} #contenu #plan_interactif #boite_plan #hotel_detail .commentaire .son_moyenne{float:left; color:#c00} #contenu #plan_interactif #boite_plan #hotel_detail .commentaire .son_client{float:right;} /******************************************/ /* PAGE HOTEL LIST */ /******************************************/ #contenu #plan_interactif .boite h4 {background: url(images/h4_paris_district.png); font-weight: bold; width: 216px; margin-bottom:5px} #contenu #plan_interactif .boite li{background: url(images/puce_paris_districts.gif) 0 2px no-repeat; margin: 0 0 5px; padding: 0 0 0 15px; list-style-type: none;} #contenu #plan_interactif .boite li a{color:#0F2348} #contenu #plan_interactif #boite_plan #hotel_detail li{padding: 0px; width: 290px; float: left; display:inline; margin: 0 20px 0 0px;} #contenu #plan_interactif #boite_plan #hotel_detail li a{color:#0F2348} #contenu #plan_interactif #boite_plan #hotel_detail #hotel_quarter{margin: 10px 0;} #contenu #plan_interactif .haut_boite{background: url(images/haut_paris_district.png); width: 230px; margin-top: 10px;} #contenu #plan_interactif .bas_boite{background: url(images/bas_paris_district.png); width: 230px;} #contenu #plan_interactif .boite{background: url(images/boite_paris_districts.png);} #conteneur #hotel_liste{top: 150px; height: 410px;} #conteneur #hotel_liste h1{color: #920f26;} #conteneur #hotel_liste .guests_review{margin-top: 20px;} #conteneur #hotel_liste .etoile{margin-left: 10px;} #conteneur #hotel_liste span{margin-left: 120px;} #conteneur #hotel_liste span.rang{color:#FFFFFF; background: url(images/puce_hotel_found.png) no-repeat; margin: 25px 5px 0 0; display: inline-block; width: 13px; padding-left: 2px; display: inline; float: left;} /******************************************/ /* PAGE SITE MAP */ /******************************************/ /*#contenu #plan_interactif #boite_plan .site_map ul{margin-bottom:10px;}*/ /******************************************/ /* PAGE HOTEL RATES */ /******************************************/ #contenu #plan_interactif #boite_plan #hotel_detail #hotel_reservation {background: #D7E8FB; height: 160px; margin-bottom: 10px;} #hotel_reservation .form_special td{text-align: center;} #hotel_reservation .form_special th{font-weight: normal;} #hotel_reservation .row {width: 220px;} #hotel_reservation .row input.date_champ {width: 85px; margin-right: 2px;} #hotel_reservation .row label{width: 95px; text-align: left; display: inline-block;} #hotel_reservation .form_special{display: inline-block; margin: 0px; *display: inline; float: left; margin: 8px;} .btn_search{background: url(images/btn_search.png); width: 77px; height: 20px; margin: 10px; font-size: 14px; color: #ffffff; font-weight: bold; border-width: 0px; cursor: pointer; float: right;} .book_now{background: url(images/btn_book_now.png); width: 66px; height: 21px; color: #fffefe; font-size: 9px; border-width: 0px; margin: 10px; cursor: pointer; float: right; display: inline;} #detail_room{width: 600px; margin: 10px auto;} #contenu #plan_interactif #detail_room h3{display: inline;} #contenu #hotel_reservation .devise {display: inline; margin: auto;} #contenu #hotel_reservation .row_date {margin-top: 30px;} #hotel_detail #detail_room #order-table {width: 592px; margin: auto;} #hotel_detail #detail_room #order-table td{ border-right: 1px solod #FFFFFF;} #order-table td {padding: 5px; text-align: center;} #order-table td.room{text-align: left;} #order-table td.prix{text-align: right;} #order-table td em{font-size: 10px;} #order-table th {padding: 5px; background: #A7CFFD; color: #333333; text-align: left; font-weight: normal;} #order-table th.centre {text-align: center;} #order-table td.row-total {text-align: right;} #order-table td input {text-align: center;} #order-table tr.even td {background: #A7CFFD;} #order-table tr.odd td{background: #D7E8FB;} #order-table .discount{color: #e55b0a; font-weight: bold;} /**********PARIS MAP LISTE***************/ .pop_up{position: absolute; width: 485px; height: 428px; top: 116px; left: 5px; background: #FFFFFF; z-index: 3; border: 3px solid #bac2d5;} #conteneur .pop_up h1{display: inline; width: 300px; color: #0756af;} .pop_up .etoile {display: inline;} .pop_up img.academie{display: inline; float: left; margin: 5px;} .pop_up span{display: block;} .pop_up .guests_review{display: inline-block; background: transparent url(images/btn_guests_blanc.png) repeat scroll 0 0; color: #FFFFFF; font-size: 9px; height: 31px; line-height: 9px; text-align: center; width: 53px; cursor: pointer; float:left; display: inline; margin-bottom: 10px;} .pop_up p a{color: #d94c04; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;} .pop_up a.lien_detail{color: #0756af; font-size: 11px;} .pop_up .close{cursor: pointer; float: right; margin-bottom: 5px;} .pop_up p, .pop_up h1{margin: 20px 20px 10px 10px;} #map_liste .rang{color: #FFFFFF; background: url(images/puce_hotel_found.png) no-repeat; padding:0px 3px ; margin:10px 5px 10px 10px; display: inline-block; width: 18px; display: inline;} #map_liste h1{margin: 0px;} #map_liste p{margin: 5px 20px 20px 10px;} #map_liste p a.check{color: #d94c04; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;} /* Formulaire de recherche du haut*/ #contenu #plan_interactif #boite_plan #hotel_detail #moteur_reservation2 p{margin:0 0 5px 0;} #hotel_detail #entete_moteur_reservation2{height:4px; font-size:1px; background-image: url(images/entete_moteur_reservation2.gif);} #hotel_detail #pied_moteur_reservation2{height:4px; font-size:1px; background-image: url(images/pied_moteur_reservation2.gif); margin-bottom: 15px;} #hotel_detail #moteur_reservation2{background-color:#D7E8FA; padding:6px 10px; width:667px; overflow:hidden;} #hotel_detail #moteur_reservation2 select option{padding-left:2px;} #hotel_detail #moteur_reservation2 .row label {width:90px; font-size:10px; font-weight:bold; text-align:left; margin-right:0; float:left; } #hotel_detail #moteur_reservation2 .row_dates{float:left; width:222px; margin:29px 0 5px} #hotel_detail #moteur_reservation2 .row_dates label.date_titre{width:90px; padding-top: 3px;} #hotel_detail #moteur_reservation2 .row_dates input.date_champ{float:left; width:85px; border-color:#8fabc4; text-align: center; margin-right: 5px;} #hotel_detail #moteur_reservation2 .row_dates .ui-datepicker-trigger {cursor:pointer} #hotel_detail #moteur_reservation2 table.form_special {width:218px; float:left; display:inline;/*IE6*/ margin-bottom:5px;} #hotel_detail #moteur_reservation2 table.form_special th, #hotel_detail #moteur_reservation2 table.form_special td{padding:0 2px 3px 0;} #hotel_detail #moteur_reservation2 table.form_special th{font-size:10px; text-align:left;padding-bottom:5px;} #hotel_detail #moteur_reservation2 table.form_special select{width:35px;} #hotel_detail #moteur_reservation2 table.form_special .child{/*width:56px;*/white-space: nowrap;} #hotel_detail #moteur_reservation2 table.form_special .adult{/*width:56px;*/white-space: nowrap;} #hotel_detail #moteur_reservation2 #titre_enfants2{float:left; width:217px; margin-left:10px; display:inline;/*IE6*/ margin-bottom:5px;} #hotel_detail #moteur_reservation2 #titre_enfants2 p{font:bold 10px verdana; margin-bottom:0} #hotel_detail #moteur_reservation2 #titre_enfants2 #table_enf2{margin-bottom:5px} #hotel_detail #moteur_reservation2 #titre_enfants2 #table_enf2 th{font:normal 11px verdana} #hotel_detail #moteur_reservation2 #titre_enfants2 #table_enf2 .age_enf{float:left; margin:0 0 5px 4px;} #hotel_detail #moteur_reservation2 #titre_enfants2 #table_enf2 .age_enf label{display:block; white-space: nowrap;} #hotel_detail #moteur_reservation2 #titre_enfants2 #table_enf2 tbody th{padding-top:17px;} #hotel_detail #moteur_reservation2 .devise {width:430px} #hotel_detail #moteur_reservation2 .devise label {width:217px; text-align: right; padding-top: 3px; margin-right: 5px;} #hotel_detail #moteur_reservation2 .devise select {width:145px;} #hotel_detail #moteur_reservation2 .bouton {background:url(images/bouton_orange.png); width:77px; height:20px; float:right; margin-right:5px;} #hotel_detail .msg_pas_result{color:#F76405; font-weight:bold; text-align:center; padding-top:10px} #hotel_detail .msg_pas_result a{} /******************************************/ /* PAGE QUARTER 2 */ /******************************************/ #contenu #plan_interactif #boite_plan #hotel_detail #hotel_quarter li img{display: inline-block;} /*********Recherche hotel*****/ #search{width: 968px; background: #d7e8fb; padding: 0 2px 2px 2px;} #haut_boite_search{background: url(images/haut_boite_search.png) no-repeat; width: 972px; height: 4px; display:inline-block; overflow: hidden;} #bas_boite_search{background: url(images/bas_boite_search.png) no-repeat; width: 972px; height: 4px; margin-bottom: 5px;} #search ul{display: inline-block; *display: inline; float: left; margin: 0 20px 0 5px;} #search ul li{line-height: 20px; margin-left: 0px;} #search ul li b{color: #0085d2;} #search input{color: #ffffff; font-weight: bold;} #search input.previous_page{background: url(images/btn_page_previous.png); width: 101px; height: 20px; border-width: 0px; cursor: pointer;} #search input.new_search{background: url(images/btn_new_search.png); width: 92px; height: 20px; border-width: 0px; cursor: pointer;} #contenu #colonne_gauche #hotels_found{background: #FFFFFF; width: 236px; height: 370px; overflow: auto;} #contenu #colonne_gauche #hotels_found ol li.liste{border-top: 1px solid #f9eeb8; list-style-type: none; margin-left: 5px; padding: 0px; clear: both;} #contenu #colonne_gauche #hotels_found ol li.select{background: #c5e0fe;} #hotels_found .distance{color: #48a318;} #hotels_found p, #hotels_found .etoile, #hotels_found .distance{margin: 0 0 0 20px;} #contenu #colonne_gauche #hotels_found .liste ul {margin: 0 0 0 20px;} #contenu #colonne_gauche #hotels_found ul {margin: 0px;} #contenu #colonne_gauche #hotels_found ul li{display: inline-block; width: 55px; list-style-type: none; margin: 0px; text-align: center; padding: 10px 0 0 0; height: 60px; float: left;} #contenu #colonne_gauche #hotels_found ul li p{padding-left: 10px;} #hotels_found .etoile{width: 80px;} #hotels_found .add_selection{float: right; margin: 0 2px 0 0; cursor: pointer;} #hotels_found b{color: #de5100;} #sort-by{width: 78px; margin: 12px 5px 12px 0px;} #select_by{margin: 10px 0px 10px 5px;} #contenu #colonne_gauche #hotels_found h3{margin-top: 10px;} #hotels_found .rang{background: url(images/puce_hotel_found.png) no-repeat; color: #FFFFFF; margin-right: 5px; padding-left: 2px;} /***************RECHERCHE RESULT***************/ #recherche_result{position: absolute; width: 480px; height: 428px; top: 116px; left: 5px; background: #FFFFFF; z-index: 10;} #conteneur #recherche_result h1{width: 300px; color: #0756af;} #recherche_result .etoile {display: inline;} #recherche_result img.academie{display: inline; float: left; margin: 5px;} #recherche_result span{display: block;} #recherche_result .guests_review{background: transparent url(images/btn_guests_blanc.png) repeat scroll 0 0; color: #FFFFFF; font-size: 9px; height: 31px; line-height: 9px; margin: 0 10px 5px 0; text-align: center; width: 53px;} #recherche_result p a{color: #d94c04; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;} #recherche_result a.lien_detail{color: #0756af; font-size: 11px;} #recherche_result{position: absolute; top: 214px; left: 5px;} #recherche_result #detail_room{width: 450px; margin-top: 20px;} #recherche_result #scroll{overflow-y: auto; overflow-x: hidden; height: 380px; clear: both; overflow:-moz-scrollbars-vertical; } #recherche_result #scroll .guests_review{ margin: 5px 10px 5px 5px;} #recherche_result #scroll h1{margin: 0px;} #recherche_result #detail_room h3{display: inline;} #recherche_result #detail_room p{margin: 0;} #recherche_result #scroll .distance{margin:20px 0 0 0; color: #4ca61a;} #recherche_result p{margin: 0 10px 0 10px;} #recherche_result .prix_room{background: #f9eeb8; padding: 2px; width: 125px; font-size: 10px; height: 25px;} #recherche_result .right{ width: 130px; margin: 0 10px; float: right; text-align: center;} #recherche_result .right img{margin-top: 5px;} #recherche_result .right span.discount{display: inline; color: #e05100;} #recherche_result #scroll .rang{color:#FFFFFF; background: url(images/puce_hotel_found.png) no-repeat; margin: 0px; display: inline-block; width: 13px; padding-left: 2px; margin-left: 10px;} /******************************************/ /* PAGE WEIP */ /******************************************/ /*#contenu #boite_milieu ul li{margin: 0px;} */ #contenu #boite_milieu ul li a{color: #2A426C;} #contenu #boite_milieu .boite {padding:5px;} /* boite weip */ #contenu #boite_milieu .boite_weip h3 {font-size: 11px; margin:0} #contenu #boite_milieu .boite_weip h3 span{font:normal 11px verdana;} #contenu #boite_milieu .boite_weip ul{list-style-type: none; padding: 5px 10px; border:0px solid black; border-width:0 4px 4px 4px; margin:0} #contenu #boite_milieu .boite_weip ul li{list-style-type: none; margin-left:0;} /* Restaurant */ #contenu #boite_milieu #weip_rest h3 {background: #FFEDE6 url(images/double_fleche_7.gif) 99% 50% no-repeat; color: #C44B1C;} #contenu #boite_milieu #weip_rest h3 span{font:normal 10px verdana; color: #C44B1C;} #contenu #boite_milieu #weip_rest ul{border-color:#FFEDE6; list-style-type: none;} #contenu #boite_milieu #weip_rest ul li{list-style-type: none; margin-left:0;} #contenu #boite_milieu #weip_rest thead th{text-align:left; font:bold 11px verdana;} #contenu #boite_milieu #weip_rest tbody td{padding-right:5px; vertical-align: top;} /* Transportation */ #contenu #boite_milieu #weip_trans h3 {background: #D7FBB9 url(images/double_fleche_8.gif) 99% 50% no-repeat; color: #1E7908;} #contenu #boite_milieu #weip_trans ul {list-style-type: none; border-color:#D7FBB9;} #contenu #boite_milieu #weip_trans ul li{list-style-type: none; margin-left:0;} /******************************************/ /* PAGE PLAN INTERACTIF */ /******************************************/ #contenu #plan_interactif {width:717px; float:left; margin-left:5px; display:inline; /*IE 6*/} #contenu #plan_interactif #haut_boite_plan {width:717px; height:5px; font-size:1px; background:url(images/haut_boite_plan.png)} #contenu #plan_interactif #bas_boite_plan {width:717px; height:5px; font-size:1px; background:url(images/bas_boite_plan.png)} #contenu #plan_interactif #boite_plan {width:717px; background-color:#2a426c;padding-top:4px; position:relative;} /* Partie gauche*/ #contenu #plan_interactif #boite_plan #boite_plan_gauche {float:left; width:228px; padding-right:4px;} #contenu #plan_interactif #boite_plan #boite_plan_gauche h1 {color:#fff; font:normal 14px Verdana; text-align:center; margin:2px 0 5px;} /* Légende interactive */ #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive {width:228px} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende {width:228px; color:#b7cdf9;} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende h3 {padding-left:6px; margin-bottom:4px; font-size:14px; font-weight:normal;color:#a4bae6;} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende #form_locate {width:222px; margin-left:6px; margin-bottom:10px;} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende #form_locate select {width:222px;} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende #form_locate .row {margin-bottom:4px; text-align:right} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende #form_locate label {float:none; display:inline} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende #form_locate input {width:153px; margin-bottom:4px} #contenu #plan_interactif #boite_plan #boite_plan_gauche #legende_interactive #form_legende #form_show {width:224px; margin-left:4px} /* Partie droite */ #contenu #plan_interactif #boite_plan #boite_plan_droite {float:left; width:480px; height:430px; padding:0;} #contenu #plan_interactif #boite_plan #boite_plan_droite #grande_carte_centrage{margin:0 auto;} #contenu #plan_interactif #boite_plan #boite_plan_droite #grande_carte_centrage #grande_carte_masque { overflow:hidden; position:relative;} #grande_carte_masque #zoom *{ margin:0; padding:0; border:medium none; line-height:0; } #grande_carte_masque #zoom { width:21px; height:96px; z-index:5; position:absolute; left:7px; top:7px; } #grande_carte_masque #loading_map { background:white url(jquery/indicator.gif) no-repeat scroll 6px center; height:16px; left:180px; padding:6px 0 6px 30px; position:absolute; top:190px; width:106px; z-index:175; border:1px solid black; display:none; } #grande_carte_masque #echelle { height:20px; left:0; position:absolute; top:410px; width:137px; z-index:5; } #grande_carte_masque #echelle.echelle1 { background:transparent url(images/echelle-1.png) scroll no-repeat center center; } #grande_carte_masque #echelle.echelle5 { background:transparent url(images/echelle-5.png) scroll no-repeat center center; } #grande_carte_masque #echelle.echelle10 { background:transparent url(images/echelle-10.png) scroll no-repeat center center; } #grande_carte_masque #echelle.echelle20 { background:transparent url(images/echelle-20.png) scroll no-repeat center center; } #grande_carte_masque #grande_carte_conteneur{ position:relative; padding:0; margin:0; background-color:#fff} #grande_carte_masque #grande_carte_conteneur #grande_carte{cursor:move; display:none; position:absolute;} /******NavigationTabs*******/ #contenu #plan_interactif #boite_plan ul.navigationTabs{height: 25px; margin: 10px 11px 0 11px; display: block; overflow: hidden;} #contenu #plan_interactif #boite_plan .navigationTabs li{margin: 0px; float: left; height: 25px; padding-right: 3px; display: inline;} #contenu #plan_interactif #boite_plan .navigationTabs li a{float: left; display: inline;/*IE6*/ height: 25px; line-height: 25px; padding: 0 8px; overflow: hidden; color: #b7cdf9; position: relative; text-decoration: none; font-size: 12px; background: #61779d;} #contenu #plan_interactif #boite_plan .navigationTabs li a:hover{color: #fefefc;} #contenu #plan_interactif #boite_plan .navigationTabs li.active a{color: #fefefc; border-top: 2px solid #FFFFFF; height: 23px; line-height: 21px;} #contenu #plan_interactif #boite_plan .navigationTabs li span{height: 25px; overflow: hidden; float: left; background: url(images/tab-left.gif) no-repeat left top;} #contenu #plan_interactif #boite_plan .navigationTabs li span span{background: url(images/tab-right.gif) no-repeat right top; padding: 0px 5px;} #contenu #plan_interactif #boite_plan .navigationTabs li.active span {background: url(images/tab-left_active.gif) no-repeat left top;} #contenu #plan_interactif #boite_plan .navigationTabs li.active span span{background: url(images/tab-right_active.gif) no-repeat right top;} #contenu #plan_interactif #boite_plan ul.navigationTabsQuarter{float: right; margin: 0 11px 0 0;} img.img_plan{ background:transparent url(plan_interactif/images/loadinghop2.gif) no-repeat scroll center center; } .map_point{ width:15px; height:15px; display:block; position:absolute; cursor:pointer; } .map_point.search_point{ height:15px; width:15px; padding:0; } .map_point.pr_{ display:none; } .map_point.search_point span{ color:white; display:block; font-size:6pt; font-weight:bold; height:15px; width:15px; text-align:center; line-height:13px; } .map_parent{ position:absolute; display:none; background-color:white; width:252px; text-decoration:none; color:black; z-index:12; cursor:pointer; } .map_point:hover{ background-position:center bottom; } .map_point:hover > .map_parent{ display:block; text-decoration:none; } .map_parent *{ text-decoration:none; } /******************************/ .map_point.bas_gauche .map_parent{ left:0; bottom:0; } .map_point.bas_droite .map_parent{ right:0; bottom:0; } .map_point.haut_gauche .map_parent{ left:0; top:0; } .map_point.haut_droite .map_parent{ right:0; top:0; } /******************************/ #conteneur #contenu #iframe_lieu{ background-color:white; height:430px; width:483px; position:absolute;left:-255px; top:4px;z-index:20;display:none;overflow:hidden;} #conteneur #contenu #iframe_lieu #iframe_lieu_conteneur{ height:430px; width:483px; overflow-x:hidden; overflow-y:scroll;} /* Pour que la div apparaîsse au dessus des select sur IE6 */ #conteneur #contenu #iframe_lieu iframe{position:absolute; left:0;top:0;width:100%;height:100%;z-index:-1} #iframe_lieu a#detail_lieu_fermer{ float:right;display:inline;/*IE6*/margin:5px 5px 0 0; font:bold 12px verdana; color:#E75B0C} #iframe_lieu a#detail_lieu_fermer:hover{text-decoration: none;} #iframe_lieu a#detail_lieu_fermer img{vertical-align: bottom;} #iframe_lieu #contenu_lieu{ padding:10px; } #iframe_lieu #contenu_lieu .btn_droite{float: right; width:154px;} #iframe_lieu #contenu_lieu .btn_droite .meilleur_prix_discount{margin-bottom:4px; background: #f9eeb8 url(images/meilleur_prix_discount_bas.gif) bottom no-repeat; font-size:10px; padding:0 3px 3px;} #iframe_lieu #contenu_lieu .btn_droite .meilleur_prix_discount p{text-align:left; margin-bottom:2px} #iframe_lieu #contenu_lieu .btn_droite .meilleur_prix_discount p span{font:bold 11px verdana; color:#e05100; white-space: nowrap;} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu .guests_review{ background-image: url(images/btn_guests_blanc.gif); margin-right:0; float:left; } #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu .lien-modif-selection{ float:left; margin-left:4px; } #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu p.address{ margin-left:0; font:normal 11px verdana; color:#0F2348;} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu img.academie{ margin:0 5px 5px 0;} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu h1, #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu h1 a{ font:bold 14px verdana; color:#0756af; margin-left:0; } #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu h1 a{text-decoration:underline;} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu h1 a:hover{color:#E05100} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu h2{ font:bold 11px verdana; color:#2A426C; background-color: #D7E8FB; padding:5px;} #iframe_lieu #contenu_lieu p.proximite{color:#48a318; margin-bottom:5px;} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu .eve_lieu{ list-style-type: none;} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu .eve_lieu li{ list-style-type: none; margin-left:0; float:left; width:223px;} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu .eve_lieu li a{ color:#0F2348} #contenu #plan_interactif #boite_plan #iframe_lieu #contenu_lieu .hot_lien a{font:bold 11px verdana; color:#0756AF} .map_top{ display:block; position:absolute; z-index:9; } .map_parent div.interieur{ margin:0; padding:5px; } #contenu #plan_interactif #boite_plan .map_parent div.interieur h1{ color:#266EB8; font:bold 14px verdana; margin-bottom: 5px;} .map_parent div.interieur div.click_icon{ color:#4AA617; } #contenu #plan_interactif #boite_plan .map_parent div.interieur .guests_review{ float:right; margin-right:0; background-image: url(images/btn_guests_blanc.gif);} div.interieur h1 .etoile{white-space: nowrap;} div.interieur img.academie{display: inline; float: left; margin: 5px;} div.interieur p a{color: #d94c04; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;} div.interieur p a.check{color: #d94c04; font:bold 11px verdana; display:block; text-align:center} div.interieur a.lien_detail{color: #0756af; font:bold 11px verdana; text-decoration: underline;} div.interieur a.lien_detail:hover{color:#E05100} div.interieur .rang{ background-image:url(http://www.duo-rez.com/images_icone_pr/000000-full.gif); color:#FFFFFF; float:left; display:inline;/*IE6*/ font-size:7pt; font-weight:bold; height:15px; width:15px; line-height:13px; margin:2px 5px 0 0; text-align:center; } /***** ACCORDION ********/ .accordion {width: 440px;} .accordion h3 {padding: 7px 15px; margin: 0; margin-top: 10px; border-bottom: none; cursor: pointer;} .accordion h3:hover {background-color: #e3e2e2;} #contenu #boite_milieu #weip_rest.accordion h3.active {background-image:url(images/double_fleche_5.gif);} #contenu #boite_milieu #weip_trans.accordion h3.active {background-image:url(images/double_fleche_6.gif);} #contenu #colonne_milieu .accordion ul {background: #FFFFFF; color: #00000; display:none} /******************************************/ /*********** paris hotel list ***********/ /******************************************/ #boite_paris_list{display:inline;color:#2a426c;} #boite_paris_list h4{color:white; font:bold 16px verdana; padding-bottom:17px; width:auto;} #boite_paris_list #boite_liste_gauche{float:left;display:inline;margin-left:5px;width:350px;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_haut{background:url(images/boite_liste_haut.png) no-repeat;width:350px;height:7px;overflow:hidden;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu{background:url(images/boite_liste_milieu.png) repeat-y;width:350px;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu p#boite_liste_gauche_titre{font-family:Verdana;font-weight:bold;font-size:12px;color:#2a426c;height:27px;padding:0 60px 6px;text-align:center;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu #boite_liste_gauche_select_haut{background:url(images/boite_liste_select_haut.png) no-repeat;width:340px;height:10px;margin-left:5px;overflow:hidden;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu #boite_liste_gauche_select_milieu{background:url(images/boite_liste_select_milieu.png) repeat-y;width:340px;margin-left:5px;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu #boite_liste_gauche_select_milieu ul#liste_quartier_libelle{width:320px;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu #boite_liste_gauche_select_milieu ul#liste_quartier_libelle li{list-style-type:none; background: url(images/puce_bleu.png) 10px 5px no-repeat; margin:0; padding-left:20px; height:34px} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu #boite_liste_gauche_select_milieu ul#liste_quartier_libelle li a{color:#2a426c;font-size:12px;font-family:Verdana; display:block; width:225px;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu #boite_liste_gauche_select_milieu ul#liste_quartier_libelle li span{float:right;display:inline;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_milieu #boite_liste_gauche_select_bas{background:url(images/boite_liste_select_bas.png) no-repeat;width:340px;height:9px;margin-left:5px;} #boite_paris_list #boite_liste_gauche #boite_liste_gauche_bas{background:url(images/boite_liste_bas.png) no-repeat;width:350px;height:5px;} #boite_paris_list #boite_liste_droite{float:right;display:inline;margin-right:5px;width:350px;} #boite_paris_list #boite_liste_droite #boite_liste_droite_haut{background:url(images/boite_liste_haut.png) no-repeat;width:350px;height:7px;overflow:hidden;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu{background:url(images/boite_liste_milieu.png) repeat-y;width:350px;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu p#boite_liste_droite_titre{font-family:Verdana;font-weight:bold;font-size:12px;color:#2a426c;height:27px;padding:0 50px 6px;text-align:center;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_haut{background:url(images/boite_liste_select_haut.png) no-repeat;width:340px;height:10px;margin-left:5px;overflow:hidden;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_milieu{background:url(images/boite_liste_select_milieu.png) repeat-y;width:340px;margin-left:5px;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_milieu ul#liste_arrondissement{width:320px;padding-bottom:10px;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_milieu ul#liste_arrondissement li{margin-left:10px;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_milieu ul#liste_arrondissement li a.mon_libelle{color:#2a426c;font-size:12px;font-family:Verdana;float:left;display:inline;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_milieu ul#liste_arrondissement li a.mon_libelle span{color:red; font-weight:bold;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_milieu ul#liste_arrondissement li .nbhotel{float:right;display:inline;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_milieu ul#liste_arrondissement li a.mon_sous_titre{display:block; margin-bottom:10px; color:#2A426C; margin-left:25px; width:230px; text-align:left; clear:both;} #boite_paris_list #boite_liste_droite #boite_liste_droite_milieu #boite_liste_droite_select_bas{background:url(images/boite_liste_select_bas.png) no-repeat;width:340px;height:9px;margin-left:5px;} #boite_paris_list #boite_liste_droite #boite_liste_droite_bas{background:url(images/boite_liste_bas.png) no-repeat;width:350px;height:5px;} /******************************************/ /********* RESULTAT RECHERCHE ***********/ /******************************************/ /* Récapitulatif */ #formulaire_haut{background-image: url(images/recherche_haut.gif); width:972px; height:4px; font-size:1px;} #formulaire_bas{background-image: url(images/recherche_bas.gif); width:972px; height:4px; font-size:1px; margin-bottom: 5px;} #formulaire{width:964px; padding:0 3px; border:1px solid #fff; border-width:0 1px; background-color: #d7e8fb;} #formulaire h2{color:#0171be; font:bold 12px verdana; float:left; margin-right:25px;} #formulaire .sous_bloc{float:left; margin-right:25px; overflow:hidden;} #formulaire .sous_bloc p{margin-bottom:5px; font-size:10px; } #formulaire .sous_bloc p span{color:#0171be; font:bold 11px verdana;float:left; text-align:left; margin-right:5px;} #formulaire .sous_bloc#sous_bloc_rech p span{width:110px;} #formulaire .sous_bloc#sous_bloc_chambres p span{width:80px;} #formulaire .sous_bloc#sous_bloc_autre p{white-space: nowrap;} #formulaire .sous_bloc#sous_bloc_autre p span{width:95px;} #formulaire .sous_bloc#sous_bloc_autre p span#span_close_to{float:none; display:inline; width:auto;} #formulaire #bt_new_search{float:left; width:150px; height:19px; line-height:19px; text-align:center; background-image: url(images/btn_new_search.gif); color:#fff; cursor:pointer} #formulaire .msg_pas_result{color:#F76405; font-weight:bold; text-align:center; padding:10px 0 5px; margin-bottom:0;} #liste_result h4{margin-bottom:5px;} #liste_result .row label{width:60px; padding-top:3px;} #liste_result .row #TYPE_TRI2{width:171px;} /*Résumé hotel en colonne gauche*/ #liste_result #liste_result_hotels{ height:366px; overflow-x:hidden; overflow-y:auto; background-color:#fff; } #liste_result #liste_result_hotels .resume_hotel{padding: 10px 0 10px 20px; border-bottom:1px solid #f9eeb8; cursor:pointer;} #liste_result #liste_result_hotels .resume_hotel:hover, #liste_result #liste_result_hotels .resume_hotel.active { background-color:#c5e0fe } #liste_result #liste_result_hotels .resume_hotel .lien-modif-selection{float:right; margin-top:2px;} #liste_result #liste_result_hotels .resume_hotel .proximite{color:#48a318; margin-bottom:5px;} #liste_result #liste_result_hotels .resume_hotel .resume_tarif{/*width:100%*/} #liste_result #liste_result_hotels .resume_hotel .resume_tarif thead th{font: bold 10px verdana; padding:0 10px 0 0; text-align:center;} #liste_result #liste_result_hotels .resume_hotel .resume_tarif thead th.th_prix_moyen{width:65px;} #liste_result #liste_result_hotels .resume_hotel .resume_tarif thead th.th_save_up{width:67px;} #liste_result #liste_result_hotels .resume_hotel .resume_tarif thead th.th_review{} #liste_result #liste_result_hotels .resume_hotel .resume_tarif tbody td{font: bold 10px verdana; color:#e75b0c; padding:0 10px 0 0; text-align:center;} #liste_result #liste_result_hotels .compteur_hotel, #liste_result #liste_result_hotels .resume_hotel h3 span{ background-image:url(http://www.duo-rez.com/images_icone_pr/000000-full.gif); color:white; float:left; display:inline;/*IE6*/ font-size:7pt; height:15px; width:15px; margin:0 4px 0 -17px; line-height:13px; text-align:center; } /*DIV de l'hotel par dessus la carte*/ #liste_result .div_hotel{ background:white none repeat scroll 0 0; display:none; height:410px; left:350px; padding:10px; position:absolute; top:240px; width:450px; z-index:4; } /* Formulaire de chaque hotel, présent en div sur la liste des résultats, ou seul sur l'onglet "rates é availability" de l'hotel*/ .form_hotel{width: 454px; margin: 0 auto; background-color: #fff; display:block; } .form_hotel h3 span{font-weight:normal;} .form_hotel .tarifs{margin-bottom: 10px;} .form_hotel .tarifs p{margin:0;} .form_hotel .tarifs th, .form_hotel .tarifs td{padding:2px 3px;} .form_hotel .tarifs thead th{background-color: #a6cffd; font:normal 11px verdana; text-align: center;} .form_hotel .tarifs thead th.type_chambre{text-align: left;} .form_hotel .tarifs thead th.tarif_moyen{width:15%} .form_hotel .tarifs thead th.tarif_discount{width:10%} .form_hotel .tarifs thead th.tarif_selection{width:10%} .form_hotel .tarifs tbody tr.ligne2 td{background-color: #d7e8fa;} .form_hotel .tarifs tbody tr.ligne1 td{background-color: #a6cffd;} .form_hotel .tarifs tbody .tab_lits{font:italic 10px verdana;} .form_hotel .tarifs tbody .prix_barre{text-align:right;} .form_hotel .tarifs tbody .prix{text-align:right; font:bold 12px verdana;} .form_hotel .tarifs tbody .reduc{text-align: center; font: bold 12px verdana; color:#e75b0c} .form_hotel .tarifs tbody .radio{text-align: center;} .form_hotel .reserver a{font: bold 10px verdana; color:#fff; display:block; width:66px; height:21px; line-height:21px; text-align:center; margin:0 10px 10px auto; background-image: url(images/btn_book_now.png); } /*Spécificités onglet rates & availability*/ #contenu #plan_interactif #boite_plan #hotel_detail .form_hotel{width:592px} #contenu #plan_interactif #boite_plan #hotel_detail .form_hotel .tarifs{width:100%} #contenu #plan_interactif #boite_plan #hotel_detail .form_hotel .tarifs p{margin:0;} /******************************************/ /************* PAGE SONDAGE *************/ /******************************************/ #contenu #tab_sondage{margin-bottom: 10px;} #contenu #tab_sondage th, #contenu #tab_sondage td{padding:2px 3px;} #contenu #tab_sondage thead th{background-color: #a6cffd; font:normal 11px verdana; text-align: center;} #contenu #tab_sondage tbody th{background-color: #a6cffd; font:normal 11px verdana; text-align: right;} #contenu #tab_sondage tbody td{background-color: #d7e8fa; text-align: center;} #contenu #SON_COMMENTAIRE{width:440px;} #contenu .boutons{margin:10px 0} #contenu .boutons .bouton{float:left; display:inline; margin:0 30px; } /******************************************/ /********** PAGE LIENS **********/ /******************************************/ #contenu #colonne_gauche .liens_gauche h5 a{font:bold 12px verdana; color:#000; margin-bottom:5px;} #contenu #colonne_gauche .liens_gauche ul{margin:10px 0 10px} #contenu #plan_interactif #boite_plan #hotel_detail.liens_milieu h3{margin-bottom:2px} #contenu #plan_interactif #boite_plan #hotel_detail.liens_milieu p{margin:0 0 10px 0;} #contenu #plan_interactif #boite_plan #hotel_detail.liens_milieu p a{font:italic 10px verdana;} #contenu #plan_interactif #boite_plan #hotel_detail.liens_milieu .bouton{width:280px; margin:10px auto;} /******************************************/ /********** PAGE INCLUE DU CRS **********/ /******************************************/ #crs{width:952px; overflow:hidden; background-color: #fff; padding:10px} #crs td{padding:1px} #crs table.bouton td{padding:4px;} #crs td.ariane_bt{padding:5px} #crs table{border-collapse: collapse;} #crs table.bouton{width:100%; height:auto; display: table;} #crs table[align="center"] {margin-left:auto; margin-right:auto;} /******************************************/ /**************** PIEDPAGE **************/ /******************************************/ #piedpage {background:url(images/fond_piedpage.png) no-repeat; width:990px; height:25px; margin:0 auto 10px auto; color:#7fabde; text-align:center; padding-top:10px} #piedpage #awc{display:inline; color:#7fabde;} #piedpage a {color:#7fabde;} /* diaporama */ #diaporama{height:550px;padding-bottom:20px;} #diapo_zoom{float:left; position:relative; margin-top:20px; width:470px; height:380px;margin-left:20px;} #diapo_zoom img{position:absolute; top:0; left:0; width:468px; border:1px solid #5c2101; filter:alpha(opacity=0); opacity:0;} #diapo_liens{float:right;} #diapo_liens .diapo_nav{display:block; margin-bottom:5px; text-align:center;} #diapo_liens #diapo_mini a{border:1px solid #5c2101; margin-bottom:5px; display:none;} #diapo_liens #diapo_mini a:hover {border-color:#fd9055;} #diapo_liens #diapo_mini a.diapo_active{border-color:#fd9055;} #diapo_liens #diapo_mini a img{width:150px;} /*****************************************/ /**************** CONTACT **************/ /*****************************************/ form#contact{/*border:1px solid red;*/width:400px;margin-left:10px;} form#contact h1{margin-left:100px;padding-top:20px;} #contenu #colonne_milieu #boite_milieu form#contact p{margin-left:150px;padding-top:10px;} form#contact .row textarea{width:220px;}