/* Generalites */ #form {position: relative; top: -14px; clear: left;width: 626px; height: 370px; color:#333; font-family:verdana,helvetica,sans-serif; font-size:11px; padding:10px 0 0 14px} #locVoiNice #form {top: 0; padding:0 0 0 14px} #locVoiNice li#ongletMEP a {text-decoration: none} #form form {background-position: left top; background-repeat: no-repeat; height: 250px; width: 530px; padding: 100px 40px 0} #form form#formMEV{height: 290px; width: 570px; padding: 80px 20px 0} #formMEV legend, #formMEH legend, #formMEC legend {display:none} #formMEV p, #formMEH p, #formMEC p {padding:0; margin:0} #calendrierMEVAllerIcon, #calendrierMEVRetourIcon, #calendrierMEHDebutIcon, #calendrierMEHFinIcon, #calendrierMECDebutIcon, #calendrierMECFinIcon {vertical-align:top; cursor:pointer} /* Icone */ #formMEV #dateMEV select, #formMEH #villesMEH select, #formMEC select {margin-top:3px; } /* Onglets */ #form ul.onglets {position: absolute; top: 3px; left: 8px; width: 594px; height: 70px; color:#3F82E0} #locVoiNice #form ul.onglets {left: 22px} #form ul.onglets li {float:left; list-style: none; width: 87px; height: 25px; cursor:pointer; text-align: center; padding-top:45px; margin-right:20px} #form ul.onglets li#ongletMEP{padding-top:0; height:71px; margin-right:0} #form ul.onglets li span{text-transform: uppercase; color: #fff; font-weight: bold; font-size: 14px} /* Par défaut */ #form ul.onglets li#ongletMEV {background: url(/base/imgs/default/onglets/onglet_mev.png) no-repeat 0 -142px} #form ul.onglets li#ongletMEH {background: url(/base/imgs/default/onglets/onglet_meh.png) no-repeat 0 -142px} #form ul.onglets li#ongletMEC {background: url(/base/imgs/default/onglets/onglet_mec.png) no-repeat 0 -137px} #form ul.onglets li#ongletMEP {background: url(/base/imgs/default/onglets/onglet_mep.png) no-repeat 0 -142px} #form ul.onglets li#ongletMEV:hover, #form ul.onglets li#ongletMEH:hover, #form ul.onglets li#ongletMEC:hover, #form ul.onglets li#ongletMEP:hover{background-position:0 -70px} #form ul.onglets li#ongletMEV:hover span, #form ul.onglets li#ongletMEH:hover span, #form ul.onglets li#ongletMEC:hover span{color:#CCC} #form ul.onglets li#ongletMEP:hover span a{color:#ccc} /*Selected*/ #form ul.onglets li#ongletMEH.selected span{color:#009900} #form ul.onglets li#ongletMEV.selected span{color:#FF6600} #form ul.onglets li#ongletMEC.selected span{color:#FF0000} #form ul.onglets #ongletMEV.selected, #form ul.onglets #ongletMEH.selected, #form ul.onglets #ongletMEC.selected{background-position:0 5px} #form ul.onglets #ongletMEV.selected:hover, #form ul.onglets #ongletMEH.selected:hover, #form ul.onglets #ongletMEC.selected:hover{background-position:0 5px} #form ul.onglets li#ongletMEP span a{color:#fff; padding-top:45px; display:block} #form ul.onglets li#ongletMEP span a:hover{text-decoration:none} /* Formulaire MEV */ #form #formMEV {background-image:url(/base/imgs/default/background/bg_form_mev_lifted.png)} #formMEV #dateRetourMEV {margin-top:10px} #formMEV #typeParcoursMEV {padding: 0 30px 25px 0; text-align:left} #formMEV #typeParcoursMEV input {border:none; vertical-align:middle} #formMEV #trajetMEV {width:198px; margin-left:50px; float: left} #formMEV #trajetMEV label {display: block} #formMEV #trajetMEV input {width:130px; height:17px; margin: 3px 0 0; padding-top: 3px; color:#EB4701; font-weight:bold} #formMEV #dateMEV {float:left; width:250px;margin-left: 30px} #formMEV #dateMEV label {float:left; width:100%} #formMEV #dateMEV #jourMEVAller, #formMEV #dateMEV #jourMEVRetour {width:55px} #formMEV #typePassagersMEV {float:left; width:142px; margin: 15px 0 0 40px; clear:left} #formMEV #typePassagersMEV label{float:left; clear: both; width:92px; height:24px; font-size:11px; text-align:center; padding:0} #formMEV #typePassagersMEV select {float:right; width:50px} #formMEV #classeMEV {float:left; margin: 12px 0 0 108px; width:80px} #formMEV #classeMEV label{float:left; text-align:left; width:90px; padding: 2px 0 7px} #formMEV #classeMEV input {border:none; vertical-align:middle} #formMEV #dateMEV #dateAllerMEV #moisMEVAller, #formMEV #dateMEV #dateRetourMEV #moisMEVRetour {width:100px} /* Formulaire MEH */ #formMEH {background-image: url(/base/imgs/default/background/bg_form_meh_lifted.png)} #formMEH #villesMEH {float:left; width:280px; margin: 30px 0 0 50px} #formMEH #villesMEH label {float: left; width:70px; padding-top: 5px} #formMEH #villesMEH input {width:185px; height:17px; padding-top: 3px} #formMEH #villesMEH #moisDebutMEH, #formMEH #villesMEH #moisFinMEH {margin-left: 5px} #formMEH #hebergementMEH {float:left; width: 200px; margin-top: 25px; text-align: right} #formMEH #hebergementMEH p {margin-top:5px} #formMEH #hebergementMEH label {width:90px} #formMEH #hebergementMEH select {width:35px} #formMEH #categoriesMEH {clear:left; width: 180px; padding-top: 30px; margin-left: 50px} #formMEH #categoriesMEH input {margin-top: 5px; border: none} #formMEH #categoriesMEH #etoilesLeftMEH {float: left} #formMEH #categoriesMEH #etoilesRightMEH {float: left; margin-left: 20px} /* Formulaire MEC */ #formMEC {background-image:url(/base/imgs/default/background/bg_form_mec_lifted.png)} #formMEC fieldset {margin: 20px 0 0 120px} #formMEC fieldset#submitBtMEC {margin:0} #formMEC label {float: left; padding-top: 5px; width:125px} #formMEC input {margin-top : 2px} #formMEC #lieuMEC {width: 210px; height: 17px; padding-top: 3px} #formMEC #dateRetraitMEC, #formMEC #dateRetourMEC, #formMEC #ageDuConducteurMEC {margin-top: 10px} #formMEC #heureDebutMEC, #formMEC #heureFinMEC {width: 70px} #formMEC #ageMEC {width: 55px} #formMEC #datesMEC #dateRetraitMEC #jourDebutMEC, #formMEC #datesMEC #dateRetourMEC #jourFinMEC { width:55px} #formMEC #datesMEC #dateRetraitMEC #moisDebutMEC, #formMEC #datesMEC #dateRetourMEC #moisFinMEC { width:100px} /* Application du border aux "select formulaire" pour forcer l'affichage sous Macintosh */ form#formMEV fieldset select, form#formMEH fieldset select, form#formMEC fieldset select {border: 1px solid #E3E3E3} /* Boutons Submit */ #formMEV #submitBtMEV, #formMEH #submitBtMEH, #formMEC #submitBtMEC {position: absolute; bottom: 35px; right:40px; width:191px; height:60px} #formMEV #submitMEV {display: block; width:190px; height:60px; border:0; cursor: pointer} #formMEH #submitMEH, #formMEC #submitMEC {display: block; width:191px; height:60px; border:0; cursor: pointer} #formMEV #submitMEV {background: url(http://img.easyvoyage.com/meddle/form/submit/mev_190x60.png) no-repeat top center} #formMEH #submitMEH {background: url(/base/imgs/meddle/esVols/submitMEH.png) no-repeat 0 0} #formMEC #submitMEC {background: url(/base/imgs/meddle/esVols/submitMEC.png) no-repeat 0 0} #formMEV #submitMEV:hover {background-position: bottom center} #formMEH #submitMEH:hover, #formMEC #submitMEC:hover {background-position: 0 -60px} /* Boutons Submit Attente, quand submit possède la classe wait on change le background */ #formMEV #submitMEV.wait {line-height: 100%; text-align: left; text-indent: 27px; background: url(http://img.easyvoyage.com/meddle/form/submit/mev_190x60.png) no-repeat bottom center} #formMEH #submitMEH.wait {background: url(/base/imgs/meddle/esVols/submitMEH.png) no-repeat scroll 0 -120px} #formMEC #submitMEC.wait {background: url(/base/imgs/meddle/esVols/submitMEC.png) no-repeat scroll 0 -120px} /* Style du Calendrier */ div.calendar {background-color: #fff; text-align: center; margin: 0; padding:1px; border: 1px solid gray; font-size:9px; z-index:150} div.calendar table {margin:2px 0;width:180px} div.calendar table td.selected {background-color: #D2B48C; border: solid #D2B48C 2px} div.calendar table td.selected a {color: #fff; font-size: 11px; font-weight: bold} div.calendar .title {color:#333; font-size: 10px; font-weight:bold; text-align: center; padding-bottom: 5px; margin: 5px 0 0 0; text-decoration: underline} div.calendar .title a, div.calendar .title a:hover {color:#f60; 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 {color:#DCDCDC; font-size: 9px} div.calendar td a {color:#333} div.calendar td a:hover {color:#D2B48C} div.calendar div.close {margin-bottom: 2px; padding-top: 2px} div.calendar div.close a {color: #CD853F; font-size: 12px; text-decoration: none} div.calendar div.close a:hover {text-decoration: underline} /* Surcharge du Style du Calendrier - Nécessaire à cause de l'environnement Easyviajar - Inutile dans le cadre d'une affiliation*/ div.calendar table {border: none; border-collapse: separate} div.calendar tr {background-color: #fff} div.calendar td {border: none; padding: 0} /* Placement des calendriers */ div.calendar {left: 157px} #form #formMEV #calendrierMEVAller div.calendar {position: absolute; top:152px; left: 275px} #form #formMEV #calendrierMEVRetour div.calendar {position: absolute; top:195px; left: 275px} #form #formMEH #calendrierMEHDebut div.calendar {position: absolute; top:181px;left: 41px} #form #formMEH #calendrierMEHFin div.calendar {position: absolute; top:220px;left: 41px} #form #formMEC #calendrierMECDebut div.calendar {position: absolute; top:194px; left: 260px} #form #formMEC #calendrierMECFin div.calendar {position: absolute; top:224px; left: 260px} /* Correctif pour le positionnement des calendriers sur les pages voitures villes */ #bd #form #formMEV #calendrierMEVAller div.calendar {top:153px; left: 289px} #bd #form #formMEV #calendrierMEVRetour div.calendar {top:196px; left: 289px} #bd #form #formMEH #calendrierMEHDebut div.calendar {left: 84px} #bd #form #formMEH #calendrierMEHFin div.calendar {left: 84px} #bd #form #formMEC #calendrierMECDebut div.calendar {left: 274px} #bd #form #formMEC #calendrierMECFin div.calendar {left: 274px} /* Erreurs */ #lieuMEHPropError p.error, #errorMEHLieuVide, #errorMEVLieuxEgauxAller, #errorMEVLieuVide, #errorMEVDateAllerErronee, #errorMEVDateRetourErronee, #errorMEVDateDebutErronee, #errorMEVDateFinErronee, #errorMEVDatesInversees, #errorMEVNbBebes{ position: absolute;bottom: 40px;left: 16px;width: 218px; text-align: center;height: auto;line-height: 12px;padding: 5px;background: #f61616;color: #fff;border: 1px solid #d40000;font-size: 10px; box-shadow: 2px 2px 2px #999;-moz-box-shadow: 2px 2px 2px #999;-webkit-box-shadow: 2px 2px 2px #999; -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#f61616), to(#d40000)); background: -moz-linear-gradient(top,#f61616,#d40000)} #errorMECDateDebutErronee, #errorMECDateFinErronee , #errorMECDatesInversees {display:none} div.completionMEV, div.completionMEH, div.completionMEC {z-index: 10000; width:300px; margin-top: 2px; padding:5px; cursor:pointer} /* Auto-completion MEV */ div.completionMEV {background-color:#ffeccb; border:1px solid #f60} div.completionMEV .propositionAeroport {border-top: 1px dotted #f60; font-style:italic; padding:1px; padding-left:15px} div.completionMEV .propositionVille {border-bottom: 1px dotted #f60; padding:1px} div.completionMEV .propositionVille:hover, div.completionMEV .selected {background-color: #ffc085} div.completionMEV .propositionAeroport:hover {background-color: #fc9} /* Auto-completion MEH */ div.completionMEH {background-color:#e5f1c8; border:1px solid #399} div.completionMEH .propositionAeroport {padding-left: 20px} div.completionMEH .propositionVille {border-bottom: 1px dotted #399; padding:1px} div.completionMEH .propositionVille:hover, div.completionMEH .selected {background-color: #bdd583} /* Auto-completion MEC */ div.completionMEC {background-color:#fee7e7; border:1px solid #900} div.completionMEC .propositionAdresse {border-bottom: dotted #900 1px; padding:1px} div.completionMEC .propositionAdresse:hover, div.completionMEC .selected {background-color: #ffa6a6} /* IE6 */ * 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#ongletMEP.selected {background: url(/base/imgs/meddle/esVols/onglet_mep.gif) 0 5px 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} * html #formMEV #trajetMEV {margin-left: 30px} * html #formMEV #typePassagersMEV {margin-left: 30px} * html #formMEV #dateMEV {margin-left: 20px} * html #formMEV #classeMEV {margin: 0 0 0 20px} * html #formMEV #trajetMEV input {margin-bottom: 10px} * html #formMEV #trajetMEV #lieuMEVArriveeAller {display:block; margin: 0} * html #formMEH #villesMEH {margin-left: 30px} * html #formMEH #categoriesMEH {padding: 0} /* IE7 */ *+html #formMEV #trajetMEV #lieuMEVArriveeAller {display:block; margin: 0} /* Infobulle MEH */ #formMEH p#message {position: absolute; top: 130px; left: 40px; background-color:#FFE87F; border-bottom: 1px solid #FCCF7B; padding:2px; height: 13px; width:435px} #formMEH #fleche_message {position: relative; left: 306px; top: 2px} *+html #formMEH p#message {position: static} *+html #formMEH #villesMEH {margin-top: 12px} *+html #formMEH #hebergementMEH {margin-top: 7px} * html #formMEH p#message {position: static; width:450px} * html #formMEH #fleche_message {position: relative; left: -135px; top: 15px} * html #formMEH #villesMEH {margin-top: 12px} * html #formMEH #hebergementMEH {margin-top: 7px} /* Proposition criteres */ form#formMEH div#exceptionsCriteres{display:none; background:#FFF6BF; position:absolute; top:250px; left:29px; width:320px; height:80px; padding:5px; margin-top:5px; 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: 2px; right: 2px; display:block; width: 14px; height: 14px; background: url(/base/imgs/default/meh/cancel_14x14.gif) top center no-repeat; cursor: pointer} /* Anciennement en dur ds beta.jsp */ div#form{top:0} 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 {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:240px; left:250px; width: 100px} /*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:55px} 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:100px; 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} 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} /* Surcharge de style pour MEV3 ===============================*/ /* Éléments nouveaux à ajouter */ /* - - - - - - - - - - - - - - */ #bdindex h1 {padding: 2px 0 10px} #tdindex {margin: 0} #bdindex #form {margin:0; padding:0; width:640px} #form #formMEV h2 {display: none} #form #formMEV #classeMEV {width: 100px} #form #formMEV #submitMEV {color:#fff; font-size:22px; font-weight:bold; font-family:verdana,arial,helvetica,sans-serif; padding-bottom:4px} #form {width: 530px} #form form {width: 530px} #form #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} #form #formMEV div.completionMEV div.propositionAeroport:hover {background:url("/base/imgs/meddle/esVols/bgCompletionAV.png") no-repeat scroll 11px 1px #FFCC99} #form #lieuMEVDepartAllerPropError {overflow: hidden; color:#0EA5CA; left: 70px; position:absolute; top:158px; width:278px; background: #FFF; border: 1px solid #0EA5CA; padding: 5px} #form #lieuMEVDepartAllerPropError p {cursor:pointer; font-size:10px; font-weight:bold; text-decoration:underline} #form #lieuMEVArriveeAllerPropError {overflow: hidden; color:#0EA5CA; left: 70px; position:absolute; top:196px; width:278px; background: #FFF; border: 1px solid #0EA5CA; padding: 5px} #form #lieuMEVArriveeAllerPropError p {cursor:pointer; font-size:10px; font-weight:bold; text-decoration:underline} /* Loader TemplateProposition */ #form #lieuMEVDepartAllerimgS {position: absolute;left: 184px;top: 139px} #form #lieuMEVArriveeAllerimgS {position: absolute;left: 184px;top: 177px} /* Propositions MEV */ /*nécessaire au bon fonctionnement de l'overlay sur IE */ *+html #ct {z-index: 999998} *+html #overlay { z-index: 888888 !important} /*-----------------------*/ #form #lieuMEVDepartAllerProp {font-family:Arial, Helvetica, sans-serif; overflow:visible; position:absolute; width:387px; height:209px; padding:23px 11px 11px; top:158px; left:-81px; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/bgProp.png) left bottom no-repeat; z-index:999999} #form #lieuMEVDepartAllerProp * {list-style:none} #form #lieuMEVArriveeAllerProp {font-family:Arial, Helvetica, sans-serif; overflow:visible; position:absolute; width:387px; height:209px; padding:23px 11px 11px; top:196px; left:-81px; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/bgProp.png) left bottom no-repeat; z-index:999999} #form #lieuMEVArriveeAllerProp * {list-style:none} #form #lieuMEHPropError p.confirm {position: absolute;text-decoration: underline;height: auto;width: 353px; padding: 3px; border: 1px solid #0ea5ca; background: #fff; font-size: 10px; font-weight: bold;top: 131px;left: 115px;color:#0ea5ca; cursor: pointer} #form #lieuMEHProp {font-family:Arial, Helvetica, sans-serif; overflow:visible; position:absolute; width:387px; height:209px; padding:23px 11px 11px; top:119px; left:90px; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/bgProp.png) left bottom no-repeat; z-index:999999} #form #lieuMEHimgS{position: absolute;right: 142px;top: 110px} #bd #form #lieuMEVDepartAllerProp {left: -65px} #bd #form #lieuMEVArriveeAllerProp {left: -65px} #form #ctHD { width:387px; height:56px; background:#e5e5e5} #form #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} #form #ctHD p:hover { background-position: right bottom; text-decoration:underline} #form #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 #form #ctHD h5 { height:38px; width:334px; padding:5px 0 0 52px; background-position: 1px 1px } #form #ctHD h5 span {color:#000000; display:block; float:right; width:127px; overflow:hidden} #form #ctPropositionsMEV { width:387px; height:153px; background:#fff} #form #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} #form #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} #form #ctPropositionsMEV #btshowmap.select {background-position:left bottom } #form #ctPropositionsMEV #btshowliste.select {background-position:right bottom } /* TOFIX FOR OVERLAY : supprimer les 2 lignes ci-dessous afin d'afficher les boutons de l'overlay */ #form #ctPropositionsMEV span#btshowmap, #form #ctPropositionsMEV span#btshowliste{display: none} #form form#choisirLieuxMEV {display:block; float:left; width:379px; height:auto; margin:5px 0 0 8px; border:0; padding: 0; background:none} #form form#choisirLieuxMEV label {padding-left:3px; font-size:11px; color:#666} #form form#choisirLieuxMEV ul {height:128px; overflow-x:hidden; overflow-y:auto; padding:0px 2px; background:#fff} #form form#choisirLieuxMEV li input {vertical-align:text-bottom; border:0; margin:0 5px 0 2px; cursor:pointer} #form form#choisirLieuxMEV li {line-height:20px; font-size:12px; border-bottom:1px dashed #e6e6e6} #form form#choisirLieuxMEV li:last-child {border-bottom: none} #form #choisirLieuAllerMEV ul li label #ville { display:inline; font-size: 12px; font-weight:bold; color:#11AFD0} #form #choisirLieuAllerMEV ul li label #pays { display:inline; font-size: 12px; margin-left:2px; font-weight:lighter; text-transform:uppercase; color:#666} #form #GoogleMap {position:absolute; top:79px; left:11px; width:387px; height:130px; margin-top:23px} #form #GoogleMap.disabled { display:none} #form #GoogleMap h6 {line-height: 35px; font-size: 14px; font-weight:bold; color:#666; margin:50px} #form #GoogleMap #infoBox { color:#666; position:absolute; top:-19px; left:9px; font-weight:bold} #form #map2 {width:387px; height:130px} #form #logocontrol {display:none} #form #map2 span {display:none} #form .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 */ /* - - - - - - - - - - - - - - */ /* #formMEV #classeMEV label {width:90px} #formMEV #calendrierMEVAller div.calendar {position: absolute; top:152px; left: 275px} #formMEV #calendrierMEVRetour div.calendar {position: absolute; top:195px; left: 275px} #formMEH #calendrierMEHDebut div.calendar {position: absolute; top:181px;left: 41px} #formMEH #calendrierMEHFin div.calendar {position: absolute; top:220px;left: 41px} #formMEC #calendrierMECDebut div.calendar {position: absolute; top:194px; left: 260px} #formMEC #calendrierMECFin div.calendar {position: absolute; top:224px; left: 260px} */ .folded{display:none}.unfolded{display:block}