/* Generalites */
#me {position: relative; width: 640px; height: 380px; color:#333; font-family:verdana,helvetica,sans-serif; font-size:11px}
#me form {background-position: left top; background-repeat: no-repeat; height: 280px; width: 560px; padding: 130px 40px 0; display: none}
#me form fieldset {border:0}
#me form p {font-size:11px}
#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} /* Icone */
#formMEV #dateMEV select, #formMEH #villesMEH select, #formMEC select {margin-top:3px}

/* Onglets */
#me ul.onglets {position: absolute; top: 85px; left: -10px; width: 620px; height: 24px; color:#3F82E0}
#me ul.onglets li {float:left; list-style: none; width: 129px; height: 18px; cursor:pointer; text-align: center; margin-left: 2px; padding-top: 6px }
#me ul.onglets li#ongletMEV {background: url(http://www.easyvols.org/base/imgs/default/onglets/bg_onglet_left_mev.png) no-repeat top left}
#me ul.onglets li#ongletMEH {background: url(http://www.easyvols.org/base/imgs/default/onglets/bg_onglet_center_meh.png) no-repeat top left}
#me ul.onglets li#ongletMEC {background: url(http://www.easyvols.org/base/imgs/default/onglets/bg_onglet_right_mec.png) no-repeat top left}
#me ul.onglets li#ongletMEP {background: url(http://www.easyvols.org/base/imgs/default/onglets/arrow.gif) no-repeat left; width: 175px; margin-left: 7px; padding: 5px 0 2px}
#me ul.onglets li#ongletMEV:hover, #me ul.onglets li#ongletMEH:hover, #me ul.onglets li#ongletMEC:hover, #me ul.onglets #ongletMEV.selected, #me ul.onglets #ongletMEH.selected, #me ul.onglets #ongletMEC.selected {background-position: bottom left}
#me ul.onglets li span {text-transform: uppercase; color: #797979; font-weight: bold; font-size: 10px;}
#me ul.onglets li span a {color: #797979}
#me ul.onglets li#ongletMEV span {padding-left: 30px}
#me ul.onglets li#ongletMEH span, #me ul.onglets li#ongletMEC span {padding-left: 20px}
#me ul.onglets li#ongletMEP span {padding-left: 10px;}
#me ul.onglets li#ongletMEP span a {text-decoration: none; font-size: 9px; color:#333; text-decoration: underline;}
#meul.onglets #ongletMEV.selected span, #me ul.onglets #ongletMEV:hover span {color: #f40}
#me ul.onglets #ongletMEH.selected span, #me ul.onglets #ongletMEH:hover span {color: #260}
#me ul.onglets #ongletMEC.selected span, #me ul.onglets #ongletMEC:hover span {color: #780000}
#me ul.onglets #ongletMEP span a:hover {color: #fff;}

/* Formulaire MEV */
#me #formMEV {background-image:url(http://www.easyvols.org/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:200px; margin-left:60px; float: left;}
#formMEV #trajetMEV input {width:130px; margin: 3px 0 0}
#formMEV #dateMEV {float: left; width:250px;margin-left: 10px;}
#formMEV #dateMEV label {float:left; width:100%}
#formMEV #dateMEV #jourMEVAller, #formMEV #dateMEV #jourMEVRetour {width:40px}
#formMEV #typePassagersMEV {float:left; width:200px; margin: 3px 0 0 50px; 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:35px}
#formMEV #classeMEV {float:left; margin: 0 0 0 20px; 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 */
#me #formMEH {background-image: url(http://www.easyvols.org/base/imgs/default/background/bg_form_meh_lifted.png)}
#formMEH #villesMEH {float:left; width:280px; margin: 30px 0 0 40px;}
#formMEH #villesMEH label {float: left; width:70px; padding-top: 5px}
#formMEH #villesMEH input {width:185px}
#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 */
#me #formMEC {background-image:url(http://www.easyvols.org/base/imgs/default/background/bg_form_mec_lifted.png)}
#formMEC fieldset {margin: 10px 0 0 120px}
#formMEC label {float: left; padding-top: 5px;}
#formMEC input {margin-top : 2px}
#formMEC #lieuMEC {width: 210px}
#formMEC #dateRetraitMEC, #formMEC #dateRetourMEC, #formMEC #ageDuConducteurMEC {margin-top: 10px;}
#formMEC #heureDebutMEC, #formMEC #heureFinMEC {width: 60px}
#formMEC #ageConducteurMEC label {margin-right: 10px}
#formMEC #ageMEC {width: 32px}

/* Boutons Submit */
#formMEV #submitBtMEV, #formMEH #submitBtMEH, #formMEC #submitBtMEC {position: absolute; bottom: 30px; right:40px}
#formMEV #submitMEV,#formMEH #submitMEH, #formMEC #submitMEC {width:119px;height:32px;border:0; cursor: pointer}
#formMEV #submitMEV {background: url(http://www.easyvols.org/base/imgs/default/mev/sbmt_mev.gif) no-repeat bottom center;}
#formMEH #submitMEH {background: url(http://www.easyvols.org/base/imgs/default/meh/sbmt_meh.gif) no-repeat bottom center;}
#formMEC #submitMEC {background: url(http://www.easyvols.org/base/imgs/default/mec/sbmt_mec.gif) no-repeat bottom center}
#formMEV #submitMEV:hover, #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 {background: url(http://www.easyvols.org/base/imgs/default/mev/sbmt_mev.gif) no-repeat scroll 0 -1px;}
#formMEH #submitMEH.wait {background: url(http://www.easyvols.org/base/imgs/default/meh/sbmt_meh.gif) no-repeat scroll 0 -1px;}
#formMEC #submitMEC.wait {background: url(http://www.easyvols.org/base/imgs/default/mec/sbmt_mec.gif) no-repeat scroll 0 -1px;}

/* 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}
#formMEV #calendrierMEVAller div.calendar {position: absolute; top:85px; left: 455px}
#formMEV #calendrierMEVRetour div.calendar {position: absolute; top:130px; left: 455px}
#formMEH #calendrierMEHDebut div.calendar, #formMEH #calendrierMEHFin div.calendar {position: absolute; top:240px;left: 200px}
#formMEC #calendrierMECDebut div.calendar, #formMEC #calendrierMECFin div.calendar {position: absolute; top:230px; left: 260px;}

/* Erreurs */
#errorMEVDateAllerErronee, #errorMEVDateRetourErronee, #errorMEVDateDebutErronee, #errorMEVDateFinErronee , #errorMEVDatesInversees, #errorMEVNbBebes {position:absolute; z-index:1000; padding:5px 0 0 20px; background:#fc9 url(http://www.easyvols.org/base/imgs/default/erreur.gif) no-repeat 2px 4px; border:1px solid #f60; color:#333; top:190px; left:480px; width: 100px}
#errorMEHDateDebutErronee, #errorMEHDateFinErronee, #errorMEHDatesInversees, #errorMECDateDebutErronee, #errorMECDateFinErronee , #errorMECDatesInversees {display:none}

div.completionMEV, div.completionMEH, div.completionMEC {position: absolute; 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 #me form {height: 240px; width: 560px; padding: 130px 40px 0;}
* html #me ul.onglets {left: -12px; top: 96px}
* html #me ul.onglets li#ongletMEV {background: url(http://www.easyvols.org/base/imgs/default/onglets/bg_onglet_left_mev.gif) no-repeat top left}
* html #me ul.onglets li#ongletMEC {background: url(http://www.easyvols.org/base/imgs/default/onglets/bg_onglet_right_mec.gif) no-repeat top left}
* 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; height: 20px}
* html #formMEV #trajetMEV #lieuMEVArriveeAller {display:block;margin: 0 0 0 -30px;}
* html #formMEH #villesMEH {margin-left: 30px; width: 240px}
* html #formMEH #hebergementMEH {margin-top: 40px}
* html #formMEH #categoriesMEH {padding: 0}
* html #formMEV #submitBtMEV, * html #formMEH #submitBtMEH, * html #formMEC #submitBtMEC {bottom: 40px} 
* html #formMEH #calendrierMEHDebut div.calendar, * html #formMEH #calendrierMEHFin div.calendar {top:255px}
* html #formMEC #calendrierMECDebut div.calendar, * html #formMEC #calendrierMECFin div.calendar {top:240px}

/* IE7 */
*+html #formMEV #trajetMEV #lieuMEVArriveeAller {display:block;margin: 0 0 0 -60px;}
*+html #me ul.onglets {top: 96px; left: -10px}
*+html #formMEC fieldset {margin: 20px 0 0 120px}
*+html #formMEC #retraitMEC {margin-top: 140px}