@charset "utf-8";
@import url("reset.css");
@import url("global.css");

/*************************************
   HEADER
*************************************/

body{margin-left:auto;
	 margin-right:auto;
	 width:100%;
	 background:url(../images/bg.png) repeat-x center 130px;}
	 
#head {position: relative; 
	   margin-left:auto; 
	   margin-right:auto;
	   width:100%;
	   height:125px;background:#B6C7E1 url(../images/fond.jpg)  113px top;}
		
#wrap_txt1{width:100%;margin:0 auto;background: url(../images/txt1.jpg) repeat-x;}
#txt1{background: url(../images/txt1.jpg) repeat-x;color:#fff;width:1008px;margin:0 auto;}
#txt1 a{color:#fff;}
#language{right:50px;bottom:8px;}
.bann468{position:absolute;right:2px;top:5px;z-index:3000;width:468px;}


/*************************************
   MENU GAUCHE + CORNER
*************************************/
.corner{width:205px;border:1px solid #0099CC;-moz-border-radius: 10px 10px 10px 10px; background: url(../images/deg_bleu.png) repeat-y;padding:10px 2px;}/*196px*/
 
.puborange p.titrecentre {color:#ff0000;}
/*************************************
   MOTEUR
*************************************/
#blocmoteur {background-color:#FFF9FF;border: 1px solid #CC0099;width:208px;}
#titremoteur h1{color: #fff;background:url(../images/moteur-haut.jpg) no-repeat ;width:210px;}

label {color: #336699;}

/*************************************
   MENU DROITE
*************************************/
/*.pub600{right:-165px;top:0px;}*/

/*************************************
   PROMOS
*************************************/
#headPromo{color: #fff;background: /*#006699*/#ff9900;}

/*************************************
   PAGE AU CENTRE
*************************************/

.centre {width:594px;margin-left:/*14*/12px;}

#intro{margin:0px 32px 10px 208px!important;text-align:left;padding-bottom:8px;}
#intro{position:relative!important;}
#intro p{margin-right:200px;text-align:left;}
#intro label{display:block;font-size:12px;}
#intro form{width:200px;text-align:left;position:absolute;top:0px;left:420px;}

fieldset#liste-orange p,fieldset#liste-bleu p{margin:10px 130px 0px 5px; font-size:12px;}
fieldset#liste-orange h3, fieldset#liste-bleu h3{padding-left:4px;margin:5px 0px 5px 100px;}

fieldset#liste-orange{border:1px solid #f90;font-size:11px;}
fieldset#liste-orange .spacer{border-bottom:2px dotted #f90;margin-bottom:10px;}
fieldset#liste-orange legend{color:#f90;font-size:16px;}
fieldset#liste-orange h3{background:url(../images/degrade-orange-1.jpg) repeat-y;display:block;color:#fff;font-size:14px; margin-left:0px;}

fieldset#liste-bleu{border:1px solid #006699;font-size:11px;margin-top:10px;}
fieldset#liste-bleu .spacer{border-bottom:2px dotted #006699;margin-bottom:10px;}
fieldset#liste-bleu legend{color:#006699;font-size:16px;}
fieldset#liste-bleu h3{background: url(../images/fond_standard.jpg) repeat-y;display:block;color:#fff;font-size:14px;}
fieldset div.desc-liste div.logo img{width:auto;position:absolute;left:0px!important;}
fieldset div.desc-liste span{display:block;font-size:12px; margin-left:150px;}

h2{text-align:center;background: #eee;margin:8px;}
h2 a{font-size:14px;color:#0099CC;text-decoration:underline;}
h2 a:hover{color:#0099CC;text-decoration:none;}
.prixPromo {color:#ff0000;}
.puborange .prixPromo span{display:inline;color:#000000;font-weight:normal;font-size:11px;}
/*************************************
   MENU HAUT
*************************************/
#headermenu li {background:url(../images/menu-haut/left.gif) no-repeat left top;}
#navonglet a {background:url(../images/menu-haut/right.gif) no-repeat right top; color:#fff; font-size:13px; font-weight:bold;}
#navonglet a:hover {color: #f90;}

.stabilo /*Ajouté par Fortunat*/
{
	background-color: #ffff00;
}
/***********************************************************************
            ajouté par ERIC pour la page croisiere-fluvial
*************************************************************************/

.un { padding-left: 15px;
			 font-family: Verdana,Arial,Helvetica,sans-serif;
			 font-size: 18px;
			 color: #CE0297;
			 font-weight: lighter;
			 text-align: left;
			 border-bottom-width: 2px;
			 border-bottom-style: dotted;
			 border-bottom-color: #CE0297;}
			 
.deux {font-family: Verdana,Arial,Helvetica,sans-serif;
			 font-size: 14px;
			 color: #CE0297;
			 font-weight: lighter;
			 text-align: left;}
			 
.mois { width:590px;
		height:50px;
		}			 
.mois #firstmois { width:120px;
			 	   height:auto;
				   float:left;
				   margin-left:10px;
				   margin-right:5px;
			       }
.mois #secmois { width:50px;
		        height:auto;
		        border-right:solid 1px #336699;
				float:left;
				margin-right:5px;
		        }

.mois #trimois{ width:120px;
		  		height:auto;
				float:left;
				margin-left:5px;
		  		margin-right:5px;
		  		}
				
#quatromois { width:50px;
			  height:auto;
			  float:left;
			  border-right:solid 1px #336699;
			  margin-right:5px;
			  }
#cinqomois { width:120px;
			height:auto;
			float:left;
			margin-right:5px
			}
#sixomois { width:50px;
		   height:auto;
		   float:right;
		   }

a {font-size: 12px;
font-weight: normal;
font-family: verdana;
color: #006699;
text-decoration: none;}

a:hover {font-size: 12px;
font-weight: normal;
font-family: verdana;
color: #ff9900;
text-decoration: underline;
}

.clip {width:600px;height:auto;}

.clo1 { width:136px;
		height:auto;
		float:left;
		margin-top:10px;
		margin-left:10px;
		margin-right:5px;}

#pays {width:140px;
	   height:80px;text-align:center;}
#pays a {text-align:center;}
		   

.clo2 { width:136px;
		height:auto;
		float:left;
		margin-top:10px;
		margin-right:5px;}
		
.clo3 {width:140px;
		height:auto;
		float:left;
		margin-top:10px;
		margin-right:5px;}

.clo4 { width:136px;
		height:auto;
		float:left;
		margin-top:10px;
		margin-right:0px;} 

			 

/*************************************
   CORNER
*************************************/
	.corner{position:relative;}
	.tl,.tr,.bl,.br{width:12px;height:12px;position:absolute;font-size:1px;}
	.tl{left:-1px;top:-1px;background:url(../images/corners/tl.gif) no-repeat;}
	.tr{right:-1px;top:-1px;background:url(../images/corners/tr.gif) no-repeat;}
	.bl{left:-1px;bottom:-1px;background:url(../images/corners/bl.gif) no-repeat;}
	.br{right:-1px;bottom:-1px;background:url(../images/corners/br.gif) no-repeat;}