/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}

li {margin-bottom: 0px;}

#titre-rubrique {
	width:195px;
	height:65px;
	margin-left: 4px;
	background-image:url(../images/ships/ships.gif);
	background-repeat:no-repeat;
}

#conteneur-ship {
	clear:both;
	width:auto;
	height:auto;
/*	min-height:300px; /* IE ne le comprend pas */
	/* margin-top: 30px; */ /* marche pas sous FF */ 
	margin-right: 4px;
	margin-left: 4px;
	padding-top:30px;
	padding-right:10px;
	padding-left:10px;
	background-color:#E7EBF7;
}
#frame-gauche {
	width: 250px;
	height:auto;
	float:left;
}
#frame-droite {
	width: 676px;
	height:auto;
	margin-top:10px;
	margin-left:260px;
	color: #4A799C;
}

#menu-cruise {
	/* position: absolute; /* placement du menu, à modifier selon vos besoins */
    top: 67px;
	left: 33px;
	width: 240px;
	vertical-align: top;
	color: #437ACA;
	margin-left:7px;
	margin-top:7px;
	background-color:#9FB4D5;

}
#callback {
	float:left;
}

/* Titre */
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}



#introduction {

	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:justify;
	margin-top:20px;
	margin-bottom:15px;
	color: #21597B;
}

/* Debut  CSS du MENU */

/* MENU CSS */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
/*color: #437ACA;*/
}
/* #menu {
position: absolute;
top: 0;
left: 0;
}
*/





#menu-cruise dt {
	font-size:13px;
	cursor: pointer;
	margin: 4px 0;
	text-align: left;
	font-weight: bold;
	background-color: #9FB4D5;
	color: #FFFFFF;
}
#menu-cruise dd {
border: 1px solid #9FB4D5;
}

#menu-cruise dt a {
	color: #21597B;
/*	background-color: #FBFBFF;*/
	text-decoration: none;
	border: 0 none;
	

	
	/*height: 100%;*/
}
/*
#menu-cruise .2lignes{
	height:50px;
	line-height: 50px;
}
*/

#menu-cruise li {
	text-align: left;
	background: #9FB4D5;

}
#menu-cruise ul li a{

	font-size:13px;
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:14px;
}


/* */
#menu-cruise li a
{

	/* mettre la taille et la police de caractère pour IE sinon height devient faut */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
/*	background-color: #FBFBFF;*/
	text-decoration: none;
	display: block;
	border: 0 none;
	/* height: 100%; */  /* plante la hauteur sous IE */
	
}
 #menu-cruise dd {
	border: 1px solid #9FB4D5;
}

#menu-cruise li a:hover, #menu-cruise dt a:hover {
	background-color: #4A799C;
	color: #FFFFFF;
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}

/* Pour mettre en bleu la rubrique active */
#menu-cruise .pageactive .lien {
	color: #FFFFFF;
	background-color: #4A799C;
}

#menu-cruise .pageactive dt {
	color: #FFFFFF;
	background-color: #4A799C;	
}


#menu-cruise .pageactive dt a {
	
	background-color: #4A799C;
	color: #FFFFFF;
	font-size:30px;
}

#lien_blanc .pageactive dt a{
	color: #FFFFFF;
}
#menu-cruise .pageactive{
	color: #FFFFFF;
	background-color: #4A799C;
}

/* FIN CSS menu */

/* DEBUT contenu de l'article */

#frame-droite #titre-principal {
	display:block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;

	background-color: #9FB4D5;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
#frame-droite #titre-fleuve {
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
	text-align: center;
	margin-top:10px;
	margin-bottom:20px;
	color: #4A799C;
}
#frame-droite #titre-confort {

	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 5px;
	margin-top:8px;
	color: #4A799C;
	text-decoration: underline;

}
#frame-droite #titre-info-pratique {
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 5px;
	margin-top:8px;
	color: #4A799C;
	text-decoration: underline;
}



#frame-droite h4 {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-top:2px;
	margin-bottom: 2px;
	/* font-weight: bold; */
	float:none;
}
#frame-droite h5 {
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-top:11px;
	margin-bottom:5px;
	color: #4A799C;
}
#frame-droite h6 {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-top:8px;
	margin-bottom:3px;
	color: #666666;
}
#frame-droite p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-align: justify;
	display:inline;
}

/* FICHES TECHNIQUES */
.fiche-tech {
margin-left:8px;
}
#cadre-tous-bateaux {
min-height:300px;
width:auto;
}
.cadre-1bateau{
float:left;

}
.dernier-cadre{
float:none;
clear:both;
}

.cadre-1bateau h2{
	display:block;
	margin-left:10px;
	margin-right:10px;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	margin-top:8px;
	color: #FFFFFF;
	background-color:#9FB4D5;
	text-decoration: underline;
}
.cadre-1bateau p {
}
.cadre-1bateau p a {
	text-align:center;
	color:#21597B;
	margin-left:5px;
}
.cadre-1bateau p a:visited {
	color:#21597B;
}
.cadre-1bateau a img {
	border:none;

}


#contractuel{
	display:none;
	float:none;
}

.gras {
	font-weight: bold;
}

/* pour les pictos qui sont dans la balise div ayant l'identifiant actualité */ 
#frame-droite img {
	margin-left: 8px;
	margin-right: 7px;
	margin-top:11px;
}
#frame-droite hr {
	margin-left: 8px;
	border: 1px solid #447BCA;	
	
}

.article .avecretourligne {
	float : none;
}

.article .sansretourligne {
	float : left;
}
.article #fleche {
	margin-top:1px;
}

hr {
	height:1px;
	display:none;
}



.lien-article {
	color: #447BCA;
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: underline;
}

#separation {
	visibility:hidden;
	clear:both;
}
#pagephotos {
	width:475px;

	
}



#pagephotos h4{
	margin-bottom:5px;
	margin-top:10px;
	margin-left:10px;
}

#centrer h7 {
	text-align:right;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #447BCA;
	margin-top:20px;
	padding-bottom:20px;
	

}
#frame-video {
	width:460px;
}

#bloc-video {
	background-color:#0000FF;
	margin-bottom:20px;

}
#separation hr {

}

#frame-video h1 {
	color: #F96B05;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	/* display:block;
	vertical-align:middle; */
	margin-top:50px;
	float:left;
	width:230px;
}

#frame-video img {
	margin-top:1px;

	height:150px;

}


#haut_de_page{
	margin-left:635px;
}
.coul-bleu{
	color:#0D5FAB;
}
.coul_noir {
color:#000000;
}
.taille10{
font-size:10px;
}