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

/*************************************
   ALL GLOBALE
*************************************/

	#head {position:relative;cursor: hand;}
	#gauche {float:left;width: 200px; margin-left:10px;}
	.centre {width:608px;float:left;background:#fff;margin-left:15px;padding:0px;height:auto;}
	#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;}

/*************************************
   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;}
/*************************************
   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;}
/*************************************
   MENU GAUCHE
*************************************/
	
	.corner #titremoteur h1,.pub250 #titremoteur h1,.puborange #titremoteur h1,#newsletters #titremoteur h1{
		width:100%;height:auto;margin-bottom:10px;}
	#services, #pratique, #croisiereinfo, #croisiereInedites, #newsletters, #recompensecosta{margin-bottom:15px;}
	.titregauche {font-size: 14px;color: #35689B;font-weight: bold;text-align: left;border-bottom: 1px solid #336699;zoom:1;}
	.menugauche li {margin-bottom:2px;padding-left:4px;}
	.menugauche a {font:normal 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
	.menugauche a:hover {font-weight:normal;font-family:verdana;color:#f90;text-decoration: underline;}
	.menugauche #spacer-link a,.menugauche #spacer-link {padding-right:3px;}

/*************************************
   MOTEUR
*************************************/
	#blocmoteur {padding-bottom:10px;margin-bottom:10px;vertical-align:top;}
	#titremoteur h1{font-size:15px;text-align:center;height: 37px;margin-top:0px;padding-top:3px;}
	label {font-size: 14px;color: #336699;font-weight: bold;}
	#cbdest {color:#006699;font-size: 10px;text-align: left;width:200px}
	#cbdate {color:#006699;font-size: 11px;width:200px}
	#formmoteur {padding-left: 4px;}
	#btrechercher { width:126px; height:19px;color: #FFFFFF;font-size: 13px;font-weight: bold;margin:5px 0px 0px 50px;background-image:url(../images/rsc-btn-index.gif);cursor: hand;border:0;}

/*************************************
  MENU DROITE
*************************************/
	/*.pub600{position:absolute;width:160px;min-height:auto;min-width:auto;zoom:1;}*/
	
	 #intro{padding:5px;background:#fff;font-size:11px;text-align:center;margin:10px 5px 10px 5px; min-height:50px;}
	.puborange{text-align:center;padding-bottom:0px;background:#fff;position:relative;}
	.puborange #titremoteur h1{width: 100%;height: auto;margin-bottom: 10px;}
	.puborange p.titrecentre{margin:0px 0px 15px 0px;}
	.puborange span{margin:0px 4px;display:block;position:relative;}
	.puborange span p{margin-left:65px;text-align:right;font-size:11px;}
	.puborange span img{position:absolute;left:0px;top:0px;margin-top:10px;}
	.puborange span p img{position:inherit;margin-top:10px;}

/*************************************
  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 AU 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.titrecentre{margin:10px 0px;}
	.titrecentre {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;}
	/*a.voir-promos{background:url(../images/croisiere-discount-hover-fr.gif) no-repeat;color:#fff;font-weight:bold;text-decoration:underline;font-size:	11px;line-height:40px;text-align:center;}*/
	/*a.voir-promos:hover{text-decoration:none;color: #fff;background:url(../images/croisiere-discount-fr.gif) no-repeat;}*/
	#numVert{text-align:center;clear:both;}
/*****************************************************************
   MOTEUR DANS LES PAGES INTERMEDIAIRES PRINCIPALES 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 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: 12px;color: #006699;margin-top:15px;}
	.newsletter_input {font-size: 11px;}
	#recompensecosta {font-size: 12px;color:#004F75;text-align: justify;}

/*************************************
   PUB 468
*************************************/
	.bann468{/*width:468px;padding:10px 0px 0px 330px;*/}
/*************************************
   AIDE
*************************************/
	#FicheAide{padding-bottom:10px;}
	#FicheAide li{margin-left:10px;list-style-type: none;font:bold 12px Arial, Helvetica, sans-serif;margin-bottom:8px;display:block;}
	.appelgratuit{font:bold 12px Arial, Helvetica, sans-serif;}
	#ficheAide span {display:block;}
	.agent{text-align:center;font-size:11px;margin-bottom:8px;}
	.agent strong{font-size:14px;}

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

/*************************************
   BLOCS 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;}
/*************************************
   LA FICHE
*************************************/
/* partie haute */

	.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;}

/*************************************
   PAGE PROMO LISTE >>>>>>> HEADER
*************************************/
body{margin-left:auto;
	 margin-right:auto;
	 width:100%;
	 background:url(../images/background-bleu.jpg) repeat-x center 24px;}
	 
#head {position: relative; 
	   margin-left:auto; 
	   margin-right:auto;
	   width:100%;
	   height:125px;background:#B6C7E1 url(../images/croisierenet-int.jpg) no-repeat -170px top;}
	   
#txt1{background: url(../images/txt1.jpg) repeat-x;color:#fff;}
#txt1 a{color:#fff;}
#language{right:50px;bottom:8px;}
.bann468{/*padding-top:20px;*/}
#intro{margin:10px 8px 10px 8px !important;}
/*************************************
   MENU GAUCHE
*************************************/
.corner{
width:205px;border:1px solid #0099CC;-moz-border-radius: 10px 10px 10px 10px; background: url(../images/deg_bleu.png) repeat-y;padding: 10px 2px;}

/*************************************
   CORNER
*************************************/
	.corner{position:relative;}
	.tl,.tr,.bl,.br{width:12px;height:12px;position:absolute;font-size:1px;}
	.tl{left:-1px;top:-1px;background:url(../images/corners/tl.gif) no-repeat;}
	.tr{right:-1px;top:-1px;background:url(../images/corners/tr.gif) no-repeat;}
	.bl{left:-1px;bottom:-1px;background:url(../images/corners/bl.gif) no-repeat;}
	.br{right:-1px;bottom:-1px;background:url(../images/corners/br.gif) no-repeat;}

/*************************************
   MOTEUR
*************************************/
#blocmoteur {background-color:#FFF9FF;border: 1px solid #CC0099;width:208px;}
#titremoteur h1{color: #fff;background:url(../images/moteur-haut.jpg) no-repeat ;width:210px;}
label {color: #336699;}

/*************************************
   MENU DROITE
*************************************/
/*.pub600{right:-170px;top:-70px;zoom:1;}*/

/*************************************
   PROMOS
*************************************/
.promo-moteur select {width: 200px;float: left;margin-right: 5px; color:#006699;}

.promo-moteur input {float: left;width: 26px;height: 21px;margin-right: 8px;}


#headPromo{color: #fff;background:#FF9900;}
.promotions{background:#fff0e6;margin:0px 10px 12px 0px;position:relative;font-size:10px;}
/*.promotions h2{background:#f90;}*/
.promotions h2{background:url(../images/head-promos.gif) no-repeat;}
.promotions h2 span{color:#fff;}
.promotions p span{color:#000;}
.promotions p{color:#ff0000;}


/*************************************
   PAGE AU CENTRE
*************************************/
.titrecentre{color:#006699;border-bottom:2px dotted #006699;clear:both;}
/* tableau intermediaire */
	#tbMoisDep{font-size:12px;}
	.texte-normal-noir{margin-bottom:10px;}
	#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: #cf37a6;border-bottom:1px solid #cf37a6;display:block;}

/*************************************
   MENU HAUT
*************************************/
#headermenu li {background:url(../images/menu-haut/left.gif) no-repeat left top;}
#navonglet a {background:url(../images/menu-haut/right.gif) no-repeat right top; color:#fff;}
#navonglet a:hover {color: #f90;}

/***********************************************
   MODIF ERIC POUR MOTEUR RECHERCHE 28/04/08
************************************************/

.en-globe { width:auto;
			height:auto;
			margin-left:10px;
			margin-right:auto;}


.titreh1 { font:bold Arial, Helvetica, sans-serif 14px;
			color:#CF0098;
			border-bottom:1px solid #CF0098 ;
			margin-left:10px;}
	
h2 { font-family:Arial, Helvetica, sans-serif;
	 font-style:normal;
	 font-variant:normal;
	 font-weight:bold;
	 font-size:1em;
	 line-height:normal;
	 color: #CF0098;}

.promo-moteur { width:580px;
				height:30px;
				/*background:url(../images/promo/rond-promo-droite.gif) top right no-repeat;*/}
				
.promo-moteur div { width:540px;	
					background-color:#CF0098;
					/*background-image: url(../images/promo/rond-promo-gauche.gif);*/
					background-repeat: no-repeat;
					background-attachment: scroll;
					background-x-position: left;
					background-y-position: center;
					height: 25px;
					padding-top: 4px;
					padding-left: 35px;}
					

.globus { width:590px;
	      height:auto;
		  margin-left:auto;
		  margin-right:auto;}
		  
.line-fixe { width:590px;
			  height:29px;
			  font: bold 12px Geneva, Arial, Helvetica, sans-serif ; color:#FFFFFF;
			  line-height: normal;
			  vertical-align:middle;
			  text-align:center; 
			  background:#336699;}
			  
.line-fixe #dat { width:40px;
				  height:auto;
				  float:left;
				  margin-right:5px;}
.line-fixe a {font: bold 12px Geneva, Arial, Helvetica, sans-serif ; color:#FFFFFF; text-decoration:underline;}
.line-fixe a:hover {color: #f90;}
				  
.line-fixe #depart { width:70px;
					height:auto;
					float:left;
					margin-right:5px;}

.line-fixe #desti { width:70px;
					 height:auto;
					 float:left;
					 margin-right:5px;}

.line-fixe #dur { width:20px;
				    height:auto;
					float:left;
					margin-right:10px;}
.line-fixe #comp { width:80px;
				    height:auto;
					float:left;
					margin-left:10px;
					margin-right:5px;}
.line-fixe #visit { width:85px;
					height:auto;
					float:left;
					margin-right:5px;}
.line-fixe #broc { width:80px;
					height:auto;
					float:left;
					margin-left:0px;}
.line-fixe #prix { width:60px;
					height:auto;
					float:right;
					margin-right:5px}
	
				
.line-bleu { width:590px;
			  height:45px;
			  font: bold 11px Geneva, Arial, Helvetica, sans-serif; color:#000000;
			  text-align:center;
			  background:#DDF0FF;}
.line-bleu a:hover {color: #f90;}
.line-bleu span { color: #f90;}
.line-bleu #dat { width:40px;
				  height:auto;
				  float:left;
				  margin-right:5px;}				  
.line-bleu #depart { width:70px;
					height:auto;
					float:left;
					margin-right:5px;}
.line-bleu #desti { width:80px;
					 height:auto;
					 float:left;
					 margin-right:5px;}
.line-bleu #dur { width:20px;
				    height:auto;
					float:left;
					margin-left:8px;
					margin-right:15px;}
.line-bleu #comp { width:80px;
				    height:20px;
					float:left;
					margin-right:5px;}
.line-bleu #visit { width:100px;
					height:auto;
					float:left;}
.line-bleu #broc { width:80px;
					height:auto;
					float:left;}
.line-bleu #prix { width:60px;
					height:auto;
					float:right;
					font:bold Arial, Helvetica, sans-serif 11px; color:#FF0000;
					/*background:url(../images/promo/fleche-blue.gif) center right no-repeat;*/
					margin-right:5px;}
			  
.line-blanc { width:590px;
			  height:45px;
			  font: bold 11px Geneva, Arial, Helvetica, sans-serif; color:#000000;
			  line-height: normal;
			  text-align:center;
			  background:#FFFFFF;}
.line-blanc a:hover {color: #f90;}
.line-blanc span { color: #f90;}
.line-blanc #dat { width:40px;
				  height:auto;
				  float:left;
				  margin-right:5px;}				  
.line-blanc #depart { width:70px;
					height:auto;
					float:left;
					margin-right:5px;}
.line-blanc #desti { width:80px;
					 height:auto;
					 float:left;
					 margin-right:5px;}
.line-blanc #dur { width:20px;
				    height:auto;
					float:left;
					margin-left:8px;
					margin-right:15px;}
.line-blanc #comp { width:80px;
				    height:20px;
					float:left;
					margin-right:5px;}
.line-blanc #visit { width:100px;
					height:auto;
					float:left;}
.line-blanc #broc { width:80px;
					height:auto;
					float:left;}
.line-blanc #prix { width:60px;
					height:auto;
					float:right;
					font:bold Arial, Helvetica, sans-serif 11px; color:#FF0000;
					/*background:url(../images/promo/fleche-blue.gif) center right no-repeat;*/
					margin-right:5px;}