/* Generalites */
#me * {padding: 0; margin: 0}
#me {position: relative; top: 0; left: 0; clear: left;width: 250px; height: 400px; margin-bottom: 25px; color:#333; font-family:verdana,helvetica,sans-serif; font-size:11px}
#me form {background-position: left top; background-repeat: no-repeat; height: 317px;width: 250px; padding-top:83px}
#me a {font-size: 9px; font-weight: normal}
#formMEV legend, #formMEH legend, #formMEC legend {display:none}
#formMEV fieldset, #formMEV fieldset p, #formMEH fieldset, #formMEH fieldset p, #formMEC fieldset, #formMEC fieldset p {border:none; text-align:center}
#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: 10px; left: 8px; width: 235px; height: 64px; color:#3F82E0}
#me ul.onglets li {float:left; list-style: none; width: 57px; height: 64px; cursor:pointer; text-align: center; margin-left: 1px}
#me ul.onglets li#ongletMEV {background: url(/base/imgs/default/onglets/new_bg_onglet_mev_250x400.png) no-repeat left -64px; margin-left:0}
#me ul.onglets li#ongletMEH {background: url(/base/imgs/default/onglets/new_bg_onglet_meh_250x400.png) no-repeat left -64px}
#me ul.onglets li#ongletMEC {background: url(/base/imgs/default/onglets/new_bg_onglet_mec_250x400.png) no-repeat left -64px}
#me ul.onglets li#ongletMEP {background: url(/base/imgs/default/onglets/new_bg_onglet_mep_250x400.png) no-repeat left -64px}
#me ul.onglets #ongletMEV.selected, #me ul.onglets #ongletMEH.selected, #me ul.onglets #ongletMEC.selected {background-position: top left}
#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: left -128px}
#me ul.onglets li span {display:block; text-transform: uppercase; font-weight: bold; font-size: 9px; color: #797979; padding-top: 45px}
#me ul.onglets li span a {color: #797979; font-weight: bold}
#me ul.onglets li#ongletMEP span a, #me ul.onglets li#ongletMEP span a:hover {text-decoration: none; display:block; margin:-45px 0 0; padding: 45px 0 0;}
#me ul.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.selected span a:hover, #me ul.onglets #ongletMEP:hover span a {color: blue}

#me ul.onglets #ongletMEH.selected:hover, #me ul.onglets #ongletMEV.selected:hover, #me ul.onglets #ongletMEC.selected:hover {background-position: top left}

/* Formulaire MEV */
#me #formMEV {background-image:url(/base/imgs/default/background/bg_form_mev_250x400.png)}
#formMEV #typeParcoursMEV input {border:none; vertical-align:middle}
#formMEV #trajetMEV, #formMEV #dateMEV {margin-top: 5px}
#formMEV #trajetMEV label, #formMEV #dateMEV label {display:block; text-align:left; margin-left: 35px}
#formMEV #trajetMEV input {width:175px; margin: 3px 0 0; font-size: 13px; color:#EB4701; font-weight:bold;}
#formMEV #dateMEV #jourMEVAller, #formMEV #dateMEV #jourMEVRetour {width:45px}
#formMEV #dateMEV #moisMEVAller, #formMEV #dateMEV #moisMEVRetour {width:90px; margin-left: 10px; margin-right: 10px}
#formMEV #typePassagersMEV {float:left; width:110px; margin: 10px 0 0 29px; clear:left}
#formMEV #typePassagersMEV label{float:left; width:66px; height:24px; font-size:11px; text-align:center; padding:0; padding-top:3px;}
#formMEV #typePassagersMEV select {float:left;}
#formMEV #classeMEV {float:left; margin-top: 20px; width:80px}
#formMEV #classeMEV label{float:left; text-align:left; width:90px; padding: 0 2px 3px 7px}
#formMEV #classeMEV input {border:none; vertical-align:middle}
#formMEV fieldset #dateRetourMEV {text-align: left}
#formMEV fieldset #dateRetourMEV #jourMEVRetour {margin-left: 33px}

/* Formulaire MEH */
#formMEH p#message {background-color:#FFE87F; border-bottom: 1px solid #FCCF7B; padding:2px; width:225px; margin: -9px 0 -2px 11px}
#formMEH #fleche_message {left:218px;position:absolute;top:104px}

#formMEH {background-image: url(/base/imgs/default/background/bg_form_meh_250x400.png)}
#formMEH fieldset, #formMEH fieldset p{text-align:left;}
#formMEH fieldset{padding-left:38px;}
#formMEH #villesMEH label {display:block; text-align:left;}
#formMEH #villesMEH input {width : 175px; font-size: 13px}
#formMEH #villesMEH #arriveeMEH, #formMEH #villesMEH #departMEH {margin-top: 5px}
#formMEH #villesMEH #moisDebutMEH, #formMEH #villesMEH #moisFinMEH {width: 85px; margin-left: 3px; margin-right: 9px}
#formMEH #hebergementMEH {text-align: left; margin-top:5px;}
#formMEH #hebergementMEH p {margin-top:5px}
#formMEH #hebergementMEH label {float: left; width:91px}
#formMEH #hebergementMEH select {width:35px}
#formMEH #jourDebutMEH, #formMEH #jourFinMEH {width: 45px}
#formMEH #categoriesMEH {text-align: left; margin-top: 10px;}
#formMEH #categoriesMEH #etoilesLeftMEH {float: left}
#formMEH #categoriesMEH #etoilesRightMEH {float: left; margin-left: 20px}
#formMEH #dateMEH {margin-top: 5px}
#formMEH #dateMEH label {height: 16px; display:block}

/* Formulaire MEC */
#formMEC {background-image:url(/base/imgs/default/background/bg_form_mec_250x400.png)}
#formMEC label {display:block}
#formMEC #retraitMEC label, #formMEC #datesMEC label {text-align:left; margin: 15px 0 0 16px}
#formMEC input {margin-top: 2px}
#formMEC #retraitMEC input {width: 213px; font-size: 13px}
#formMEC #dateRetraitMEC, #formMEC #dateRetourMEC, #formMEC #ageDuConducteurMEC {margin-top: 10px}
#formMEC #jourDebutMEC, #formMEC #jourFinMEC {width: 40px}
#formMEC #moisDebutMEC, #formMEC #moisFinMEC  {width: 85px}
#formMEC #heureDebutMEC, #formMEC #heureFinMEC {width: 60px}
#formMEC #ageConducteurMEC {text-align: left; margin: 20px 0 0 45px}
#formMEC #ageConducteurMEC label {float: left; width: 124px; padding-top:4px;}
#formMEC #ageConducteurMEC input {width: 32px; margin: 0 0 0 4px; height:18px;}

/* 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: 15px; right:25px}
#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 0 0;}
#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: 0 -40px;}
 #formMEH #submitMEH:hover, #formMEC #submitMEC:hover {background-position: 0 -32px;}

/* Boutons Submit Attente, quand submit possede la classe wait on change le background */
#formMEV #submitMEV.wait {text-align: left; text-indent: 23px; background-position:0 -40px;}
#formMEH #submitMEH.wait {background-position:0 -1px;}
#formMEC #submitMEC.wait {background-position: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 - Necessaire a 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}

/* Positions des calendriers */
div.calendar {left: 30px}
#formMEV #calendrierMEVAller div.calendar {top:122px}
#formMEV #calendrierMEVRetour div.calendar {top:159px}
#formMEH #calendrierMEHDebut div.calendar {top:122px}
#formMEH #calendrierMEHFin div.calendar {top:163px}
#formMEC #calendrierMECDebut div.calendar {top:113px}
#formMEC #calendrierMECFin div.calendar{top:164px}
/* 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; left:10px; top: 7px; width: 209px; height: 32px}
#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; left:10px; top: 7px; width: 209px; height: 32px}
#errorMECDateDebutErronee, #errorMECDateFinErronee , #errorMECDatesInversees {display:none}

#me div.completionMEV, #me div.completionMEH, #me div.completionMEC {text-align: left; left: -62px; z-index: 10000; width:300px; margin-top: 2px; padding:5px; cursor:pointer}
/* Auto-completion MEV */
#me div.completionMEV {background-color:#ffeccb; border:1px solid #f60}
#me div.completionMEV .propositionAeroport {border-top: 1px dotted #f60; font-style:italic; padding:1px; padding-left:15px}
#me div.completionMEV .propositionVille {border-bottom: 1px dotted #f60; padding:1px}
#me div.completionMEV .propositionVille:hover, div.completionMEV .selected {background-color: #ffc085}
#me div.completionMEV .propositionAeroport:hover {background-color: #fc9}

/* Auto-completion MEH */
#me div.completionMEH {background-color:#e5f1c8; border:1px solid #399}
#me div.completionMEH .propositionAeroport {padding-left: 20px}
#me div.completionMEH .propositionVille {border-bottom: 1px dotted #399; padding:1px}
#me div.completionMEH .propositionVille:hover, div.completionMEH .selected {background-color: #bdd583}

/* Auto-completion MEC */
#me div.completionMEC {background-color:#fee7e7; border:1px solid #900}
#me div.completionMEC .propositionAdresse {border-bottom: dotted #900 1px; padding:1px}
#me div.completionMEC .propositionAdresse:hover, div.completionMEC .selected {background-color: #ffa6a6}

/* IE7 */
*+html #formMEV #dateMEV {margin-top: 5px}
*+html #formMEV #classeMEV label {padding: 0}
*+html #formMEV #classeMEV {margin-left: 10px; width:80px}
*+html #formMEH #hebergementMEH select {width:34px}

/* IE6 */
*html #me ul.onglets li#ongletMEV, *html #me ul.onglets #ongletMEV.selected {background-image: url(/base/imgs/default/onglets/new_bg_onglet_mev_250x400.gif); margin:0 2px 0 0}
*html #me ul.onglets li#ongletMEH, *html #me ul.onglets #ongletMEH.selected {background-image: url(/base/imgs/default/onglets/new_bg_onglet_meh_250x400.gif); margin:0 2px 0 0}
*html #me ul.onglets li#ongletMEC, *html #me ul.onglets #ongletMEC.selected {background-image: url(/base/imgs/default/onglets/new_bg_onglet_mec_250x400.gif); margin:0 1px 0 0}
*html #me ul.onglets li#ongletMEP, *html #me ul.onglets #ongletMEP.selected {background-image: url(/base/imgs/default/onglets/new_bg_onglet_mep_250x400.gif)}
*html #formMEH #categoriesMEH, *html #formMEH #hebergementMEH {margin-top:0}
*html #formMEV #dateMEV {margin-top: 5px}
*html #formMEV #typePassagersMEV {margin-left: 17px}
*html #formMEV #classeMEV label {padding: 0}
*html #formMEC #dateRetraitMEC {margin-top:0}
*html div.calendar {left:-197px}
*html #formMEC #ageConducteurMEC input {margin-left: 1px}

form#formMEH div#exceptionsCriteres{display:none; position: relative; background:#fff6bf; padding:3px; margin:0 10px; width:220px;border:1px solid #FFD324;top:-20px;}
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}

/* Surcharge de style pour MEV3
===============================*/
/* Éléments nouveaux à ajouter */
/* - - - - - - - - - - - - - - */
	#me form#formMEV {padding: 87px 0 0;}
	#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 form {width: 250px;}
	#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:14px; position:absolute; top:180px; width:100px; 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; left:125px; position:absolute; top:180px; width:100px; 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 {position:absolute; right:16px; top:123px;}
	#me #lieuMEVArriveeAllerimgS {position:absolute; right:16px; top:157px;}

	/* 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:140px; left:-95px; 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:174px; left:-95px; 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}