/* 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:267px; 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} /* 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_uk_385x360.png) no-repeat bottom left}
#me ul.onglets li#ongletMEH {background: url(/base/imgs/default/onglets/NEW_bg_onglet_meh_uk_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: black}
#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: black}
#me ul.onglets #ongletMEH:hover span {color: black}
#me ul.onglets #ongletMEC:hover span {color: black}
#me ul.onglets #ongletMEV.selected span{color: #758202}
#me ul.onglets #ongletMEH.selected span{color: #215A59}
#me ul.onglets #ongletMEC.selected span{color: #FF0000}

/* Formulaire MEV */
#me #formMEV {background-image:url(/base/imgs/default/background/bg_form_mev_uk_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:167px; padding:0 0 0 12px;}
#formMEV #trajetMEV label{float:left; width:100%}
#formMEV #trajetMEV input {width:160px; height:18px; margin: 3px 0 0; padding-top: 2px}
#formMEV #trajetMEV p#allerMEV{margin-bottom:10px;}
#formMEV #dateMEV {float:left; width:169px; margin-left:8px}
#formMEV #dateMEV label {float:left; width:100%}
#formMEV #dateMEV p#dateAllerMEV{margin-bottom:16px; margin-top:2px;}
#formMEV #dateMEV #jourMEVAller, #formMEV #dateMEV #jourMEVRetour {width:47px; text-align: center;}
#formMEV #dateMEV #moisMEVAller, #formMEV #dateMEV #moisMEVRetour {width:87px; text-align: center;}
#formMEV #typePassagersMEV {float:left; width:130px; margin: 15px 0 0 42px; clear:left}
#formMEV #typePassagersMEV label{float:left; width:90px; height:24px; font-size:11px; text-align:center; padding:0}
#formMEV #typePassagersMEV select {float:right; width:40px; text-align: center;}
#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_uk_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; text-align: center;}
#formMEH #dateMEH select#moisDebutMEH {width:87px; text-align: center;}
#formMEH #dateMEH select#jourFinMEH {width:50px; text-align: center;}
#formMEH #dateMEH select#moisFinMEH {width:87px; text-align: center;}
#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:84px}
#formMEH #hebergementMEH select {width:40x}
#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: 230px}
#formMEC #jourDebutMEC, #formMEC #jourFinMEC  {width: 45px; text-align: center;}
#formMEC #moisDebutMEC, #formMEC #moisFinMEC  {width: 87px; text-align: center;}
#formMEC #heureDebutMEC, #formMEC #heureFinMEC {width: 65px; text-align: center;}
#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,#formMEH #submitMEH, #formMEC #submitMEC {width:115px;height:40px;border:0; cursor: pointer}
#formMEV #submitMEV {background: url(/base/imgs/default/submit/uk_submitMEV_115x40.png) no-repeat top center;}
#formMEH #submitMEH {background: url(/base/imgs/default/submit/uk_submitMEH_115x40.png) no-repeat top center}
#formMEC #submitMEC {background: url(/base/imgs/default/submit/en_submitMEC_115x40.png) no-repeat top center}
#formMEV #submitMEV:hover, #formMEH #submitMEH:hover, #formMEC #submitMEC:hover {background-position: 0 -40px;}

/* Boutons Submit Attente, quand submit poss�de la classe wait on change le background */
#formMEV #submitMEV.wait {background-position:0 -80px;}
#formMEH #submitMEH.wait {background-position:0 -80px;}
#formMEC #submitMEC.wait {background-position:0 -80px;}

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

/* Erreurs */
#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_uk_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_uk_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}