/**********Reset css**************/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;}

a img{border: none; }
li{list-style-type: none;}
/****************Fin*************/
body {background-color: #FFF;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
#fond_centre{
	background: #FFF url(../images/homepage/fond_contenu.jpg) no-repeat top right;
	width: 741px;
	padding: 9px 0 0 13px;
	float: left;
	/*border: 1px solid #CCC;*/
	}
#centre {float:left;width: 618px;}
#prem_partie, #deux_partie{width: 297px;float: left;}
#deux_partie {width: 300px;}
#trois_partie {float: right}
#prem_partie, #firstBtnMarchand{margin-right: 8px;}
#deux_partie{margin-right: 9px;}
#fond_centre_a2f{background: #FFF url(../images/homepage/template_header.jpg) no-repeat top right;width: 760px;padding: 9px 0 0 10px;float: left;}

h1 {color: #d65438; font-size: 18px; margin-bottom: 20px}
h2 {font-size: 14px;color: #F8FAFC;font-weight: bold;}

.cb{clear: both;line-height:0;font-size: 0;height: 0; display: block}
.mineur {font-size: 10px}
.mineur_ital {font-size: 10px; font-style: italic}
.bleu {color: #5aa4d8}
.textAttention {font-weight:bold;color:#D65438;font-style:italic;}
.asterisque {font:italic 0.8em Arial;}
/*** Marges ***/
.mgb10 {margin-bottom: 10px}
.mgl20 {margin-left: 20px}
.mgl25 {margin-left: 25px}

#left_column{float: left;width: 198px;height: 423px;}
#flash_bon_plan{margin: 18px 0 0 14px;}

.prem_li{background-image: none !important;}

.no-underline{text-decoration: none;}

#page{width: 955px;}
.marge_puce {padding-left: 28px;}

/**************Header**************/
ul#menu_secondaire{float: right; margin: 2px 15px 0 0; font-weight: bold}
ul#menu_secondaire li {float: left;background: transparent url(../images/header/sep_menu_second.gif) no-repeat left center;padding-left: 10px;margin-left: 5px;}
ul#menu_secondaire li a{color: #2F4CA2;font-size: 12px;text-decoration: none;}
ul#menu_secondaire li a:hover, ul#menu_secondaire li.select a{color: #D65438;}
ul#menu_secondaire li a.headerOn {color: #D65438;}
ul#menu_secondaire #drapeau_langue{vertical-align : middle;background-image: none;margin-left: 30px;}

#header_fond {background: transparent url(../images/header/fondHeader.jpg) no-repeat center top;clear: both;height: 122px;}
#header_pagesPro_bg {background: transparent url(../images/header/fondHeader.jpg) no-repeat center top;clear: both;height: 122px;}
#header_fondValentin {background: transparent url(../images/header/fondHeaderStVal.jpg) no-repeat center top;clear: both;height: 122px;} 
#promoHeaderConteneur {float:right;}
#logo IMG {padding: 16px 0 0 80px;_display: block;}
#tampon {position: absolute; top: 17px; left: 865px;width:90px;height:66px; padding:0 0 0 0 !important;}
#tampon img{padding:0;}

ul#menu_principal{margin: 6px 0 0 197px; height: 34px}
ul#menu_principal li {float: left; padding: 12px 0 4px 0;background:transparent url(../images/header/sep_menu_principal.gif) no-repeat left 10px;}
ul#menu_principal .prem_li {padding-left: 10px;}
ul#menu_principal li a {float:left;font-size: 11px; font-weight: bold; text-decoration: none; color: #2F4CA2; padding: 0 12px 0 12px;}
ul#menu_principal li a:hover {color: #D65438;}
ul#menu_principal li.select {background: transparent url(../images/header/menu_on_gauche.gif) no-repeat left bottom !important; height: 34px;line-height:34px;padding:0;}
ul#menu_principal li.select a {background: transparent url(../images/header/menu_on_droit.gif) no-repeat right bottom !important;color:#FFF; padding: 0 14px 0 12px; height: 34px}
ul#menu_principal li.select a:hover{color: #FFF;}

#NavLangSelector a.btnDeploy {
	display: block;
	float: left;
	width: 10px;height: 20px;
	background: url('../images/header/flags.gif') no-repeat 1px -74px transparent;
	}
#NavLangSelector a.btnDeploy:hover {background-position: 1px -52px}
#NavLangSelector ul {float: left;margin : 3px 0 0 7px}
#header_fond #NavLangSelector li {
	background: url('../images/header/select-lang-liste-bg.gif') repeat-x scroll left top #c2c2c2;
	clear: both;
	border : 1px solid grey;
	padding : 0;
	width: 120px;
	margin: 0 0 1px 0;
	display: none;
}
#header_fond #NavLangSelector li {
	background: url('../images/header/select-lang-liste-bg.gif') repeat-x scroll left top #c2c2c2;
	clear: both;
	border : 1px solid grey;
	padding : 0;
	width: 120px;
	margin: 0 0 1px 0;
	display: none;
}
#header_fond #NavLangSelector li.default {display: block}
#header_fond #NavLangSelector li a {
	width: 100%;
	text-decoration: none;
	color: rgb(0, 0, 0);
	font-size: 10px;
	background: url('../images/header/flags.gif') no-repeat 2px -1px transparent;
	display: block;
	padding : 0 0 0 20px;
}
#header_fond #NavLangSelector li a.english {background: url('../images/header/flags.gif') no-repeat scroll 2px -40px transparent}

/****************Fin header*************/

/**************Footer**************/
#footer{background: #fff url(../static-content/images/footer/degrade_footer.gif) repeat-x center top;padding: 20px 0 0 198px;float:left;clear:both;margin-top: 9px;width: 758px;}
#menu_footer{float:left;clear:both;}
#menu_footer li {float: left;background: transparent url(../images/header/sep_menu_second.gif) no-repeat left center;padding: 0 10px 0 10px;line-height: 24px;}
#menu_footer li.prem_li{padding-left: 0;}
#menu_footer li a {text-decoration: none;color: #2F4CA2;}
#menu_footer li a:hover{color: #D65438;}
#menu_footer #drapeau_iata {background-image: none;margin-left: 0px; padding-left: 0;}

#site_tui{padding-top: 5px;clear:both;}
#site_tui LI{float: left;margin-right: 15px;color: #93A1C9;}

#texte_site_tui{ margin-right: 15px;}
#texte_footer{padding-top: 9px;clear:both;}
#texte_footer, #texte_footer A{color: #93A1C9;}

#copyright {margin-top: 12px;text-align: center;color: #93A1C9;}

/****************Fin*************/
.listePuce {padding-left: 10px; margin:5px 0 0 18px;}
.listePuce li {list-style-type:circle; padding: 2px 0; color: #5aa4d8}
.listePuce li span {color: #000}
.listePuce .listePuce li{list-style-type:square;}
.listePuceDouble {padding-left: 10px; margin:5px 0 0;}
.listePuceDouble li{float: left; width: 40%;padding: 5px 15px;background: transparent url(../images/common/puce_ronde_bleue.gif) no-repeat left}

div.moteur {}
div.moteur form {margin:0; padding: 0}
div.moteur span.separateur {display: block; clear: both; height: 1px; width: 100%; line-height: 1px; font-size: 1px; margin: 7px 0; background-image: url(../images/moteur/separateur.gif); background-repeat: no-repeat; background-position: 0 0}
div.moteur input, div.moteur select{font: bold 11px arial}
div.moteur h2 {background: transparent url(../images/homepage/haut_onglet_bleu.gif) no-repeat top left; padding: 4px 0 0 18px;height: 26px;}
div.moteur div.contenu {background-color: #5AA4D8;}
div.moteur label {color: #fff; font: bold 11px "trebuchet MS"}

div.moteur p.trajet {/*border: 1px solid red;*/}
div.moteur p.trajet label {width: 65px; display: block; float: left; padding-left: 5px}
div.moteur p.trajet select {width: 205px; float: right; margin-right: 13px}

div.moteur p.type {}
div.moteur p.type input {vertical-align: -2px}
div.moteur p.type label.ar {width: 130px; float: left; padding-left: 5px}
div.moteur p.type label.as {width: 130px; float: right; text-align: right; padding-right: 13px}


div.moteur p.dates {float: right; margin-left: 5px; text-align: right; padding-right: 13px; padding-top: 5px}
div.moteur p.dates img {vertical-align: -5px; margin-left: 7px;}

/*div.moteur p.dates {width: 205px; float: right; margin: 0px; padding: 0px; padding-right: 13px;padding-top: 5px}
div.moteur p.dates img {vertical-align: -5px; margin-left: 5px;}
div.moteur p.dates select.switch_date {float: right}**/

div.moteur p.passagers {padding: 0 13px 0 5px; margin-bottom: 10px}
div.moteur p.passagers label {width: 100px; float: left}
div.moteur p.passagers label span.mineur_ital {display: block}
div.moteur p.passagers label.gauche {}
div.moteur p.passagers label.droit {padding: 0 13px 0 20px; width: 70px;}
div.moteur p.passagers select{float: left}
div.moteur p.passagers select.droit {float: right}

div.moteur p.classe {padding: 0 0 10px 5px;padding-right: 13px}
div.moteur p.classe label {width: 100px; display: block; float: left}
div.moteur p.classe select {width : 150px;}
div.moteur p.classe img {vertical-align: -4px}

div.moteur p.bt {background: #4481BC url(../images/homepage/bas_cadre_bleu_plein.gif) no-repeat bottom center; width: 297px; height: 27px; text-align: center; padding-top: 10px}

div.resa_home {width: 297px; margin-bottom: 14px}

div.moteur p.carteFN {padding: 0 13px 0 5px;}
div.moteur p.carteFN label{width: 226px; display: block; float: left}
div.moteur p.carteFN select {width : 50px;}


/*** page reserver ***/
div.resa_resa div.contenu {}
div.resa_resa span.separateur {margin: 9px 0}

/*** page reserver multi ***/
div.resa_multi div.contenu {}
div.resa_multi span.separateur {margin: 9px 0}

/*** page promo et promo duo***/
div.resa_promo div.contenu {}
div.resa_promoDuo {height: 432px}
div.resa_promo span.separateur {margin: 16px 0}

/*** page destination ***/
div.resa_destination div.contenu {}
div.resa_destination span.separateur {margin: 12px 0}
div.resa_destination p.trajet label {width: 20px; display: block; float: left; padding-left: 5px}
div.resa_destination p.type label.ar {width: 95px; float: left; padding-left: 5px}
div.resa_destination p.type label.as {width: 100px; float: right; text-align: right; padding-right: 13px}

div.resa_destination p.passagers {padding: 0 13px 0 5px}
div.resa_destination p.passagers label {width: 65px; float: left}
div.resa_destination p.passagers label.droit {padding: 0 0 0 15px; width: 70px;}

div.resa_destination p.dates {margin-left:3px; text-align: left; padding-right: 13px}
div.resa_destination a.dp-choose-date {padding:4px 10px;}
div.resa_destination p.classe label {width: 45px; display: block; float: left}
div.resa_destination p.bt {background: #4481BC url(../images/destination/moteur_bas.gif) no-repeat bottom center; width: 243px; height: 23px; text-align: center; padding-top: 7px}

div.votre_resa {width: 297px}
div.votre_resa div.contenu {padding-top: 10px}
div.votre_resa p.form {padding: 0 5px}
div.votre_resa label {width: 150px; display: block; float: left}

div.vos_horaires  {width: 297px}
div.vos_horaires p.form {margin-bottom: 10px; padding: 0 0 0 80px}
div.vos_horaires p.form  input {width: 175px; }
div.vos_horaires label.date {width: 135px; display: inline; float: left}

/*infoBulle*/
#infoBulle{position:absolute;width:316px;color:#13599f;font-style:italic;}
#infoBulle .top{background:url(../images/infoBulle/infoBulle_ombre_top.png) no-repeat left bottom;height:18px;text-transform:uppercase;padding:7px 10px;font-weight:bold;}
#infoBulle .top .close{float:right;width: 20px;height:20px;}
#infoBulle .middle{background:url(../images/infoBulle/infoBulle_ombre_mid.png) repeat-y left top;padding:10px;}
#infoBulle .middle h3{font-size:1.2em;margin-top:5px;}
#infoBulle .bottom{background:url(../images/infoBulle/infoBulle_ombre_bottom.png) no-repeat left top;height:18px;}

/*Boite d'alerte*/
.alertBox{position:fixed;top:50%;left:50%;width:316px;margin-left:-158px;color:#13599f;font-weight:bold;
/*hack IE*/
_position:absolute;
_top:expression(documentElement.scrollTop+body.scrollTop+(document.documentElement.clientHeight/2));
}
.alertBox .top{background:url(../images/infoBulle/infoBulle_ombre_top.png) no-repeat left bottom;height:18px;padding:7px 10px;font-weight:bold;line-height:18px;;
_background-image:url(../images/infoBulle/infobulle_sansombre_top.gif);}
.alertBox .top .close{float:right;width: 20px;height:20px;}
.alertBox .middle{background:url(../images/infoBulle/infoBulle_ombre_mid.png) repeat-y left top;padding:10px;font-size:14px;text-align:center;
_background-image:url(../images/infoBulle/infobulle_sansombre_mid.gif);}
.alertBox .middle h3{font-size:1.2em;margin-top:5px;}
.alertBox .bottom{background:url(../images/infoBulle/infoBulle_ombre_bottom.png) no-repeat left top;height:18px;
_background-image:url(../images/infoBulle/infobulle_sansombre_bottom.gif);}

/*volSaison*/
#volSaison{position:absolute;top:80px;width:316px;color:#13599f;font-style:italic;}
#volSaison .top{background:url(../images/infoBulle/infoBulle_ombre_top.png) no-repeat left bottom;height:18px;text-transform:uppercase;padding:7px 10px;font-weight:bold;}
#volSaison .top .close{float:right;width: 20px;height:20px;}
#volSaison .middle{background:url(../images/infoBulle/infoBulle_ombre_mid.png) repeat-y left top;padding:10px;}
#volSaison .bottom{background:url(../images/infoBulle/infoBulle_ombre_bottom.png) no-repeat left top;height:18px;}
/**********Fin Cadre Recherche Vols**************/


/*** PAGE RESA ***/
div.superfly {width: 300px}
div.superfly h2 {background: url(../images/resa/onglet_orange.gif) top left no-repeat; height: 40px; padding-top: 4px;text-align: center; margin-bottom: 10px }
div.superfly div#reservationContent {margin-bottom: 10px}
p.bas_orange {background: url(../images/resa/bas_orange.gif) top left no-repeat; height: 20px; padding: 25px 10px 0 0; text-align: right}
p.bas_orange a {color: #fff; font: bold 12px arial; text-decoration: none;}


/*** PAGE BON PLANS ***/
div#bon_plans {width: 425px; float: left; padding: 15px 0 0 13px}
div#bon_plans p.mineur_ital  {margin-top: 20px}
div#bon_plans p.entete {font-size: 12px; margin-bottom: 10px}
div#bon_plans div.haut {background: url(../images/onglet_orange.gif) no-repeat left top; padding: 5px 0; height: 14px; margin: 20px 0}
div#bon_plans div.haut h2 {width: 50%; float: left; padding-left: 4px}
div#bon_plans div.haut span.bt, div#bon_plans div.haut span.bt_actif, div#bon_plans div.haut a  {background: url(../images/bt_ciel_gauche.gif) no-repeat left top; display: block; float: left; height: 18px; margin: -4px 0 0 4px; text-decoration: none; color: #fff; font: bold 12px/10px arial;cursor: pointer}
div#bon_plans div.haut span.bt input, div#bon_plans div.haut span.bt_actif input, div#bon_plans div.haut a span {color: #fff; background: url(../images/bt_ciel_droit.gif) no-repeat right top; display: block; float: left; padding: 0 0 1px 0; font: bold 12px arial; border: 0 none; cursor: pointer}
div#bon_plans div.haut a.actif, div#bon_plans div.haut span.bt_actif {background: url(../images/bt_bleu_gauche.gif) no-repeat left top;}
div#bon_plans div.haut a.actif span, div#bon_plans div.haut span.bt_actif input {background: url(../images/bt_bleu_droit.gif) no-repeat right top;}
div#bon_plans div.haut span.tri{color: #2f4ca2; font: bold 14px arial; float: left; margin-top: -4px}

div#bon_plans h3 {color: #5aa4d8; font-size: 16px; background: url(../images/bg_00a5db.gif) left 85% repeat-x; border-bottom: 2px solid #5aa4d8; margin: 17px 0 10px 0}
div#bon_plans h3 span {background: #fff; padding-right: 5px}
div#bon_plans p.destination {margin-bottom: 5px}
div#bon_plans p.destination a {color: #2f4ca2; font-size: 14px; text-decoration: none; cursor: pointer}
div#bon_plans p.destination a span.gauche {float: left; width: 65%; font-weight: bold}
div#bon_plans p.destination a span.dates {font: normal 12px arial; color: #070708; display: block}
div#bon_plans p.destination a span.prix {float: left; width: 35%; text-align: right; color: #c74b2e; font-size: 18px; margin-top: 12px;}
div#bon_plans p.destination a span.prix span {font-size: 12px}

div#bon_plans_droit {float: right; text-align: right; width: 300px; margin-top: 66px}
div#bon_plans_droit div.boutonMarchand {margin-bottom: 20px}
/*div#boutonMarchandConteneur img {}*/

div#bon_plans_bas_fr {background: url(../images/promo/boite_degrade_bg.gif) left top repeat-y; width: 744px; margin: 15px 0}
div#bon_plans_bas_fr div {background: url(../images/promo/boite_degrade_haut_fr.gif) left top no-repeat; padding: 10px 10px 0 10px}
div#bon_plans_bas_fr div h2 {color: #d65436; font-size: 14px}
div#bon_plans_bas_fr div ul {color: #2f4ca2; font-size: 12px; margin-top: 15px}
div#bon_plans_bas_fr div ul li {background: url(../images/promo/smiley.gif) left top no-repeat; padding-left: 27px; margin: 4px 0}
div#bon_plans_bas_fr span.bas {background: url(../images/promo/boite_degrade_bas.gif) left top no-repeat; height: 9px; line-height: 1px; font-size: 1px; display: block}

div#bon_plans_bas_en {background: url(../images/promo/boite_degrade_bg.gif) left top repeat-y; width: 744px; margin: 15px 0}
div#bon_plans_bas_en div {background: url(../images/promo/boite_degrade_haut_en.gif) left top no-repeat; padding: 10px 10px 0 10px}
div#bon_plans_bas_en div h2 {color: #d65436; font-size: 14px}
div#bon_plans_bas_en div ul {color: #2f4ca2; font-size: 12px; margin-top: 15px}
div#bon_plans_bas_en div ul li {background: url(../images/promo/smiley.gif) left top no-repeat; padding-left: 27px; margin: 4px 0}
div#bon_plans_bas_en span.bas {background: url(../images/promo/boite_degrade_bas.gif) left top no-repeat; height: 9px; line-height: 1px; font-size: 1px; display: block}



/*** actu vols ***/
div#actuVol {font-size: 12px}
div#actuVol table {margin: 15px 0}
div#actuVol table,div#actuVol table th, div#actuVol table td {border: 1px solid #fff; border-collapse: collapse}
div#actuVol table th {color:#fff; padding: 10px}
div#actuVol table th.largeur1 {width: 9%}
div#actuVol table th.largeur2 {width: 10%}
div#actuVol table th.largeur3 {width: 14%}
div#actuVol table th.largeur4 {width: 15%}
div#actuVol table th.couleur1 {background: #5ba4d9}
div#actuVol table th.couleur2 {background: #f66c35}
div#actuVol table td {color:#1b3ea4; padding: 10px}
div#actuVol table td.couleur1 {background: #e4edf6}
div#actuVol table td.couleur2 {background: #ffcc99}

/*Redirection vers NF*/
#redirectionCadre{border:1px solid #c1001f;text-align:center;width:715px;padding:25px 0;font:bold 16px Arial;color:#5aa4d8;margin-top:20px;}
#redirectionCadre .color01{color:#167fc8;}
#redirectionCadre .color02{color:#c1001f;}
#redirectionCadre .bandeau {background-color:#c1001f;height:77px;color:#FFF;margin-top:20px;}
#redirectionCadre .bandeau img {float:left;margin:2px 0 0 30px;}
#redirectionCadre .bandeauText{float:right;width:300px;margin:17px 65px 0 0;}
#redirectionCadre form {margin:20px 0;}
#redirectionCadre .mention{font:italic 0.7em Arial;}



/*Annimation d'attente*/
#bookingAnnim{margin:100px 0 0 140px;}
/*Detail Actu*/
#detailActu {font-size:12px;padding-right:20px;text-align:justify;}
#detailActu h2{color:#5AA4D8;font:bold 14px Arial;margin-bottom:10px;margin-top:5px;border-bottom:1px solid #5AA4D8;}
#detailActu img{border: 1px solid #5AA4D8;float:right;margin:0 0 10px 10px;}
#detailActu p{margin-bottom:1em;}

/*** Assurance*****/

#contenuAssurance {font-size: 12px}
#contenuAssurance table {margin: 15px 0}
#contenuAssurance table,#contenuAssurance table th, #contenuAssurance table td {border: 1px solid #fff; border-collapse: collapse}
#contenuAssurance table th {color:#fff; padding: 10px}
#contenuAssurance table th.largeur1 {width: 9%}
#contenuAssurance table th.largeur2 {width: 10%}
#contenuAssurance table th.largeur3 {width: 14%}
#contenuAssurance table th.largeur4 {width: 15%}
#contenuAssurance table th.couleur1 {background: #5ba4d9}
#contenuAssurance table th.couleur2 {background: #f66c35}
#contenuAssurance table td {color:#1b3ea4; padding: 10px}
#contenuAssurance table td.couleur1 {background: #e4edf6}
#contenuAssurance table td.couleur2 {background: #ffcc99}