@import url(standardBase.css);


.couleursFonce {
  background-color: #AFD2F0;
}

.couleursMoyen {
  background-color: #E4F0FA;
}

.couleursClair {
  background-color: #EFF7FF;
}

.couleursTresFonce {
  background-color: #051039;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}
dl {
  margin-bottom: 16px;
}
dd, .couleursDefaut {
  background-color: #E4F0FA;
  color: #051039;
}

#msgErreur dd {
  border: 1px solid #000099;
  background-color: #fff;
  color: #336699;
}

dt div.titre {
	background-color:#051039;
	padding-left:10px;
	padding-right:90px;
	margin-right:5px;
        margin-bottom:1px;
	text-align:left;
	font-family: Arial;
        font-weight: bold;
	font-size: 11px;
	color: #FFF;
	white-space:nowrap;
}

dt.etape, dt.etapeLeft {
}

span.step, span.stepOn, span.stepOff {
	position: relative;
	top:4px;
	padding-right: 3px;
	color: rgb(6, 24, 146);
}

span.step {
	background-image: url('/FR/common/common/img/etapes/avion_traceur.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:17px;
}

span.step span, span.stepOn span, span.stepOff span{
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
}

span.step span {
	background-image: url('/FR/common/common/img/etapes/bleu_1/etape_on.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-right: 12px;
	color: #FFF;
}

span.stepOff {
	color: #FFF;
}

.ssTitreBanniere {
	background-color: #3675AE;
        font-size: 11px;
        padding-top: 3px;
        padding-bottom: 3px;
	color: #FFFFFF; 
}

.information, .mandatory {
  font-size: 11px;
  color: #1B4790;
}

.blocBouton {
	background-color: #AFD2F0;
}

table.listeStd thead, table.listeStd tr.head, table.listeStd tfoot, table.listeStd tr.backgroundHead {
	background-color:#3675AE;
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold;
}

table.listeStd thead tr th a, table.listeStd tr.head th a {
	font-family: Arial;
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold;
        text-decoration: none;
}

table.listeStd tbody {
	color: #051039;
}
.selectionVol1, .selectionVol2 {
        border:1px solid #051039;
}

.selectionVol2 {
  background-color: #E4F0FA;
}

.selectionVol1 {
background-color: #F4F8FC;
}

.ligne1, .ligneFooter {
  border-top:1px solid #F4F8FC;
  border-left:1px solid #F4F8FC;
  border-right:1px solid #F4F8FC;
  border-bottom:1px solid #FFFFFF;
  background-color: #F4F8FC;
  padding-top:5px;
  padding-bottom:5px;
}
.ligne2 {
  border-top:1px solid #E4F0FA;
  border-left:1px solid #E4F0FA;
  border-right:1px solid #E4F0FA;
  border-bottom:1px solid #FFFFFF;
  background-color: #E4F0FA;
  padding-top:5px;
  padding-bottom:5px;
} 

.line1 {
  border:1px solid #F4F8FC;
  background-color: #F4F8FC;
  padding-top:5px;
  padding-bottom:5px;
}
.line2 {
  border:1px solid #E4F0FA;
  background-color: #E4F0FA;
  padding-top:5px;
  padding-bottom:5px;
} 
.line1Selected, .line2Selected {
  border:1px solid #051039;
}

.line1Selected {
  background-color: #F4F8FC;
}

.line2Selected {
  background-color: #E4F0FA;
}


/*Surcharge du footer de tableau: affichage fond clair, texte bleu foncé*/
.ligneFooter {
 font-family: Arial;
 font-size: 11px; 
 color: #051039; 
}

.RetourHautStandard, .RetourHaut a{  
  font-family: Verdana; 
  font-size: 10px; 
  color: #051039;
  text-decoration: none;
}

.RetourHaut {
   width:700px;
}

.RetourHaut a {
   background-image: url('/FR/common/common/img/bayaderes/retour_haut_page_standard.jpg');
   background-repeat:no-repeat;
   background-position:bottom right;
   padding-right:80px;
   border-bottom: 1px solid #87B7E3;
}

.lk-traceur {
   font-family:arial,helvetica,sans-serif; 
   font-size:10px; 
   color:#051039;
   line-height: 11px
}

.EtapeOn {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold; 
  color: #051039;
  text-decoration: none;
  vertical-align: bottom;
}

.EtapeOff {
  font-family: Arial;
  font-size: 11px;
  color: #85B7E3;
  text-decoration: none;
  vertical-align: bottom;
}


/************************************************/
/**********Gestion refonte Graphique*************/
/************************************************/

div.blocgauche label {
  font-size: 11px;
  color: #051039;
}

div.blocdroite div.information, div.blocdroite div.mandatory {
  font-size: 11px;
  color: #1B4790;
}

/* Style des liens */
.infolink, .flightlink, .mailtolink, .linkstopover, .selectseatlink {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}

.infolink { 
  font-weight: normal;
  text-decoration: underline;
  color: #1B4790; 
}

selectseatlink { 
  text-decoration: underline;
  color: #051039; 
}
.flightlink { 
  text-decoration: underline;
  color: #3675AE; 
}
.mailtolink {
  color: #051039;
}

.linkstopover {
  color: #051039;
  font-weight: normal;
  font-size: 10px;
}

.complementTitre {
  font-size: 11px; 
  color: #3675AE;
  font-weight: bold;
  vertical-align: top;
  margin-left: 10px;
}

.importantNote {
  font-size: 11px; 
  color: #FF0000;
  font-weight: bold;
}        

.infoField {
  color: #051039;
}

.infoFieldPromo {
  color: #D22422;
}

.triVolSelected, .triVolNotSelected {
  font-weight:bold;
}

.triVolSelected {
  color: #3675AE;
}

/*Gestion du traceur d'etapes*/

#banniere {
  width:700px;
  color: #85B7E3;
  font-family: Arial;
  line-height: 25px;
  position: relative;
  margin-top: 25px;
}
			
#banniere h1.txttraceur {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 2;
  font-size: 18px;
  font-family: Arial;
  bottom: 0;
}

#banniere h1.txttraceur
{
		color: #051039;
}

.promo #banniere h1.txttraceur
{
  font-weight:lighter;
	color: #85B7E3;
	font-size: 26px;
	bottom: +5;
}

#banniere h1.txttraceur span {
  z-index: 2;
  font-family: Arial Black;
  font-size: 18px;
}

#banniere h1.txttraceur span { 
  color: #85B7E3;
}

.promo #banniere  h1.txttraceur span {
  color: #D22422;
	font-size: 24px;
}

#banniere div.lignetraceur {
  position: absolute;
  bottom: 6px;
  border-bottom: 1px solid #C2DBF1;
  width: 100%;
  z-index: 1;
}

#etapes {
  position: relative;
  text-align: right;
  padding-top: 15px;
  padding-right: 15px;
  font-size: 11px;
  top: -1px !important; /* IE ne prends en compte que la derniere occurence contrairement aux autres nav */
  top: -2px;
}

#etapes span {
  padding: 0px 5px;
}

#etapes span span {
  font-weight: bold;
}

.promo #etapes span.on {
  color: #D22422;
	font-weight: normal;
}

#etapes span.on, #etapes span.current {
  font-weight: bold;
}

#etapes span.current {
  padding-top: 10px;
  color: #051039;
  background: url('/FR/common/common/img/etapes/avion_traceur.gif') no-repeat top center;
}

/************************************************/
/******Fin gestion refonte Graphique*************/
/************************************************/

.bgBleuF1 {
  background-color: #C2DBF1;
}

.bg-bleu-e3 {
  background-color: #85B7E3;
}

.bg-bleu-3a {
  background-color: #E4F0FA;
}

.bg-bleu-5a {
  background-color: #AFD2F0
}

.bg-bleu-6a {
  background-color: #3675AE
}

.bg-bleu-fonce {
  background-color: #051039
}

.bg-bleu-clair {
  background-color: #F4F8FC
}

.bg-bleu-vert {
  background-color: #00819B
}

.bg-gris-clair {
  background-color: #E8EAEC
}

.bg-gris-clair-1c {
  background-color: #DBE8EF
}

.bg-gris-clair-1d {
  background-color: #E1EFF5
}

.bg-orange-2a {
  background-color: #FF8400
}

.bg-green-push {
  background-color: #7FB95E
}

/*framboise*/
.bg-raspberry-push {
  background-color: #C1244B
}

.bg-blue-push {
  background-color: #018DC7
}

.bg-buyup-orange{
  background-color: #FFEEDD
}

.lk-bleu10 {
  font-family: Arial;
  font-size: 10px;
  color: #051039;
}

.spacer {
  vertical-align: bottom;
}

.border-bleu {
  border:1px solid #85B7E3
}

.txtblanc10 {
  font-family: Arial; 
  font-size: 10px; 
  color: #FFFFFF
}

.txtBlancOnglet {
  font-family: Arial;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
}

.txtblanc13b {
  font-family: Arial;
  font-size: 13px; 
  color: #ffffff; 
  font-weight: bold; 
}

.txtblanc16 {
  font-family: Arial;
  font-size: 16px;
  color: #FFFFFF
}

.txtBleuConsignes {
  font-family: Arial;
  font-size: 9px;
  color: #1B4790;
}

.txtbleu10 {
  font-family: Arial;
  font-size: 10px;
  color: #051039;
}

.txtBleuAide {
  font-family: Arial;
  font-size: 11px;
  color: #1B4790;
}

.txtBleuAideGras {
  font-family: Arial;
  font-size: 11px;
  color: #1B4790;
  font-weight: bold;
}

.txtbleu11, .txtbleu11 a {
  font-family: Arial;
  font-size: 11px;
  color: #051039;
}

.txtbleu11b {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: bold; 
  color: #051039;
}

.txtbleu11bs {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #051039;
  text-decoration: underline
}

.txtbleu11cal {
  font-family: Arial;
  font-size: 11px;
  color: #051039;
  text-decoration: none
}

a.txtbleu11cal:hover {
  color:#FF0000; 
}

.txtbleu11ns {
  font-family: Arial; 
  font-size: 11px; 
  color: #061892;
  text-decoration: none
}

.txtbleu11-2 {  
  font-family: Arial; 
  font-size: 11px; 
  color: #061892;
}

.txtbleu11b-2 {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: bold; 
  color: #3675AE;
}

.txtbleu11b2s {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: bold; 
  color: #3675AE; 
  text-decoration: underline
}

.txtbleu11b3ns {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold; 
  color: #1B4790;
  text-decoration: none
}

.txtbleu12 {
  font-family: Arial;
  font-size: 12px;
  color: #051039;
}

.txtbleu12b {
  font-family: Arial;
  font-size: 12px;
  color: #051039;
  font-weight: bold;
}

.txtbleu14 {
  font-family: Arial; 
  font-size: 14px; 
  color: #061892;
}

.txtbleu14b {
  font-family: Arial; 
  font-size: 14px; 
  color: #061892; 
  font-weight: bold;
}

.txtbleu16b {
  font-family: Arial; 
  font-size: 16px; 
  font-weight: bold; 
  color: #3675AE;
}

.txtblanc11 {
  font-family: Arial; 
  font-size: 11px;  
  color: #FFFFFF;
}

.txtblanc11b {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: bold; 
  color: #FFFFFF;
}

.txtbleufonce20b {
  font-family: Arial; 
  font-size: 20px; 
  color: #061892;
  font-weight: bold;
}

.txtnoir11 {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none
}

.txtnoir11b {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: bold; 
  color: #000000
}

.txtnoir14 {
  font-family: Arial; 
  font-size: 14px; 
  color: #000000; 
  font-weight:normal
}

.txtrouge11 {
  font-family: Arial; 
  font-size: 11px;  
  color: #FF0000
}

.txtrouge11b {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: bold; 
  color: #FF0000
}

.txtrouge14b {
  font-family: Arial; 
  font-size: 14px; 
  font-weight: bold; 
  color: #FF0000
}

.txtrougePromo11 {
  font-family: Arial; 
  font-size: 11px;  
  color: #D22422
}

.txtrougePromo11b {
  font-family: Arial; 
  font-size: 11px; 
  font-weight: bold; 
  color: #D22422
}

.sstitrebleu14b {
  font-family: Arial; 
  font-size: 14px; 
  color: #061892; 
  font-weight: bold
}

.lk-blanc11b {
  font-family:arial;
  font-size:11px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold
}

a.lk-blanc11b:hover {
  color:#FF0000; 
  text-decoration:underline;
  font-weight:bold
}
 
.txtbuyupbold {
  font-weight: bold; 
  color: #FD8A18;
}

.ligneTri div {
     float:left;
     width:23%;
     padding: 0 20 0 10px;
     vertical-align:middle;
}

.addpasslink, .listlink {
    font-family: Arial;
    font-size: 11px;
    color: #051039;
  }
.listlink {
    color: #1B4790;
    font-weight: bold;
}


div.blocOnglets {
	clear: both;
	border-bottom: 3px solid #3675AE;
	float: left;
        margin-top: 10px;
}
div.onglet {
	float: left;
	font-weight: bold;
	padding: 0.2em 0.5em 0.2em 1em;
	margin-right:4px;
}
div.ongletOn {
	color: white;
	background-color: #3675AE;
	border-bottom: 1px solid #3675AE;
}
div.imgOnglet {
	width: 10px;
	float: left;
	padding: 0.2em 0em 0.2em 0em;
	overflow:hidden;
	display:block;
}
div.imgOngletOn {
	background: url('/FR/common/common/img/pictos/ongletPlein.gif') no-repeat;
	border-bottom: 1px solid #3675AE;
}
div.ongletOff {
	border-top: 1px solid #3675AE;
	border-right: 1px solid #3675AE;
}
div.imgOngletOff {
	background: url('/FR/common/common/img/pictos/ongletVide.gif') no-repeat;
}
div.ongletOff a {
	color: #3675AE;
	border-color: #3675AE;
	text-decoration: none;
}


ul.otherinfo li {
    background: url(/FR/common/common/img/pictos/fleche_bleue_droite_AE.gif) no-repeat 0 center;
    padding-left: 15px;
    line-height: 17px;
}
ul.otherinfo {
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
}  
.addpasslink, .listlink {
    font-family: Arial;
    font-size: 11px;
    color: #051039;
}
.listlink {
    color: #1B4790;
    font-weight: bold;
}

.imgMiddle {
  vertical-align:middle;
}

.libDate, .libDateDisabled {
  float:left;
  width:80px;
  padding:0.2em;
}
.libDate {
  background: white;
  border: 1px solid #7F7F7F;
  color: black;
  cursor: pointer;
  font-size: 11px;
}
.libDateDisabled {
  background:transparent;
  border:1px solid #7F7F7F;
  color:#CCCCCC;
}

.dayName { 
  color: #000000;
  float:left;
  padding-top: 5px;
  width:60px;
  font-size: 11px;
}

/* Start refonte graphique UM */


.billingZone{
 position:relative;
 display:block;
}

.billingCheckbox{
 margin-top:10px;
 margin-bottom:10px;
 margin-left:20px;
}

.validate{
 vertical-align:middle;
}

.boutonValidate{
 BACKGROUND-IMAGE: url('/FR/common/common/img/pictos/fleche_droite.gif');
 width:170px;
}

.borderBottom0 {
 border-bottom:0px;
}

.marginBottom10{
 margin-bottom:10px
}

.marginBottom50{
 margin-bottom:50px;
}

.marginTop10{
 margin-top:10px;
}

.marginTop30{
 margin-top:30px;
}

.paddingBottom5{
 padding-bottom:5px;
}

.paddingBottom10{
 padding-bottom: 10px;
}

.paddingTop5{
 padding-top:5px;
}

.padding10{
 padding:10px;
}

.fontSize9{
 font-size:9px;
}

.width5{
 width:5em;
}

.width20{
 width:20em;
}

div a.width100{
 width:100px;
}

.width190{
 width:190;
}

.visible{
 visibility:visible;
}

.hidden{
 visibility:hidden;
}

.btInfoBlanc {
 background-image: url('/<%=codeMarche%>/common/common/img/pictos/bt_info_blanc.gif');
 width: 170px;
}

.titrevirtbancaire {
 margin-left:166px;
 width:330px;
 margin-top:0px;
 margin-bottom:5px;
}

.infoAide {
 margin-top:110px;
 margin-right:0px;
 padding-right:0px;
}

.cli_aide {
 background-image: url('/<%=codeMarche%>/common/common/img/pictos/bt_interrogation_blanc.gif');
 width: 170px;
}

.cbasid {
 padding-top:5px;
 padding-bottom:5px;
}

.checkSameEt {
 margin-left:6px;
 vertical-align:middle;
}

.txtBleuAide1 {
 
 margin-right:10px;
 margin-bottom:10px
}

.pnrOnHold {

 vertical-align:bottom;
 margin-top:10px
}

.infoAideFS {
 BACKGROUND-IMAGE: url('/FR/common/common/img/pictos/bt_interrogation_blanc.gif');
 width:170px;
}

.boutonBack {
BACKGROUND-IMAGE: url('/FR/common/common/img/pictos/fleche_gauche.gif');
width:170px;
}

.alignMiddle{
vertical-align:middle
}

.infoValidate{
BACKGROUND-IMAGE: url('/<%=codeMarche%>/common/common/img/pictos/fleche_droite.gif');width:170px;
}
p.dateContainer input, p.dateContainer select {
  vertical-align:top;   
}

div.typo{
 width:100%;
 padding:15px 15px 5px 15px;
}

div.identity{
 width:100%;
 padding:5px 15px 5px 140px;
}

.departurePhone {
 width:250px;
 padding-top:0px;
 margin-top:0px;
}

.width50{
 width:50%
}

.paddingTop0{
 padding-top:0px; 
}

.blocClearBoth{
 clear:both;
}

.mealSeatStatut{
 border-collapse:collapse;
 border:0;
 margin:0 auto 15px auto;
}

.siegeBB{
 width:100%;
 padding:0px 15px 5px 15px;
}

.marginTop15{
 margin-top:15px;
}

.marginTop20{
 margin-top:20px;
}

.paddingLeft0{
 padding-left:0px;
}

.floatLeft{
 float:left;
}

.marginLeft30{
 margin-left:30%;
}

.simulateurMiles{
padding:10 15 10 15px;
}

.idPassager{
 width:500px;
 padding:0px 5px 5px 15px;
}

.textCenter{
 text-align:center;
}

.infoRetrait{
 position:relative;
 top: 0.5em;
 width:500px;
}

.deliveryCountry{
 top: 0.5em;
 margin-left:8px;
}

.infoRetraitFees{
 position:relative;
 top: 0.5em;
}

.deliveryMeans{
 position:relative;
 top: 0.5em;
 margin-left:8px;
}

.textUS{
 position:relative;
 top: 0.5em;
 margin-left:25%;
 padding-left:8px;
}

.infoPost{
 margin-top:30px;
 margin-right:0px;
 padding-right:0px;
}

.inputModMop{
	float:left;
  margin-left:120px;
  vertical-align:top;
  font-family:Arial;
  font-size:11px;
  padding:0pt;
}

div.mod{
	margin-left:145px;
  vertical-align:middle;
  padding-top:3px;
}

span.noseat{
  font-family:Arial;
font-size:11px;
margin:0pt;
padding:0pt 0.4em;
vertical-align:middle;
margin-right:6px;
float:left;
text-align:right;
width:25%;
}

span.itinerarySeat{
font-family:Arial;
font-size:11px;
margin:0pt;
padding:0pt 0.4em;
vertical-align:middle;
margin-right:6px;
float:left;
text-align:right;
width:25%;
color:#000000; 
font-weight:bold
}

div.separation {
  border-top:1px solid #FFFFFF;
  display:block;
  clear:both;
}
/* End refonte graphique UM */
/* Vronline */
dl.bloclogo {
	border: 1px solid #E4F0FA;
	float: right; 
	width: 100%;
	height: 45px;
}

dl.bloclogoAmex {
	border: 1px solid #E4F0FA;
	float: right; 
	width: 100%;
	height: 60px;
}

#banniere h1.txttraceurVR {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 2;
  font-size: 17px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  bottom: 0;
  color: #051039;
}

#vrImg {
margin-top: 10px; 
margin-right: 20px;
}

#vraxImg{
margin-top: 4px; 
margin-right: 10px;
}
/* Vronline */