/* Generalites */ #me {position: relative; clear:left; width:380px; height:371px; color:#333; font-family:verdana,helvetica,sans-serif; font-size:11px} #me form {background-position: left top; background-repeat: no-repeat; height:270px; width: 365px; padding: 87px 0 0 15px} #formMEV legend, #formMEH legend, #formMEC legend {display:none} #formMEV fieldset, #formMEH fieldset, #formMEC fieldset {border:none} #formMEV select, #formMEH select, #formMEC select {font-size:11px} #formMEV p, #formMEH p, #formMEC p {padding:0; margin:0; font-family:verdana,helvetica,sans-serif; font-size: 11px} #calendrierMEVAllerIcon, #calendrierMEVRetourIcon, #calendrierMEHDebutIcon, #calendrierMEHFinIcon, #calendrierMECDebutIcon, #calendrierMECFinIcon {vertical-align:top; cursor:pointer;} /* Icone */ #formMEV #dateMEV select, #formMEH #villesMEH select, #formMEC select {margin-top:3px} /* Onglets */ #me ul.onglets {position: absolute; top: 8px; left: 8px; width: 370px; height: 70px; color:#3F82E0} #me ul.onglets li {float:left; list-style: none; width: 87px; height: 70px; cursor:pointer; text-align: center; margin-right: 6px;} #me ul.onglets li#ongletMEV {background: url(/base/imgs/default/onglets/NEW_bg_onglet_mev_385x360.png) no-repeat bottom left} #me ul.onglets li#ongletMEH {background: url(/base/imgs/default/onglets/NEW_bg_onglet_meh_385x360.png) no-repeat bottom left} #me ul.onglets li#ongletMEC {background: url(/base/imgs/default/onglets/NEW_bg_onglet_mec_385x360.png) no-repeat bottom left} #me ul.onglets li#ongletMEP {background: url(/base/imgs/default/onglets/NEW_bg_onglet_mep_385x360.png) no-repeat bottom left; width: 84px;} #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 -71px} #me ul.onglets #ongletMEV.selected, #me ul.onglets #ongletMEH.selected, #me ul.onglets #ongletMEC.selected {background-position: top left !important;} #me ul.onglets li#ongletMEV span {display:block; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 9px; padding-top: 50px} #me ul.onglets li#ongletMEH span {display:block; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 9px; padding-top: 50px} #me ul.onglets li#ongletMEC span {display:block; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 9px; padding-top: 50px} #me ul.onglets li span a {width: 87px; height: 20px; display:block; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 9px;padding-top: 50px} #me ul.onglets li span a:hover {width: 87px; height: 20px; display:block; color: #ccc} #me ul.onglets li#ongletMEV span {padding-left: 0} #me ul.onglets li#ongletMEH span {padding-left: 0} #me ul.onglets li#ongletMEC span {padding-left: 0} #me ul.onglets li#ongletMEP span {padding-left: 0} #me ul.onglets li#ongletMEP span a {text-decoration: none} #me ul.onglets #ongletMEV:hover span {color: #ccc} #me ul.onglets #ongletMEH:hover span {color: #ccc} #me ul.onglets #ongletMEC:hover span {color: #ccc} #me ul.onglets #ongletMEV.selected span{color: #FF6600} #me ul.onglets #ongletMEH.selected span{color: #009900} #me ul.onglets #ongletMEC.selected span{color: #FF0000} /* Formulaire MEV */ #me #formMEV {background-image:url(/base/imgs/default/background/bg_form_mev_385x360.png)} #formMEV #dateRetourMEV {margin-top:10px} #formMEV #typeParcoursMEV {padding: 0 30px 19px 17px; text-align:left} #formMEV #typeParcoursMEV input {border:none; vertical-align:middle} #formMEV #trajetMEV {float:left; width:175px; padding:0 0 0 12px;} #formMEV #trajetMEV label{float:left; width:100%} #formMEV #trajetMEV input {width:150px; height:18px; margin: 3px 0 0; padding-top: 2px; color:#EB4701; font-weight:bold;} #formMEV #trajetMEV p#allerMEV{margin-bottom:10px;} #formMEV #dateMEV {float:left; width:158px; margin-left:5px} #formMEV #dateMEV label {float:left; width:100%} #formMEV #dateMEV p#dateAllerMEV{margin-bottom:16px; margin-top:2px;} #formMEV #dateMEV #jourMEVAller, #formMEV #dateMEV #jourMEVRetour {width:40px} #formMEV #dateMEV #moisMEVAller, #formMEV #dateMEV #moisMEVRetour {width:87px} #formMEV #typePassagersMEV {float:left; width:130px; margin: 15px 0 0 42px; clear:left} #formMEV #typePassagersMEV label{float:left; width:92px; height:24px; font-size:11px; text-align:center; padding:0} #formMEV #typePassagersMEV select {float:right; width:35px} #formMEV #classeMEV {float:left; margin: 15px 0 0 13px; width:80px} #formMEV #classeMEV label{float:left; text-align:left; width:80px; padding: 2px 0 7px} #formMEV #classeMEV input {border:none; vertical-align:middle} /* Formulaire MEH */ #formMEH p#message {background-color:#FFE87F; border-bottom: 1px solid #FCCF7B; padding:2px; width:300px;} #formMEH #fleche_message {left:197px;position:absolute;top:117px} #formMEH {background-image: url(/base/imgs/default/background/bg_form_meh_385x360.png)} #formMEH b {color: #000} #formMEH #villesMEH {width:330px; margin-top:2px; margin-left:6px;} #formMEH p#arriveeMEH{margin-top:10px;} #formMEH #villesMEH label {float: left; padding:5px 10px 0 0} #formMEH #villesMEH input {width:280px; height:18px; padding-top: 2px} #formMEH #villesMEH #moisDebutMEH, #formMEH #villesMEH #moisFinMEH {margin-left: 5px; width: 87px} #formMEH #dateMEH label {float:left; width:75px; display:block;} #formMEH #dateMEH {text-align:left;padding:15px 0 0 5px;} #formMEH #dateMEH select#jourDebutMEH {width:50px} #formMEH #dateMEH select#moisDebutMEH {width:80px} #formMEH #dateMEH select#jourFinMEH {width:50px} #formMEH #dateMEH select#moisFinMEH {width:80px} #formMEH #dateMEH #dateFinMEH {padding-top:10px;} #formMEH #hebergementMEH {float:left; width: 140px; margin-top:5px; margin-left:5px;} #formMEH #hebergementMEH p {margin-top:9px} #formMEH #hebergementMEH label {float: left; width:90px} #formMEH #hebergementMEH select {width:35px} #formMEH #categoriesMEH {float:left; margin-top: 66px; margin-left:35px;} #formMEH #categoriesMEH #etoilesLeftMEH {float: left} #formMEH #categoriesMEH #etoilesRightMEH {float: left; margin-left: 20px} /* Message d'erreur */ form#formMEH div#exceptionsCriteres{display:none; background:#fff6bf; border:1px solid #FFD324; padding:3px;width:220px; position:absolute; top:80px; left:137px;} form#formMEH div#exceptionsCriteres select#propsLieux {width:170px;} form#formMEH div#exceptionsCriteres span.messageEC{color:#000;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} /* Formulaire MEC */ #formMEC {background-image:url(/base/imgs/default/background/bg_form_mec_385x360.png)} #formMEC fieldset {padding-left: 55px; margin-top:10px;} #formMEC label {float: left; width: 90%} #formMEC input {margin-top : 2px} #formMEC input#ageMEC{margin:0; height:18px;} #formMEC #lieuMEC {width: 210px; height: 18px; padding-top: 2px} #formMEC #dateRetraitMEC, #formMEC #dateRetourMEC, #formMEC #ageDuConducteurMEC {margin-top: 10px; width: 225px} #formMEC #moisDebutMEC, #formMEC #moisFinMEC {width: 87px} #formMEC #heureDebutMEC, #formMEC #heureFinMEC {width: 60px} #formMEC #ageConducteurMEC label {width: 127px; padding-top:5px;} #formMEC #ageMEC {width: 32px} /* 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: 37px; right:20px} #formMEV #submitMEV {display: block; width:115px;height:40px;border:0; cursor: pointer} #formMEH #submitMEH, #formMEC #submitMEC {display: block; width:119px;height:32px;border:0; cursor: pointer} #formMEV #submitMEV {background: url(http://img.easyvoyage.com/meddle/form/submit/mev_115x40.png) no-repeat top center;} #formMEH #submitMEH {background: url(/base/imgs/default/submit/de_submitMEH_119x28.gif) no-repeat bottom center} #formMEC #submitMEC {background: url(/base/imgs/default/submit/de_submitMEC_119x28.gif) no-repeat bottom center} #formMEV #submitMEV:hover {background-position: bottom center;} #formMEH #submitMEH:hover, #formMEC #submitMEC:hover {background-position: 0 -32px;} /* Boutons Submit Attente, quand submit poss�de la classe wait on change le background */ #formMEV #submitMEV.wait {text-align: left; text-indent: 23px; background-position: bottom center} #formMEH #submitMEH.wait {background-position: center top} #formMEC #submitMEC.wait {background-position: center top} /* 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} /* Placement des calendriers */ #formMEV #calendrierMEVAller div.calendar {position: absolute; top:155px; left: 178px} #formMEV #calendrierMEVRetour div.calendar {position: absolute; top:204px; left: 178px} #formMEH #calendrierMEHDebut div.calendar {position: absolute; top:146px;left: 66px} #formMEH #calendrierMEHFin div.calendar {position: absolute; top:176px;left: 66px} #formMEC #calendrierMECDebut div.calendar {position: absolute; top:187px; left: 35px;} #formMEC #calendrierMECFin div.calendar {position: absolute; top:230px; left: 35px;} /* Erreurs */ #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:264px; 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:260px; width: 80px} #errorMECDateDebutErronee, #errorMECDateFinErronee , #errorMECDatesInversees {display:none} div.completionMEV, div.completionMEH, div.completionMEC {z-index: 100000000; 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} /* IE7 */ *+html #formMEV #classeMEV label {padding-bottom: 0} *+html #formMEV #classeMEV {margin-left: 10px; width:80px} *+html #formMEC fieldset#retraitMEC {padding-top:20px;} *+html #formMEC #ageConducteurMEC label {width: 157px} *+html #formMEC #dateRetraitMEC {margin-top:0} *+html #errorMEVDateAllerErronee, #errorMEVDateRetourErronee, #errorMEVDateDebutErronee, #errorMEVDateFinErronee , #errorMEVDatesInversees, #errorMEVNbBebes {top:215px; left:278px} /* IE6 */ * html #me ul.onglets {left: 8px; width: 380px} * html #me ul.onglets li#ongletMEV, * html #me ul.onglets #ongletMEV.selected {background-image: url(/base/imgs/default/onglets/NEW_bg_onglet_mev_385x360.gif)} * html #me ul.onglets li#ongletMEH, * html #me ul.onglets #ongletMEH.selected {background-image: url(/base/imgs/default/onglets/NEW_bg_onglet_meh_385x360.gif)} * html #me ul.onglets li#ongletMEC, * html #me ul.onglets #ongletMEC.selected {background-image: url(/base/imgs/default/onglets/NEW_bg_onglet_mec_385x360.gif)} * html #me ul.onglets li#ongletMEP, * html #me ul.onglets #ongletMEP.selected {background-image: url(/base/imgs/default/onglets/NEW_bg_onglet_mep_385x360.gif)} * html #me ul.onglets li#ongletMEP:hover {background-position: top left} * html #me ul.onglets li#ongletMEV span {display:block; text-transform: uppercase; color: #666; font-weight: bold; font-size: 9px; padding-top: 50px} * html #me ul.onglets li#ongletMEH span {display:block; text-transform: uppercase; color: #666; font-weight: bold; font-size: 9px; padding-top: 50px} * html #me ul.onglets li#ongletMEC span {display:block; text-transform: uppercase; color: #666; font-weight: bold; font-size: 9px; padding-top: 50px} * html #me ul.onglets li span a {width: 87px; height: 20px; display:block; text-transform: uppercase; color: #666; font-weight: bold; font-size: 9px;padding-top: 50px} * html #me ul.onglets li span a:hover {width: 87px; height: 20px; display:block; color: #666} * html #errorMEVDateAllerErronee, #errorMEVDateRetourErronee, #errorMEVDateDebutErronee, #errorMEVDateFinErronee , #errorMEVDatesInversees, #errorMEVNbBebes {top:215px; left:278px} * html #formMEV #typePassagersMEV {margin-left: 21px} * html #formMEV #classeMEV label {padding-bottom: 0} * html #formMEC #ageConducteurMEC label {width: 157px} * html #formMEV #calendrierMEVAller div.calendar, * html #formMEV #calendrierMEVRetour div.calendar {position: absolute; top:225px; left: 166px} * html #formMEH #calendrierMEHDebut div.calendar, * html #formMEH #calendrierMEHFin div.calendar {position: absolute; top:192px; left: 166px} * html #formMEH #villesMEH {margin-left:4px;} * html #formMEC #calendrierMECDebut div.calendar, * html #formMEC #calendrierMECFin div.calendar {position: absolute; top:245px; left: 166px} /* Surcharge de style pour MEV3 ===============================*/ /* Éléments nouveaux à ajouter */ /* - - - - - - - - - - - - - - */ #me form#formMEV {padding: 87px 0 0 15px;} #me #formMEV h2 {display: none;} #me #formMEV #classeMEV {width: 100px;} #me #formMEV #submitMEV {color:#FFDFCA; font-size:14px; font-weight:bold; font-family:verdana,arial,helvetica,sans-serif; padding-bottom:4px;} #me #formMEV #submitMEV:hover {color:#fff;} #me {width: 380px;} #me form {width: 365px;} #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; right:8px; position:absolute; bottom:206px; width:170px; background: #FFF; border: 1px solid #0EA5CA; padding: 5px 5px 10px;} #me #lieuMEVDepartAllerPropError p {cursor:pointer; font-size:10px; font-weight:bold; text-decoration:underline;} #me #lieuMEVArriveeAllerPropError {overflow: hidden; color:#0EA5CA; right:8px; position:absolute; top:173px; width:170px; background: #FFF; border: 1px solid #0EA5CA; padding: 5px 5px 10px;} #me #lieuMEVArriveeAllerPropError p {cursor:pointer; font-size:10px; font-weight:bold; text-decoration:underline;} #me #lieuMEVDepartAllerimgS {margin-left: 5px;} #me #lieuMEVArriveeAllerimgS {margin-left: 5px;} /* 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:158px; left:-109px; 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:206px; left:-109px; background: url(http://img.easyvoyage.com/atom/formulaires/propositions/bgProp.png) left bottom no-repeat; z-index:999999} #me #lieuMEVArriveeAllerProp * {list-style:none} #me #ctHD { width:387px; height:56px; background:#e5e5e5;} #me #ctHD p { display:block; float:right; width:52px; 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:181px; 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 } #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 {width: 380px;} #me form {width: 365px; height:270px;} #formMEV #classeMEV label{width:100px;} #me form#formMEV {padding: 87px 0 0 15px;} #formMEV #trajetMEV input {width:150px;} #formMEV #calendrierMEVAller div.calendar {position: absolute; top:155px; left: 178px} #formMEV #calendrierMEVRetour div.calendar {position: absolute; top:204px; left: 178px} #formMEH #calendrierMEHDebut div.calendar {position: absolute; top:146px;left: 66px} #formMEH #calendrierMEHFin div.calendar {position: absolute; top:176px;left: 66px} #formMEC #calendrierMECDebut div.calendar {position: absolute; top:187px; left: 35px;} #formMEC #calendrierMECFin div.calendar {position: absolute; top:230px; left: 35px;} */