/* CSS Document */

#conteneur-cruise{
	margin:0;
	padding:0;
}

/* MISE EN PAGE  */ 
#div-cruise-haut{
	clear:both;
	height:auto;
	width:auto;
	margin:0;
	margin-left:6px;

	margin-bottom:0;
	padding-top:0;

}
#div-cruise-bas{
	clear:both;
	margin:0;
	padding:0;
	margin-top:0px;
	margin-left:6px;


}


/* accueil flash*/
#accueil-flash {
	width:965px;
	height:302px;
}




/* CONTENEURS COLONNES*/

#conteneur-colonne1 {
	width:236px;
	height:auto;
	/* padding-top pour decalage par rapport au moteur de recherche */
	padding-top:6px;
	/* si on met pas de margin resultat identique sous IE et FF */
	/* solution au décalage : mettre un padding au lieu du margin */
	margin-right:7px;
	text-align: left;
	vertical-align:middle;
	float:left;
}
#conteneur-colonne2 {
	width:236px;
	height:auto;
	/* padding-top pour decalage par rapport au moteur de recherche */
	padding-top:6px;
	/* margin-right:7px;  a enlever pour sondage */ 
	text-align: center;
	vertical-align:middle;
	float:left;
}
#conteneur-colonne2 img{
	vertical-align:middle;
	border:0;
}

#sondage {
	margin-top:10px;
	clear:left;
}

#conteneur1-2-s {
	width:auto;
	margin:0px;
	padding:0px;
	height:auto;
	float:left;
	margin-right:7px;
}

#conteneur-colonne3 {
	width:236px;
	height:auto;
	/* padding-top pour decalage par rapport au moteur de recherche */
	padding-top:6px;
	margin-right:7px;
	vertical-align:middle;
	float:left;
}
#conteneur-colonne4 {
	width:236px;
	height:auto;
	margin-right:7px;
	text-align: center;
	vertical-align:middle;
	float:left;
}


.conteneur-menu{
	margin-bottom:8px;
	float:none;
}
#menu1-top{
	padding:0;
	margin:0;
	background-color:#5a8cbe;
	padding-top:2px;
	width:236px;
	height:34px;
}
#menu2-top{
	padding:0;
	margin:0;
	background-color:#82b48c;
	padding-top:2px;
	/*float:none;*/
	width:236px;
	height:34px;
}
#menu3-top{
	padding:0;
	margin:0;
	background-color:#af78be;
	padding-top:2px;
	margin-top:16px;
	/*float:none;*/
	width:236px;
	height:34px;
}
#menu4-top{
	padding:0;
	margin:0;
	background-color:#e1a92d;
	padding-top:2px;
	width:236px;
	/*float:none;*/
	height:34px;
}
/* Titre de chaque bloc */
h2 a{
	color:#FFFFFF;
}

#menu1-top h2{
	margin-top:10px;
	color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/* centrage */
	text-align:center;
	vertical-align:middle;
}

/* Titre de chaque bloc */
#menu2-top h2{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/* centrage */
	text-align:center;
	vertical-align:middle;
}
/* Titre de chaque bloc */
#menu3-top h2{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/* centrage */
	text-align:center;
	vertical-align:middle;
}
#menu4-top h2{
	margin-top:10px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/* centrage */
	text-align:center;
	vertical-align:middle;
}

#menu1-photo{
	width:236px;
	height:59px;
	background-image:url(../images/cruise/river-cruise.gif);
	background-repeat:no-repeat;
}
#menu2-photo{
	width:236px;
	height:59px;
	background-image:url(../images/cruise/maritime-cruise-coastal.gif);
	background-repeat:no-repeat;
}
/*
#menu3-photo{
	width:236px;
	height:59px;
	background-image:url(../images/cruise/cruise-maritime.gif);
	background-repeat:no-repeat;
}
*/
#menu4-photo{
	width:236px;
	height:59px;
	background-image:url(../images/cruise/world-tour.gif);
	background-repeat:no-repeat;
}

.destination {
	padding:0;
	margin:0;
	left:14px;
	/* distance entre chaque lignes des destinations  */
	margin-bottom:4px;
	padding-left:0px;/* pour résoudre le pb d'identification de la zone entre IE et Firefox (decalage à faire sur firefox) */
}

.destination ul li{

list-style-type: none;
padding-bottom: 2px;
padding-top: 2px;
background-image: url();
background-position: 0px 0px;
*width: 166px; /* largeur de la zone de réaction de chaque ligne */
width:166px;
background-repeat: no-repeat;
}

.destination li {
	list-style-type: none;
	padding-left:50px;
	padding-bottom: 4px;
	padding-top: 4px;
	
	position:relative;
	z-index:2;
	}

.destination li a {
	/* Ne pas rajouter de margin ou autre sinon ca saute le décalage */
	padding-left:10px;
	margin-bottom:4px;
	margin-top:4px;
}

.destination li ul li {
/*	padding:5px; */
	position:relative;
	z-index:10;
}


/* Le large pour différencier la colonne 1 des autres cause du z-index*/
.destination-large {
	padding:0;
	margin:0;
	left:14px;
	/* distance entre chaque lignes des destinations  */
	margin-bottom:4px;
	/* pour résoudre le pb d'identification de la zone entre IE et Firefox (decalage à faire sur firefox) */
	margin-left:0px;
}


.destination-large ul li {

list-style-type: none;

padding-bottom: 2px;
padding-top: 2px;
background-image: url();
background-position: 0px 0px;
*width: 192px;
background-repeat: no-repeat;
	
}

.destination-large li {

list-style-type: none;
padding-left: 50px;
padding-bottom: 2px;
padding-top: 2px;

position:relative;
z-index:1;
}
.destination-large li ul li a {


	padding-left:10px;
	
}

.destination-large li a {
	padding-left:10px;
	margin-bottom:2px;
	margin-top:2px;
	
}

.menu1-midle {
	height:240px;
	padding:0;
	margin:0;
	padding-top:5px;
	background-color:#e1e9f6;
}
.menu2-midle {
	width:236px;
	padding-top:5px;
	background-color:#d6e7d5;
	text-align:left;
}
.menu3-midle {
	width:236px;
	padding-top:5px;
	background-color:#c5b7cf;
	text-align:left;
}
.menu4-midle {
	width:236px;
	padding-top:5px;	
	background-color:#fffced;
	text-align:left;
}


/* Pour que le menu fonctionne  */

/* Pour cacher les sous-menus :
Toutes les balises UL placées à l'intérieur d'une balise LI doivent sortir du flux et ne plus être visibles. */
li ul{  
	display:none;
}

/* Pour afficher les sous-menus au passage de la souris :
Lorsque la souris passe sur une balise LI contenant une balise UL, cette dernière doit apparaître sur la page HTML */
li:hover>ul{  
	display:block;
}

/* appliquer notre comportement à notre menu. */
<li onmouseover="hover(this);" onmouseout="hover(this);">

#menu-cruise{
	/* width:200px;*/
	
}

/* Vous noterez quelques propriétés de style qui commencent par le signe « _ ». Ces propriétés ne sont interprétées que par IE et sont bien pratiques pour contourner certains bugs (affichage des balises LI) ou certaines spécificités (modèle de boite non standard) de ce navigateur.
*/


/* MENU : niveau 1  */
#menu-cruise {
	list-style:none;
	/*margin:14px;*/
	margin-left:0px;
	padding:0px;
	
	/* Pour FF */
	width:196px;
	/*  pour IE :  */
	_width:196px;  /* attention si on le diminue, n'arrive plus a acceder au ss menu 2 */
	font-weight: bold;
	color:#4A799C;
}

/*
#menu-cruise li {

background-image:url(../images/bullet-news.gif);
background-repeat: repeat-y;
}
*/



/* SOUS MENU de DROITE */
 /* MENU : niveau 2  */

ul#menu-cruise ul{
	background:#FBFBFF;
	list-style:none;
	margin:0px;
	padding:6px;
	width:186px;
	/*  pour IE :  */
	_width:186px;
	font-weight: bold;	
	position:absolute;
	top:-8px;
	left:196px;
	 
	/*margin-left:250px; */
	}


/* SOUS MENU de DROITE */ 
.bloc-ss-menu {
	border: 1px solid #FFFFFF;
	background-image: url(../images/commun/bottom-promotion.gif);
	}

.entourebloc {
	border: 1px solid #BDBDBD;
/*	padding-left:18px;	 */
	padding-top:5px;	
	padding-bottom:5px;
}



ul#menu-cruise li{
	position:relative;
	margin:0px;
	padding:0px;
	_display:inline;
}

ul#menu-cruise a{
	display:block;
	width:100%;
	text-decoration:none;
	line-height:14px;
	vertical-align:middle;
}
	
ul.couleur-verte a{
	color:#009966;
}
ul.couleur-bleu a{
	color:#4A799C;
}
ul.couleur-orange a{
	color:#F96B05;
}

ul#menu-cruise a:hover{
	text-decoration: underline;
	/*background: #009966;*/
	/*color: #FFFFFF;*/
}

/**** CSS POUR conteneur-colonne2 AVEC CONTACT TEL + PROMO  + ACTU ****/
#horaires {
	width:180px;
	margin-top:4px;
	margin-left:560px;
	vertical-align:top;
	text-align:right;
	}

#callback img {
	vertical-align:top;
	margin-top:15px;
	margin-left:590px;
	text-align:right;
	border:0;
}
#horaires img {
	border:0;
}
form, select{
	margin:0;
	padding:0;
}

.separation {
	clear:both;
	visibility:hidden;
}



/* ENCAR ACTUALITE */

#top-actualite-cruise {
	margin:0;
	margin-top:19px;
	padding-top:2px;
	height:34px;
	line-height:34px;
	width:236px;
	float:left;
	background-color:#b5a280;
	/*background-color:#c2beb7;*/
	text-align:center;
}
#midle-actualite-cruise{
	margin:0;
	padding:0;
	width:230px;
	_width:230px;
	float:left;
	padding-top:4px;
	padding-left:2px;
	border: 2px solid #FFFFFF;
}

#actu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin:0;
}
.photo-actu {
	float:left;
}
.photo-actu img {
	border:0;
}
.annonce-actualite img {
	margin:0;
	padding:0;
}
.annonce-actualite {
	text-align:right;
	margin:0;
	padding:0;
	
}

.titre-actu {
	width:166px;
	height:auto;
	margin-left:8px;
	float:left;
}

.titre-actu a {
	color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;

}
.titre-actu a:hover {
	text-decoration: underline;	
}
/*
.separation2 {
	clear:both;
	visibility:hidden;
}
*/
/* POUR NEWSLETTER */

#top-newsletter-croisiere {
	margin:0;
	margin-top:17px; /* avant 79 */
	height:34px;
	line-height:34px;
	width:236px;
	float:left;
	background-color:#5A8EBD;
	/*background-color:#c2beb7;*/
	text-align:center;
	vertical-align:middle;
}
#news {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin:0;
	margin-top:8px;
}
#newsletter {
	width:228px;
	height:auto;
	margin:0;
	padding:0;
	padding:4px;
	/*	margin-bottom:6px; /* POUR SORTIR LE MENU DU FLUX  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	background-color:#E7EBF7;
	
}
#newsletter #list{
	width:150px;
	margin-top:8px;
}
#newsletter #e-mail{
	width:217px;
	height:16px;
}
#envoyer{
margin-left:150px;
}


 /*****  ENCAR PROMO ******/
#top-promotion {
	margin:0;
	margin-top:8px;
	padding-top:2px;
	height:34px;
	line-height:34px;
	width:236px;
	float:left;
	background-color:#be9678;	
}
#top-promotion h2{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin:0;
}
#midle-promotion {
	margin:0;
	padding:0;
	width:236px;
	_width:236px;
	height:auto;
	float:left;
}

.titre-promo{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left:5px;
	text-align:left;
	width:230px;
}

.texte-promo {
	height:auto;
	width:220px;
	text-align:left;
	margin-left:4px;
	padding-left:2px;
	margin-bottom:4px;

}
.ahover a:hover{
	text-decoration: underline;
}
.date-promotion {
	float:left;
	margin-left:2px;
	margin-bottom:7px;
	padding-top:7px;
	height:auto;
	width:222px;
	text-align:left;
}



.annonce-promotion {
	width:236px;
	height:auto;
	margin:0;
	padding:0;
	background-color:#ede1d7;
	clear:both;
	padding-top:3px;
}
.hr-invisible {
display:none;
}
.bottom-promo {
	margin:0;
	padding:0;
	width:236px;
	height:12px;
	margin-bottom:2px;
	background-image:url(../images/promotions/bottom.gif);
	background-repeat:no-repeat;
	background-color:#9FB4D5;
	
}

.photo-promo {
	width:82px;
	height:auto;
	float:left;
	margin-top:2px;
}
.photo-promo img {
	border:0;
}


.partir-de {
	float:left;
	padding-top:2px;
}
.prix {
	font-size: 17px;
	font-weight: bold;
}

.au-lieu-de {
	margin-top:1px;
	float:none;
}
.info-prix{
	margin-top:3px;
}
.nb-jours {
	margin-top:3px;
}
.texte-plus {
	margin-top:2px;
}
.date-promotion{
	margin-left:6px;
}
.date-promotion a:hover {
	text-decoration: underline;
}
#midle-promotion img{
	float:left
}
.separation-promo {
	border-top-width: 3px;
	border-top-style: dotted;
	border-top-color: #FF6600;
}

.taille9{
	font-size: 9px;
}
.taille10{
	font-size: 10px;
}
.taille11{
	font-size: 11px;
}
.taille12{
	font-size: 12px;
}
.taille13{
	font-size: 13px;
}
.align_left{
	text-align:left;
}
.align_right{
	text-align:right;
}
.souligne{
	text-decoration: underline;
}
.centrer{
	text-align:center;
}
.couleur-orange{
	color: #de691d;
}
.couleur-orange a{
	color: #de691d;
}
.coul_blanc{
	color:#FFFFFF;
}
.coul_blanc a{
	color:#FFFFFF;
}
.coul_bleu{
	color:#4A799C;
}
.coul_bleu a{
	color:#4A799C;
}
.coul-bleu-fonce{
	color:#213494;
}
.coul-bleu-fonce a{
	color:#213494;
}
.couleur_blanc{
	color:#FFFFFF;
}

.coul_gris{
	color:#666666;
}
.coul_noir{
	color:#000000;
}
.coul_noir a{
	color:#000000;
}
.gras{
	font-weight:bold;
}
.gras a{ 
	font-weight:bold;
}


/* CSS DE LA VENTE EN LIGNE  */ 
/*object {
	width:756px; 
	height:2000px;
}

#itea {
	margin: 0;
	overflow:auto;
	border: none;
}

body {
	margin: 0;
}
*/