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

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

	#head {position:relative;cursor:hand;}
	#gauche {float:left;width: 200px; margin-left:10px;}
	.centre {width:602px;float:left;background:#fff;margin-left:7px;padding:10px 10px;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;}
	/*#droite{position:absolute;right:22px;width:200px;zoom:1;}
	#page-centrale{position:relative;margin:10px 4px;width:850px; height: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;}
/*************************************
   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 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; color:#FF3300;}
	.puborange span p span{ text-decoration:line-through; display:inline;}

/*************************************
  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 
*************************************/
	#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{position:absolute;right:2px;top:5px;z-index:3000;width:468px;}

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


/********************************************
  PAGE LISTE COMPAGNIE >>>> HEADER à garder
*********************************************/
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{padding-top:20px;}*/
.desc-fiche{padding-bottom:5px;margin:10px 0px 15px 0px;}

/*************************************
   CONTENU CENTRE  à garder
*************************************/
.centre {width:590px;/*float:left;*/background:#fff;margin-left:15px;padding:10px 10px;}
#listePort { margin-left:120px;}
table.center {border-spacing:15px;
    		  width:100%;
    		  border-collapse:collapse;}

 /*************************************
   MENU GAUCHE à garder
*************************************/
.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;}
.titrecentre {font-size: 13px;
			  color: #cc0099;
			  font-weight: bold;
			  text-align: left;
			  border-bottom-width: 2px;
			  border-bottom-style: dotted;
			  border-bottom-color: #cc0099;}
			  
/*************************************
   MOTEUR à garder
*************************************/
#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 à garder
*************************************/
/*.pub600{right:-160px;top:-73px;}*/

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

/*************************************
   PAGE AU CENTRE à garder
*************************************/
#intro{margin:10px auto !important;width:1008px;}
#intro p{ margin-left:10px ; margin-right:10px;text-align:center;}

/*************************************
   MENU HAUT à garder
*************************************/
#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; font-size:14px;}
#navonglet a:hover {color: #f90;}

.stabilo /*Ajouté par Fortunat*/
{background-color: #ffff00;}
/*************************************
   MENU DROITE à garder
*************************************/
.spur {width:auto; height:70px;}
.spur p { font:normal 10px Geneva, Arial, Helvetica, sans-serif; color:#000000; }
.sari {width:auto; height:auto; margin-left:5px;}
.sari img { float:left; margin-left:3px; margin-top:3px;}

/**************************************************
			SPACIFICATION DE SPACER
****************************************************/
.spacer {clear:both;font-size:1px;height:1px;}

/**************************************************
			TITRE A GARDER
****************************************************/		
#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;}
			  			  
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;}

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


/*************************************
   STYLE TABLEAU CENTRALE
*************************************/

tr td a img { margin-top:7px; margin-bottom:7px; vertical-align:middle;}