﻿/*///////////////////////////////  general  ///////////////////////////////*/
* {padding:0px; margin:0px; font-size:11px;
	position: static;
}
body {font:11px Verdana, Geneva, Helvetica, sans-serif; background:#fbfbfb url(../images/pix_trame.gif) bottom repeat-x;}
img {border:0px;}
ul, li {list-style-type:none;}
label {cursor:pointer;}
/*///////////////////////////////  general  ///////////////////////////////*/


.menuright {float:right; width:170px; height:80px; margin-top:10px;  }
.menuleft {float:left; width:700px; height:130px; margin-top:30px; color:#4d4d4d; }
.menuban{float:left; width:872px; height:165px; margin-top:15px;}
.backfondtop {background: url('../images/fond-elements.gif') repeat-x; height:115px;}
.topelementscentered {margin-left: auto; margin-right: auto; width:872px; height: 649px;}


h1 {float:left; margin:7px 0 0px 3px; height:50px;}
h1 em {display:none;}
h2.hide {display:none;}

.sep {margin-left:8px;}
.sep1 {margin-left:5px;}
.promotop { margin-top:10px}

/* premier niveau */

#menutop {clear:both; float:left; height:29px; width:870px; background: url('../images/fd_bt.gif')}
#menutop ul {float:left; list-style-type:none; left no-repeat; padding-left: 0px; margin-left: 0px;	height: 30px;}
#menutop li {float:left; padding:0px 0px 0 0px; top right no-repeat; height:29px;}
#menutop li a, #menutop li a:hover {font:11px Arial, Verdana; float:left; color:#ffffff; text-decoration:none; display:block; padding:8px 15px 0px 15px; height:29px;}
#menutop li a:hover {text-decoration:none; background: url('../images/orange.gif') repeat-x; 
color:#fff;
}
#menutop li a.selected {background: url('../images/orange.gif') repeat-x;  
color:#fff;
}
#menutop li a:hover.selected {background: url('img/orange.gif') repeat-x;  
color:#fff;
}

#bantop {clear:both; float:left; height:165px; width:870px; margin-top:15px; margin-bottom:15}
#bantop ul {float:left; list-style-type:none; left no-repeat; padding-left: 0px; margin-left: 0px; margin-top:15px}
#bantop li {float:left; padding:0px 0px 0px; top right no-repeat;height:165px;}
#bantop li a, #bantop li a:hover {float:left; display:block; padding:8px 15px 0px 15px; height:165px;}

.inputform1 { width: 335px; font-size:14px}
.inputform2 { width: 100px; font-size:14px}



/* 
#menutop {clear:both; float:left; height:34px; width:770px; background: url(../img/fd_bt.gif)}
#menutop ul {float:left; list-style-type:none; background: url(../img/ulenter.gif) left no-repeat; padding-left: 2px; margin-left: 2px;}
#menutop li a, #menutop li a:hover {font:11px Arial, Verdana; float:left; color:#ffffff; text-decoration:none; display:block; padding:8px 15px 0px 15px; height:29px;}
#menutop li a:hover {text-decoration:none; background: url(../img/orange.gif) repeat-x; color:#fff;}
#menutop li a.selected {background: url(../img/orange.gif) repeat-x;  color:#ffffff;}
#menutop li a:hover.selected {background: url(../img/orange.gif) repeat-x;  color:#fff;}
premier niveau */

.tab-formresa {
    width: 227px;
    text-align: left;
    margin-left:20px;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}


.topflags {float:right; margin-top:6px; color:#4d4d4d}
.topflags li {float:left; margin-left:8px;}

#footer {
    width: 771px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}

#footerspacer {
    width: 771px;
    margin: 0 auto;
}


#footer p {
    margin: 0 0 15px 0;
    text-align: center;
    color: #4d4d4d;
}

#footer a {
    color: #4d4d4d;
        text-decoration: none;

}

#footer a:hover {
    color: #000;
    text-decoration: underline;
}

.rubrique-nosbonsplans {
    width: 320px;
    float: left;
}

.float-right {
    float: right;
}

.mini-rubrique-nosbonsplans .float-right {
    text-align: right;
    font-weight: bold;
    color: #c92001;
    font-size: 11px;
}

.mini-rubrique-nosbonsplans {
    width: 315px;
    height: 24px;
    border-bottom: 1px solid #ede4f0;
}

.clear-both {
    clear: both;
}


.mini-rubrique-nosbonsplans .float-left {
    color: #363c45;
    font-weight: bold;
}

.mini-rubrique-nosbonsplans .float-left strong {
    color: #c92001;
    text-transform: uppercase;
}

.mini-rubrique-excursion {
    width: 360px;
    height: 15px;
    border-bottom: 1px solid #ede4f0;
}



				#buzzTop {
	position: relative;
	float: right;
	width: 347px;
	height: 284px;
	padding-top: 25px;
	padding-right:28px
}
				#buzzTop h3.topvols {float: left; width: 104px; height: 22px; font-size: 18px; text-transform: uppercase; text-indent: -10000px; background: url(/base/imgs/meddle/esVols/bg_tvBZT.png) 5px 4px no-repeat; color: #256c6f}
				#buzzTop h3.accroche {float: left; height: 23px; padding: 5px 10px; color: #999; font-size: 11px; font-weight: normal}
				#buzzTop p.titPartBZT {float: left; height: 20px; margin: 11px 20px 0; line-height: 20px; color: #999;}
				* html  #buzzTop p.titPartBZT {margin: 11px 20px 0 10px}
				#buzzTop p.titDestBZT {background: url(/base/imgs/meddle/esVols/mev_destination_title.jpg) left 7px no-repeat;float: left; width: 163px; height: 31px; color: #999; font-size: 14px; font-weight: bold; text-align:center; line-height:36px}
				* html #buzzTop p.titDestBZT {height:26px; line-height:31px}
				 #buzzTop p.titAPartirBZT {float: left; height: 20px; margin: 11px 5px 1px; line-height: 20px; color: #999}
				 #buzzTop ul {background: url(/base/imgs/meddle/esVols/mev_listetopvols_bg.jpg) 105px top no-repeat;clear: both; width: 339px; height: 200px;}
				 #buzzTop ul li {height: 17px; line-height: 17px; padding: 4px 0;overflow:hidden}
				* html  #buzzTop ul li {padding: 3px 0}
				*+html  #buzzTop ul li {padding: 3px 0}
				 #buzzTop ul li a {float: left}
				 #buzzTop ul li a.partBZT {width: 97px; height: 17px; margin: 0 5px}
				 #buzzTop ul li a.villeBZT {width: 158px; padding-left: 2px; text-decoration:none; text-transform: uppercase; font-weight: bolder; letter-spacing: 8px; word-spacing: 3px; color: #fec414;}
				 #buzzTop ul li a.prixBZT {float: right; margin-right: 2px; font-size: 12px; font-weight: bold; color: #f00}
				 #buzzTop #ttBZT {
	position: absolute;
	bottom: 7px;
	right: 41px;
	padding-left: 10px;
	background: url(/base/imgs/meddle/esVols/bg_ttBZT.gif) 0 5px no-repeat;
	color: #f30
}
#forms {
	position: relative;
	float: left;
	width: 400px;
	height: 330px;
	padding-left:10px;
	
}

				#formMEV{float:left; width:615px; height:208px; padding:5px; border:none;}
				 #formMEV fieldset#typeParcoursMEV{padding-top:5px; border:none;border:none;}
				*+html   #formMEV fieldset#typeParcoursMEV{margin-bottom: 8px;}
				  #formMEV fieldset#trajetMEV p{float:left;border:none;}
				  #formMEV fieldset#trajetMEV p#allerMEV{margin-right:15px;}
				  #formMEV fieldset#trajetMEV p label{display:block; margin-bottom:2px;}
				  #formMEV fieldset#trajetMEV p input{color:#EB4701;  font-size:16px; width:295px; height:25px; padding:2px 0 0 3px;}
				  #formMEV fieldset#dateMEV p{float:left; width:300px; border:none;}
				  #formMEV fieldset#dateMEV p#dateAllerMEV{margin-right:15px;}
				  #formMEV fieldset#dateMEV select#jourMEVAller,   #formMEV fieldset#dateMEV select#jourMEVRetour{width:50px;}
				  #formMEV fieldset#dateMEV select#moisMEVAller,   #formMEV fieldset#dateMEV select#moisMEVRetour{width:107px;}
				  #formMEV fieldset#typePassagersMEV{float:left; padding:5px 5px 5px 0; margin-bottom:0; border:none;}
				  #formMEV fieldset#typePassagersMEV p{float:left; margin-right:15px;}
				  #formMEV fieldset#typePassagersMEV p#nbBebesMEV{margin-right:0;}
				  #formMEV fieldset#typePassagersMEV p select#paxAdultes,   #formMEV fieldset#typePassagersMEV p select#paxEnfants{width:57px;}
				  #formMEV fieldset#typePassagersMEV p select#paxBebes{width:47px;}
				  #formMEV fieldset#typePassagersMEV p label{display:block; margin-bottom: 8px;}
				  #formMEV fieldset#classeMEV{float:left; margin: 0 0 0 55px; border:none;}
				  #formMEV fieldset#classeMEV p label{display: block; margin: 5px 0}
				*+html   #formMEV fieldset#classeMEV p label{margin: 0}
				* html   #formMEV fieldset#classeMEV p label{margin: 0}
				  #formMEV fieldset#submitBtMEV{position: absolute; left: 435px; bottom: 15px; width:191px; height:60px; margin-bottom:0;}
				* html   #formMEV fieldset#submitBtMEV{bottom: 35px}
				  #formMEV fieldset#submitBtMEV input{background: url(/base/imgs/meddle/esVols/submitMEV.png) 0 0; cursor:pointer; border: none; width:191px; height: 60px}
				  #formMEV fieldset#submitBtMEV input:hover{background-position: 0 -60px}
				  #formMEV fieldset#submitBtMEV input.wait{background-position: 0 -120px}
				  
				   #forms fieldset{margin-bottom:18px;}
			 #forms legend{display:none;}
			 #forms input{vertical-align:top; border:1px solid #999;}
			 #forms #typeParcoursMEV input,  #forms #classeMEV input{border: none;}
			 #forms select{font-size: 16px;  padding: 2px; border:1px solid #999;}
			 #forms p label{}
			 #forms img{vertical-align: bottom; margin-bottom: 2px; cursor: pointer}
			 #forms img#calendrierMECDebutIcon, #bd #forms img#calendrierMECFinIcon{margin:0 5px 2px 5px;}
			 
			 
#forms #searchEngine {
	margin-bottom: 10px;
}
#forms #searchEngine h2 {
	background: #CC9;
	color: #000;
	/* border-bottom: 2px solid #FFF; */
	text-indent: -5000px;
	background: url(/img_opodo/homepages/title-searchEngine.gif) no-repeat top left;
	width: 440px;
	height: 35px;
	margin:0;
	padding:0;
}
body#page_2 #forms #searchEngine h2 {
	background: url(/img_opodo/homepages/title-searchEngine-vol.gif) no-repeat top left;
}
#forms #searchEngine .box {
	padding: 0;
	background: #FFF;
	border: 5px solid #E6E6C1;
}
#forms #searchEngine #seSwitch {
	padding: 0 5px 8px 5px;
	background: #E6E6C1;
	/* border-bottom: 1px solid #CCC; */
}
#forms #searchEngine #seSwitch li {
	display: inline;
}
#forms #searchEngine #seSwitch li a {
	display: block;
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 12px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
#forms #searchEngine #seSwitch li a.last {
	margin-right: 0;
}
#forms #searchEngine #seSwitch li a span {
	display: block;
	margin-top: 43px;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
}
#forms #searchEngine #seSwitch li a:hover span {
	color: #FFF;
}
#forms #searchEngine #seSwitch li a.selected span {
	color: #FFF;
}
#forms #searchEngine #seSwitch li a.active {
	cursor: default;
}


#forms #searchEngine #seSwitch a#tab1 {
	background: url(/img_opodo/homepages/switch-1.gif) no-repeat 0 0;
}
#forms #searchEngine #seSwitch a#tab1:hover {
	background: url(/img_opodo/homepages/switch-1.gif) no-repeat 0 -60px;
}
#forms #searchEngine #seSwitch a#tab1.selected {
	background: url(/img_opodo/homepages/switch-1.gif) no-repeat 0 -60px;
}

#forms #searchEngine #seSwitch a#tab2 {
	background: url(/img_opodo/homepages/switch-2.gif) no-repeat 0 0;
}
#forms #searchEngine #seSwitch a#tab2:hover {
	background: url(/img_opodo/homepages/switch-2.gif) no-repeat 0 -60px;
}
#forms #searchEngine #seSwitch a#tab2.selected {
	background: url(/img_opodo/homepages/switch-2.gif) no-repeat 0 -60px;
}

#forms #searchEngine #seSwitch a#tab3 {
	background: url(/img_opodo/homepages/switch-3.gif) no-repeat top left;
}
#forms #searchEngine #seSwitch a#tab3:hover {
	background: url(/img_opodo/homepages/switch-3.gif) no-repeat 0 -60px;
}
#forms #searchEngine #seSwitch a#tab3.selected {
	background: url(/img_opodo/homepages/switch-3.gif) no-repeat 0 -60px;
}

#forms #searchEngine #seSwitch a#tab4 {
	background: url(/img_opodo/homepages/switch-4.gif) no-repeat 0 0;
}
#forms #searchEngine #seSwitch a#tab4:hover {
	background: url(/img_opodo/homepages/switch-4.gif) no-repeat 0 -60px;
}
#forms #searchEngine #seSwitch a#tab4.selected {
	background: url(/img_opodo/homepages/switch-4.gif) no-repeat 0 -60px;
}

#forms #searchEngine #seSwitch a#tab5 {
	background: url(/img_opodo/homepages/switch-5.gif) no-repeat 0 0;
}
#forms #searchEngine #seSwitch a#tab5:hover {
	background: url(/img_opodo/homepages/switch-5.gif) no-repeat 0 -60px;
}
#forms #searchEngine #seSwitch a#tab5.selected {
	background: url(/img_opodo/homepages/switch-5.gif) no-repeat 0 -60px;
}

#forms #searchEngine #seSwitch a#tab6 {
	background: url(/img_opodo/homepages/switch-6.gif) no-repeat 0 0;
}
#forms #searchEngine #seSwitch a#tab6:hover {
	background: url(/img_opodo/homepages/switch-6.gif) no-repeat 0 -60px;
}
#forms #searchEngine #seSwitch a#tab6.selected {
	background: url(/img_opodo/homepages/switch-6.gif) no-repeat 0 -60px;
}

#forms #searchEngine #seContent {
	padding: 10px;
}

#forms #searchEngine #moteur_2,
#forms #searchEngine #moteur_3,
#forms #searchEngine #moteur_4,
#forms #searchEngine #moteur_5,
#forms #searchEngine #moteur_6 {
	display: none;
}