@charset "utf-8";
@import url("reset.css");
@import url("global-compagnies.css");
@import url("global-compagnies-msc.css");
	
/* config générale de la page intermediaire + liste msc */

	#head {position:relative;cursor: hand;}
	#gauche {float:left;width:200px; margin-left:8px;}
	.centre {width:600px;float:left;background:#fff;margin-left:5px;padding:10px 10px;height:auto;}
	#droite{float:right;width:160px;margin-right:8px;}
	#page-centrale{position:relative;width:1008px;height:auto;margin-top:10px; margin-left:auto; margin-right:auto;}

/* formatage des textes */
	.texte-normal-noir{font-size:12px; color:#006699;}
	 a.bleu,.texte-normal-bleu{font-size:12px;color:#006699;}
	 .texte-normal-rouge{color:#ff0000;}
	.souligne{text-decoration:underline;}
	.block{display:block;}
	.gras{font-weight:bold;}
	.center{text-align:center;}
	.justify{text-align:justify;}
	.left{float:left;}
	.clear-left{clear:left;}
	.right{float:right;}
	.prix-rouge{font-size:14px;color:#ff0000;}
	.prix-orange{font-size:14px;color:#f90;}
	.gauche{text-align:left;}
	.relative{position:relative;}
	.absolute{position:absolute;}
	.blanc{background:#fff;}
	
/* header */
	#txt1,.flash-infos,.menugauche a,.menugauche a:hover, #pied div a{font-size:11px}
	 a{color: #006699;text-decoration: none;}
	 a:hover{color: #f90;text-decoration: underline;}

/* flash infos */
	.flash-infos{background: url(../images/corners/haut-blanc.gif) no-repeat;width:181px;height:80px;position:absolute;right:0px;bottom:0px;padding:0px 5px;color:#0A4496;}
	.flash-infos span{color:#CC02A4;font-size:14px;display:block;font-weight:bold;margin-top:6px;}

/* ticker container*/
	#txt1{text-align: left;text-indent:20px;height:24px;line-height:24px;position:relative;}
	#txt1 strong{font-size:12px;font-weight:bold;}
	#txt1 a{text-decoration:underline;}
	#txt1 a:hover{text-decoration:none;}

/* flags */
	#language{position:absolute;width:250px;font-size:1px;height:10px;}
	#language img{margin-left:3px;padding:1px;}

/* ticker */
	#ticker{width:595px;position:absolute;left:130px;top:0px;overflow:hidden;}
	.savoir-plus {margin:0px 18px 0px 4px;font-weight:bold;color:#f90;}

/* intro */
	#intro{padding:5px;background:#fff;font-size:11px;text-align:center;margin:10px 10px 10px 10px; /*min-height:50px;*/}
	#page-centrale #intro{margin:0px 175px 10px 216px;padding:10px 3px;position:relative;}
	
/* promos */
	#headPromo{font-size:12px;font-weight:bold;text-align:left;padding:2px;}
	.prixPromo{margin-left:65px;text-align:right;font-size:18px;font-weight:bolder;}

/* page centrale */
	#pagination{font-size:16px;text-align:center;font-weight:bold;margin:10px 0px;}
	#pagination a{color: #0099CC;font-weight:normal;font-size:12px;text-decoration:none;margin:0px 5px;}
	#pagination a:hover{color:#f90;}
	.lienad:link ,.lienad:visited {font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#006699;text-decoration:none;}
	.lienad:hover {font-size:11px;font-weight:normal;font-family:verdana;color:#f90;text-decoration:none;}
  	 p.titre-centre{margin:10px 0px;}
	.titre-centre {font-size: 13px;color: #cc0099;
				  font-weight: bold;text-align: left;
				  border-bottom :2px dotted #cc0099;}

	.coup-coeur-centre{font:10px normal Verdana, Arial, Helvetica, sans-serif;left-margin:2px;padding-left:8px;}
	.coup-coeur-centre span a{display:block;font-weight:bold;font-size:11px;}
	.coup-coeur-centre span{display:block;margin-top:5px;font-size:12px;}
/* tableau intermediaire */
	#tbMoisDep{margin-top:10px;width:100%;}
	.texte-normal-noir{margin-bottom:10px;}
	#mois{width:25%;}
/* bloc escale */
	.escale{width:550px;}
	.escale img{float:left;margin-right:5px;}
	.escale {font-size:11px;margin-bottom:30px;zoom:1;}
	.escale span{display:block;clear:left;position:relative;}
	.escale span img{position:absolute;right:0;}
	ul.listebateaux{margin-right:10px;}
	ul.listebateaux li{background:url(../images/puces/fleche_rose.gif) no-repeat left 10px;padding:5px 10px;}
	
/* le bouton voir promos */
	a.voir-promos{width:201px;height:54px;display:block;margin-bottom:10px;}
	#numVert{text-align:center;clear:both;}
	
/*moteur dans les pages intermediaires prinicipales + compagnies*/
	form#moteur-centrale{border:1px solid #d2d6e2;padding:8px; position:relative;}
	form#moteur-centrale .moteurselect input{float:right;margin-left:8px;}
	#button{position:absolute;font:bold 12px Arial, Helvetica, sans-serif;
			text-align:center;top:45px;right:110px!important;right:160px;}
	form#moteur-centrale label{display:block;clear:both;margin:20px auto 0px auto;
							   width:400px;font:normal 12px Arial, Helvetica, sans-serif;color:#003366;text-decoration:none;}
	form#moteur-centrale label select.moteurselect {color:#003366;}

/* fieldset */
	 #destinations {margin-top:13px; }
	.centre fieldset {padding-bottom:5px;position:relative;}
	.centre legend {font-size: 13px;font-weight: bold;text-align: left;text-decoration:underline;margin-left:25px;}
	
	.menucentre {margin:5px;padding:0;float:left;}
	 ul.menucentre{display:block;width:45%;}
	.menucentre li {margin-bottom: 5px;padding-left:0px;}
	.menucentre li a ,.menucentre:visited{
		font:11px normal Verdana, Arial, Helvetica, sans-serif;color:#006699;text-decoration: none;
		padding-left:9px;}
	.menucentre li a:hover {
		font:11px normal Verdana, Arial, Helvetica, sans-serif;color:#006699;text-decoration: none;
		text-decoration: underline;}
		
/* feldset dans les pages intermedaires */
	fieldset div.tout-liste{position:relative;}
	fieldset div.prix{width:125px;float:right;font-size:11px;text-align:center;}
	fieldset div.prix b{text-decoration:line-through;}
	
	fieldset div.prix span.prix-rouge{font-size:16px;text-align:center;margin:5px 0px;}
	fieldset div.prix span.prix-orange{text-decoration:blink;}
	
	fieldset div.prix img{display:block;margin:auto;padding:auto;}
	fieldset div.img-liste{width:90px;position:absolute;top:20px;left:5px!important;left:5px;}
	fieldset div.desc-liste{margin:0px 130px 0px 100px;position:relative;}
	fieldset div.desc-liste div.logo {width:auto;height:auto;float:left; margin-left:8px; margin-right:5px;}
    fieldset div.desc-liste div.pro {width:260px; float:right; height:auto; text-align:left;}
	fieldset div.desc-liste span{margin-left:auto;display:block;font-size:11px;}

/* menu du haut */
	#headermenu {line-height: normal;width: 100%;position:absolute;bottom:-1px;}
	#headermenu ul {padding:10px 10px 0px 10px;margin:0px;list-style-type: none;}
	#headermenu li {padding:0px 0px 0px 9px;float:left; font-size:14px;margin-right:4px;min-width:135px;text-align:center;}
	#navonglet a {padding-right: 15px; display: block; padding-left: 6px; font-weight: bold;
				  float: left; padding-bottom: 4px; color: #4B738B; padding-top: 5px; text-decoration:none;}
	#headermenu li.long{font-size:14px;}
	#navonglet a {float: none;}

/* newsletter */
	#newsletters form#newsletter_form{padding:0px 10px 10px 10px;}
	form#newsletter_form label{margin-top:10px;display:block;}
	.radio{margin-left:130px;}
	.newsletterinput{margin:5px 0px 0px 5px;}

/* suite news  */
	#newsletters {font-size: 10px;color: #006699;margin-top:15px;}
	.newsletter_input {font-size: 10px;}
	#recompensecosta {font-size: 11px;color:#004F75;text-align: justify;}

/* nos promotions */
	.promotions{width:180px;height:145px;position:relative;font-size:10px;}
	.promotions h2{height:33px;padding-top:3px;}
	.promotions h2 span{font-size:11px;display:block;padding-left:3px;}
	.promotions p span{font-size:12px;font-weight:normal;text-decoration:line-through;}
	.promotions p{font-size:16px;font-weight:bolder;text-align:right;}
	.promotions .gras{font-size:12px;margin-left:4px;}
	.promotions span img{position:absolute;right:4px;bottom:4px;}
	.promotions img{float:left;margin-right:3px;position:inherit;}
	.promotions span.block{clear:left;}




/* promos */
	 #headPromo{color: #fff;background:#0099cc;}
	.promotions h2{background: #0099cc;}
	.promotions h2 span{color:#fff;}
	.promotions p span{color:#000;}
	.promotions p{color:#ff0000;}
	 #croisieres-promos p.titre-centre{color:#ff0000;border-bottom:2px dotted #ff0000;background:#d2d6e2;}
	 #croisieres-promos{ width:602px;
	 					margin-left:auto;
	 					margin-right:auto;}
	 .promotions { margin-left:13px; margin-right:5px;}
	 			 
/* page centrale */
	 fieldset div.desc-liste div.logo img{width:auto;position:absolute;top:0px;left:0px!important;}
	 fieldset div.desc-liste span{display:block;font-size:11px; margin-left:110px;}


	.titre-centre{color:#006699;border-bottom:2px dotted #006699;clear:both;}
/* tableau intermediaire */
	#Dep{border-right:1px solid #006699;}

/* moteur dans les pages intermediares principales et compagnies */
	form#moteur-centrale span{
	font:bold 14px Verdana,Arial,Helvetica,sans-serif;color:#003366;border-bottom:1px solid #003366;}
	
/* blocs listes dans les pages intermedaires compagnies */
	fieldset#liste-orange .spacer{border-bottom:2px dotted #f90;}
	fieldset#liste-bleu .spacer{border-bottom:2px dotted #006699;}
	fieldset#liste-orange legend{color:#f90;}
	fieldset#liste-orange h3{background:url(../images/degrade-orange-1.jpg) repeat-y;color:#fff;margin-left: 0px;}
	fieldset#liste-bleu h3{background:url(../images/fond_standard_1.jpg) repeat-y;color:#fff;margin-left: 0px;}
	
/* chemin lien top */	
#blok-blanc{ width:602px;height:20px;margin:0px 13px 5px 220px!important;}
#chemin { font-family:Arial, Helvetica, sans-serif;
		  font-size:12px;
		  font-weight:normal;
		  color:#FF7777;
		  margin-bottom: 10px;
		  margin-top:0px;
		  margin-bottom:20px;}
		  		  
#chemin a {color:#FFFFFF;font-weight:normal;font-size:12px;text-decoration:none;margin-left:0px;}
#chemin a:hover {color:#f90;}
#chemin img { margin-left:2px; margin-right:2px;}

/* chemin lien bottom */
#chemin-lien { font-family:Arial, Helvetica, sans-serif;
		  	   font-size:12px;
		  	   font-weight:normal;
		       color:#D00096;
		       border-bottom-width: 2px;
		       border-bottom-style: dotted;
		       border-bottom-color:#1259A9;
		       margin-bottom: 10px;
		       margin-top:20px;
		       margin-bottom:20px;}
		  		  
#chemin-lien a {color:#1259A9;font-weight:normal;font-size:12px;text-decoration:none;margin-left:0px;}
#chemin-lien a:hover {color:#f90;}
#chemin-lien img { margin-left:2px; margin-right:2px;}
