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{
	background: #FFF url(Gx/bg_main.gif) repeat-x top left;
	text-align:left;}	
	
#container{
	background: transparent url(Gx/bg_container.jpg) no-repeat top left;
	width: 997px;
}

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:hover{
	color: #0d3259;
	text-decoration: none;
}
a.link2, a.link2:link, a.link2:visited{
	text-decoration: none;
	font-weight: normal;
	color: #295787;
}
a.link2:hover{
	color: #0d3259;
	text-decoration: underline;
}
a.link3, a.link3:link, a.link3:visited{
	text-decoration: none;
	font-weight: bold;
	color: #228ED2;
}
a.link3:hover{
	color: #0d3259;
	text-decoration: none;
}
a.link4, a.link4:link, a.link4:visited{
	text-decoration: none;
	font-weight: normal;
	color: #959595;
	font-size: 11px;
	text-transform: lowercase;
}
a.link4:hover{
	color: #0d3259;
	text-decoration: underline;
}

a.actif, a.actif:link, a.actif:visited, a.actif:hover{
	text-decoration: underline;
}

/* header */
#header{
	position: relative;
	width: 997px;
	height: 136px;
	background: none;
}
#marinagosselin{
	position: absolute;
	top: 21px;
	left: 30px;
}
#tel{
	position: absolute;
	top: 64px;
	right: 7px;
	background: none;
	font-size: 18px;
	color: #FFF;
	height: 22px;
	width: 200px;
	text-align: right;
}


#menutop{
	position: absolute;
	top: 4px;
	right: 7px;
	width: 0px;
	
	text-align: right;
	font-size: 11px;
	width: 750px;
	height: 18px;
	line-height: 18px;

	
	color: #FFF;	}
	
#menutop a, #menutop a:link, #menutop a:visited{
	color: #FFF;
	text-decoration: none;	
	font-size: 11px;
	font-weight: normal;
}
#menutop a:hover{
	text-decoration: underline;
}
#menutop a.actif, #menutop a.actif:link, #menutop a.actif:visited, #menutop a.actif:hover{
	color: #244868;
}

#menu{
	position: absolute;
	top: 82px;
	right: 0px;
	/*width: 817px;*/
	width: 896px;
	height: 47px;	
	background: none;
	overflow: hidden;
}
#menu ul{
	list-style-type: none; 
}
#menu li{
	background: transparent url(Gx/M/bg_menu_li.png) repeat;
	/*background: Fuchsia;*/
	float: right;
	height: 47px;
	display: block;
}
#menu li#bgmenuright{
	background: transparent url(Gx/M/bgmenuright.png) no-repeat;
	width: 8px;	
}
#menu li#bgmenuleft{
	background: transparent url(Gx/M/bgmenuleft.png) no-repeat;
	width: 9px;
}


#menu a, #menu a:link, #menu a:visited{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	display: block;
	float: left;
	height: 47px;
	line-height: 52px;
	overflow: hidden;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;

	text-decoration: none;
	text-align: center;
	padding: 0 9px;
	text-transform: uppercase;
	/*background: Fuchsia;*/
	margin: 0 1px 0 0; 		
	position: relative;
}
#menu a:hover{
	background: transparent url(Gx/M/bg_menu_over.gif) repeat-x 0px 7px;
}

#menu a.actif, #menu a.actif:link, #menu a.actif:visited, #menu a.actif:hover{
	background: transparent url(Gx/M/bg_menu_over.gif) repeat-x 0px 7px;
}

#menu a span{
	display: none;
}

#menu .actif span{
	background: transparent url(Gx/M/bg_menu_on.gif) no-repeat 0px 0px;
/*	background: Red;*/
	position: absolute;
	top: 0%;
	left: 50%;
	display: block;
	width: 7px;
	height: 47px; 	
	margin: 0 0 0 -4px;
}


/* middle */
#middle{
	position: relative;
	width: 997px;
	height: 209px;
	background: none;
}
#videocontainer{
	position: absolute;
	top: 0px;
	left: 96px;
	width: 434px;
	height: 202px;
	background: transparent url(Gx/bg_videocontainer.gif) no-repeat top left;
}
#innervideocontainer{
	padding: 10px 0 0 10px;	
}

#evenementcontainer{
	position: absolute;
	top: 0px;
	left: 530px;
	width: 264px;
	width: 458px;	
	height: 202px;
	background: transparent url(Gx/bg_evenementcontainer.gif) no-repeat top left;}
#evenementcontainer h4{
	background: transparent url(Gx/00/bg_evenement_li.gif) repeat-x bottom left;
	height: 31px;
	line-height: 39px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	overflow: hidden;
	margin: 0 8px 0 0;
	padding: 0 9px 0 0;}
#evenementcontainer ul{
	list-style-type: none; 
	height: 109px;}
#evenementcontainer li{
	background: transparent url(Gx/00/bg_evenement_li.gif) repeat-x bottom left;
	float: left;
	display: block;
	height: 36px;	}
#evenementcontainer li.noevent{
	width: 450px;
	color: #FFF;
	height: 35px;
	line-height: 35px; 
	text-align: right;	}	
#evenementcontainer li.noevent span{
	display: block;
	height: 35px;
	padding: 0 15px 0 0;	
}
#evenementcontainer ul a, #evenementcontainer ul a:link, #evenementcontainer ul a:visited{
	background: transparent url(Gx/00/bg_evenement_a_off.gif) no-repeat 442px 15px;
	color: #9ebad1;
	text-decoration: none;
	font-weight: normal;
	height: 35px;
	line-height: 35px; 	
	float: left;
	display: block;
	width: 450px;
	text-align: right;
	overflow: hidden;}
#evenementcontainer ul a:hover, #evenementcontainer ul a.actif, #evenementcontainer ul a.actif:link, #evenementcontainer ul a.actif:visited{
	background: #3a668c url(Gx/00/bg_evenement_a_off.gif) no-repeat 442px 15px;
	}
#evenementcontainer ul a span{
	display: block;
	height: 35px;
	cursor: pointer;
	padding: 0 15px 0 7px;}
#evenementcontainer a#rss, #evenementcontainer a#rss:link, #evenementcontainer a#rss:visited{
	background: transparent url(Gx/rss.gif) no-repeat top left;
	display: block;
	float: right;
	height: 16px;
	text-align: right;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	padding: 0 19px 0 22px;
	
}
#evenementcontainer a#rss:hover{
	text-decoration: underline;
}

	
#calendriercontainer{
	position: absolute;
	top: 0px;
	left: 797px;
	width: 191px;
	height: 202px;
	background: #76b830;
	text-align: center;
}
#calendriercontainer h4{
	height: 30px;
	line-height: 39px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	overflow: hidden;
	background: none;
	margin: 0 8px 0 0;
	padding: 0 9px 0 0;}
#calendriercontainer span{
	color: #313131;
	text-align: right;
	display: block;
	background: none;
	font-size: 11px;
	height: 13px;
	line-height: 13px;
	padding: 0 17px 0 0;
}


#contenu{
	width: 988px;
	background: none;
}
	
#include{
	/*padding: 0 0 0 96px;*/
	padding: 0 0 0 104px;
}	

#left{	
	float: left;
	width: 682px;
	background: none;
	text-align: justify;
	
}

#right{
	float: right;
	width: 191px;
	padding: 0px;
	background: none;
}
	
.both{
	clear: both;
}
.erreur{
	color: #F00;
}

.innerleft2{
	float: left;
	width: 255px;
	background: none;
}

.sitemap{
	margin: 0 0 0 20px;
	list-style-type: disc; 
}
.sitemap li{
	padding: 0 0 5px 0;
}
.sitemap ul{
	margin: 3px 0 6px 15px;
	list-style-type: disc; 	
}
.sitemap ul li{
	padding: 0 0 4px 0;
}

.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{
	background: transparent url(Gx/04/bg_courtage.gif) no-repeat 0px 40px;
	width: 682px;
	float: left;
	display: block;
	border-bottom: 1px solid #CCC;
	height: 100%;
}
#courtage .texte1{
	width: 205px;
	float: left;
	background: none;	
	padding: 5px 0 0 0;		
}
#courtage .texte2{
	width: 220px;
	float: right;
	background: none;
	padding: 5px 0 0 0;
}
#courtage .img{
	float: right;
	width: 225px;
	background: none;
	padding: 5px 0 0 0;
}
#courtage .img img{
	display: block;
	margin: 0 0 0 33px;
	border: 1px solid #CCC;
	
}	
	
	
.magasin{
	float: left;
	width: 195px;
	height: 117px;
	overflow: hidden;}
.magasin img{
	border: 1px solid #CCC;
	display: block;}

/*a#btnnouvelle, a#btnnouvelle:link, a#btnnouvelle:visited{
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	background: #76b830;
	color: #FFF;
	padding: 0 10px;
		border: 1px solid #CCC;	
}	
a#btnnouvelle:hover{
	background: #346086;
}*/
	
#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: #228ed2;
	/*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: 225px;
}
.bateauliste .inner{
	width: 210px;
	text-align: left;
}

.bateauliste img{
	display: block;
	margin: 0 0 4px 0;
	border: 1px solid #CCC;
}
#bateaudetail h1{
	padding: 0 0 0 15px;
}
#bateaudetail #leftcol{
	float: left;
	width: 554px;			}
#bateaudetail #rightcol{
	float: right;
	width: 330px;}

#bateaudetail #leftcol #img{
	width: 520px;
	background: #CCC;
	text-align: center;}	
#bateaudetail #leftcol img{
	display: block;
	margin: 0px auto 0px auto;
	border: 2px solid #CCC;}
#bateaudetail .outercoltxt{
	background: #f5f6f6;
	width: 524px;
	height: 100%;}
#bateaudetail .coltxt_l{
	float: left;
	background: none;
	width: 255px;	}
#bateaudetail .coltxt_r{
	float: right;
	background: none;
	width: 255px;	}
#bateaudetail .coltxt_l .inner{
	margin: 0 0 0 15px;
	background: none;
}
#bateaudetail .coltxt_r .inner{
	margin: 0 15px 0 0;
		background: none;
}
#listebottomlink{
	color: #757575;
	padding: 0 0 8px 0;
}


#texteaccueil{
	background: transparent url(Gx/00/bg_texteaccueil.gif) repeat-y 340px 0px;
	
}



#texteaccueilleft{
	float: left;
	width: 320px;	
	color: #58a803;
}
#texteaccueilleft:first-child div{
	color: #48721b;
}

#texteaccueilright{
	float: right;
	width: 320px	
}
#texteaccueilright h1{
	text-align: left;
}

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

#footer{
	background: #f3f3f3;
	height: 58px;
	padding: 0 0 0 104px;
}

#footer img{
	float:	left;
	margin: 6px 30px 0 0;
}

#menubottom{ color: #959595; padding: 6px 0 0 104px;}
#menubottom a, #menubottom a:link, #menubottom a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #959595;
}
#menubottom a:hover{
	color: #535353;
}
#menubottom a.actif, #menubottom a.actif:link, #menubottom a.actif:visited{
	color: #535353;
}

#copyrights{
	padding: 10px 0 0 104px;
	color: #838383;
	font-size: 11px;
	float: left;
}
#copyrights a, #copyrights a:link, #copyrights a:visited{
	color: #828282;
	text-decoration: none;
	font-weight: bold;
}
#copyrights a:hover{
	color: #3b3b3b;
}
#copyrights a span{
	font-weight: normal;
}

#outerbottom{
	width: 997px;
	
}

#bookmarker{
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
}

.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;
}
	
#tabcalendrier{
	border: 0px;
	border-collapse: collapse;
	width: 161px;
	color: #696969;
	font-size: 11px;
	line-height: 18px;
	background: none;
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align: center;}
#tabcalendrier th{
	font-weight: bold;
	height: 23px;}
#tabcalendrier .month{
	color: #b6b6ab;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 5px 0;}
#tabcalendrier th.jour{
	width: 25px;
	color: #FFF;
	height: 14px;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;}
#tabcalendrier td{
	text-align: center;
	background: none;
	height: 23px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	/*padding: 3px 0;*/}
#tabcalendrier td.actif{
	background: #efefe6;}
#tabcalendrier td.actifday{
	background: #d3d3cb;}	
#tabcalendrier .trdays a, #tabcalendrier .trdays a:link, #tabcalendrier .trdays a:visited{
	color: #FFF;
	display: block;
	margin: 0 auto;
	width: 22px;
	height: 22px;
	line-height: 22px;
	cursor: default;
	background: none;
	float: left;
	text-align: center;
	font-weight: normal;
	text-decoration: none;}
#tabcalendrier .trdays a:hover{
	text-decoration: none;	}
#tabcalendrier .trdays a.actif, #tabcalendrier .trdays a.actif:link, #tabcalendrier .trdays a.actif:visited{
	background: transparent url(Gx/00/calendrier_a_bg.gif) no-repeat 0px 0px;
	cursor: pointer;
	color: #FFF;}
#tabcalendrier .trdays a.actif:hover{
	/*background: transparent url(Gx/04/a_bg_over.gif) no-repeat top left;*/
	color: #000;
}
#tabcalendrier .trdays a.actifday, #tabcalendrier .trdays a.actifday:link, #tabcalendrier .trdays a.actifday:visited, #tabcalendrier .trdays a.actifday:hover{
	font-weight: bold;}		

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