@charset "utf-8";
@import url("reset.css");
@import url("global-compagnies.css");
@import url("global-compagnies-cunard.css");

/* config générale de la page fiche flotte */

	#head {position:relative;cursor: hand;}
	#gauche {float:left;width:200px; margin-left:10px;}
	.centre {width:618px;height:auto;background:url(../images/corner-cunard/centre-flotte.gif) top repeat-y;
						   border:none;float:left;padding:0px;position:relative; margin-left:5px;}
	/*.centre {width:618px;background:none;float:left;padding:0px;position:relative; margin-left:5px;}*/
	#droite{float:right;width:160px;margin-right:10px;}
	#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;}


/* 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;}

/* intro */
 	#intro{padding:5px;background:#fff;font-size:11px;text-align:center;margin:10px 10px 10px 10px; min-height:50px;
		   background:#fef8fc;}
		   
/* formatage de 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;}

/* page centrale */
	.up-centre {width:618px;height:15px; position:relative;
				top:0px;left:215px;
				background:url(../images/corner-cunard/up-flotte.gif) top no-repeat;}
	.bottom-centre {width:618px;height:15px;background:url(../images/corner-cunard/bottom-flotte.gif) bottom no-repeat!important;
					position:relative;bottom:-10px;}
	#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 10px 3px;}
	.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 prinicipale et compagnies */
	form#moteur-centrale{border:1px solid #ccc;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:#000;text-decoration:none;}

/* 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 dans les pages intermediaires */
	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 centre dans compagnies */
	#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;}

/* newsletter */
	#newsletters {font-size: 10px;color: #006699;margin-top:15px;}
	.newsletter_input {font-size: 10px;}
	#recompensecosta {font-size: 11px;color:#004F75;text-align: justify;}

/* 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;}
	
/* fiche */
	.border-bleu{border:1px solid #02679a;background:#ffffff;}
	.padding5{padding:5px;}
	.desc-fiche{padding-bottom:25px;margin:10px 0px 15px 0px;}
	.desc-fiche img{position:absolute;top:5px;left:5px!important;left:0px;}
	.desc{margin-left:207px;}
	.desc img,.video img{position:relative;}
	.video{top:142px;text-align:center;left:30px;}
	.video a{font-size:12px;}
	.video a:hover,.desc a:hover{text-decoration:none;}
	.ref{top:5px;right:5px; font-size:11px;}
	.prestations,.autres-departs{margin-left:175px;text-align:center;}
	.prestations span{display:block;margin-bottom:3px;}
	.prestations img{position:inherit;margin:0px 2px 5px 0px;vertical-align:middle;}
	.desc table{width:100%;font-size:12px;}
	.desc table td{width:25%;text-align:center;}
	 span.center{display:block;margin-top:8px;}
	.promo{vertical-align:middle;text-decoration:blink;text-align:center;}
	.formule{width:170px;left:5px;top:5px;}
	.desc a{margin-left:15px;font-size:12px;}

/* 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;}
	 #croisieres-promos { width:602px; position:relative;
	 					  margin-left:auto;
	 					  margin-right:auto;}
	 .promotions {margin-left:15px; margin-right:5px;}

/* page centrale */	

/* fiche */
	div.bloc-bleu h1{text-align:center;font-size:14px;margin-bottom:10px;}
/* partie haute */
	.desc-fiche{padding-bottom:25px;margin:10px 0px 15px 0px; min-height:200px; height:auto !important; height:200px;}
	.desc-fiche{background:#fff;}
	.desc table{background:#ccc;}
	.desc table td{border:1px solid #ccc;}
	.promo{background:#ff0000;color: #fff000;}
	.desc table tr{ background:#f4f4f4;}

/* deuxieme bloc */
	#navlist {padding: 3px 0;}
	#navlist li {display: inline;font-size:12px;}
	#navlist li a{padding:3px 0.5em;margin-left: px;text-decoration:none;border:1px solid #6B8EC6;border-bottom:none;						background: #fff;}
	#navlist li a:hover {color: #000;border-color: #6B8EC6;background-color: #EFF2F7;}
	#navlist li a.current:visited,#navlist li a.current:link,#navlist li a.current  {
	background: #6B8EC6;border:1px solid #6b8ec6;color: #fff;}
	#navlist li a:link{color:#6B8EC6; }
	#navlist li a:visited {color:#6B8EC6;}
	#visitecroisiere{border:2px solid #006699;background:#fff;}
	#TabItineraire table{width:97%;font-size:12px;margin:5px;}
	.jours{height:25px;width:8%;vertical-align:middle;}
	.depart{width:67%;}
	.plus-infos{text-align:right;}
	.fondItiImpaire{background:#eff6f6;}
	.themePrix{font-size:12px;text-align:center;display:block;}

/* textes dans la deuxième bloc */
	#infoPrix{font-size:11px;}
	#infoPrix li{margin-left:10px;}
	#infoPrix span{display:block;margin-top:8px;}
	#tabPromo{margin-bottom:10px;margin-left: 10px;}
	#tabPromo table,#tabPromo td{border:1px solid #ccc;}
	#tabPromo table{width:100%;}
	#tabPromo td{height:35px;}
	#tabPromo td img{position:inherit;}
	#tabPromo td a{font-size:12px;font-weight:bold;}
	.notreprix{color:#f90;}
	h2{color:#f90;font-size:20px;margin-bottom:10px;}
	
/* agents */
	#listeAgent li, #picsAgents ul.drapeaux li{float:left;}
	div.international p.gras, div.international p.desc{position:absolute;width:140px;}
	#listeAgent,#picsAgents ul.drapeaux,div.international{margin:auto;padding:auto;width:500px;}
	#picsAgents ul.drapeaux li span,div.international p.gras span{color: #339900;font-size:14px;}
	#ficheBlocTel { width:590px; height:460px; margin-left:auto; margin-right:auto;}
	#ficheBlocTel, div.international p.desc{text-align:center;}
	
	
	#ficheBlocTel{background:#fdfdfd;border:6px solid #819fbe;
	margin-bottom:3px;padding-top:10px;font-size:11px;width:550px;}
	#ficheBlocTel h1{font:bold 15px Verdana,Arial,Helvetica,sans-serif;color: #990000;}
	#ficheBlocTel li{list-style-type: none;}
	#listeAgent li{padding: 20px;}
	#picsAgents ul.drapeaux li{width:240px;margin:8px 0px 8px 10px;}
	div.international{
	clear:both;
	position:absolute;
	height:60px;
	left: 33px;
	top: 1490px;}
	
	div.international p.gras{left:76px;top:2px;}
	div.international p.desc{right:33px;top:6px;}
	div.international li{text-align:left;margin-bottom:8px;}
	#picsAgents ul.drapeaux li b{display:block;padding-left:26px;}
	
/* par eric ce 07/04/08 */
/*---insertion tablea pour croisièrenet page fiche-flotte-costa---*/
/* --- tableau pour recherche /mois ---*/
#RechercheParMois
	{	
	background-color: #fffef9;
	width: /*500*/370px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fdb060;
	border-right-color: #fdb060;
	border-bottom-color: #fdb060;
	border-left-color: #fdb060;
	margin-left: /*5*/217px;
	margin-top: 5px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size:13px;
				}

#RechercheParMois select  {
						  font-family: Verdana,Arial,Helvetica,sans-serif;
						  font-size: 11px;
						  }

#RechercheParMois input  {
						 font-family: Arial,Helvetica,sans-serif;
						 font-size: 12px;
						 color: #ffffff;
						 background-color: #ff3300;
						 }
#centre a {	font-family: Arial,Helvetica,sans-serif;
			font-size: 12px;
			color: #006699;
			}
/*---- fin recherche par mois ------*/ 
	
/* formulaire */
	#ficheBlocTel form{margin:10px auto;padding:auto;width:90%;border:2px solid #819FBE;text-align:left;padding:5px;}
	#ficheBlocTel label{padding:5px;clear:both;display:block;font-size:12px;color:#000;}
	#ficheBlocTel input.large,#ficheBlocTel form select{float:right;width:150px;margin:0px;}
	#ficheBlocTel form select{width:156px;}
	#ficheBlocTel label.mini-label{width:380px;}
	#ficheBlocTel form label.mini-label select{width:50px;}
	#ficheBlocTel label.radios{position:relative;}
	#ficheBlocTel form span{position:absolute;right:30px;top:5px;width:150px;}
	#ficheBlocTel form span input{margin-left:15px;}
	#ficheBlocTel span.btn{width:350px;display:block;margin:auto;padding:auto;margin-bottom:10px;} 
	#ficheBlocTel input.valider{background:#ff0000;color:#fff;border:none;font-weight:bold;margin-top:10px;}

/* fiche */
.tab-promolien{text-align:right;}
.tab-promolien img{position:inherit;}
.tab-promolien a{font-size:12px;font-weight:bold;}
#ImageCabVuemer, #imageEscale {margin-left:5px;}
#titreCabine h2{font-size:14px;border-bottom:1px solid #003366;color:#003366;margin:4px;}
h5 {padding-left: 5px;background-color: #acbed6;
font-size: 14px;color: #ffffff;text-decoration: underline;}
#TxtCabVuemer{font-size:12px;margin:0px 5px 0px 220px;}
#txtescale{font-size:12px;margin:0px 5px 5px 205px;}
#ImageCabVuemer{width:210px;float:left;}
#imageEscale {width:190px;float:left;}

/* photo */
.content-fotte {position:relative; width:auto;}
#Activites{width:600px;}
#ImageActivites {width:240px;float:left;margin-left:5px;}
#TxtActivites{margin-left:300px;}

/* infos navires */
#titreNavire h2{padding-left: 5px;font-size: 15px;font-weight: bold;color: #6b8ec6;}
#ImageNavire{float: left;margin-left:5px;}
#TabItineraire table.infos-navires{width:250px;}
#TxtNavire{font-size:12px;margin:5px 5px 15px 5px;}

/* ponts */
ul.ponts {margin-left:20px;}
ul.ponts a{font-size:11px;font-weight:bold;}
ul.ponts a:hover{color:#f90;text-decoration:none;}
ul.ponts li{margin-bottom:10px;}

.croisiere-video{margin-bottom:5px;}

/* chemin lien top */	

#blok-blanc{ width:596px;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  */
#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;
			   margin-left:3px;}
		  		  
#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;}