/* G�n�ralit�s */
#middle .ctHotel p {text-align: left; margin-bottom: 0}

/* Col Milieu */
#middle p.descr {margin-bottom: 0}
.treslong .cadre img.equip {width: 41px; height: 33px; margin: 0 5px 5px 5px;}

/* Col Droite */
h2#titTestHotel {line-height: 11px; font-size: 10px; text-transform: uppercase; color: #0298a3; margin-bottom: 10px; background: url(/base/imgs/meddle/expertFicheHotel/titTestHotel.png) no-repeat  98px 2px}
/* Notes */
.hreview .item { color:#999; display:block; font-size:14px; font-weight:bold; margin-bottom:4px;}
#hotelEexp {height: 86px; margin-bottom: 10px; background: url(/base/imgs/filet.gif) no-repeat center bottom}
#hotelEexp #photoJournaliste {float: left; width: 50px; height: 68px; margin-right: 4px; border: 1px solid #e7e7e7}
#hotelEexp h3, #hotelEop h3 {float: left; width: 194px; line-height: 16px; margin-bottom: 2px; font-size: 13px;}
#hotelEexp #redacName, #hotelEop #noteEop {width: 140px; float: left; color: #999; margin-bottom: 2px}
#hotelEexp #redacPoste {float: left; width: 140px; margin-bottom: 2px; color: #999; font-style: italic; font-size: 10px;}
#hotelEexp #noteEexp, #hotelEop a {float: right; width: 52px; height: 52px; background: #f2f2f2; font-family: Georgia; font-size: 20px; font-weight: bold; text-align: center; color: #c2c2c2}
#hotelEexp #noteEexp span.value, #hotelEop a span {display: block; width: 42px; height: 26px; line-height: 26px; margin: 0 5px; color: #d41212; border-bottom: 1px solid #bfbfbf}
#hotelEexp #pictosEexp, #hotelEop #pictosEop {float: left}
#hotelEop {height: 86px; margin-bottom: 10px; padding-left: 56px; background: url(/base/imgs/meddle/expertFicheHotel/bg_eop.png) no-repeat left top}
#hotelEop #noteEop span {color: #d41212}
#hotelEop #noteEop {height: 33px; line-height: 15px}
.reviewer { text-indent:-10000px;}
a#deposavis {border:1px solid #FF75AC; background: url(http://img.easyvoyage.com/atom/eop/bg_button.png); font-family: Verdana; font-size: 12px; height: 18px; width: 190px; position: relative; top:-13px; -moz-border-radius:5px; -webkit-border-radius:5px; #38789B; -moz-box-shadow:4px 4px 8px #aaa; -webkit-box-shadow:4px 4px 8px #aaa; color: #fff; padding: 5px 0}
a#deposavis:hover {background-position: 0 -35px; text-decoration: none}

/* Hub Hotel */
#middle #col3 #TitleCompare {padding: 0 0 5px 10px; font-size: 13px; color: #fff; height:18px; line-height: 18px; background: url(/base/imgs/meddle/expertFicheHotel/bg_titCol3.png) no-repeat center left}
#middle .ctHotel {margin:0 0 20px}
#middle .ctHotel #compare {position: relative; padding: 5px; background: #ebfafa}
#middle div#footerCtHotel {clear: both; height: 13px; background: #ebfafa url(/base/imgs/meddle/expertFicheHotel/ctHotel.png) no-repeat left bottom;}
#middle .ctHotel .prixMin{float: right; width: 79px; height:23px; line-height:23px; padding-top: 13px; text-align: center; background: url(/base/imgs/meddle/expertFicheHotel/en_apartirde.gif) top center no-repeat; font-weight: bold; font-size: 12px; color: #ff0066; cursor:pointer;}
#middle .ctHotel .prixMin.HotelNonActif {visibility:hidden;}
#middle .ctHotel h4{overflow: hidden; color:#636363; font-weight:bold; font-size: 11px; line-height:14px}
#middle .ctHotel h4.HotelActif {margin: 10px 0}
#middle .ctHotel h4.HotelNonActif {display:none;}
#middle .ctHotel img.stars {width:82px; height: 18px; display: block; margin-bottom:5px}
#middle .ctHotel img.photo{float:left; width:70px; height:70px; margin:7px 0;} 
#middle .ctHotel span.selectOffer{display: none !important}
#middle .ctHotel span.deSelectOffer {display: none; position: absolute; top: 140px; right:0; width: 18px; height: 16px; margin-top:0; background: url(/base/imgs/meddle/meh/hub/close.png) top center no-repeat; cursor: pointer}
* html #middle .ctHotel span.deSelectOffer {background-image: url(/base/imgs/meddle/meh/hub/close.gif)}
/* Search In Progress */
#middle .ctHotel .loader {display: none; position: absolute; top:0; left: 0; z-index: 9999}
* html #middle .ctHotel .loader {top:-6px}
#middle .ctHotel .loader .opacityPhoto {position: absolute; top:43px; left: 5px; width: 70px; height: 70px; background: #333; opacity: 0.7}
*+html #middle .ctHotel .loader .opacityPhoto {filter : alpha(opacity=70);}
* html #middle .ctHotel .loader .opacityPhoto {filter : alpha(opacity=70);}
#middle .ctHotel .loader object {position: absolute; top: 53px; left: 22px; z-index: 9999}
#middle .ctHotel .loader .compteurPb {position: absolute; top: 84px; left: 5px; width: 70px; font-size: 16px; font-weight: bold; background: none; color :#fff; text-align: center;}
#middle .ctHotel .loader .pb {position: absolute; top: 109px; left: 5px; width: 70px; height: 5px; background: #333; overflow: hidden; z-index: 9999}
#middle .ctHotel .loader .pb div {width: 0; height: 5px; background: #f0f0f0; z-index: 1000}
#middle .ctHotel .loader .pb.classeDebutDIV {display: block}
#middle .ctHotel .loader .pb.classeDebutDIV.classeFinalDIV {display: none}

#middle .ctHotel p.marchands {clear: left; float: left; width: 66px; height: 20px; line-height: 20px; margin-top: 5px; padding: 0 4px 3px 0; background: url(/base/imgs/meddle/expertFicheHotel/marchands.gif) no-repeat center top; color: #fff; text-align: center; font-size: 10px; letter-spacing: -1.5px;}
#middle .ctHotel p.marchands span {margin-right: 1px; color: #4ac9d2; font-size: 10px; font-weight: bold}
#middle .ctHotel .txtSip {display: none !important}
#middle .ctHotel .txtDate {display: none !important}
#middle .ctHotel .modifierDate {display: none !important}

#middle .ctHotel .introFormDates {display: none !important}
#middle .ctHotel .formDatesMEH {float: right; width: 152px !important; height: 100px !important; margin: 0; min-height: 0; max-height: 100px;}
#middle .ctHotel .formDatesMEH p {height: 35px; padding: 0}
#middle .ctHotel .formDatesMEH legend {display: none}
#middle .ctHotel .formDatesMEH label {display: block; color: #595959; font-weight: bold}
#middle .ctHotel .formDatesMEH img {width: 19px; height: 15px; vertical-align: bottom; cursor: pointer}
#middle .ctHotel .formDatesMEH .datesFormDatesMEH {margin-bottom: 5px}
#middle .ctHotel .formDatesMEH .submitBtMEH {width: 104px; margin: 0 auto}
#middle .ctHotel .formDatesMEH .submitBtMEH input {width: 104px; height: 25px; padding: 0 0 6px; border: none; background: url(/base/imgs/meddle/expertFicheHotel/recherche.gif) top center no-repeat; color: #fff; font-weight: bold; text-align: center; font-size: 12px; cursor: pointer}
#middle .ctHotel .formDatesMEH .submitBtMEH.HotelNonActif input {background:#999; padding:0; border:1px solid #333; height:23px;}
#middle .ctHotel .formDatesMEH .submitBtMEH input:hover {background-position: bottom center}
#middle .ctHotel .formDatesMEH div.calendar {top:109px; left: 42px;}
#middle .ctHotel .formDatesMEH select.jourformDatesMEH {width: 40px}
#middle .ctHotel .formDatesMEH select.moisformDatesMEH {width: 85px}
#middle .ctHotel .formDatesMEH .erreurFormDates {z-index:999; position: absolute; top: 56px; left: 0; width: 78px; line-height: 14px; padding: 5px; text-indent: 15px; letter-spacing: -1.4px; border: 1px solid #4fc2c4; background: #fff url(/base/imgs/meddle/meh/hub/alerte.png) no-repeat 2px 4px; font-weight: bold; color:#f30303; letter-spacing: -1px}

#middle .ctHotel div.decouvrirOffre {clear: both;}
#middle .ctHotel div.decouvrirOffre p.tarif, #middle .ctHotel div.decouvrirOffre p.aucunTarif {display: none; clear: left; float: left; width: 230px; height:40px; min-height:0; max-height:40px; line-height:40px; padding: 0; text-align: center; letter-spacing: -1.7px; font-weight: bold; color: #595959}
#middle .ctHotel div.decouvrirOffre p.tarif span {color: #0198a3}
*+html #middle .ctHotel div.decouvrirOffre p.tarif {font-size: 10px}
* html #middle .ctHotel div.decouvrirOffre p.tarif {font-size: 10px}
#middle .ctHotel div.decouvrirOffre div.decouvrirOffre p.aucunTarif {width: 230px; background: url(/base/imgs/meddle/meh/hub/noResults.png) bottom center no-repeat}
#middle .ctHotel div.decouvrirOffre div.nbTarifs p.tarif span {color: #f15a24}

#middle .ctHotel div.decouvrirOffre ul.detailHotel {clear: left; width: 240px; margin: 0;}
#middle .ctHotel div.decouvrirOffre ul.displayBlock {display: block;}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li {position: relative; height: 25px; line-height: 25px; margin: 0 auto; padding:0; border-top: 1px solid #cfcecf; background: url(/base/imgs/meddle/hub/meh/bg_li_240x1.png) top center repeat-y; letter-spacing: -0.8px; cursor: pointer; overflow: hidden}
*+html #middle .ctHotel div.decouvrirOffre ul.detailHotel li {margin-top: -3px}
* html #middle .ctHotel div.decouvrirOffre ul.detailHotel li {margin-top: -3px}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.first {border-top: none; background: url(/base/imgs/meddle/expertFicheHotel/detailHotelTop.png) top center;}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li:hover {background: #e1e1e1}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.first:hover {background: url(/base/imgs/meddle/expertFicheHotel/detailHotelTop.png) bottom center}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li img {float: left; margin: 4px 0 0 2px}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li img.plus {float: none; margin: 0; vertical-align:middle;}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li span {float: left; font-size:9px; width: 66px; margin: 0 2px; color: #ff0066; text-align: right; font-family:Arial;}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.nbTarifs {background: #666}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.nbTarifs span {float: none; margin: 0}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li p {float: left; width: 32px; height: 22px; margin-left:5px; padding: 0 0 0 17px; font-weight: bold; color: #666; background: url(/base/imgs/meddle/meh/hub/plus.png) 0 3px no-repeat}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li div.highlight {position: absolute; top: 0; left:0; width: 100%; height:100%; background: #e8e501; opacity:0.8}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li div.highlight{filter : alpha(opacity=80);}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li div.highlight{filter : alpha(opacity=80);}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.wait span {float: right; width: 105px; margin-left: 0; font-weight: normal; color: #666; padding: 0 0 0 30px; background: url(/base/imgs/meddle/hub/meh/searchLoader.gif) 5px 3px no-repeat; text-align: left;}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.wait span.plusInfos {display:none;}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.wait img.searchLoader {float: left; margin-left: 2px}
#middle .ctHotel div.decouvrirOffre ul.detailHotel li.nonDispo span {color: #666}

#middle .ctHotel p.sip {display: none; position: absolute; top: 67px; left: 101px; width: 185px; height: 28px; line-height: 14px; padding: 5px; text-indent: 15px; background: #f0f0f0 url(/base/imgs/meddle/meh/hub/alerte.png) no-repeat 2px 4px; font-weight: bold; color:#f30303}

/* Style du Calendrier */
div.calendar {position: absolute; left: 157px; background-color: #71D5D4; text-align: center; margin: 0; padding:1px; font-size:9px; border:1px solid black; z-index:1000;}
div.calendar table {margin:0;text-align:center; width:204px;border: none; border-collapse: separate}
div.calendar table td.selected {background-color: #0198A3; border: solid #0198A3 2px}
div.calendar table td.selected a {color: #fff; font-size: 11px; font-weight: bold}
div.calendar .title {background:#0198A3;color:#fff; font-size: 10px; font-weight:bold; text-align: center; padding-bottom: 5px; margin: 0; text-decoration: underline}
div.calendar .title a, div.calendar .title a:hover {color:#71D5D4; font-weight:bold}
div.calendar .title a:hover {text-decoration:underline}
div.calendar thead td {background-color:#B0C4DE; color:#fff; font-size: 10px; font-weight: bold; border:1px solid #778899}
div.calendar td {border: none; padding: 0; color:#DCDCDC; font-size: 9px}
div.calendar td a {color:#333}
div.calendar td a:hover {color:#0198A3}
div.calendar tr {background-color: #fff}
div.calendar div.close {margin-bottom: 2px; padding-top: 2px}
div.calendar div.close a {color: #fff; font-size: 12px; text-decoration: none; cursor: pointer}
div.calendar div.close a:hover {text-decoration: underline}
div.calendar div.title, div.calendar div.close{background:#0198A3 left center no-repeat; color:#fff; font-size:11px; height:18px; padding-top:2px;}
div.calendar table thead tr td, div.calendar table tbody tr td{font-size:9px; padding:2px;}
div.calendar table tbody tr td a{display:block;}
div.calendar table tbody tr td.selected a{font-weight:bold;}

/* blockME */
#blockME {background: #3475BA; height:auto; width:250px; padding:0;}
#blockME h2 {color:#fff; height:16px; line-height:18px; padding:0 0 5px 10px; font-size:13px;}
#blockME #METoMultiple {background:#f2f2f2; text-align:left; font-size:10px; padding:5px;}
#blockME #METoMultiple li {overflow:hidden; height:32px; border-bottom:1px #CCC solid;}
#blockME #METoMultiple li:last-child {border-bottom: 0;}
#blockME #METoMultiple li img {width:97px; float:left; margin:7px 5px 7px 0;}
#blockME #METoMultiple li a { text-decoration: none; width:240px; display:block; height:30px; overflow:hidden; background: #f2f2f2; cursor:pointer;}
#blockME #METoMultiple li a:hover {background:#fff;}
#blockME #METoMultiple li a .prix {color:#ff0066; float:right; line-height:30px; width:62px;}
#blockME #METoMultiple li a .dateDuree {color: #666666; float:left; width:70px; display:block; line-height:30px; font-weight:normal;}
#blockME #METoMultiple li span {color:#666666; float:left; line-height:25px;}
#blockME #METoMultiple li #marchandMe {width:95px; text-align:center;}
#blockME #METoMultiple li #dateDepartMe {width:88px; float:left; padding:0 3px 0 3px;text-align:center;}
#blockME #METoMultiple li #prixMe {float:right; width:48px; text-align:center;}

/* Infos de l'h�tel */
#col3 .info {background: #f2f2f2}
#col3 .med .infos {background: #1f575d url(/base/imgs/bg_titblocmed_infos.png) no-repeat 0 0}
.plusmoinsi li {background-image: url(/base/imgs/puce_infos2.gif)}