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

/*************************************
   HEADER
*************************************/
body{ margin-left:auto;
	  margin-right:auto;
	  width:1008px;
	  background:url(../images/background-bleu.jpg) repeat-x center 23px;
	  }
	  
#head { position: relative; 
	    margin-left:auto; 
	    margin-right:auto;
	    width:1008px;
	    height:125px;background:#B6C7E1 url(../images/croisierenet-int.jpg) no-repeat -170px top;
		}
#txt1{background: url(../images/txt1.jpg) repeat-x;color:#fff;}
#txt1 a{color:#fff;}
#language{right:50px;bottom:8px;}
.bann468{padding-top:20px;}


/*************************************
   MENU GAUCHE
*************************************/
.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;}
.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
*************************************/

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

/*************************************
   PAGE AU CENTRE
*************************************/
.centre {width:590px;float:left;background:#fff;margin-left:14px;padding:10px 10px;height:auto;}
#intro{margin:0px 175px 5px 223px!important;text-align:center;padding-bottom:8px;position:relative!important;}
#intro p{ margin-left:10px ; margin-right:10px;text-align:center;}

fieldset#liste-orange p,fieldset#liste-bleu p{margin:10px 130px 0px 5px;}
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.jpg) repeat-y;display:block;color:#fff;font-size:14px;}

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;}

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;}
#navonglet a:hover {color: #f90;}

.stabilo /*Ajouté par Fortunat*/{background-color: #ffff00;}

/* --------------------------------------------------------------
                      centre modif par eric
-------------------------------------------------------------*/
		
.table1 { width:540px;
		  height:auto;}
		  
#bar1 { width:150px;
		height:auto;
		float:left;
		margin-left:10px;}
		
#bar2 { width:150px;
		height:auto;
		float:left;
		margin-left:30px;}
		
#bar3 { width:150px;
		height:auto;
		float:right;
		margin-right:10px;}
		
.spacer {clear:both;font-size:1px;height:1px;}

.link { width:560px;
		height:5px;
		display:block;
		text-align:center;
		margin:5px 0px 5px 10px;}
		
.link ul li  {display:inline;}

.link a  {	list-style-type:none;
			padding-left:5px;}

.table2 { width:550px;
		  height:auto;
		  float:left;
		  margin-left:10px;
		  padding-top:10px;}
		  
#dep1 { width:150px;
        height:auto;
		float:left;
		margin-left:10px;}
		
#dep2 { width:170px;
        height:auto;
		float:left;
		margin-left:10px;}
		
#dep3 { width:150px;
        height:auto;
		float:right;
		margin-right:10px;}

#titre1 {font-size:16px;
		 font-weight: bold;
		 color: #cc0099;
		 border-bottom-width: 1px;
		 border-bottom-style: dotted;
		 border-bottom-color: #cc0099;
		 margin-left:10px;}
		 
#autretitre { font-size: 14px;
			  color: #FF9933;
              font-weight: bold;
			  border-bottom-width: 1px;
			  border-bottom-style: solid;
			  border-bottom-color: #FF9933;
			  margin-left:10px;}
			  
ul.menucentre { width:150px;
			  height:auto;}
			  
.menucentre img { margin-left:20px;}
			  
a { /*font-size: 11px;*/
	font-weight: normal;
	font-family: arial;
	color: #006699;
	text-decoration: none;}

a:hover {/*font-size: 11px;*/
		 font-weight: normal;
		 font-family: arial;
		 color:#FF8346;
		 text-decoration: underline;}

.menucentre a, .menucentre:visited {font-size: 11px;
									font-weight: normal;
									font-family: arial;
									color: #006699;
									text-decoration: none;
									padding-left: 9px;}
									
.menucentre a:hover {font-size: 11px;
					 font-weight: normal;
					 font-family: arial;
					 color:#FF8346!important;
					 text-decoration: underline;}

/*************************************
   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;}