/* Conteneur formulaires */ #me{position: relative; float: right; width: 390px; height:250px} #me form {width: 260px; height:335px; padding: 65px 0 0 20px} #me #formMEV{background: url(/base/imgs/default/background/bg_form_mev_300x400.png) top center no-repeat} #me #formMEH{background: url(/base/imgs/default/background/bg_form_meh_300x400.png) top center no-repeat} #me #formMEC{background: url(/base/imgs/default/background/bg_form_mec_300x400.png) top center no-repeat} #me table {border: 0; border-collapse: separate; margin-top: 0; width: auto} #me tr:hover {background-color:#fff;cursor: pointer} #me td {padding:0; border: none} #calendrierMEVAllerIcon, #calendrierMEVRetourIcon, #calendrierMEHDebutIcon, #calendrierMEHFinIcon, #calendrierMECDebutIcon, #calendrierMECFinIcon {vertical-align:top; cursor:pointer} /* Icone */ /* Navigation formulaire ----------------------------------------------------*/ #me ul.onglets{position: absolute; top: 5px; left: 10px; width:280px; height:56px} #me ul.onglets li{color:#fff; font-size:12px; font-weight:bold; text-align:center; float:left; width: 70px; height:20px; padding-top: 36px; cursor: pointer} #me ul.onglets li:hover{color:#ccc} #me ul.onglets li#ongletMEV {background: url(/base/imgs/meddle/form/onglet_mev_70x56.png) 0 -112px no-repeat} #me ul.onglets li#ongletMEH {background: url(/base/imgs/meddle/form/onglet_meh_70x56.png) 0 -112px no-repeat} #me ul.onglets li#ongletMEC {background: url(/base/imgs/meddle/form/onglet_mec_70x56.png) 0 -112px no-repeat} #me ul.onglets li#ongletMEP {height:56px; padding-top: 0; background: url(/base/imgs/meddle/form/onglet_mep_70x56.png) 0 -112px no-repeat} #me ul.onglets li#ongletMEP a {display: block; height:20px; padding-top: 36px; color: #fff} #me ul.onglets li#ongletMEP a:hover {color: #ccc; text-decoration: none} #me ul.onglets li#ongletMEV:hover, #me ul.onglets li#ongletMEH:hover, #me ul.onglets li#ongletMEC:hover, #me ul.onglets li#ongletMEP:hover {background-position: 0 -56px} #me ul.onglets li#ongletMEV.selected, #me ul.onglets li#ongletMEH.selected, #me ul.onglets li#ongletMEC.selected, #me ul.onglets li#ongletMEP.selected {background-position: 0 0} #me ul.onglets li#ongletMEV.selected {color: #f60} #me ul.onglets li#ongletMEH.selected {color: #090} #me ul.onglets li#ongletMEC.selected {color: #f00} * html #me ul.onglets {margin-left: 1px} * html #me ul.onglets li, * html #me ul.onglets li#ongletMEP a {color:#666} * html #me ul.onglets li#ongletMEV {background: url(/base/imgs/meddle/form/onglet_mev_70x56.gif) 0 -56px no-repeat} * html #me ul.onglets li#ongletMEH {background: url(/base/imgs/meddle/form/onglet_meh_70x56.gif) 0 -56px no-repeat} * html #me ul.onglets li#ongletMEC {background: url(/base/imgs/meddle/form/onglet_mec_70x56.gif) 0 -56px no-repeat} * html #me ul.onglets li#ongletMEP {background: url(/base/imgs/meddle/form/onglet_mep_70x56.gif) 0 0 no-repeat} /** html #me ul.onglets li, * html #me ul.onglets li#ongletMEP a {color:#666} * html #me ul.onglets li#ongletMEV {background: url(/base/imgs/meddle/esVols/onglet_mev.gif) 0 -65px no-repeat} * html #me ul.onglets li#ongletMEV.selected {background: url(/base/imgs/meddle/esVols/onglet_mev.gif) 0 5px no-repeat} * html #me ul.onglets li#ongletMEH {background: url(/base/imgs/meddle/esVols/onglet_meh.gif) 0 -65px no-repeat} * html #me ul.onglets li#ongletMEH.selected {background: url(/base/imgs/meddle/esVols/onglet_meh.gif) 0 5px no-repeat} * html #me ul.onglets li#ongletMEC {background: url(/base/imgs/meddle/esVols/onglet_mec.gif) 0 -65px no-repeat} * html #me ul.onglets li#ongletMEC.selected {background: url(/base/imgs/meddle/esVols/onglet_mec.gif) 0 5px no-repeat} * html #me ul.onglets li#ongletMEP {background: url(/base/imgs/meddle/esVols/onglet_mep.gif) 0 -65px no-repeat} * html #me ul.onglets li#ongletMEP.selected {background: url(/base/imgs/meddle/esVols/onglet_mep.gif) 0 5px no-repeat}*/ /* Formulaires (for all) ----------------------------------------------------*/ #me fieldset{margin-bottom: 5px} #me legend{display:none} #me input{vertical-align:top; border:1px solid #999} #me #typeParcoursMEV input, #me #classeMEV input{border: none} #me select{font-size: 12px; font-weight:bold; padding: 2px; border:1px solid #999} #me label{font-weight:bold} #me img{vertical-align: bottom; margin-bottom: 2px; cursor: pointer} #me img#calendrierMECDebutIcon, #me img#calendrierMECFinIcon{margin:0 5px 2px 5px} /* Formulaire Mev ----------------------------------------------------*/ *+html #me #formMEV fieldset#typeParcoursMEV {margin-bottom: 0} * html #me #formMEV fieldset#typeParcoursMEV {margin-bottom: 0} #me #formMEV fieldset#trajetMEV label{display:block; margin-bottom:2px} #me #formMEV fieldset#trajetMEV input{color:#EB4701; font-weight:bold; font-size:16px; width:235px; height:25px; padding: 5px 0 0 3px} #me #formMEV fieldset#dateMEV label{display: block} #me #formMEV fieldset#dateMEV select#jourMEVAller, #me #formMEV fieldset#dateMEV select#jourMEVRetour{width:50px} #me #formMEV fieldset#dateMEV select#moisMEVAller, #me #formMEV fieldset#dateMEV select#moisMEVRetour{width:107px} #me #formMEV fieldset#typePassagersMEV{float:left; padding:5px 5px 5px 0; margin-bottom:0} #me #formMEV fieldset#typePassagersMEV p{float:left; margin-right:5px} #me #formMEV fieldset#typePassagersMEV p#nbBebesMEV{margin-right:0} #me #formMEV fieldset#typePassagersMEV p select#paxMEVAdultes, #me #formMEV fieldset#typePassagersMEV p select#paxMEVEnfants, #me #formMEV fieldset#typePassagersMEV p select#paxMEVBebes {width:45px} #me #formMEV fieldset#typePassagersMEV p select#paxBebes{width:40px} #me #formMEV fieldset#typePassagersMEV p label{display:block; margin-bottom: 8px} #me #formMEV fieldset#classeMEV{float:left; width: 85px; margin: 0 0 0 5px;font-size:10px} *+html #me #formMEV fieldset#classeMEV p label {height: 11px} * html #me #formMEV fieldset#classeMEV p label {height: 11px} #me #formMEV fieldset#classeMEV p label{display: block; margin: 5px 0; width: 110px} #me #formMEV fieldset#submitBtMEV{display: block; position: absolute; right: 20px; bottom: 20px; width:191px; height:60px; margin-bottom:0} #me #formMEV fieldset#submitBtMEV input{background: url(/base/imgs/meddle/esVols/submitMEV.png) 0 0; cursor:pointer; border: none; width:191px; height: 60px} #me #formMEV fieldset#submitBtMEV input:hover{background-position: 0 -60px} /* Erreurs ----------------------------------------------------*/ #lieuMEHPropError p.error, #errorMEHLieuVide, #errorMEVLieuxEgauxAller, #errorMEVLieuVide, #errorMEVDateAllerErronee, #errorMEVDateRetourErronee, #errorMEVDateDebutErronee, #errorMEVDateFinErronee , #errorMEVDatesInversees, #errorMEVNbBebes {position:absolute; z-index:1000; padding:5px 0 0 20px; background:#fc9 url(/base/imgs/default/erreur.gif) no-repeat 2px 4px; border:1px solid #f60; color:#333; top:208px; left:188px; width: 80px} #errorMEHDateDebutErronee, #errorMEHDateFinErronee, #errorMEHDatesInversees {position:absolute; z-index:1000; padding:5px 0 0 20px; background:#fc9 url(/base/imgs/default/erreur.gif) no-repeat 2px 4px; border:1px solid #f60; color:#333; top:130px; left:188px; width: 80px} #errorMECDateDebutErronee, #errorMECDateFinErronee , #errorMECDatesInversees {display:none} /* Formulaire Meh ----------------------------------------------------*/ #me #formMEH fieldset{margin-bottom:15px} #me #formMEH fieldset#villesMEH{padding-top:5px} #me #formMEH fieldset#villesMEH p label{display:block; margin-bottom:2px} #me #formMEH fieldset#villesMEH p input{color:#060; font-size:16px; font-weight:bold; width:256px; height:25px; padding: 5px 0 0 3px} #me #formMEH fieldset#dateMEH label {display: block} #me #formMEH fieldset#dateMEH select#jourDebutMEH, #me #formMEH fieldset#dateMEH select#jourFinMEH{width:50px} #me #formMEH fieldset#dateMEH select#moisDebutMEH, #me #formMEH fieldset#dateMEH select#moisFinMEH{width:107px} #me #formMEH fieldset#hebergementMEH{float:left} #me #formMEH fieldset#hebergementMEH p{float:left; margin-right:15px} #me #formMEH fieldset#hebergementMEH p#nbEnfantsMEH{margin-right:0} #me #formMEH fieldset#hebergementMEH p select#chambres{width:81px} #me #formMEH fieldset#hebergementMEH p select#paxAdultes{width:65px} #me #formMEH fieldset#hebergementMEH p select#paxEnfants{width:64px} #me #formMEH fieldset#hebergementMEH p label{display:block; margin-bottom:2px} #me #formMEH fieldset#categoriesMEH{float:left; width:221px; margin-bottom:0} #me #formMEH fieldset#categoriesMEH p label{display:block; margin-bottom:2px} #me #formMEH fieldset#categoriesMEH p label:first-letter {text-transform: capitalize} #me #formMEH fieldset#categoriesMEH p select#etoiles{width:111px} #me #formMEH fieldset#submitBtMEH{display: block; position: absolute; right: 20px; bottom: 20px; width:191px; height:60px; margin-bottom:0} #me #formMEH fieldset#submitBtMEH input{background: url(/base/imgs/meddle/esVols/submitMEH.png) 0 0; cursor:pointer; width:191px; height:60px; border: none} #me #formMEH fieldset#submitBtMEH input:hover{background-position: 0 -60px} #me #formMEH fieldset#submitBtMEH input.wait{background-position: 0 -80px} form#formMEH div#exceptionsCriteres{display:none; position: absolute; top: 150px; background:#fff6bf; padding:3px; margin:0 10px; width:220px;border:1px solid #FFD324} form#formMEH div#exceptionsCriteres span.messageEC{color:#333; display:block; margin-bottom:5px} form#formMEH div#exceptionsCriteres span.closeEC{position: absolute; top: 1px; right: 1px; display:block; width: 14px; height: 14px; background: url(/base/imgs/default/meh/cancel_14x14.gif) top center no-repeat; cursor: pointer} /* Erreurs ----------------------------------------------------*/ #me #formMEV div#errorMEVLieuxEgauxAller, #me #formMEV div#errorMEVLieuVide, #me #formMEV div#errorMEVDateAllerErronee, #me #formMEV div#errorMEVDateRetourErronee, #me #formMEV div#errorMEVDatesInversees, #me #formMEV div#errorMEVNbBebes{background:#FBE3E4; color:#D12F19; font-weight:bold; position:absolute; top:252px; right:1px; width:121px; height:64px; padding:2px} /* Formulaire Mec ----------------------------------------------------*/ #me #formMEC fieldset{margin-bottom: 15px} #me #formMEC label {display: block} #me #formMEC fieldset#retraitMEC{padding-top:5px} #me #formMEC fieldset#retraitMEC p label{margin-bottom:2px} #me #formMEC fieldset#retraitMEC p input{color:#c00; font-size:16px; font-weight:bold; width:256px; height:25px; padding: 5px 0 0 3px} #me #formMEC fieldset#dateMEC p{float:left; width:292px} #me #formMEC #dateRetraitMEC {margin-bottom: 15px} #me #formMEC select#jourDebutMEC, #me #formMEC select#jourFinMEC{width:48px} #me #formMEC select#moisDebutMEC, #me #formMEC select#moisFinMEC{width:100px} #me #formMEC select#heureDebutMEC, #me #formMEC select#heureFinMEC{width:70px} #me #formMEC fieldset#dateMEC p label{display:block; margin-bottom:2px} #me #formMEC fieldset#ageConducteurMEC input#ageMEC{color:#c00; font-size:16px; font-weight:bold; width:50px; height:24px; padding: 5px 0 0 3px} #me #formMEC fieldset#ageConducteurMEC p label{display:block; margin-bottom:2px} #me #formMEC fieldset#submitBtMEC{display: block; position: absolute; right: 20px; bottom: 20px; width:191px; height:60px;margin-bottom:0} #me #formMEC fieldset#submitBtMEC input{background:url(/base/imgs/meddle/esVols/submitMEC.png) top center; cursor:pointer; width:191px; height:60px; border: none} #me #formMEC fieldset#submitBtMEC input:hover{background-position: 0 -60px} #me #formMEC fieldset#submitBtMEC input.wait{background-position: 0 -80px} /* Erreurs ----------------------------------------------------*/ #me #formMEC div#errorMECDateDebutErronee, #me #formMEC div#errorMECDateFinErronee, #me #formMEC div#errorMECDatesInversees{display:none} /* Calendriers ----------------------------------------------------*/ #me form div#calendrierMEVAller div.calendar {width: 440px; right: 10px; top: 58px; z-index: 999999} #me form div#calendrierMEVRetour div.calendar {width: 440px; right: 10px; top: 58px; z-index: 999999} #me form div#calendrierMEHDebut div.calendar {width: 440px; right: 10px; top: 58px; z-index: 999999} #me form div#calendrierMEHFin div.calendar {width: 440px; right: 10px; top: 58px; z-index: 999999} #me form div#calendrierMECDebut div.calendar {width: 440px; right: 10px; top: 58px; z-index: 999999} #me form div#calendrierMECFin div.calendar {width: 440px; right: 10px; top: 58px; z-index: 999999} #me form div.calendar{float:right} #me form div.calendar caption.title{background:#E3E2E7; font-weight:bold; margin:0; padding:4px 0} #me 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)} #me 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)} #me form div.calendar caption.title a span {display: none} #me form div.calendar table {float: left; padding: 2px} #me form div.calendar table.mois1 {width: 218px; border-left: 1px solid #999;border-right: 1px solid #ccc} #me form div.calendar table.mois1 caption {width: 218px; border: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 2px solid #ccc} #me form div.calendar table.mois2 {width: 218px; border-right: 1px solid #999;border-left: 1px solid #ccc} #me form div.calendar table.mois2 caption {width: 218px; border: 1px solid #999; border-left: 1px solid #ccc; border-bottom: 2px solid #ccc} #me form div.calendar table td {width: 20px; height: 20px; line-height: 20px; margin: 0; padding: 0} #me form div.calendar table thead {color: #666} #me form div.calendar table td a {display: block; width: 26px; height:20px; margin: 0; padding: 0} #me form div.calendar table td.dayWeekEnd {color: #666} #me form div.calendar table td.dayToday {background: url(/base/imgs/meddle/esVols/bg_dayToday.gif) 2px 2px no-repeat} #me form div.calendar table td.dayOn {border: 1px solid #ccc} #me form div.calendar table td.dayOff, #me form div.calendar table td.dayOnOff {border: 1px solid #ccc; background: #eee; color: #ccc} #me form div.calendar table td.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOff.png) top center no-repeat} #me form div.calendar table td.dayOn a {color: #666} #me form div.calendar table td.dayOnOff a {color: #ccc} #me 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} #me form div.calendar div.close a {display: block} /* Couleur Calendrier MEV */ #me form#formMEV div.calendar table td.dayWeekEnd, #me form#formMEV div.calendar caption.title, #me form#formMEV div.calendar table td a:hover, #me form#formMEV div.calendar div.close a {color:#EB4701} #me form#formMEV div.calendar table td.selected{color:#EB4701; border: 1px solid #EB4701} #me form#formMEV div.calendar table td.selected a{color:#EB4701} #me form#formMEV div.calendar table td.dayOn:hover, #me form#formMEV div.calendar table td.dayOnOff:hover {background: #eb4701} #me form#formMEV div.calendar table td.dayOn.dayToday:hover {background: #eb4701 url(/base/imgs/meddle/esVols/bg_dayTodayHover.gif) 2px 2px no-repeat} #me form#formMEV div.calendar table td.dayOn:hover a, #me form#formMEV div.calendar table td.dayOnOff:hover a {color: #fff} #me form#formMEV div.calendar table td.weekEnd {background: #FFF4EF} #me form#formMEV div.calendar table td.weekEnd.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOffMEV.png) top center no-repeat} /* Couleur Calendrier MEH */ #me form#formMEH div.calendar table td.dayWeekEnd, #me form#formMEH div.calendar caption.title, #me form#formMEH div.calendar table td a:hover, #me form#formMEH div.calendar div.close a {color:#060} #me form#formMEH div.calendar table td.selected{color:#060; border: 1px solid #060} #me form#formMEH div.calendar table td.selected a{color:#060} #me form#formMEH div.calendar table td.dayOn:hover, #me form#formMEH div.calendar table td.dayOnOff:hover {background: #060} #me form#formMEH div.calendar table td.dayOn:hover a, #me form#formMEH div.calendar table td.dayOnOff:hover a {color: #fff} #me form#formMEH div.calendar table td.weekEnd {background: #EFFFEF} #me form#formMEH div.calendar table td.weekEnd.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOffMEH.png) top center no-repeat} /* Couleur Calendrier MECV */ #me form#formMEC div.calendar table td.dayWeekEnd, #me form#formMEC div.calendar caption.title, #me form#formMEC div.calendar table td a:hover, #me form#formMEC div.calendar div.close a {color:#c00} #me form#formMEC div.calendar table td.selected{color:#c00; border: 1px solid #c00} #me form#formMEC div.calendar table td.selected a{color:#c00} #me form#formMEC div.calendar table td.dayOn:hover, #me form#formMEC div.calendar table td.dayOnOff:hover {background: #c00} #me form#formMEC div.calendar table td.dayOn:hover a, #me form#formMEC div.calendar table td.dayOnOff:hover a {color: #fff} #me form#formMEC div.calendar table td.weekEnd {background: #FFEFEF} #me form#formMEC div.calendar table td.weekEnd.dayOff {background: url(/base/imgs/meddle/esVols/cal-dayOffMEC.png) top center no-repeat} /* Auto-completion BASE */ div.completionMEV, div.completionMEH, div.completionMEC {z-index: 100000000; width:249px; margin-top: -1px; padding:5px; font-size: 14px; cursor:pointer} *+html div.completionMEH, * html div.completionMEH, *+html div.completionMEC, * html div.completionMEC {margin-top: -2px} /* Auto-completion MEV */ div.completionMEV {background-color:#ffeccb; border:1px solid #EB4701} 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 div.completionMEV .propositionAeroport {background: url(/base/imgs/meddle/esVols/bg_completionAero.gif) 0 1px no-repeat} div.completionMEV .propositionVille {border-bottom: 1px dotted #EB4701; padding:1px} div.completionMEV .propositionVille:hover, div.completionMEV .selected {background-color: #ffc085} div.completionMEV .propositionAeroport:hover {background-color: #FFF7EF} /* Auto-completion MEH */ div.completionMEH {background-color:#e5f1c8; border:1px solid #060} 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} /* Auto-completion MEC */ div.completionMEC {background-color:#fee7e7; border:1px solid #c00} div.completionMEC .propositionAdresse {border-bottom: dotted #c00 1px; padding:1px} div.completionMEC .propositionAdresse:hover, div.completionMEC .selected {background-color: #ffa6a6} /* Surcharge de style pour MEV3 ===============================*/ /* Éléments nouveaux à ajouter */ /* - - - - - - - - - - - - - - */ #me form#formMEV {padding: 85px 0 0 20px} #me #formMEV h2 {display: none} #me #formMEV #classeMEV {width: 100px} #me #formMEV #submitMEV {color:#fff; font-size:13px; font-weight:bold; font-family:verdana,arial,helvetica,sans-serif; padding-bottom: 2px} #me form {width: 280px} #me #formMEV div.completionMEV .propositionAeroport {background:url("/base/imgs/meddle/esVols/bgCompletionAV.png") no-repeat scroll 11px 1px transparent; border-top: 1px dotted #FF6600; padding: 2px 0 2px 31px} #me #formMEV div.completionMEV div.propositionAeroport:hover {background:url("/base/imgs/meddle/esVols/bgCompletionAV.png") no-repeat scroll 11px 1px #FFCC99} #me #lieuMEVDepartAllerPropError {overflow: hidden; color:#0EA5CA; left: 20px; position:absolute; top: 137px; width: 274px; background: #FFF; border: 1px solid #0EA5CA; padding: 5px} #me #lieuMEVDepartAllerPropError p {cursor:pointer; font-size:10px; font-weight:bold; text-decoration:underline} #me #lieuMEVArriveeAllerPropError {overflow: hidden; color:#0EA5CA; left: 20px; position:absolute; top: 169px; width: 274px; background: #FFF; border: 1px solid #0EA5CA; padding: 5px} #me #lieuMEVArriveeAllerPropError p {cursor:pointer; font-size:10px; font-weight:bold; text-decoration:underline} #me #lieuMEVDepartAllerimgS{position: absolute;left: 172px;top: 121px} #me #lieuMEVArriveeAllerimgS{position: absolute;left: 172px;top: 153px} /* Propositions MEV */ /*nécessaire au bon fonctionnement de l'overlay sur IE */ *+html #ct {z-index: 999998} *+html #overlay { z-index: 888888 !important} /*-----------------------*/ #me #lieuMEVDepartAllerProp {font-family:Arial, Helvetica, sans-serif; overflow:visible; position:absolute; width:387px; height:209px; padding:23px 11px 11px; top:139px; left:-115px; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/bgProp.png) left bottom no-repeat; z-index:999999} #me #lieuMEVDepartAllerProp * {list-style:none} #me #lieuMEVArriveeAllerProp {font-family:Arial, Helvetica, sans-serif; overflow:visible; position:absolute; width:387px; height:209px; padding:23px 11px 11px; top:171px; left:-115px; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/bgProp.png) left bottom no-repeat; z-index:999999} #me #lieuMEVArriveeAllerProp * {list-style:none} #me #lieuMEHPropError p.confirm {position: absolute;text-decoration: underline;height: auto; padding: 3px; border: 1px solid #0ea5ca; background: #fff; font-size: 10px; font-weight: bold; color:#0ea5ca; cursor: pointer} #me #lieuMEHProp {font-family:Arial, Helvetica, sans-serif; overflow:visible; position:absolute; width:387px; height:209px; padding:23px 11px 11px; top:96px; left:-56px; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/bgProp.png) left bottom no-repeat; z-index:999999} #me #lieuMEHimgS{position: absolute;right: 84px;top: 92px} #me #ctHD { width:387px; height:56px; background:#e5e5e5} #me #ctHD p { display:block; float:right; width:46px; height:10px; padding-right:15px; margin:5px 10px 0 0; font-size:9px; font-weight:normal; text-align:right; color:#666; cursor:pointer; background:url(http://img.easyvoyage.com/atom/formulaires/propositions/btClose.png) no-repeat right top} #me #ctHD p:hover { background-position: right bottom; text-decoration:underline} #me #ctHD h5 { font-size:12px; height:38px; width:334px; padding:18px 0 0 52px; color:#555; font-weight:bold; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/iconAlert.png) no-repeat 3px 15px} *+html #me #ctHD h5 { height:38px; width:334px; padding:5px 0 0 52px; background-position: 1px 1px } #me #ctHD h5 span {color:#000000; display:block; float:right; width:127px; overflow:hidden} #me #ctPropositionsMEV { width:387px; height:153px; background:#fff} #me #ctPropositionsMEV #btshowmap {display:block; float:right; height:18px; width:20px; margin:2px 2px 0 0; background:url(http://img.easyvoyage.com/atom/formulaires/propositions/iconMetP.png) no-repeat left top; cursor:pointer} #me #ctPropositionsMEV #btshowliste {display:block; float:right; height:18px; width:20px; margin:2px 9px 0 0; background:url(http://img.easyvoyage.com/atom/formulaires/propositions/iconMetP.png) no-repeat right top; cursor:pointer} #me #ctPropositionsMEV #btshowmap.select {background-position:left bottom } #me #ctPropositionsMEV #btshowliste.select {background-position:right bottom } /* TOFIX FOR OVERLAY : supprimer les 2 lignes ci-dessous afin d'afficher les boutons de l'overlay */ #me #ctPropositionsMEV span#btshowmap, #me #ctPropositionsMEV span#btshowliste{display: none} #me form#choisirLieuxMEV {display:block; float:left; width:379px; height:auto; margin:5px 0 0 8px; border:0; padding: 0; background:none} #me form#choisirLieuxMEV label {padding-left:3px; font-size:11px; color:#666} #me form#choisirLieuxMEV ul {height:128px; overflow-x:hidden; overflow-y:auto; padding:0px 2px; background:#fff} #me form#choisirLieuxMEV li input {vertical-align:text-bottom; border:0; margin:0 5px 0 2px; cursor:pointer} #me form#choisirLieuxMEV li {line-height:20px; font-size:12px; border-bottom:1px dashed #e6e6e6} #me form#choisirLieuxMEV li:last-child {border-bottom: none} #me #choisirLieuAllerMEV ul li label #ville { display:inline; font-size: 12px; font-weight:bold; color:#11AFD0} #me #choisirLieuAllerMEV ul li label #pays { display:inline; font-size: 12px; margin-left:2px; font-weight:lighter; text-transform:uppercase; color:#666} #me #GoogleMap {position:absolute; top:79px; left:11px; width:387px; height:130px; margin-top:23px} #me #GoogleMap.disabled { display:none} #me #GoogleMap h6 {line-height: 35px; font-size: 14px; font-weight:bold; color:#666; margin:50px} #me #GoogleMap #infoBox { color:#666; position:absolute; top:-19px; left:9px; font-weight:bold} #me #map2 {width:387px; height:130px} #me #logocontrol {display:none} #me #map2 span {display:none} #me .inputError { border: 1px solid #EF0E0E; -moz-box-shadow: 0px 0px 10px #EF0E0E; box-shadow: 0px 0px 10px #EF0E0E; webkit-box-shadow: 0px 0px 10px #EF0E0E} /* Anciens éléments à modifier */ /* - - - - - - - - - - - - - - */ /* #me #formMEV fieldset#typePassagersMEV p select#paxMEVAdultes, #me #formMEV fieldset#typePassagersMEV p select#paxMEVEnfants, #me #formMEV fieldset#typePassagersMEV p select#paxMEVBebes{width:41px} #me form {padding: 65px 0 0 20px} #me form {width: 280px; height:400px} #me #formMEV fieldset#classeMEV p label{width: 90px} #me form#formMEV {padding: 65px 0 0 20px} #me #formMEV fieldset#trajetMEV input {width:235px} */ /* Formulaire */ #me form {width:370px; height:175px; padding:85px 20px 0} #me #formMEV {background: url(/base/imgs/default/background/bg_form_mev_390x250.png) no-repeat 0 0} #me #formMEH {background: url(/base/imgs/default/background/bg_form_meh_390x250.png) no-repeat 0 0} #me #formMEC {background: url(/base/imgs/default/background/bg_form_mec_390x250.png) no-repeat 0 0} #me #formMEV fieldset#trajetMEV {clear:left; float:left; width:175px; margin-top:3px} div#me #formMEV fieldset#trajetMEV input {width:140px} #me #dateMEV {float:left; width:175px} #me select {font-size:10px; padding:1px; margin:0 0 0 5px} #me #formMEV fieldset#trajetMEV input, #me #formMEH fieldset#villesMEH p input, #me #formMEC fieldset#retraitMEC p input {height:12px; padding:2px; font-size:12px} #me #formMEV fieldset#dateMEV select#moisMEVAller, #me #formMEV fieldset#dateMEV select#moisMEVRetour {width:85px} #me #formMEV fieldset#typePassagersMEV {clear:left} #me #formMEV fieldset#typePassagersMEV p select#paxAdultes, #me #formMEV fieldset#typePassagersMEV p select#paxEnfants {width:45px} #me #formMEV fieldset#submitBtMEV, #me #formMEH fieldset#submitBtMEH, #me #formMEC fieldset#submitBtMEC {height:40px; width:100px; margin-bottom:0; position:absolute; bottom:20px; right:20px} #me #formMEV fieldset#submitBtMEV input {background:url("http://img.easyvoyage.com/meddle/form/submit/mev_100x40.png") no-repeat 0 0; height:40px; width:100px} #me #formMEV fieldset#submitBtMEV input:hover {background-position:0 -40px} #me #formMEV fieldset#submitBtMEV input.wait {line-height: 100%; text-align: left; text-indent: 6px; background-position:0 -40px} #me #formMEH fieldset#submitBtMEH input {background:url("/base/imgs/default/submit/fr_submitMEH_100x40.png") no-repeat 0 0; height:40px; width:100px} #me #formMEH fieldset#submitBtMEH input:hover {background-position:0 -40px} #me #formMEC fieldset#submitBtMEC input {background:url("/base/imgs/default/submit/fr_submitMEC_100x40.png") no-repeat 0 0; height:40px; width:100px} #me #formMEC fieldset#submitBtMEC input:hover {background-position:0 -40px} #me #formMEV fieldset#typePassagersMEV p {display:block; width:60px} #me #formMEV fieldset#classeMEV p label {display:inline} div#me #formMEV fieldset#classeMEV {clear:left;display:inline;float:none;font-size:10px;margin:3px 0 0;width:245px} #me #formMEV fieldset#typePassagersMEV p label {margin-bottom:2px} #me #formMEV fieldset#typePassagersMEV {float:left;margin-bottom:0;padding:2px 5px 5px 0; width:220px} #me #formMEV div#errorMEVLieuxEgauxAller, #me #formMEV div#errorMEVLieuVide, #me #formMEV div#errorMEVDateAllerErronee, #me #formMEV div#errorMEVDateRetourErronee, #me #formMEV div#errorMEVDatesInversees, #me #formMEV div#errorMEVNbBebes {border:1px solid #D12F19;padding:5px;position:absolute;right:7px;top:30px} /*meh*/ #me form#formMEH {padding:72px 20px 0} #me #formMEH fieldset#hebergementMEH p select#chambres, #me #formMEH fieldset#hebergementMEH p select#paxAdultes, #me #formMEH fieldset#hebergementMEH p select#paxEnfants {width:60px} #me #formMEH fieldset {margin-bottom:10px} #me #formMEH fieldset#categoriesMEH {bottom:83px; float:none; margin-bottom:0; position:absolute; right:20px; width:auto} /*mec*/ #me form#formMEC {padding:72px 20px 0} #me #formMEC #dateRetraitMEC {margin-bottom:2px} #me #formMEC fieldset {margin-bottom:5px} #me #formMEC fieldset#ageConducteurMEC {margin:15px 0} #me #formMEC fieldset#ageConducteurMEC input#ageMEC {font-size:12px; height:12px; padding:2px; width:40px} .folded{display:none}.unfolded{display:block}