html{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #295787;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, div, span{border:0; margin:0; padding:0;}

body#main{
	text-align:left;}	
	
#container{
	width: 672px;
}

h1{
	font-size: 16px;
	font-weight: bold;
	display: block;
	color: #228ED2;
	text-transform: capitalize;
}
h2{
	font-weight: bold;
	font-size: 14px;
	display: block;
}

a, a:link, a:visited{
	outline: none;	
	text-decoration: underline;
	font-weight: normal;
	color: #295787;
}
a.link2, a.link2:link, a.link2:visited{
	text-decoration: none;
	font-weight: normal;
	color: #295787;
}
a.link3, a.link3:link, a.link3:visited{
	text-decoration: none;
	font-weight: bold;
	color: #228ED2;
}
a.actif, a.actif:link, a.actif:visited, a.actif:hover{
	text-decoration: underline;
}

#vortexDebug, #header, #middle, #right, #footer, #menubottom, #outerbottom{
	display: none;
}

#contenu{}
#include{}	
#left{}


	
.both{
	clear: both;
}
.erreur{
	color: #F00;
}

.innerleft2{
	float: left;
	width: 255px;
	background: nonw;
}

.thumbs{
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: none;}
.thumbs img{
	display: block;}
.thumbs a {
	border: 1px solid #CCC;
	height: 70px;
	overflow: hidden;
	display: block;
	float: left;
	/*margin: 1px 0;*/	}
.thumbs a:hover{border: 1px solid #fcaf17;}	

#nextback{
	font-size: 11px;
	background: none;
	width: 540px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #295787;}
#nextback a:hover{
	color: #3b2314;
	/*text-decoration: underline*/	}

#courtage{
	list-style-type: none; 
}	

#courtage li{
	width: 670px;
	float: left;
	display: block;
	border-bottom: 1px solid #CCC;
	height: 100%;
}
#courtage .texte1{
	width: 205px;
	float: left;
	padding: 5px 0 0 0;		
}
#courtage .texte2{
	width: 220px;
	float: right;
	padding: 5px 0 0 0;
}
#courtage .img{
	float: right;
	width: 215px;
	padding: 5px 0 0 0;
}
#courtage .img img{
	display: block;
	/*margin: 0 0 0 23px;*/
}	
	
	
.magasin{
	float: left;
	width: 195px;
	height: 117px;
	overflow: hidden;}
.magasin img{
	display: block;}
	
#listenouvelle{
	list-style-type: none; 
}
#listenouvelle li{
	list-style-type: none;
	border-bottom: 1px solid #CCC;
}
#listenouvelle li.last{
	border: none;
}
#listenouvelle li div{
	color: #999999;
	font-weight: bold;
	display: block;
	padding: 0 0 4px 0;
}
	

	
#menunouvelle ul{
	list-style-type: none; 
	margin:0px;	}
#menunouvelle li{
	list-style-type: none;	}
#menunouvelle li li{
	padding: 0 0 0 14px;	}
/*#menunouvelle li li span{
	display: block;
	width: 5px;
	height: 9px;
	background: Aqua;
}*/
#menunouvelle li li li{
	padding: 0 0 0 14px;	}
/*#menunouvelle li li li span{
	display: block;
	width: 5px;
	height: 9px;
	background: Fuchsia;
}*/
#menunouvelle li a, #menunouvelle li a:link, #menunouvelle li a:visited{
	color:#295787;
	text-decoration: none;}
#menunouvelle li a:hover{
	text-decoration: none;
	color: #0d3259;}
#menunouvelle li li li a, #menunouvelle li li li a:link, #menunouvelle li li li a:visited{
	background: transparent url(Gx/fleche_liste.gif) no-repeat 0px 3px;
	color:#666666;
	font-size: 11px;
	font-style: italic;
	padding: 0 0 0 9px;
	text-decoration: none;}
#menunouvelle li li li a:hover, #menunouvelle li li li a.actif, #menunouvelle li li li a.actif:link, #menunouvelle li li li a.actif:visited{
	text-decoration: none;
	background: /*#d4edfe*/ transparent url(Gx/fleche_liste.gif) no-repeat 0px 3px;
	color: #0d3259;}



.lien{
	list-style-type: disc; 
	margin: 0 0 0 20px;
}
.lien li{
	padding: 0 0 5px 0;
}

.bateauliste{
	float: left;
	width: 220px;
}
.bateauliste .inner{
	width: 210px;
	text-align: left;
}

.bateauliste img{
	display: block;
	margin: 0 0 4px 0;
	border: 1px solid #CCC;
}

#bateaudetail #leftcol{
	float: none;
	width: 672px;			}
#bateaudetail #rightcol{
	float: none;
	width: 672px;}

#bateaudetail #leftcol #img{
	width: 520px;
	text-align: center;
}
	
#bateaudetail #leftcol img{
	display: block;
	margin: 0px auto 0px auto;
	border: 2px solid #CCC;}
#bateaudetail .coltxt{
	float: left;
	width: 335px;	}
#bateaudetail .coltxt .inner{
	margin: 0 15px 0 0;
}


#texteaccueil{
	background: transparent url(Gx/00/bg_texteaccueil.gif) repeat-y 340px 0px;
	
}



#texteaccueilleft{
	float: left;
	width: 320px;	
}
#texteaccueilleft:first-child div{
	color: #48721b;
}

#texteaccueilright{
	float: right;
	width: 320px	
}

.txtdate{
	color: #999999;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.txtdate span{
	color: #636363;
}

.promotion .img{
	float: left;
	width: 206px;
	background: none;
}
.promotion .txt{
	width: 476px;
	float: right;
	padding: 5px 0 0 0;
	background: none;
}








.outergooglemap{
	float: right;
	width: 400px;
	text-align: center;
	}
.googlemap{
	width: 400px;
	float: right;
	height: 260px;	
	background: #CCC;}	
.googlemap .inner{
	margin: 2px 0 0 2px;}
.googlemap .inner .theMap{
	width:396px;
	height:256px;
	overflow:hidden;}	

#contact label{ font-weight: bold;}
#contact .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 18px;
	line-height: 14px;
	display: inline;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-left: 3px;
	height: 17px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 540px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton, #financing .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #295888;
	border: 1px solid #5d5d5d;
	color: #fff;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover, #financing .bouton:hover{
	background: #FFF;
	color: #295888;}

.champCache{ display: none;}
.btnJSdate{
	width:35px; 
	height: 19px; 
	float:left;
	border:none;
	margin:3px 0 0 2px;
	background:#999;
	color: #FFF;
	font-size: 11px;}	

	
	
#tabfinancing{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	border-collapse: collapse;
	border: none;
	font-size: 12px;
	color: #000;
}	
#tabfinancing td{
	padding: 0 16px 5px 0;
	vertical-align: middle;
}
	

#tabressource{
	border: 0px;
	border-collapse: collapse;
	width: 682px;	
	text-align: left;
}	
#tabressource th{
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #244868;
	color: #FFF;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	padding: 0 6px;
}
#tabressource td{
		padding: 6px 6px;
		border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#tabressource .tr2 td{
	background: #e9f5ff;
}
	
	