/* Reset Css (conteneur #bd et tous ces enfants) ----------------------------------------------------*/ #bd *{padding:0; margin:0; border:none;} ul, li{list-style-type:none;} /* Class generiques utilisee pour les effets .js ----------------------------------------------------*/ .block{display:block;} .none{display:none;} /* Conteneur principal ----------------------------------------------------*/ #ct{margin:10px auto 0 auto;} .bghome { background:url(/base/imgs/meddle/esVolsNG/easyvolsNG_bg.jpg) no-repeat 0 /*Calage sans barre de nav : 751px*/ 802px; } * html .bghome { background:url(/base/imgs/meddle/esVolsNG/easyvolsNG_bg.jpg) no-repeat 0 812px; } *+html .bghome { background:url(/base/imgs/meddle/esVolsNG/easyvolsNG_bg.jpg) no-repeat 0 812px; } /* Pitch ----------------------------------------------------*/ #pitch{text-align: left} #pitch h2 {font-size: 24px} #pitch h1 {font-size: 24px;} /* Correctif header ----------------------------------------------------*/ #ct #hd{height:167px;} /* Conteneur secondaire ( ----------------------------------------------------*/ #ct #bd{width:980px; height:300px; margin-bottom: 20px} #ct #sid {width: 300px; } /* Conteneur formulaires ----------------------------------------------------*/ #bd #forms{position: relative; width:972px; height:300px; padding-left: 8px} #bd .bgMEV{background: url(/base/imgs/meddle/esVols/bg_formMEV.png) top center no-repeat;} #bd .bgMEH{background: url(/base/imgs/meddle/esVols/bg_formMEH.png) top center no-repeat;} #bd .bgMEC{background: url(/base/imgs/meddle/esVols/bg_formMEC.png) top center no-repeat;} /* Navigation formulaire ----------------------------------------------------*/ #bd #forms ul#onglets{float:left; width:610px; height:70px; margin-top:3px} #bd #forms ul#onglets li{color:#fff; font-size:17px; font-weight:bold; text-align:center; float:left; width:87px; height:25px; padding-top: 45px; margin-right:15px; cursor: pointer} #bd #forms ul#onglets li:hover{color:#ccc} #bd #forms ul#onglets li#ongletMEV {background: url(/base/imgs/meddle/esVols/onglet_mev.png) 0 -142px no-repeat;} #bd #forms ul#onglets li#ongletMEH {background: url(/base/imgs/meddle/esVols/onglet_meh.png) 0 -142px no-repeat;} #bd #forms ul#onglets li#ongletMEC {background: url(/base/imgs/meddle/esVols/onglet_mec.png) 0 -137px no-repeat;} #bd #forms ul#onglets li#ongletMEP {height:70px; padding-top: 0; background: url(/base/imgs/meddle/esVols/onglet_mep.png) 0 -142px no-repeat;} #bd #forms ul#onglets li#ongletMEPf2 {height:70px; padding-top: 0; background: url(/base/imgs/meddle/esVols/onglet_mepf2.png) 0 -142px no-repeat;} #bd #forms ul#onglets li#ongletMEP a, #bd #forms ul#onglets li#ongletMEPf2 a {display: block; height:25px; padding-top: 45px; color: #fff;} #bd #forms ul#onglets li#ongletMEP a:hover, #bd #forms ul#onglets li#ongletMEPf2 a:hover {color: #ccc; text-decoration: none} #bd #forms ul#onglets li#ongletMEV:hover, #bd #forms ul#onglets li#ongletMEH:hover, #bd #forms ul#onglets li#ongletMEC:hover, #bd #forms ul#onglets li#ongletMEP:hover, #bd #forms ul#onglets li#ongletMEPf2:hover {background-position: 0 -70px;} #bd #forms ul#onglets li#ongletMEV.selected, #bd #forms ul#onglets li#ongletMEH.selected, #bd #forms ul#onglets li#ongletMEC.selected, #bd #forms ul#onglets li#ongletMEP.selected, #bd #forms ul#onglets li#ongletMEPf2.selected {background-position: 0 5px} #bd #forms ul#onglets li#ongletMEV.selected {color: #f60} #bd #forms ul#onglets li#ongletMEH.selected {color: #090} #bd #forms ul#onglets li#ongletMEC.selected {color: #f00} * html #bd #forms ul#onglets li, * html #bd #forms ul#onglets li#ongletMEP a, * html #bd #forms ul#onglets li#ongletMEPf2 a {color:#666} * html #bd #forms ul#onglets li#ongletMEV {background: url(/base/imgs/meddle/esVols/onglet_mev.gif) 0 -65px no-repeat;} * html #bd #forms ul#onglets li#ongletMEV.selected {background: url(/base/imgs/meddle/esVols/onglet_mev.gif) 0 5px no-repeat;} * html #bd #forms ul#onglets li#ongletMEH {background: url(/base/imgs/meddle/esVols/onglet_meh.gif) 0 -65px no-repeat;} * html #bd #forms ul#onglets li#ongletMEH.selected {background: url(/base/imgs/meddle/esVols/onglet_meh.gif) 0 5px no-repeat;} * html #bd #forms ul#onglets li#ongletMEC {background: url(/base/imgs/meddle/esVols/onglet_mec.gif) 0 -65px no-repeat;} * html #bd #forms ul#onglets li#ongletMEC.selected {background: url(/base/imgs/meddle/esVols/onglet_mec.gif) 0 5px no-repeat;} * html #bd #forms ul#onglets li#ongletMEP {background: url(/base/imgs/meddle/esVols/onglet_mep.gif) 0 -65px no-repeat;} * html #bd #forms ul#onglets li#ongletMEP.selected {background: url(/base/imgs/meddle/esVols/onglet_mep.gif) 0 5px no-repeat;} * html #bd #forms ul#onglets li#ongletMEPf2 {background: url(/base/imgs/meddle/esVols/onglet_mepf2.gif) 0 -65px no-repeat;} * html #bd #forms ul#onglets li#ongletMEPf2.selected {background: url(/base/imgs/meddle/esVols/onglet_mepf2.gif) 0 5px no-repeat;} /* Formulaires (for all) ----------------------------------------------------*/ #bd #forms fieldset{margin-bottom:18px;} #bd #forms legend{display:none;} #bd #forms input{vertical-align:top; border:1px solid #999;} #bd #forms #typeParcoursMEV input, #bd #forms #classeMEV input{border: none;} #bd #forms select{font-size: 16px; font-weight:bold; padding: 2px; border:1px solid #999;} #bd #forms p label{font-weight:bold;} #bd #forms img{vertical-align: bottom; margin-bottom: 2px; cursor: pointer} #bd #forms img#calendrierMECDebutIcon, #bd #forms img#calendrierMECFinIcon{margin:0 5px 2px 5px;} /* Formulaire Mev ----------------------------------------------------*/ #bd #forms #formMEV{float:left; width:615px; height:208px; padding:5px;} #bd #forms #formMEV fieldset#typeParcoursMEV{padding-top:5px;} *+html #bd #forms #formMEV fieldset#typeParcoursMEV{margin-bottom: 8px;} #bd #forms #formMEV fieldset#trajetMEV p{float:left;} #bd #forms #formMEV fieldset#trajetMEV p#allerMEV{margin-right:15px;} #bd #forms #formMEV fieldset#trajetMEV p label{display:block; margin-bottom:2px;} #bd #forms #formMEV fieldset#trajetMEV p input{color:#EB4701; font-weight:bold; font-size:16px; width:295px; height:25px; padding:2px 0 0 3px;} #bd #forms #formMEV fieldset#trajetMEV p input.onError{border:1px solid #D12F19; background-color:#FBE3E4;} #bd #forms #formMEV fieldset#dateMEV p{float:left; width:300px;} #bd #forms #formMEV fieldset#dateMEV p#dateAllerMEV{margin-right:15px;} #bd #forms #formMEV fieldset#dateMEV select#jourMEVAller, #bd #forms #formMEV fieldset#dateMEV select#jourMEVRetour{width:50px;} #bd #forms #formMEV fieldset#dateMEV select#moisMEVAller, #bd #forms #formMEV fieldset#dateMEV select#moisMEVRetour{width:107px;} #bd #forms #formMEV fieldset#typePassagersMEV{float:left; padding:5px 5px 5px 0; margin-bottom:0;} #bd #forms #formMEV fieldset#typePassagersMEV p{float:left; margin-right:15px;} #bd #forms #formMEV fieldset#typePassagersMEV p#nbBebesMEV{margin-right:0;} #bd #forms #formMEV fieldset#typePassagersMEV p select#paxAdultes, #bd #forms #formMEV fieldset#typePassagersMEV p select#paxEnfants{width:57px;} #bd #forms #formMEV fieldset#typePassagersMEV p select#paxBebes{width:47px;} #bd #forms #formMEV fieldset#typePassagersMEV p label{display:block; margin-bottom: 8px;} #bd #forms #formMEV fieldset#classeMEV{float:left; margin: 0 0 0 55px;} #bd #forms #formMEV fieldset#classeMEV p label{display: block; margin: 5px 0} *+html #bd #forms #formMEV fieldset#classeMEV p label{margin: 0} * html #bd #forms #formMEV fieldset#classeMEV p label{margin: 0} #bd #forms #formMEV fieldset#submitBtMEV{position: absolute; left: 435px; bottom: 15px; width:191px; height:60px; margin-bottom:0;} * html #bd #forms #formMEV fieldset#submitBtMEV{bottom: 35px} #bd #forms #formMEV fieldset#submitBtMEV input{background: url(/base/imgs/meddle/esVols/submitMEV.png) 0 0; cursor:pointer; border: none; width:191px; height: 60px} #bd #forms #formMEV fieldset#submitBtMEV input:hover{background-position: 0 -60px} #bd #forms #formMEV fieldset#submitBtMEV input.wait{background-position: 0 -120px} /* Erreurs ----------------------------------------------------*/ #bd #forms #formMEV div#errorMEVLieuxEgauxAller, #bd #forms #formMEV div#errorMEVLieuVide, #bd #forms #formMEV div#errorMEVDateAllerErronee, #bd #forms #formMEV div#errorMEVDateRetourErronee, #bd #forms #formMEV div#errorMEVDatesInversees, #bd #forms #formMEV div#errorMEVNbBebes{background:#FBE3E4; color:#D12F19; font-weight:bold; position:absolute; top:74px; right:9px; width:320px; height:180px; padding:10px 5px 5px 12px;} /* Formulaire Meh ----------------------------------------------------*/ #bd #forms #formMEH{float:left; width:615px; height:208px; padding:5px;} #bd #forms #formMEH fieldset{margin-bottom:26px;} #bd #forms #formMEH fieldset#villesMEH{padding-top:5px;} #bd #forms #formMEH fieldset#villesMEH p label{display:block; margin-bottom:2px;} #bd #forms #formMEH fieldset#villesMEH p input{color:#060; font-size:16px; font-weight:bold; width:595px; height:25px; padding:2px 0 0 3px;} #bd #forms #formMEH fieldset#villesMEH p input.onError{border:1px solid #D12F19; background-color:#FBE3E4;} #bd #forms #formMEH fieldset#dateMEH p{float:left; width:292px;} #bd #forms #formMEH fieldset#dateMEH select#jourDebutMEH, #bd #forms #formMEH fieldset#dateMEH select#jourFinMEH{width:50px;} #bd #forms #formMEH fieldset#dateMEH select#moisDebutMEH, #bd #forms #formMEH fieldset#dateMEH select#moisFinMEH{width:107px;} #bd #forms #formMEH fieldset#hebergementMEH{float:left; padding:5px; margin-bottom:0;} #bd #forms #formMEH fieldset#hebergementMEH p{float:left; margin-right:15px;} #bd #forms #formMEH fieldset#hebergementMEH p#nbEnfantsMEH{margin-right:0;} #bd #forms #formMEH fieldset#hebergementMEH p select#chambres{width:81px;} #bd #forms #formMEH fieldset#hebergementMEH p select#paxAdultes{width:65px;} #bd #forms #formMEH fieldset#hebergementMEH p select#paxEnfants{width:64px;} #bd #forms #formMEH fieldset#hebergementMEH p label{display:block; margin-bottom:2px;} #bd #forms #formMEH fieldset#categoriesMEH{float:left; width:221px; padding:5px; margin-bottom:0;} #bd #forms #formMEH fieldset#categoriesMEH p label{display:block; margin-bottom:2px;} #bd #forms #formMEH fieldset#categoriesMEH p select#etoiles{width:111px;} #bd #forms #formMEH fieldset#submitBtMEH{position: absolute; left: 435px; bottom: 25px; width:191px; height:60px; margin-bottom:0;} *+html #bd #forms #formMEH fieldset#submitBtMEH{bottom: 20px} * html #bd #forms #formMEH fieldset#submitBtMEH{bottom: 35px} #bd #forms #formMEH fieldset#submitBtMEH input{background: url(/base/imgs/meddle/esVols/submitMEH.png) 0 0; cursor:pointer; width:191px; height:60px; border: none;} #bd #forms #formMEH fieldset#submitBtMEH input:hover{background-position: 0 -60px} #bd #forms #formMEH fieldset#submitBtMEH input.wait{background-position: 0 -120px} /* Erreurs ----------------------------------------------------*/ #bd #forms #formMEH div#errorMEHDateDebutErronee, #bd #forms #formMEH div#errorMEHDateFinErronee, #bd #forms #formMEH div#errorMEHDatesInversees{background:#FBE3E4; color:#D12F19; font-weight:bold; position:absolute; top:74px; right:9px; width:320px; height:180px; padding:10px 5px 5px 12px;} form#formMEH div#exceptionsCriteres{display:none; position: absolute; left: 633px; top: 178px; background:#FFF6BF;border:1px solid #FFD324; width: 327px; height:75px; padding:5px; color: #333} form#formMEH div#exceptionsCriteres span.messageEC{display:block; margin-bottom:5px;} form#formMEH div#exceptionsCriteres span.closeEC{position: absolute; top: 2px; right: 2px; display:block; width: 14px; height: 14px; background: url(/base/imgs/default/meh/cancel_14x14.gif) top center no-repeat; cursor: pointer} /* Formulaire Mec ----------------------------------------------------*/ #bd #forms #formMEC{float:left; width:615px; height:208px; padding:5px;} #bd #forms #formMEC fieldset{margin-bottom:19px;} #bd #forms #formMEC fieldset#retraitMEC{padding-top:5px;} #bd #forms #formMEC fieldset#retraitMEC p label{display:block; margin-bottom:2px;} #bd #forms #formMEC fieldset#retraitMEC p input{color:#c00; font-size:16px; font-weight:bold; width:595px; height:25px; padding:2px 0 0 3px;} #bd #forms #formMEC fieldset#retraitMEC p input.onError{border:1px solid #D12F19; background-color:#FBE3E4;} #bd #forms #formMEC fieldset#dateMEC p{float:left; width:292px;} #bd #forms #formMEC fieldset#dateMEC select#jourDebutMEC, #bd #forms #formMEC fieldset#dateMEC select#jourFinMEC{width:50px;} #bd #forms #formMEC fieldset#dateMEC select#moisDebutMEC, #bd #forms #formMEC fieldset#dateMEC select#moisFinMEC{width:107px;} #bd #forms #formMEC fieldset#dateMEC select#heureDebutMEC, #bd #forms #formMEC fieldset#dateMEC select#heureFinMEC{width:73px;} #bd #forms #formMEC fieldset#dateMEC p label{display:block; margin-bottom:2px;} #bd #forms #formMEC fieldset#ageConducteurMEC{float:left; padding-left:352px;} #bd #forms #formMEC fieldset#ageConducteurMEC input#ageMEC{color:#c00; font-size:16px; font-weight:bold; width:50px; height:24px; padding:3px 0 0 3px;} #bd #forms #formMEC fieldset#ageConducteurMEC p label{display:block; margin-bottom:2px;} #bd #forms #formMEC fieldset#submitBtMEC{position: absolute; left: 435px; bottom: 25px; width:191px; height:60px;margin-bottom:0;} *+html #bd #forms #formMEC fieldset#submitBtMEC{bottom: 20px} * html #bd #forms #formMEC fieldset#submitBtMEC{bottom: 35px} #bd #forms #formMEC fieldset#submitBtMEC input{background:url(/base/imgs/meddle/esVols/submitMEC.png) top center; cursor:pointer; width:191px; height:60px; border: none;} #bd #forms #formMEC fieldset#submitBtMEC input:hover{background-position: 0 -60px} #bd #forms #formMEC fieldset#submitBtMEC input.wait{background-position: 0 -120px} /* Erreurs ----------------------------------------------------*/ #bd #forms #formMEC div#errorMECDateDebutErronee, #bd #forms #formMEC div#errorMECDateFinErronee, #bd #forms #formMEC div#errorMECDatesInversees{display:none;} /* Calendriers ----------------------------------------------------*/ #bd #forms form div#calendrierMEVAller div.calendar {left: 8px; top: 73px; z-index: 999999} #bd #forms form div#calendrierMEVRetour div.calendar {left: 197px; top: 73px; z-index: 999999} #bd #forms form div#calendrierMEHDebut div.calendar {left: 8px; top: 73px; z-index: 999999} #bd #forms form div#calendrierMEHFin div.calendar {left: 197px; top: 73px; z-index: 999999} #bd #forms form div#calendrierMECDebut div.calendar {left: 8px; top: 73px; z-index: 999999} #bd #forms form div#calendrierMECFin div.calendar {left: 197px; top: 73px; z-index: 999999} *+html #bd #forms form div#calendrierMEVAller div.calendar {left: 8px; top: 73px; z-index: 999999} *+html #bd #forms form div#calendrierMEVRetour div.calendar {left: 205px; top: 73px; z-index: 999999} *+html #bd #forms form div#calendrierMEHDebut div.calendar {left: 8px; top: 73px; z-index: 999999} *+html #bd #forms form div#calendrierMEHFin div.calendar {left: 205px; top: 73px; z-index: 999999} *+html #bd #forms form div#calendrierMECDebut div.calendar {left: 8px; top: 73px; z-index: 999999} *+html #bd #forms form div#calendrierMECFin div.calendar {left: 205px; top: 73px; z-index: 999999} * html #bd #forms form div#calendrierMEVAller div.calendar {top: 215px; left: 230px} * html #bd #forms form div#calendrierMEVRetour div.calendar {top: 215px; left: 250px} * html #bd #forms form div#calendrierMEHDebut div.calendar, * html #bd #forms form div#calendrierMEHFin div.calendar {top: 150px; left: 275px} * html #bd #forms form div#calendrierMECDebut div.calendar {top: 150px; left: 250px} * html #bd #forms form div#calendrierMECFin div.calendar {top: 150px; left: 250px} #bd #forms form div.calendar{float:right;} #bd #forms form div.calendar caption.title{background:#E3E2E7; font-weight:bold; margin:0; padding:4px 0;} #bd #forms form div.calendar caption.title a.leftCal {position: absolute; top: 7px; left: 40px; display: block; width: 12px; height: 11px; background: url(/base/imgs/meddle/esVols/prevMonth.gif)} #bd #forms form div.calendar caption.title a.rightCal {position: absolute; top: 7px; right: 40px; display: block; width: 12px; height: 11px; background: url(/base/imgs/meddle/esVols/nextMonth.gif)} #bd #forms form div.calendar caption.title a span {display: none} #bd #forms form div.calendar table {float: left; padding: 2px;} #bd #forms form div.calendar table.mois1 {border-left: 1px solid #999;border-right: 1px solid #ccc;} #bd #forms form div.calendar table.mois1 caption {border: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 2px solid #ccc;} #bd #forms form div.calendar table.mois2 {border-right: 1px solid #999;border-left: 1px solid #ccc;} #bd #forms form div.calendar table.mois2 caption {border: 1px solid #999; border-left: 1px solid #ccc; border-bottom: 2px solid #ccc;} #bd #forms form div.calendar table td {width: 20px; height: 20px; line-height: 20px; margin: 0; padding: 0} #bd #forms form div.calendar table thead {color: #666} #bd #forms form div.calendar table td a {display: block; width: 26px; height:20px; margin: 0; padding: 0} #bd #forms form div.calendar table td.dayWeekEnd {color: #666} #bd #forms form div.calendar table td.dayToday {background: url(/base/imgs/meddle/esVols/bg_dayToday.gif) 2px 2px no-repeat} #bd #forms form div.calendar table td.dayOn {border: 1px solid #ccc;} #bd #forms form div.calendar table td.dayOff, #bd #forms form div.calendar table td.dayOnOff {border: 1px solid #ccc; background: #eee; color: #ccc} #bd #forms form div.calendar table td.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOff.png) top center no-repeat;} #bd #forms form div.calendar table td.dayOn a {color: #666} #bd #forms form div.calendar table td.dayOnOff a {color: #ccc} #bd #forms form div.calendar div.close{clear: left; height: 20px; line-height: 20px; border: 1px solid #999; border-top: 2px solid #ccc; background: #e3e2e7; font-weight:bold;} #bd #forms form div.calendar div.close a {display: block;} *+html #bd #forms form div.calendar div.close {width: 426px} * html #bd #forms form div.calendar {width: 428px} /* Couleur Calendrier MEV */ #bd #forms form#formMEV div.calendar table td.dayWeekEnd, #bd #forms form#formMEV div.calendar caption.title, #bd #forms form#formMEV div.calendar table td a:hover, #bd #forms form#formMEV div.calendar div.close a {color:#EB4701;} #bd #forms form#formMEV div.calendar table td.selected{color:#EB4701; border: 1px solid #EB4701} #bd #forms form#formMEV div.calendar table td.selected a{color:#EB4701;} #bd #forms form#formMEV div.calendar table td.dayOn:hover {background: #eb4701} #bd #forms form#formMEV div.calendar table td.dayOnOff:hover a {cursor:default; color:#ccc} #bd #forms form#formMEV div.calendar table td.dayOn.dayToday:hover {background: #eb4701 url(/base/imgs/meddle/esVols/bg_dayTodayHover.gif) 2px 2px no-repeat} #bd #forms form#formMEV div.calendar table td.dayOn:hover a {color: #fff} #bd #forms form#formMEV div.calendar table td.weekEnd {background: #FFF4EF} #bd #forms form#formMEV div.calendar table td.weekEnd.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOffMEV.png) top center no-repeat;} /* Couleur Calendrier MEH */ #bd #forms form#formMEH div.calendar table td.dayWeekEnd, #bd #forms form#formMEH div.calendar caption.title, #bd #forms form#formMEH div.calendar table td a:hover, #bd #forms form#formMEH div.calendar div.close a {color:#060;} #bd #forms form#formMEH div.calendar table td.selected{color:#060; border: 1px solid #060} #bd #forms form#formMEH div.calendar table td.selected a{color:#060;} #bd #forms form#formMEH div.calendar table td.dayOn:hover, #bd #forms form#formMEH div.calendar table td.dayOnOff:hover {background: #060} #bd #forms form#formMEH div.calendar table td.dayOn:hover a, #bd #forms form#formMEH div.calendar table td.dayOnOff:hover a {color: #fff} #bd #forms form#formMEH div.calendar table td.weekEnd {background: #EFFFEF} #bd #forms form#formMEH div.calendar table td.weekEnd.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOffMEH.png) top center no-repeat;} /* Couleur Calendrier MECV */ #bd #forms form#formMEC div.calendar table td.dayWeekEnd, #bd #forms form#formMEC div.calendar caption.title, #bd #forms form#formMEC div.calendar table td a:hover, #bd #forms form#formMEC div.calendar div.close a {color:#c00;} #bd #forms form#formMEC div.calendar table td.selected{color:#c00; border: 1px solid #c00} #bd #forms form#formMEC div.calendar table td.selected a{color:#c00;} #bd #forms form#formMEC div.calendar table td.dayOn:hover, #bd #forms form#formMEC div.calendar table td.dayOnOff:hover {background: #c00} #bd #forms form#formMEC div.calendar table td.dayOn:hover a, #bd #forms form#formMEC div.calendar table td.dayOnOff:hover a {color: #fff} #bd #forms form#formMEC div.calendar table td.weekEnd {background: #FFEFEF} #bd #forms form#formMEC div.calendar table td.weekEnd.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOffMEC.png) top center no-repeat;} /* Auto-completion BASE */ #bd div.completionMEV, #bd div.completionMEH, #bd div.completionMEC {z-index: 100000000; width:288px; margin-top: -1px; padding:5px; font-size: 14px; cursor:pointer} *+html #bd div.completionMEH, * html #bd div.completionMEH, *+html #bd div.completionMEC, * html #bd div.completionMEC {margin-top: -2px} /* Auto-completion MEV */ #bd div.completionMEV {top: 158px; background-color:#ffeccb; border:1px solid #EB4701} *+html #bd div.completionMEV {top: 163px} * html #bd div.completionMEV {top: 164px} #bd div#propositionsMEVDepartAller div.completionMEV {left: 13px;} #bd div#propositionsMEVArriveeAller div.completionMEV {left: 328px;} #bd div.completionMEV .propositionAeroport {border-top: 1px dotted #EB4701; font-style:italic; padding:1px; padding-left: 20px; background: url(/base/imgs/meddle/esVols/bg_completionAero.png) 1px 2px no-repeat} * html #bd div.completionMEV .propositionAeroport {background: url(/base/imgs/meddle/esVols/bg_completionAero.gif) 0 1px no-repeat} #bd div.completionMEV .propositionVille {border-bottom: 1px dotted #EB4701; padding:1px} #bd div.completionMEV .propositionVille:hover, #bd div.completionMEV .selected {background-color: #ffc085} #bd div.completionMEV .propositionAeroport:hover {background-color: #FFF7EF} /* Auto-completion MEH */ #bd div.completionMEH {background-color:#e5f1c8; border:1px solid #060} #bd div.completionMEH .propositionAeroport {padding-left: 20px} #bd div.completionMEH .propositionVille {border-bottom: 1px dotted #060; padding:1px} #bd div.completionMEH .propositionVille:hover, #bd div.completionMEH .selected {background-color: #bdd583} /* Auto-completion MEC */ #bd div.completionMEC {background-color:#fee7e7; border:1px solid #c00} #bd div.completionMEC .propositionAdresse {border-bottom: dotted #c00 1px; padding:1px} #bd div.completionMEC .propositionAdresse:hover, #bd div.completionMEC .selected {background-color: #ffa6a6} /* Buzz ----------------------------------------------------*/ #bd #buzzTop {position: relative; float: right; width: 347px; height: 283px; padding-top: 8px;} #bd #buzzTop h3.topvols {float: left; width: 104px; height: 25px; font-size: 18px; text-transform: uppercase; text-indent: -10000px; background: url(/base/imgs/meddle/esVolsNG/bg_tvBZT2.png) 5px 4px no-repeat; color: #256c6f} #bd #buzzTop h3.accroche {float: left; height: 23px; padding: 5px 10px; color: #999; font-size: 11px; font-weight: normal} #bd #buzzTop p.titPartBZT {float: left; height: 20px; margin: 11px 20px 0; line-height: 20px; color: #999;} * html #bd #buzzTop p.titPartBZT {margin: 11px 20px 0 10px} #bd #buzzTop p.titDestBZT {background: url(/base/imgs/meddle/esVols/mev_destination_title.jpg) left 7px no-repeat;float: left; width: 163px; height: 31px; color: #999; font-size: 14px; font-weight: bold; text-align:center; line-height:36px} * html #bd #buzzTop p.titDestBZT {height:26px; line-height:31px} #bd #buzzTop p.titAPartirBZT {float: left; height: 20px; margin: 11px 5px 1px; line-height: 20px; color: #999} #bd #buzzTop ul {background: url(/base/imgs/meddle/esVols/mev_listetopvols_bg.jpg) 105px top no-repeat;clear: both; width: 339px; height: 200px;} #bd #buzzTop ul li {height: 17px; line-height: 17px; padding: 4px 0;overflow:hidden} * html #bd #buzzTop ul li {padding: 3px 0} *+html #bd #buzzTop ul li {padding: 3px 0} #bd #buzzTop ul li a {float: left} #bd #buzzTop ul li a.partBZT {width: 97px; height: 17px; margin: 0 5px} #bd #buzzTop ul li a.villeBZT {width: 158px; padding-left: 2px; text-transform: uppercase; font-weight: bolder; letter-spacing: 8px; word-spacing: 3px; color: #256C6F; background: url(/base/imgs/meddle/esVols/bg_volBZT.gif) 0 0 no-repeat;} #bd #buzzTop ul li a.prixBZT {float: right; margin-right: 2px; font-size: 12px; font-weight: bold; color: #f00} #bd #buzzTop #ttBZT {position: absolute; bottom: 4px; right: 12px; padding-left: 12px; background: url(/base/imgs/meddle/esVols/bg_ttBZT.gif) 0 5px no-repeat; font-weight: bold; text-decoration: underline; color: #f30} #bd #buzzDestination {position: relative; float: right; width: 347px; height: 283px; padding-top: 8px; background: url(/base/imgs/meddle/esVols/bg_accroche.gif) 201px 7px no-repeat;} #bd #buzzDestination h3.topvols {width: 104px; height: 22px; font-size: 18px; text-transform: uppercase; text-indent: -10000px; background: url(/base/imgs/meddle/esVols/bg_tvBZT.png) 5px 4px no-repeat; color: #256c6f} #bd #buzzDestination h3.accroche {width: 329px; height: 33px; padding: 5px; color: #999;font-size: 13px;} #bd #buzzDestination h3.accroche span {display: inline-block; width: 191px; padding-left: 2px; text-transform: uppercase; font-weight: bolder; letter-spacing: 6.4px; word-spacing: 3px; color: #256C6F; background: url(/base/imgs/meddle/esVols/bg_volBZT.gif) 0 0 no-repeat;} #bd #buzzDestination ul {clear: both; float: left; width: 339px; margin-right: 8px;} #bd #buzzDestination ul li {overflow: hidden; clear: left; width: 331px; height: 17px; margin: 0 4px 5px; padding: 3px 0; border-bottom: 1px solid #eee} #bd #buzzDestination ul li a {float: left; height: 17px; line-height: 17px} #bd #buzzDestination ul li a.partBZT {margin-right: 4px} #bd #buzzDestination ul li a.dateBZT {margin-right: 4px; font-size: 10px; color: #aaa} #bd #buzzDestination ul li a.dateBZT:hover {color: #666; text-decoration:none} #bd #buzzDestination ul li a.prixBZT {float: right; font-size: 14px; font-weight: bold; color: #f00} #bd #buzzDestination a#plusVolsBZT {position: absolute; bottom: 4px; right: 12px; padding-left: 12px; background: url(/base/imgs/meddle/esVols/bg_ttBZT.gif) 0 5px no-repeat; font-weight: bold; text-decoration: underline; color: #f30} /* Correctif footer ----------------------------------------------------*/ #footer{margin-top:5px; text-align: center} /* bons plans */ #bonsplans {float:left; width: 640px; margin:10px 0 20px 0; background:url(/base/imgs/meddle/esVolsNG/BG_bonplan.png) top left no-repeat} #bonsplans h2 { line-height:22px; font-family:Georgia; font-size:22px; font-style:italic; font-weight:bold; color:#eb4701; float:left; width:230px; margin:10px 0 0 70px;} #bonsplans p { font-family:Verdana; font-size:12px; color:#666; float:left; margin:19px 0 0 0;} #bonsplans h2 span {display: block; color: #808080} #bonsplans div.bp_bloc { padding: 0; width: 145px; background-image: none; float: left; margin-right: 10px; } #bonsplans div#ct_bp_bloc {margin-top:50px; padding: 0 0 20px 12px; height: 175px} * html #bonsplans h2 {margin:10px 0 0 40px;} * html #bonsplans div#ct_bp_bloc {width: 618px} * html #bonsplans div.bp_bloc {margin-right: 9px} #bonsplans div.bp_bloc h3 { color: #999; margin-bottom: 10px; font-size: 1.3em; text-align: center; } #bonsplans div.bp_bloc h3 img { display: block; margin: 0 auto 5px; } #bonsplans div.bp_bloc ul { text-align: left; background-color: #fff; border: 1px solid #CCC; padding: 0; text-transform: uppercase; } #bonsplans div.bp_bloc li { padding: 5px; line-height:14px; } #bonsplans div.bp_bloc li a { color: #0095ff; } #bonsplans div.bp_bloc li a.bpcol { color: #ff4000; } /* bloc comment trouver, comparer ... */ #InfosComp {float:left; width:640px; height:700px; margin:0 0 30px;} #InfosComp h2 {font-style:italic; font-weight:bold; font-size:20px; color:#E85B05; width:510px; text-align:left; margin:10px 0 35px 20px;padding: 5px 0 0 90px} *+html #InfosComp h2 {padding-top: 20px;} #InfosComp h2 strong { font-size:25px;} #InfosComp h2 span#TARight { padding-left:50px; } #InfosComp h3 { font-family:Georgia; font-style:italic; font-weight:bold; font-size:20px; color:#03ADFB; margin:0 0 0 65px;} #InfosComp p { font-family:Verdana; font-size:11px; line-height:13px; color:#666; width:530px; margin:0 0 0 80px; text-align:justify; margin-bottom:35px} /* bloc right */ #BlocRight {width:302px; height:700px; float:right;} /* bloc Hotline */ #BlocHotline {width:302px; height:95px; margin-bottom:8px; } #BlocHotline h2 { font-family:Georgia; font-size:18px; color:#E85B05; font-style:italic; padding:10px 0 0 60px;} *+html #BlocHotline h2 {padding-top: 25px;} * html #BlocHotline h2 {padding-top: 10px;} #BlocHotline p { font-family:Verdana; font-size:12px; color:#666; padding:5px 0 0 30px; text-align:center; font-weight:bold;} #BlocHotline p strong {font-weight:bold; font-size:17px; color:#03ADFB; } /* bloc Newsletter */ #BlocNewsletter {width:302px; height:110px; margin-bottom:10px; } #BlocNewsletter h2 { font-family:Georgia; font-size:18px; line-height: 20px; color:#E85B05; font-style:italic; padding:13px 0 0 60px;} *+html #BlocNewsletter h2 {padding-top: 25px;} * html #BlocNewsletter h2 {padding-top: 13px;} #BlocNewsletter p { width:200px; margin:5px 0 0 70px; text-align:center; color:#666; font-weight:bold;line-height:14px;} #BlocNewsletter input.ChampNL {font-size:11px; color:#ccc; width:140px; height:22px; text-align:center; float:left; margin:13px 0 0 20px;} #BlocNewsletter input.SubmitNL {border:none; display:block; width:110px;height:15px; float:right; margin:17px 5px 0 0; text-align:center; color: #fff; font-weight: bold; background:transparent; cursor:pointer} * html #BlocNewsletter input.SubmitNL {margin:12px 2px 0 0;} /* bloc Pays recherchés */ #BlocPays {width:302px; height:235px; margin-bottom:10px; } #BlocPays h2 { font-family:Georgia; font-size:18px; line-height: 20px; color:#E85B05; font-style:italic; padding:18px 0 0 60px;} *+html #BlocPays h2 {padding-top: 33px;} * html #BlocPays h2 {padding-top: 18px;} #BlocPays ul { float:left; width:150px; text-align:center; margin-top:20px; } #BlocPays a { text-decoration:none; font-family:Verdana; font-size:12px; line-height: 12px; color:#666; font-weight:normal; } #BlocPays a:hover { text-decoration:underline; color:#eb4701; font-weight:bold} #BlocPays a.GuideLink {color:#03ADFB;float:right; font-family:Verdana; font-size:14px; font-weight:bold; margin:10px 15px 0 0; padding:0 0 0 20px; background:url(/base/imgs/meddle/esVolsNG/BG_fleche.png) left no-repeat;} /* bloc villes recherchées */ #BlocVilles {width:302px; height:235px; } #BlocVilles h2 { font-family:Georgia; font-size:18px; line-height: 20px; color:#E85B05; font-style:italic;padding:20px 0 0 55px;} *+html #BlocVilles h2 {padding-top: 35px;} * html #BlocVilles h2 {padding-top: 20px;} #BlocVilles ul { float:left; width:150px; text-align:center; margin-top:20px; } #BlocVilles a { text-decoration:none; font-family:Verdana; font-size:12px; line-height: 12px; color:#666; font-weight:normal; } #BlocVilles a:hover { text-decoration:underline; color:#eb4701; font-weight:bold} #BlocVilles a.GuideLink {color:#03ADFB; float:right; font-family:Verdana; font-size:14px; font-weight:bold; margin:10px 15px 0 0; padding:0 0 0 20px;background:url(/base/imgs/meddle/esVolsNG/BG_fleche.png) left no-repeat;} /* footer */ #subft { clear: both; padding: 40px 0 0; width: 980px; height: 350px; background: url(/base/imgs/meddle/esVolsNG/bg_ftnew.png) top left no-repeat; margin-top: 20px; color: #666 } *+html #subft { margin-top: 10px; } #subft div { width: 275px; float: left; padding: 0 20px; } #subft div li a, #subft div a:hover { padding: 0 0 1px 15px; background: url(/base/imgs/meddle/esVolsNG/puce_ft.png) no-repeat left; } #subft div a, #subft div a:hover { color: #666; font-weight: bold } #subft h2 { font-family: Georgia, "Times New Roman", Times, serif; color:#fff; font-size: 20px; font-style:italic; padding: 0 0 0 60px; margin: 0 0 10px; } #subft h3 { color:#03ADFB; font-size:11px; line-height:12px; margin: 10px 0 } #subft #BlocCDV { margin-right: 25px; } #subft #BlocVPC { margin-right: 20px; } #subft #BlocVD { width: 260px; } #subft div p span { float:left; color:#03ADFB; font-size: 30px; margin-right: 2px; font-style:italic; font-weight:bold; line-height: 26px; position:relative; top:-3px; } #subft div p em { font-style:normal; font-weight:bold; } #subft .ft_bloc { width: 291px; float: left; margin-right: 30px; color: #666; text-align: center; } #subft .ft_bloc h2 { text-align: center; } #subft .ft_bloc div img { margin-bottom: 5px; } #subft #guide { margin-right: 31px; height: 245px; background: url(/base/imgs/meddle/esVols/bg_guide.png) center center no-repeat; } #subft .ft_bloc a { color: #666; } #subft .ft_bloc div { padding: 5px 45px 15px; } #subft #guide p {text-align: left; padding: 10px} #subft #guide p a {text-decoration: underline} #subft #newsletter { margin-right: 0; text-align: left; } #subft #newsletter p strong { margin-bottom: 10px; display: block; font-size: .9em; } #subft #newsletter form { text-align: right; } #subft #newsletter form input[type="image"] { border: 0; } #subft #newsletter .inputtext { width: 198px; border-color: #999; margin-bottom: 5px; } /* H1 */ #pitchvols{clear:both;height:42px;} #pitchvols h1{font-size:24px;color:#000000;} #pitchvols em{color:#267477;font-style:normal;} /* clearfix */ .clearfix:after, .listing li:after, .bloc:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .listing li, .bloc { display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix, * html .listing li, * html .bloc { display:block; } /* End hide from IE-mac */