/* ce fichier contient la structure des blocs liste pour les compagnies,  */

/* === blocs orange et bleus === */
	.bloc-orange,.bloc-bleu{
		width:566px;
		display:block;
		margin:10px 0px 10px 0px!important;
		margin:10px 0px 10px 2px;
		background:#ffffff;
	}
	/* titres des blocs orange et bleus */
	.bloc-orange p.titre{
		background:#FF9900;
		color:#ffffff;
	
	}

	.bloc-bleu p.titre{
		background: #d3e1ec;
		color: #006699;
		}

	.bloc-bleu p.titre,.bloc-orange p.titre{
		padding-top:0px !important;
		padding-top:5px;
		font:bold 0.8em Arial, Helvetica, sans-serif;
		line-height:30px;
		text-indent:5px;
		height:30px !important;
		height:20px;
	}

/* liens sur les titres des blocs oranges et bleus */
	.bloc-orange p.titre a{
		color:#ffffff;
	}
	.bloc-bleu p.titre a{
		color: #006699;
	}
	.bloc-orange p.titre a,.bloc-bleu p.titre a{
		font:bold 1em Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	.bloc-orange p.titre a:hover,.bloc-bleu p.titre a:hover{
		text-decoration:underline;
	}

/* caracteristiques à droite de l'image  */
	.bloc-orange .desc{
		border:1px solid #FF9900;
		background:#ffffff;
	}
	.bloc-bleu .desc{
		border:1px solid #d3e1ec;
		background:#ffffff;
	}
	.bloc-orange .desc ul,.bloc-bleu .desc ul{
		margin:0;
		padding:0;
		list-style-type:none;
		font:normal 0.7em Arial, Helvetica, sans-serif;
		float:left;
		margin-bottom:5px;
		padding-bottom:2px;
	}
	.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.gif) no-repeat left;
		width:96%;
		margin:0;
		padding:0;
		margin-left:8px !important;
		margin-left:3px;
	}
	.bloc-bleu div.desc ul.promos{
			background:#f0f0ef url(http://www.qcnscruise.com/templates_mc/modele10/images/back-liste-bleu.gif) no-repeat left;
	
	}
	
	.bloc-orange div.desc ul.promos li,.bloc-bleu div.desc ul.promos li{
		float:left;
		width:95px;
		padding:2px;
		text-align:center;
	}
	
	.bloc-orange div.desc ul.promos li span.texte-bold-blanc, .bloc-bleu div.desc ul.promos li span.texte-bold-blanc{
		font:bold 1.5em Arial, Helvetica, sans-serif;
		display:block;
		padding-top:13px;
		color:#ffffff;
	}
	
	
	.bloc-orange div.desc ul.promos li span.texte-bold-jaune,.bloc-bleu div.desc ul.promos li span.texte-bold-jaune{
		font:bold 1.5em Arial, Helvetica, sans-serif;
	}
	
	.bloc-orange div.desc ul.promos li span.prix,.bloc-bleu div.desc ul.promos li span.prix{
		font:bold 1.2em Arial, Helvetica, sans-serif;
		color:#000000;
		display:block;
	}
	
	.bloc-orange div.desc ul.promos li img,.bloc-bleu div.desc ul.promos li img{
		display:block;
		margin:5px 0px 0px 35px !important;
		margin:5px 0px 0px 5px;
		border:none;
	}

/* bouton voir la video des blocs bleu ( seulement pour les blocs bleus )*/
	.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;
	}

/* 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 descriptions (compagnies, bateaux, catégories et escales) */
	.desc ul.desc-intro span{
		font:bold 1em Arial, Helvetica, sans-serif;
		}
	.desc ul.desc-intro{
		width:270px;
		background:#ffffff;
	}
	.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;
	}

/* prix promo */
	.promo-prix{
		font:bold 14px Arial, Helvetica, sans-serif;
		text-decoration: line-through;
		color:#FF9900;
	}

/* l'image à gauche des caracteristiques des blocs orange et blocs bleu*/
	.desc img{
		float:left;
		margin-right:5px;
		margin-left:5px;
		margin-top:5px;
	}
	.desc ul li img{
		float:none;
	}