@charset "utf-8";
@import url("reset.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
*************************************/
	
	 #intro{background:#fff;font-size:11px;text-align:center;margin:0px 180px 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 0px;display:block;position:relative; background-color:#fff0e6;}
	.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;}
	.puborange span p span{ text-decoration:line-through; display:inline;}
/*************************************
  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:2px;padding:0;float:left;}
	.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: 1008px;margin:0px auto;padding-top:83px;}
	#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 PORTS
*************************************/
body{margin-left:auto;
	 margin-right:auto;
	 width:100%;
	 background:url(../images/bg.png) repeat-x center 130px;}
	 
#head {position: relative; 
	   margin-left:auto; 
	   margin-right:auto;
	   width:100%;
	   height:125px;background:#B6C7E1 url(../images/fond.jpg)  113px top;}
		
#wrap_txt1{width:100%;margin:0 auto;background: url(../images/txt1.jpg) repeat-x;}
#txt1{background: url(../images/txt1.jpg) repeat-x;color:#fff;width:1008px;margin:0 auto;}
#txt1 a{color:#fff;}
#language{right:50px;bottom:8px;}
.bann468{position:absolute;right:2px;top:5px;z-index:3000;width:468px;}


/*************************************
   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;}
.puborange p.titrecentre {color:#ff0000;}
/*************************************
   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;}


/*************************************
   PROMOS
*************************************/
#headPromo{color: #fff;background: /*#006699*/#FF9900;}

/*************************************
   PAGE AU CENTRE
*************************************/

#intro{margin:0px 175px 5px 225px!important;text-align:center;padding-bottom:8px;}
#intro{position:relative!important;}
#intro p{ margin-left:10px ; margin-right:10px;text-align:center;}

fieldset#liste-orange p,fieldset#liste-bleu p{margin:10px 130px 0px 5px;}
fieldset#liste-orange h3, fieldset#liste-bleu h3{padding-left:4px;margin:5px 0px 5px 100px;}

fieldset#liste-orange{border:1px solid #f90;font-size:11px;}
fieldset#liste-orange .spacer{border-bottom:2px dotted #f90;margin-bottom:10px;}
fieldset#liste-orange legend{color:#f90;font-size:16px;}
fieldset#liste-orange h3{background:url(../images/degrade-orange.jpg) repeat-y;display:block;color:#fff;font-size:14px;}

fieldset#liste-bleu{border:1px solid #006699;font-size:11px;margin-top:10px;}
fieldset#liste-bleu .spacer{border-bottom:2px dotted #006699;margin-bottom:10px;}
fieldset#liste-bleu legend{color:#006699;font-size:16px;}
fieldset#liste-bleu h3{background: url(../images/fond_standard.jpg) repeat-y;display:block;color:#fff;font-size:14px;}

h2{text-align:center;background: #eee;margin:8px;}
h2 a{font-size:14px;color:#0099CC;text-decoration:underline;}
h2 a:hover{color:#0099CC;text-decoration:none;}
.prixPromo {color:#ff0000;}
.puborange .prixPromo span{display:inline;color:#000000;font-weight:normal;font-size:11px;}
/*************************************
   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;}

.stabilo /*Ajouté par Fortunat*/
{background-color: #ffff00;}

/* --------------------------------------------------------------
                      centre modif par eric
-------------------------------------------------------------*/
		
.table1 { width:560px;
		  height:auto;
		  margin-left:25px;
		  padding-top:10px;}
		  
#bar1 { width:150px;
		height:auto;
		float:left;
		margin-left:10px;}
#bar2 { width:150px;
		height:auto;
		float:left;
		margin-left:30px;}
#bar3 { width:150px;
		height:auto;
		float:right;
		margin-right:30px;}
.spacer {clear:both;font-size:1px;height:1px;}

.link { width:560px;
		height:5px;
		display:block;
		text-align:center;
		margin:5px 0px 5px 10px;}
		
.link ul li  {display:inline;}

.link a  {	list-style-type:none;
			padding-left:5px;}

.table2 { width:560px;
		  height:auto;
		  float:left;
		  margin-left:10px;
		  padding-top:10px;}
#dep1 { width:180px;
        height:auto;
		float:left;
		margin-left:0px;}
		
#dep2 { width:185px;
        height:auto;
		float:left;
		margin-left:0px;}
		
#dep3 { width:185px;
        height:auto;
		float:right;
		margin-right:0px;}

#titre1 {font-size:16px;
		 font-weight: bold;
		 color: #cc0099;
		 border-bottom-width: 1px;
		 border-bottom-style: dotted;
		 border-bottom-color: #cc0099;
		 margin-left:10px;}
		 
#autretitre { font-size: 14px;
			  color: #FF9933;
              font-weight: bold;
			  border-bottom-width: 1px;
			  border-bottom-style: solid;
			  border-bottom-color: #FF9933;
			  margin-left:10px;}
			  
ul.menubar {width:180px;height:auto;}
							  
ul.menucentre {width:200px;height:auto;}
				
.menucentre img { margin-left:20px;}
			  
a { /*font-size: 11px;*/
	font-weight: normal;
	font-family: arial;
	color: #006699;
	text-decoration: none;}

a:hover {/*font-size: 11px;*/
		 font-weight: normal;
		 font-family: arial;
		 color:#FF8346;
		 text-decoration: underline;}
		

.menubar a, .menubar:visited {font-size: 11px;
									font-weight: normal;
									font-family: arial;
									color: #006699;
									text-decoration: none;
									padding-left: 9px;}
									 
.menubar a:hover {font-size: 11px;
					 font-weight: normal;
					 font-family: arial;
					 color:#FF8346!important;
					 text-decoration: underline;}

.menucentre a, .menucentre:visited {font-size: 11px;
									font-weight: normal;
									font-family: arial;
									color: #006699;
									text-decoration: none;
									padding-left: 9px;}

.menucentre a:hover {font-size: 11px;
					 font-weight: normal;
					 font-family: arial;
					 color:#FF8346!important;
					 text-decoration: underline;}
					 
/*************************************
   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;}