/* CSS Document */
/* === titres === */
h1{
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #FF0000;
	border-bottom:1px solid #ff9900;
	margin-bottom:10px;
	margin-top:10px;
}
h2 a{
	font:normal 0.5em Arial, Helvetica, sans-serif;
	color:#0099CC;
	text-decoration:underline;
}

#moteur{
	position:relative;
}

#moteur form{padding:2px 2px 8px 2px;border:1px solid #006699;margin-bottom:10px;width:97%;}

#moteur div#onglet{
	height:32px;
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/onglet-recherche.gif) no-repeat;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:32px;
	text-indent:10px;
}
#moteur #form{
	background: url(http://www.qcnscruise.com/templates_mc/modele10/images/fond-moteur.gif);
}
#moteur #form-interne{
	padding:2px;
	width:97%;
	border:1px solid #006699;
	margin-bottom:10px;
	background:#ffffff;
	padding-bottom:8px;
	padding-top:8px;
}
#moteur #form-interne div.aide{
	background:#ffffff url(http://www.qcnscruise.com/templates_mc/modele10/images/appel-fond.jpg) no-repeat top left;
	width:90%;
	margin:auto;
	padding:auto;
	border:1px solid #006699;
}
#moteur #form-interne div.aide p{
	width:130px;
	float:right;
	text-align:center;
}
#moteur #form-interne ul{
	/*margin:0;
	padding:0;
	margin:0px 4px 0px 1px !important;
	margin:0px 3px 0px 2px;
	list-style-type:none;
	float:left;
	width:110px;*/
	margin:0;
	padding:0;
	margin:0px 0px 0px 2px;
	list-style-type:none;
	float:left;
	/*width:112px;*/
	width:112px;
	
}
#moteur #form-interne_fl{
	padding:2px;
	width:97%;
	border:1px solid #006699;
	margin-bottom:10px;
	background:#ffffff;
	padding-bottom:8px;
	padding-top:8px;
}
#moteur #form-interne_fl ul{
	/*margin:0;
	padding:0;
	margin:0px 4px 0px 1px !important;
	margin:0px 3px 0px 2px;
	list-style-type:none;
	float:left;
	width:110px;*/
	margin:0;
	padding:0;
	margin:0px 0px 0px 2px;
	list-style-type:none;
	float:left;
	/*width:112px;*/
	width:70px;
	
}

#moteur #form-interne ul span.texte-bold-noir{
	display:block;
	margin-bottom:5px;
}
#moteur #form-interne div.aide ul li img{
	margin-right:5px;
}
#moteur #form-interne div.aide span.texte-bold-bleu,#moteur #form-interne div.aide span.texte-bold-rouge{
	display:block;
	font:bold 0.7em Arial, Helvetica, sans-serif;}
	
#moteur #form-interne div.aide ul li{
	margin-bottom:2px;}
	
#moteur #form-interne ul li a:link,#moteur #form-interne ul li a:active,#moteur #form-interne ul li a:visited{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#336699;
	margin-left:6px;
	text-decoration:underline;}
	
#moteur #form-interne ul li a:hover{
	text-decoration:none;}
	
#form-interne ul#a-propos p{
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#ffffff;}
	
#form-interne ul#a-propos li a{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-left:10px;}
	
#moteur #form img{
	margin:auto;
	padding:auto;}
	
/* formulaire moteur */
p#radio{
	margin-bottom:6px;
	text-align:center;}
#moteur p#radio label{
	font:0.8em Arial, Helvetica, sans-serif normal ;
	margin-right:3px;}
	
#moteur p#radio input{
	margin-right:0px;
	margin-top:5px;
	display:inline;}
	
#moteur p#input-textes label{
	display:block;
	font:normal 0.8em Arial, Helvetica, sans-serif;}
	
#moteur p#input-textes select{
	width:220px;
	margin:5px 0px 5px 0px;}
	
#moteur p#input-textes{width:220px;}
#moteur p#input-textes span{
	display:block;
	width:100%;
	font:bold 0.6em Arial, Helvetica, sans-serif;
	margin-top:30px;
	text-align:right;
	font:bold 0.6em Arial, Helvetica, sans-serif;}
	
#moteur p#input-textes span a{
	display:block;
	font:bold Arial, Helvetica, sans-serif 0.6em;}

/* la partie droite */
#droite{
	width:518px;
	margin-right:8px;
	float:right;
	background:#ffffff;
	display:inline;
	padding:0px 0px 10px 10px;}
	
	div.aide ul li, div.aide span.texte-bold-noir, div.aide span.texte-bold-vert{float:none;width:200px;}
	#form-interne div.aide ul span#vert-fin{display:block;}

/* == partie gauche === */
#colonne-gauche{
	width:240px;
	float:left;
	margin-left:7px!important;
	margin-left:2px;}
	
/* liens voir toutes... et puce */
 span.autres-dest a{
	display:block;
	float:right;
	width:200px;
	text-align:right;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	color: #0066cc;
	margin-top:6px;
	padding-right:10px;}
	
/* les onglets gauche */

#gauche div p.onglet span{
	padding-top:5px;
	display:block;
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/puce-blanc-transparent.gif) no-repeat 3px 10px;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#fff;
	text-indent:13px;}
	
#gauche div p.onglet{
	width:239px;
	background: #006699;
	height:29px;
	margin-top:2px;}
	
#gauche div p.onglet span{
	padding-top:5px;
	display:block;
	background:url(http://www.qcnscruise.com/templates_mc/modele10/images/puce-blanc-transparent.gif) no-repeat 3px 10px;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#fff;
	text-indent:13px;}
	
/* bloc compagnies */
#gauche  ul#compagnies{
	list-style-type:none;
	width:117px;
	float:left;
	padding-left:5px;}
	
#gauche ul#compagnies li a{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration:underline;}
	
#gauche ul#compagnies li img{margin-right:3px;}
	
/* === centre ==== */
#centre-page{
	background:#ffffff url(http://www.qcnscruise.com/templates_mc/modele10/images/back-gauche.gif) repeat-y ;}
	
/* === principaux ports de departs === */
#bloc1 ul.pays{
	list-style-type:none;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:150px;}
	
#bloc1 a{
	font:0.7em Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;}
	
#bloc1 div a:hover{
	background:#006699;
	color:#ffffff;
	padding-left:2px;
	padding-right:2px;}
	
#bloc1 a:hover{text-decoration:underline;}
#bloc1 p{
	display:block;
	clear:both;}
	
#bloc1 p a{
	text-decoration:underline;}
	
#bloc1 div{
	text-align:center;
	margin-bottom:10px;}
	
/* la partie droite-listing2 pour les croisères dans plan du site*/
#droite-listing2{
	width:516px;
	margin-right:8px;
	float:right;
	background:#ffffff;
	display:inline;}
	
/* listing2 */
 ul#listing2{
	float:left;
	display:block;
	list-style-type:none;
	width:254px!important;
	width:250px;
	margin-left:5px;}
	
ul#listing2 li{
	font:11px Arial, Helvetica, sans-serif;
	margin-bottom:10px;}
	
#listing2 p{
	float:left;
	display:block;
	
}
ul#listing2 img{
	float:left;
	display:block;}
	
#listing2 img{
	padding-right:5px;}

.promo-prix{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration: line-through;
	color:#FF9900;}
	
#listing2 a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#006699;
	text-decoration:underline;
	display:inline;}
	
/*Ajout dest maritime*/
#moteur #form-interne_dest{
	padding:2px;
	width:97%;
	border:1px solid #006699;
	margin-bottom:10px;
	background:#ffffff;
	padding-bottom:8px;
	padding-top:8px;}

#moteur #form-interne_dest ul{
	margin:0;
	padding:0;
	margin:0px 0px 0px 2px;
	list-style-type:none;
	float:left;
	width:200px;}

#moteur #form-interne_dest ul span.texte-bold-noir{
	display:block;
	margin-bottom:5px;}
	
#moteur #form-interne_dest ul li a:link,#moteur #form-interne_dest ul li a:active,#moteur #form-interne_dest ul li a:visited{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#336699;
	margin-left:6px;
	text-decoration:underline;}
	
#moteur #form-interne_dest ul li a:hover{
	text-decoration:none;}
	
/*Ajouts ce 22-06-09 Eric pour liste par région croisiere maritime */
span.titre-region { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;color:#006699;padding:3px;}
#form-interne_dest ul li { padding-left:10px;}