@charset "utf-8";
@import url("reset.css");
@import url("global-compagnies.css");
@import url("global-compagnies-cunard.css");

/* config bloc pour intermediaire et liste costa */
	#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;}

/* 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;}
	
/* formatage des textes */
	.texte-normal-noir{font-size:12px;}
	 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;}

/* intro */
	#intro{padding:5px;background:#fff;font-size:11px;text-align:center;margin:10px 10px 10px 10px; /*min-height:50px;*/}

/* 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 du centre */
	#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; color:#003B99;}
	#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 principales et compagnies */
	form#moteur-centrale{border:1px solid #99947b;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:#003B99;text-decoration:none;}
	form#moteur-centrale label select.moteurselect {color:#003B99;}

/* 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;}
		
/* fieldset in the intermedaires pages  */
	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-weight:bold;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;}

/* page intermediaire costa */
	.centre {background:#fff;}
	 #intro{background:#fef8fc;}
	 #intro {width:615px;position:absolute;top:1px;right:3px; text-align:left;}
	 
/* menu gauche */
	.menugauche li a{color:#006699;}
	
/* moteur */
	 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;}
	 
/* bloc promos orange */
	.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:#FF9900;}
	.promotions h2{background:#99947b;}
	.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;}
	 #croisieres-promos{ width:602px;
	 					margin-left:auto;
	 					margin-right:auto;}
	 .promotions { margin-left:13px; margin-right:5px;}
	 	 
/* page du centre */
	.titre-centre{color:#006699;border-bottom:2px dotted #006699;clear:both;}
	
/* tableau intermediaire */
	 #Dep{border-right:1px solid #006699;}
	
/* moteur dans les pages intermediaires principales et compagnies */
	form#moteur-centrale span{
	font:bold 14px Verdana,Arial,Helvetica,sans-serif;color:#99947b;border-bottom:1px solid #99947b;display:block;}
	
/* blocs listes dans les pages intermediaires 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 page centre */	
	#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:#D00096;
		  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 page centre  */
	#chemin-lien { font-family:Arial, Helvetica, sans-serif;
		  	   font-size:12px;
		  	   font-weight:normal;
		       color:#D00096;
		       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;}
				   
/* footer */
	/*#pied {width:800px;margin:auto;padding:auto;margin-bottom:20px;font-size: 11px;color: #000;text-align:center;}
	#pied a{color:#000;font-size:10px;}
	#pied div{background:#ecf4ff;height:auto;line-height:20px;margin-bottom:10px;}
	#pied div a{color:#056B93;}
	#pied p{text-align:center;color:#000;font-size:10px;margin-bottom:10px;}*/


