h1#accroche {margin:1px 0 1px 0; font-size: 20px;}
h1#accroche span {color: #036600}
#colg {width: 610px; float: left; margin-top:20px;}
* html #colg {overflow: hidden}
#cold {width: 350px; float: right;margin-top:20px;}
#colg h2, #cold h2 {height: 28px; line-height: 28px; color: #666}
#cold h2 {font-size: 16px; padding-left: 5px}
h3#selectionHotel {height: 30px; margin-bottom: 15px; font-size: 11px; color: #666; border-bottom: 1px solid #d8d8d8}
			
#colg div.msgRedac{background:#fff url(/base/imgs/me3/ville/bgMsgRedac.png) right 0 no-repeat; width:610px; height:86px;}
#colg div.msgRedac p.redacPic{float:left;}
#colg div.msgRedac p.msgContent{float:left; width:538px; padding-left:10px;}
#colg div.msgRedac p.msgContent span{display:block; font-family:"Georgia";}
#colg div.msgRedac p.msgContent span.redacName{color:#009999; font-size:13px; font-weight:bold;}
#colg div.msgRedac p.msgContent span.redacPoste{color:#555; font-family:Arial; font-size:11px;font-style: italic;}
#colg div.msgRedac p.msgContent span.redacMsg{color:#666; font-family:Tahoma; font-size:11px; padding:4px 0 10px;}

#colg div.msgRedac p.redacPic {padding-top:3px;}
#colg #form{margin-bottom:5px;}
#colg h2{color:#54b2ad;}
#colg h2#msgOffers {height: 25px; line-height: 25px; font-size: 12px; margin-top: 7px; color: #bbb}

#colg div#listPartners{background:#fff url(/base/imgs/me3/ville/listPartnersBg.png) 0 0 no-repeat; width:610px; height:55px; margin-bottom:20px;}
#colg div#listPartners object {margin:20px 0 0 9px;}

/*** Les hôtels proposés ***/
#colg div#offersWp{width:610px; margin-bottom: 12px;}
#colg div#offersWp div.offer{float:left; width:297px;}
#colg div#offersWp div.spe{margin-right:16px;}
#colg div#offersWp div.offer h3{color:#F15A24; font-size:24px;}
#colg div#offersWp p.marges {color:#666; font-size:12px; padding-bottom:5px; height:40px; display:block;}
#colg div#offersWp div.offer ul{float:left; width:297px; margin:5px 0;}
#colg div#offersWp div.offer ul li.ctHotel {position: relative; float: left; width:297px; margin-bottom:15px; background: url(/base/imgs/meddle/meh/hub/bg-hub-hotel.gif); background-repeat:no-repeat; }

*+html #colg div#offersWp div.offer ul li.clear {margin-bottom: 4px}
* html #colg div#offersWp div.offer ul li.clear {margin-bottom: 4px}

#colg div#offersWp div.offer ul li.ctHotel div.block01 .photo{ float:left; width:87px; height:87px; margin: 2px 6px 6px 14px}
* html #colg div#offersWp div.offer ul li.ctHotel .photo {margin-left: 5px;}

/*** class des markers hôtels ***/
#colg div#offersWp div.offer ul li.ctHotel p.marker-h-design{ float:left; width:19px; height:15px; line-height:16px; padding: 0 5px 8px 0; background: url(/base/imgs/meddle/meh/hub/p-design.gif) no-repeat 0 0; color:#fff; font-weight:bold; text-align: center;}
#colg div#offersWp div.offer ul li.ctHotel p.marker-h-charme{ float:left; width:19px; height:15px; line-height:16px; padding: 0 5px 8px 0; background: url(/base/imgs/meddle/meh/hub/p-charme.gif) no-repeat 0 0; color:#fff; font-weight:bold; text-align: center;}
#colg div#offersWp div.offer ul li.ctHotel p.marker-h-famille{ float:left; width:19px; height:15px; line-height:16px; padding: 0 5px 8px 0; background: url(/base/imgs/meddle/meh/hub/p-famille.gif) no-repeat 0 0; color:#fff; font-weight:bold; text-align: center;}
#colg div#offersWp div.offer ul li.ctHotel p.marker-h-premierprix{ float:left; width:19px; height:15px; line-height:16px; padding: 0 5px 8px 0; background: url(/base/imgs/meddle/meh/hub/p-premierprix.gif) no-repeat 0 0; color:#fff; font-weight:bold; text-align: center;}
/*** fin des class des markers hôtels ***/

#colg div#offersWp div.offer ul li.ctHotel p.distance{float: left; height: 23px; line-height: 22px; margin-left: 2px; color:#666; padding-left:5px;}
#colg div#offersWp div.offer ul li.ctHotel h4{display: block; margin-left: 12px; color:#2D7980; font-size:14px; width:180px; height:32px;overflow:hidden;}
#colg div#offersWp div.offer ul li.ctHotel img.stars{width:82px; height:18px; margin: 0 0 1px 12px; display:block; }

#colg div#offersWp div.offer ul li.ctHotel div.block01 { width:296px; height:100px;}
#colg div#offersWp div.offer ul li.ctHotel div.block01 p.e-opinions, p.e-experts{ float:left; width: 82px; height:15px; font-family:Georgia; font-weight:bold; line-height:12px; text-align: center;}
#colg div#offersWp div.offer ul li.ctHotel div.block01 p.e-opinions{color:#80c700; margin: 0;padding: 12px 2px 2px 8px;background:url(/base/imgs/meddle/meh/hub/it_icon-e-op.png) no-repeat 0 0 ;}
#colg div#offersWp div.offer ul li.ctHotel div.block01 p.e-experts{color:#3b9896; margin: 0;padding: 12px 2px 2px 8px;background:url(/base/imgs/meddle/meh/hub/it_icon-e-ex.gif) no-repeat 0 0 ;}
#colg div#offersWp div.offer ul li.ctHotel div.block01 ul{float:left; width:185px; height:60px; padding: 0 0 0 4px; margin:0; }
#colg div#offersWp div.offer ul li.ctHotel div.block01 li{padding-top:3px; padding-left:10px; background: url(/base/imgs/meddle/meh/hub/puce-hub-hotel.gif) no-repeat 0 8px;}


#colg div#offersWp div.offer ul li.ctHotel p.prixMin{position: absolute; top: 15px; right: 10px; width: 87px; height:38px; line-height:46px; text-align: center; background: url(/base/imgs/meddle/hub/meh/it_apartirde.gif) top center no-repeat; font-weight: bold; font-size: 12px; color: #f00}

#colg div#offersWp div.offer ul li.ctHotel div.block02 p.marchands { float:left;width:87px; height:24px; line-height:22px;  margin:1px 0 0 14px; padding:0 5px 6px 0; letter-spacing:-1px; color: #999; font-size:10px; display:block; text-align: center; background: url(/base/imgs/meddle/meh/hub/marchands.gif) center top no-repeat; }
* html #colg div#offersWp div.offer ul li.ctHotel div.block02 p.marchands {margin-left:7px}
#colg div#offersWp div.offer ul li.ctHotel div.block02 p.marchands span.nbMarchands {font-size:15px; text-align:right; letter-spacing:-2px; font-weight: bold; color: #fff;}
#colg div#offersWp div.offer ul li.ctHotel div.block02 span.selectOffer{display: block; float:left; width: 170px; height: 31px; margin:1px 0 5px 15px; line-height: 25px; background: url(/base/imgs/meddle/meh/hub/decouvrir.gif) no-repeat left top; text-align: center; font-size:11px; font-weight: bold; color: #fff}
#colg div#offersWp div.offer ul li.ctHotel div.block02 span.selectOffer:hover {cursor:pointer; background-position: left bottom}
#colg div#offersWp div.offer ul li.ctHotel div.block02 span.deSelectOffer {display: none; position: absolute; top: 200px; z-index:1000; right:6px; width: 16px; height: 16px; margin-top:0; background: url(/base/imgs/meddle/meh/hub/close.png) top center no-repeat; cursor: pointer}
* html #colg div#offersWp div.offer ul li.ctHotel div.block02 span.deSelectOffer {background-image: url(/base/imgs/meddle/meh/hub/close.gif)}

/* Search In Progress*/
#colg div#offersWp div.offer ul li.ctHotel .loader {display: none; position: absolute; top:0; left: 0; z-index: 9999}
#colg div#offersWp div.offer ul li.ctHotel .loader .opacityPhoto {position: absolute; top:74px; left: 14px; width: 87px; height: 87px; background: #333; opacity: 0.7}
*+html #colg div#offersWp div.offer ul li.ctHotel .loader .opacityPhoto {filter : alpha(opacity=70);}
* html #colg div#offersWp div.offer ul li.ctHotel .loader .opacityPhoto {filter : alpha(opacity=70);}
#colg div#offersWp div.offer ul li.ctHotel .loader object {position: absolute; top: 92px; left: 38px; z-index: 9999}
#colg div#offersWp div.offer ul li.ctHotel .loader .compteurPb {position: absolute; top: 132px; left: 15px; width: 87px; font-size: 16px; font-weight: bold; background: none; color :#fff; text-align: center;}
#colg div#offersWp div.offer ul li.ctHotel .loader .pb {position: absolute; top: 158px; left: 14px; overflow: hidden; width: 87px; height: 5px; background: #333 ; z-index: 9999}
#colg div#offersWp div.offer ul li.ctHotel .loader .pb div {width: 0; height: 5px; background: #fff ; z-index: 1000}
#colg div#offersWp div.offer ul li.ctHotel .loader .pb.classeDebutDIV {display: block}
#colg div#offersWp div.offer ul li.ctHotel .loader .pb.classeDebutDIV.classeFinalDIV {display: none}
#colg div#offersWp div.offer ul li.ctHotel .txtSip {position: absolute; top: 106px; left: 109px; width: 176px; height: 40px; line-height: 15px; padding:5px 3px 24px; color:#666; background:#f0f0f0}
#colg div#offersWp div.offer ul li.ctHotel .txtDate {position: absolute; top: 168px; left: 99px; width: 102px; height: 27px; padding: 5px 2px 2px 12px; color:#666;}
#colg div#offersWp div.offer ul li.ctHotel .txtDate span {font-weight: bold}
#colg div#offersWp div.offer ul li.ctHotel .modifierDate {display: none; position: absolute; top: 177px; left: 230px; height: auto; text-decoration: underline; font-weight: bold; color: #258a03; cursor: pointer}
/* hubform */
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH {display: none; clear: left; height: 85px; min-height: 0; max-height: 80px; width: 297px; overflow: hidden}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH p.introFormDates {font-size:12px; position: absolute; top: 173px; left: 116px; width: 164px; height: 28px; line-height: 14px; padding: 5px; background: #f0f0f0; font-weight: bold; color:#595959}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form {clear: left; float: left; height: 80px; width: 282px; padding:5px 0 0 15px;background: url(/base/imgs/meddle/meh/hub/formDates.jpg) no-repeat 0 0 ;}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form fieldset {float: left}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form p {height: 35px; padding: 0}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form fieldset.datesFormDatesMEH {width: 167px}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form fieldset.submitBtMEH {display: inline; margin: 45px 0 0 5px}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form legend {display: none}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form label {display: block; color: #595959; font-weight: bold}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form img {width: 19px; height: 15px; vertical-align: bottom; cursor: pointer}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form .submitBtMEH input {width: 104px; height: 25px; padding:0 0 6px 0; border: none; background: url(/base/imgs/meddle/hub/meh/decouvrir.gif) no-repeat left top ; cursor: pointer; font-weight: bold; font-size: 12px; color: #fff}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form .submitBtMEH input:hover {background-position: bottom center}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form div.calendar {top:128px; left: 89px;}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form select.jourformDatesMEH {width: 45px}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form select.moisformDatesMEH {width: 95px}
#colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form .erreurFormDates {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}
*+html #colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form div.calendar {top:-148px;}
* html #colg div#offersWp div.offer ul li.ctHotel div.formDatesMEH form div.calendar {top:-148px;}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre {display: none; clear: left; float: left}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre p.tarif, #colg div#offersWp div.offer ul li div.decouvrirOffre p.aucunTarif {display: none; clear: left; float: left; width: 297px; height:43px; min-height:0; max-height:43px; line-height:43px; padding: 0; text-align: center; letter-spacing: -1px; font-weight: bold; color: #595959; background: url(/base/imgs/meddle/meh/hub/detailHotelBottom.gif) bottom center repeat}
#colg div#offersWp div.offer ul li div.decouvrirOffre p.aucunTarif {background: url(/base/imgs/meddle/meh/hub/detailHotelBottom.gif) bottom center repeat}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre div.nbTarifs p.tarif span {color: #f15a24}
/* resultats hubform*/
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel {display:none; width: 297px; margin: 0; padding: 0 0 12px; background: url(/base/imgs/meddle/meh/hub/detailHotelBottom.gif) bottom center repeat}
*+html #colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel {padding: 0 0 10px}
* html #colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel {width: 294px; margin: 0 0 0 1px; padding: 0 0 10px}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.displayBlock {display: block}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li {position: relative; width: 279px; height: 23px; line-height: 23px; margin: 0 auto; padding:0; border-top: 1px solid #cfcecf; background: url(/base/imgs/meddle/meh/hub/bg_li.png) top center repeat-y; cursor: pointer; overflow: hidden}
*+html #colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li {margin-top: -3px}
* html #colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li {margin-top: -3px}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li.first {border-top: none; background: url(/base/imgs/meddle/meh/hub/detailHotelTop.png) top center; }
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li:hover {background: #e1e1e1}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li.first:hover {background: url(/base/imgs/meddle/meh/hub/detailHotelTop.png) bottom center}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li img {float: left; margin: 3px 0 0 4px}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li span {float: left; width: 93px; margin-left: 5px; font-size: 14px; font-weight: bold; color: #f00; text-align: right}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li.nbTarifs {background: #666}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li.nbTarifs span {float: none; margin: 0}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li p {float: left; width: 50px; height: 22px; margin-left:8px; padding: 0 0 0 20px; font-weight: bold; background: url(/base/imgs/meddle/meh/hub/plus.png) 0 3px no-repeat}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li div.highlight {position: absolute; top: 0; left:0; width: 100%; height:100%; background: #e8e501; opacity:0.8}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li div.highlight{filter : alpha(opacity=80);}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li div.highlight{filter : alpha(opacity=80);}
#colg div#offersWp div.offer ul li.ctHotel p.sip {display: none; position: absolute; top: 154px; left: 108px; width: 173px; 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}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li.wait span {float: right; width: 150px; margin-left: 0; text-align: center; font-size: 11px; font-weight: normal; color: #666}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li.wait img.searchLoader {float: left; margin-left: 12px}
#colg div#offersWp div.offer ul li.ctHotel div.decouvrirOffre ul.detailHotel li.nonDispo span {width: 150px; text-align: center; font-size: 11px; font-weight: normal; color: #666}
/* EasyExperts */
#colg #easyExperts{float: left; background:#fff url(/base/imgs/meddle/hub/meh/expertsBg_it.png) 0 0 no-repeat; width:587px; height:213px; margin:0 0 30px; padding: 40px 0 0 17px}
#colg #easyExperts h2 {display:none}
#colg #easyExperts #titEXP {height: 16px; line-height: 16px; margin-bottom: 5px; padding-left: 330px; font-weight: bold; color: #666}
* html #easyExperts #titEXP {padding-left: 275px}
#colg #easyExperts #titEXP li {float: left; margin-left: 15px}
#colg #easyExperts .expHotel {overflow: hidden; width: 582px; height:42px; padding: 2px 0}
#colg #easyExperts .expHotel li {float: left; height: 42px}
#colg #easyExperts .expHotel li.expPhoto {margin-right: 12px}
#colg #easyExperts .expHotel li.expPhoto img {display: block; overflow: hidden; width: 58px; height: 42px}
#colg #easyExperts .expHotel li.expDesc {width: 275px; color: #666; font-weight: bold}
#colg #easyExperts .expHotel li.expDesc a {display: block}
#colg #easyExperts .expHotel li.expDesc span {overflow: hidden; display: block; width: 150px}
#colg #easyExperts .expNoteEE {width: 85px; line-height: 33px; font-size: 16px; font-weight: bold; text-align: center; color: #e4457f}
#colg #easyExperts .expNoteEOP {width: 50px; line-height: 33px; margin-left: 30px; font-size: 16px; font-weight: bold; text-align: center; color: #b42f36}
#colg #easyExperts .expNoteEE a {color: #e4457f}
#colg #easyExperts .expNoteEOP a {color: #b42f36}
* html #colg #easyExperts .expHotel {padding: 3px 5px}

/* PitchHotel */
#cold #pitchHotel {height: 330px; margin-bottom: 20px; padding: 10px; background: url(/base/imgs/meddle/hub/meh/pitch.png) top center no-repeat}
#cold #pitchHotel h2 {height: 50px; line-height: 30px; padding: 0;}
#cold #pitchHotel p {margin-bottom: 10px; text-align: justify}
#cold #pitchHotel p#nbHotels {float: left; width: 130px; height: 105px; line-height: 30px; margin: 20px 10px 0 0; padding: 35px 10px 0; background: url(/base/imgs/meddle/hub/meh/nbHotels.png) top center no-repeat; text-align: center; font-size: 23px; font-weight: bold; color: green}
#cold #pitchHotel{background:#fff url(/base/imgs/me3/ville/pitchHotel.png) 0 0 no-repeat; width:350px; height:463px; padding:0; margin-bottom:30px;}
#cold #pitchHotel h2{text-align:center; font-size:24px; line-height:35px; height:93px; padding-top:20px;}
#cold #pitchHotel h2 span{color:#2E7980;}
#cold #pitchHotel p{font-size:13px; line-height:18px; padding:10px 20px 0 20px; margin:0;}

#cold #mapPoi{background:#fff url(/base/imgs/meddle/meh/hub/poiRepeat.png) 0 0 repeat-y; width:350px; margin-bottom: 30px}
#cold #mapPoi.displayNo {background:#fff url(/base/imgs/meddle/meh/hub/noPoi.png) 0 0 repeat-y; height:424px;}
#cold #mapPoi h3#mapHead{background:#fff url(/base/imgs/meddle/meh/hub/mapPoi.png) 0 0 no-repeat; color:#fff; text-align:center; font-weight:bold; font-size:20px; height:53px; padding-top:16px;}
#cold #mapPoi #map{overflow: hidden; background:#e5e3df url(/base/imgs/meddle/meh/hub/mapLoading_it.gif) center center no-repeat; width:312px; height:324px; margin:10px 0 0 18px;}

/* POI */
#cold h2#poiTitHotel {color: #fff; background: #009bdc}
#poiHotel {margin-bottom: 20px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; color: #666}
#poiHotel h3 {height: 14px; line-height: 14px; padding: 5px 0; font-size: 11px; color: #009bdc; cursor: pointer}
#poiHotel h3:hover {text-decoration: underline}
#poiHotel h3 span.plusMoins {display: block; float: left; width: 9px; height: 9px; line-height: 0; margin: 2px 5px; font-size: 0; background: url(/base/imgs/meddle/hub/meh/plusMoins.gif) top center no-repeat}
#poiHotel h3 span.unfolded {background-position: top center}
#poiHotel h3 span.folded {background-position: bottom center}
#poiHotel div.poiCat {border-bottom: 1px solid #ccc;}
#poiHotel div.poiCat ul {text-indent: 20px; height:0; min-height:0; overflow:hidden}
#poiHotel div.poiCat ul.unfolded {display: block}
#poiHotel div.poiCat ul.folded {display: none}
#poiHotel div.poiCat li {text-transform: capitalize; cursor:pointer}
#poiHotel div.poiCat li.last {margin-bottom: 10px}
#poiHotel div.poiCat li:hover {text-decoration: underline; color: #009bdc}
#cold #mapPoi #poi{background: url(/base/imgs/meddle/meh/hub/poi.png) bottom center no-repeat;padding-left:9px; padding-bottom: 25px; margin-top:20px;}
#cold #mapPoi #poi h2{background:url(/base/imgs/me3/ville/poiH2Bg.png) 0 0 no-repeat; width:327px;}
#cold #mapPoi #poi #poiHotel{background:#fff; width:330px; margin-bottom: 0}

/* Meteo */
#cold #meteoHub {float: left; width: 350px; height: 290px; margin: 0 0 30px 0; background: #fff url(/base/imgs/me3/ville/meteoHubHotel.png) top center no-repeat}
#cold #meteoHub h2 {text-align:center; font-size:14px; padding: 12px 0 0;}
#cold #meteoHub div {background:#E4E9EE; text-align:center; font-weight:bold; height: auto; margin-bottom: 15px; padding:0; background: none; font-size:14px; color: #2e7980;}
#cold #meteoHub img {float:left; width:80px; height:80px; margin: 0 10px 0 25px}
#cold #meteoHub div.temperatureL {background:none; float:left; height:40px; font-size: 24px; padding-top: 25px; color: #808080}
#cold #meteoHub div.temperatureL span.tempMinL{color:#7ABAF2; font-weight:normal}
#cold #meteoHub div.temperatureL span.tempMaxL{color:#FF4D00; font-weight:bold}
#cold #meteoHub ul {color:#69827C; clear:left; width: 320px; height:119px; margin: 0 auto; background: #fff url(/base/imgs/me3/ville/meteoHubHotel_ul_bg.png) top center no-repeat}
#cold #meteoHub ul li {text-align:center; float:left;width: 160px; height:50px; border: none; padding-top: 7px}
#cold #meteoHub ul li.deuxLignes {height: auto; padding-top:17px}
#cold #meteoHub ul li span{color:#666; font-size:11px; font-weight:bold}

/* Pub */
#cold p.pub {float:right; height:250px; width:300px;margin: 0 25px 20px 0}
* html #cold p.pub {margin: 0 12px 20px 0}

/* Surcharge pour les hotels Non Categorisés */
#colg div#offersWp.hotelNoCategorie {width: 610px; height: auto}
#colg div#offersWp.hotelNoCategorie div.offer {width: 610px;}
#colg div#offersWp.hotelNoCategorie div.offer h3 {margin-top: 10px; margin-bottom: 10px}
#colg div#offersWp.hotelNoCategorie div.offer ul {width: 610px}
#colg div#offersWp.hotelNoCategorie div.offer ul li.ctHotel {margin-right: 8px}
#colg div#offersWp.hotelNoCategorie div.offer ul li.colonne1 {clear: left}

/* Surcharge Générique des formulaire */
div#form{top:0; width: auto; height:auto; margin: 0 0 20px; padding: 0}
#form ul.onglets {top: 3px; left: 8px}
#form form#formMEV {height: 270px}
#formMEV #dateMEV {margin-left: 30px}
#formMEV #classeMEV {margin: 12px 0 0 98px}
*+html  #formMEV #classeMEV {margin: 12px 0 0 28px}
#formMEC #ageMEC {font-size:14px}
#formMEV #submitBtMEV, #formMEH #submitBtMEH, #formMEC #submitBtMEC {top: 265px}
div#form form#formMEH{font:normal bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
form#formMEH fieldset{border:none;}
form#formMEH fieldset legend{display:none;}
form#formMEH fieldset label{display:block;}
form#formMEH fieldset input{padding:1px; border:1px solid #E3E3E3;}
form#formMEH fieldset select{border:1px solid #E3E3E3;}
form#formMEH fieldset#submitBtMEH{border:none; clear:both; cursor:pointer;}
form#formMEH fieldset#submitBtMEH input#submitMEH{border:none; cursor:pointer;}
form#formMEH fieldset#dateMEH p#dateDebutMEH img#calendrierMEHDebutIcon, form#formMEH fieldset#dateMEH p#dateFinMEH img#calendrierMEHFinIcon{vertical-align:top;}
/*Calendriers*/
div.calendar{font-size:9px; border:1px solid black; z-index:1000;}
div.calendar div.title, div.calendar div.close{background:left center no-repeat; font-size:11px; width:204px; height:18px; padding-top:2px;}
div.calendar table {text-align:center; width:204px;}
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;}
/* Auto-completion BASE */
div.completionMEH{z-index: 100000000; width:349px; margin-top: -1px; padding:5px; font-size: 14px; cursor:pointer}
*+html div.completionMEH, * html div.completionMEH{margin-top: -2px}
/* Auto-completion MEH */
div.completionMEH {background-color:#e5f1c8; border:1px solid #A4A4A4; left:115px;}
div.completionMEH .propositionAeroport {padding-left: 20px}
div.completionMEH .propositionVille {border-bottom: 1px dotted #060; padding:1px}
div.completionMEH .propositionVille:hover, div.completionMEH .selected {background-color: #bdd583;}
/*Erreurs*/
form#formMEH fieldset#dateMEH div#errorMEHDateDebutErronee, form#formMEH fieldset#dateMEH div#errorMEHDateFinErronee, form#formMEH fieldset#dateMEH div#errorMEHDatesInversees{display:none;}
/*Formulaire MEH*/
form#formMEH fieldset#villesMEH{padding:5px 0 0 5px; margin:0; width:553px; height:32px;}
form#formMEH fieldset#villesMEH p#villeMEH input#lieuMEH{color:#666; font-size:16px; font-weight:bold; width:357px; height:22px; padding-top:2px;}
form#formMEH fieldset#dateMEH{float:left; padding:10px 0 0 5px; clear:left; width:200px;}
form#formMEH fieldset#dateMEH p#dateFinMEH{padding-top:2px;}
form#formMEH fieldset#dateMEH p#dateDebutMEH select#jourDebutMEH, form#formMEH fieldset#dateMEH p#dateFinMEH select#jourFinMEH,
form#formMEH fieldset#hebergementMEH p#nbChambresMEH select#chambres, form#formMEH fieldset#hebergementMEH p#nbAdultesMEH select#paxAdultes, form#formMEH fieldset#hebergementMEH p#nbEnfantsMEH select#paxEnfants{width:41px;}
form#formMEH fieldset#dateMEH p#dateDebutMEH select#moisDebutMEH,
form#formMEH fieldset#dateMEH p#dateFinMEH select#moisFinMEH, form#formMEH fieldset#categoriesMEH p#listeEtoiles select#etoiles{width:85px; border:1px solid #E3E3E3;}
form#formMEH fieldset#dateMEH p#dateFinMEH{padding-top:5px;}
form#formMEH fieldset#hebergementMEH{text-align:right; padding:12px 5px 0 0; float:left;}
form#formMEH fieldset#hebergementMEH p#nbAdultesMEH{padding:5px 0;}
form#formMEH fieldset#hebergementMEH p#nbChambresMEH label, form#formMEH fieldset#hebergementMEH p#nbAdultesMEH label, form#formMEH fieldset#hebergementMEH p#nbEnfantsMEH label{display:inline;}
form#formMEH fieldset#categoriesMEH{text-align:right; padding:10px 5px 0 0;}
form#formMEH fieldset#categoriesMEH p#listeEtoiles label{display:inline;}
form#formMEH div.formErreur{background-color:#FFEBE8; font-family:tahoma; font-weight:normal; font-size:13px; width:349px; padding:5px; margin:10px 0 0 5px; border:1px solid #DD3C10;}
form#formMEH div#exceptionsCriteres {left: 4px}
div#ERROR_FATAL{display:none; margin-top:5px;}
div#ERROR_FATAL div.erreursFatal{display:none; background-color:#FFEBE8; font-family:tahoma; font-size:13px; width:478px; padding:5px; margin-bottom:5px; border-bottom:1px solid #DD3C10;}
div#ERROR_FATAL p{text-align:right; margin-top:5px;}
div#ERROR_FATAL p a{color:#0000CC; text-decoration:underline;}
div#ERROR_MINOR{display:none; width:371px; margin-bottom:10px;}
div#ERROR_MINOR div.erreursMineur{display:none; background-color:#FFFD98; color:#444; font-family:tahoma; font-size:13px; width:359px; padding:5px; margin-bottom:5px; border:1px solid #FFCC66;}
form#formMEH #villesMEH{margin:0 0 0 50px;}
form#formMEH fieldset#dateMEH{padding:10px 0 0 55px;}
form#formMEH fieldset#hebergementMEH{margin-top:0;}
form#formMEH fieldset#categoriesMEH{padding:0; margin-left:6px;}
* html #form ul.onglets li span, * html #form ul.onglets li#ongletMEP a, * html #form ul.onglets li#ongletMEPf2 a {color:#666}
* html #form ul.onglets li#ongletMEV {background: url(/base/imgs/meddle/esVols/onglet_mev.gif) 0 -65px no-repeat;}
* html #form ul.onglets li#ongletMEV.selected {background: url(/base/imgs/meddle/esVols/onglet_mev.gif) 0 5px no-repeat;}
* html #form ul.onglets li#ongletMEH {background: url(/base/imgs/meddle/esVols/onglet_meh.gif) 0 -65px no-repeat;}
* html #form ul.onglets li#ongletMEH.selected {background: url(/base/imgs/meddle/esVols/onglet_meh.gif) 0 5px no-repeat;}
* html #form ul.onglets li#ongletMEC {background: url(/base/imgs/meddle/esVols/onglet_mec.gif) 0 -65px no-repeat;}
* html #form ul.onglets li#ongletMEC.selected {background: url(/base/imgs/meddle/esVols/onglet_mec.gif) 0 5px no-repeat;}
* html #form ul.onglets li#ongletMEP {background: url(/base/imgs/meddle/esVols/onglet_mep.gif) 0 -65px no-repeat;}
* html #form ul.onglets li#ongletMEPf2 {background: url(/base/imgs/meddle/esVols/onglet_mepf2.gif) 0 -65px no-repeat;}
* html #form ul.onglets li#ongletMEPf2.selected {background: url(/base/imgs/meddle/esVols/onglet_mepf2.gif) 0 5px no-repeat;}