/* CSS Document */

@import url(menu-gauche-comp-default.css);
@import url(styles-communs.css);

/*=== bloc "votre intineraire"=== */
	table td.titres{background:#6B8Dc8;font:bold 0.8em Arial, Helvetica, sans-serif;color:#ffffff;}

.droite-ligne{
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/droite-ligne.gif) repeat-y;
}
.gauche-ligne{
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/gauche-ligne.gif) repeat-y;
}
.trait-bas{
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/trait-bas.gif) repeat-x;
}
.rond-bas-gauche{
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/rond-bleu-fonce-gauche-bas.gif) no-repeat top;
}
.rond-bas-droite{
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/rond-bleu-fonce-droite-bas.gif) no-repeat top;
}

.td-bleu{
	background: #CFE8F3;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	padding:5px;
	color: #006699;
}
.td-bleu a,.td-blanc a{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#006699;
}
.td-blanc{
	font:bold 0.7em Arial, Helvetica, sans-serif;
	padding:5px;
	color: #006699;
}
/* ========= les titres ============ */
	h1{
			font:bold 1em Arial, Helvetica, sans-serif;
			color:#996600;
			border-bottom:1px dotted #996600;
			width:520px;
			margin-bottom:10px;
		
		}
	h2 a{
			font:normal 0.5em Arial, Helvetica, sans-serif;
			color: #FF9900;
			text-decoration:underline;
		}
	h3{
		font:bold 1em Arial, Helvetica, sans-serif;
		color: #FF9900;
		border-bottom:1px solid #006699;
		margin:10px 5px 10px 5px;
		padding-top:10px;
	
	}

/* ========== la partie droite ========= */
	#droite{
		width:566px;
		margin-left:11px;
		float:left;
		background:#ffffff;
		display:inline;
	}
	#fond-centre{
		background:#ffffff url(http://www.qcnscruise.com/templates_mc/modele10/images/fond-gauche.gif) repeat-y;
	}
/* -------------------------------------- fin de la partie haute et debut du corps de la page --------------------------*/

/* === les blocs au centre === */
	/* desc bateau */
	.desc-bateau img{
		float:left;
		margin-right:6px;
	}
	.desc-bateau span{
		font:bold 1em Arial, Helvetica, sans-serif;
		color: #ffffff;
		display:block;
		padding:2px 0px 2px 5px;
		background:#006699;
		margin-left:175px;
	}
	.desc-bateau a{
		display:block;
		font:normal 0.7em Arial, Helvetica, sans-serif;
		color:#0099CC;
		margin-top:10px;
		text-decoration:none;
	}
	.desc-bateau a:hover{
		text-decoration:underline;
	}
	.desc-bateau span img{
		float:none;
		vertical-align:middle;
	}
	div.desc-bateau{
		margin-bottom:10px;
	}
	
/* === blocs pubs orange === */
	.bloc-orange{
	width:160px;
	float:left;
	display:block;
	margin:5px 10px 10px 0px !important;
	margin:5px 6px 10px 0px;
	background:#F4FAFF;
	}
	
	/* image miniature du bloc aligné à gauche*/
	.bloc-orange img{float:left;margin:4px;}
	
	/* titre du bloc avec background bleu */
	.bloc-orange p.titre{
	height:30px;
	background:#0099CC;
	text-indent:8px;
	}
	
	/* lien du titre */
	.bloc-orange p.titre a:link,.bloc-orange p.titre a:visited,.bloc-orange p.titre a:active{
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:30px;
	text-decoration:none;
	}
	/* lien titre au survol de la souris */
	.bloc-orange p.titre a:hover{text-decoration:underline;}
	
	/* le bloc desc (qui contient la miniature et les descriptions */
	.bloc-orange .desc{
	border:1px solid #0099CC;
	font:normal 0.7em Arial, Helvetica, sans-serif;
	height:105px;
	padding-bottom:10px;
	}
	
	/* bloc du vol inclus */
	.bloc-orange div.desc p.vols-inclus{
	margin:8px 0px 10px 50px;
	background:transparent;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
	/* lien voir toutes */
	.voir-toutes{text-align:center;margin-bottom:20px;clear:both;}
	.voir-toutes a{font:normal 11px Arial, Helvetica, sans-serif;color:#0099CC;}

/* === les promotions=== */
	/* bloc conteneur des promos */
	.bloc-bleu{
		width:566px;
		display:block;
		margin:10px 0px 10px 0px!important;
		margin:10px 0px 10px 2px;
		background:#ffffff;
	}
	/* le titre de chaque bloc */
	.bloc-bleu p.titre{
		background: #d2d6e2;
		color: #006699;
		padding-top:0px !important;
		padding-top:5px;
		font:bold 0.8em Arial, Helvetica, sans-serif;
		line-height:30px;
		text-indent:5px;
		height:30px;
	}
	.bloc-bleu p.titre a:link,.bloc-bleu p.titre a:visited,.bloc-bleu p.titre a:active{
	color:#006699;
	font:bold 1em Arial, Helvetica, sans-serif;
	text-decoration:none;
}
	.bloc-bleu p.titre a:hover{
		text-decoration:underline;color:#006699;
;
	}
	/* bordure de chaque bloc */
	.bloc-bleu div.desc{
		border:1px solid #d3e1ec;
		background:#ffffff;
	}
	/* image bateau de chaque bloc*/
	.bloc-bleu div.desc img{
		float:left;
		margin:5px;
	}
	.bloc-bleu div.desc ul li img{
	float:none;
	margin:0px;
	}
	/* les descriptions (compagnies, bateaux, catégories et escales) */
	.desc ul.desc-intro span{
		font:bold 11px Arial, Helvetica, sans-serif;
	}
	.desc ul.desc-intro{
		width:265px;
		background:#ffffff;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	.desc ul.desc-intro li{
		display:block;
		clear:left;
	}
	.desc ul.desc-intro a{
		font:normal 1em Arial, Helvetica, sans-serif;
		/*color:#0099CC;*/
		color:#000000;
		height:25px;
		line-height:25px;
		width:90px;	
		text-decoration:none;
		/*
		display:block;
		background:url(http://www.qcnscruise.com/templates_mc/modele10/images/loupe.gif) no-repeat right;
		*/
	}
	
	/* bloc liste de la description */
	.bloc-bleu .desc ul{
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		margin-bottom:5px;
		padding-bottom:2px;
	}
	/* logo compagnie et carte à droite */
	.depart p{
		display:block;
		font:normal 0.6em Arial, Helvetica, sans-serif;
		color:#000000;
		clear:left;
	}
	.depart p.carte img{margin-left:15px;}
	.depart{width:110px !important;width:110px;float:right;background:#ffffff;}
	
	/* les blocs prix */
	.bloc-orange div.desc ul.promos,.bloc-bleu div.desc ul.promos{
		background:#f0f0ef url(http://www.qcnscruise.com/templates_mc/modele10/images/back-liste-bleu.gif) no-repeat left;
		width:96%;
		margin:0;
		padding:0;
		margin-left:8px !important;
		margin-left:3px;
	}
	/* les listes des blocs promos */
	.bloc-bleu div.desc ul.promos li{
		float:left;
		width:95px;
		padding:2px;
		text-align:center;
	}
	.bloc-bleu div.desc ul.promos li span.prix{
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000000;
		display:block;
	}
	.bloc-bleu div.desc ul.promos li img{
		display:block;
		margin:5px 0px 0px 35px !important;
		margin:5px 0px 0px 5px;
		border:none;
	}
	.bloc-bleu div.desc ul.promos li.voir-video img{
		margin:0px 0px 0px 5px !important;
	}
	.bloc-bleu div.desc  ul.promos li a{
		font:normal 0.9em Arial, Helvetica, sans-serif;
		color:#0099CC;
		background:url(http://www.qcnscruise.com/templates_mc/modele10/images/loupe.gif) no-repeat right 10px;
		height:20px;
		line-height:20px;	
		display:block;
		text-indent:8px;
		text-align:left;
		padding-top:13px;
	}
	.bloc-bleu div.desc ul.promos li span.texte-bold-rouge{
		font:bold 1em Arial, Helvetica, sans-serif;
		display:block;
	}
	/* le tiret separant les caracteristiques et le bloc en bas */
	.desc div.ligne{
		border-bottom:1px dotted #000000;
		font-size:1px;
		clear:both;
		margin-left:143px;
		margin-bottom:10px;
		margin-right:15px;
		height:1px;
	}
	/* le bouton selectionner */
	.selectionner a{
		font:bold 1em Arial, Helvetica, sans-serif;
		color:#006666;
		width:120px;
		float:right;
		margin:8px 25px 8px 0px !important;
		margin:8px 8px 8px 0px;
	}
	
	div.selectionner{
		background:#ff0000;
	}
	ul.promos li span{font:normal 11px Arial, Helvetica, sans-serif;}