/* © 2006 Bexter Ben CSS */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background: #00496C url(../images/bg-site.jpg) repeat-x;
}
p{
	margin: 1em 0;
}
img{
	border: none;
}
a{
	text-decoration: none;
	color: #00496C;
	font-weight: bolder;
}
h2{
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
	text-transform:capitalize;
}
h3{
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
	text-transform:capitalize;
}
#site {
	width: 768px;
	position: absolute;
	margin-left: -384px;
	left: 50%;
	background: transparent;
}
#flash{
	width: 768px;
	z-index: -1  !important;
}
#content-acc{
	width: 768px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50 !important;
}
#header{
	width: 768px;
	height: 149px;
	background: transparent url(../images/header.jpg) no-repeat;
	display: block;
}
#header a{
	display: block;
	width: 330px;
	height: 150px;
}
#header strong{
	display: none;
}
#headimg{
	width: 768px;
	height: 246px;
	padding: 0px;
	margin: 0px;
}
#headimg_detail{
	width: 768px;
	height: 100px;
	padding: 0px;
	margin: 0px;
}
/*----------------------------------------------------------------------*/
/* debut - gestion contenu */
/*----------------------------------------------------------------------*/
#contenu {
	width:768px;
	padding: 0px;
	margin: 0px;
	background: #fff url(../images/contenu.jpg) no-repeat 0px 0px;
}
#contenu p {
}
#contenu a {
}
#contenu a:hover {
}
#contenu-cruiser {
	width:768px;
	padding: 0px;
	margin: 0px;
	background: #fff url(../images/ap-cruiser_02.jpg) no-repeat 0px 0px;
}
#contenu-luhrs {
	width:768px;
	padding: 0px;
	margin: 0px;
	background: #fff url(../images/ap-luhrs_02.jpg) no-repeat 0px 0px;
}
#contenu-hunter {
	width:768px;
	padding: 0px;
	margin: 0px;
	background: #fff url(../images/ap-hunter_02.jpg) no-repeat 0px 0px;
}
.left {
	width: 279px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 45px;
	text-align:justify;
}
.leftgalerie {
	width: 345px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align:justify;
}
.leftgalerie a {
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	width: 90px;/*
	height: 90px;
	float: left;*/
}
.left2 {
	width: 179px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 45px;
	text-align:justify;
}
.left3 {
	width: 279px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 60px 0px 0px 45px;
	text-align:justify;
}
.right {
	width: 350px;
	float: right;
	margin: 0px;
	padding: 20px 50px 0px 0px;
	text-align: justify;
}
.right2 {
	width: 450px;
	float: right;
	margin: 0px;
	padding: 20px 50px 0px 0px;
	text-align: justify;
}
.point {
	width: 768px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	background: #fff url(../images/point.jpg) no-repeat 0px 0px;
}
.point2 {
	width: 400px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	background: #fff url(../images/point2.jpg) no-repeat 0px 0px;
}
#logo-cruiser, #logo-luhrs, #logo-hunter, #logo-mainship{
	width: 710px;
	height: 75px;
	text-indent: -999em;
}
#occasions, #contact, #qui, #plan, #service, #actualites{
	width: 710px;
	height: 45px;
	text-indent: -999em;
}
#logo-cruiser {
	background: transparent url(../images/logo-cruiser.jpg) no-repeat right 0px;
}
#logo-luhrs {
	background: transparent url(../images/logo-luhrs.jpg) no-repeat right 0px;
}
#logo-hunter {
	background: transparent url(../images/logo-hunter.jpg) no-repeat right 0px;
}
#logo-mainship {
	background: transparent url(../images/logo-mainship.jpg) no-repeat right 0px;
}
#occasions {
	background: transparent url(../images/occasions-en.jpg) no-repeat right 0px;
}
#contact {
	background: transparent url(../images/contact.jpg) no-repeat right 0px;
}
#qui {
	background: transparent url(../images/qui-en.jpg) no-repeat right 0px;
}
#plan {
	background: transparent url(../images/plan-en.jpg) no-repeat right 0px;
}
#service {
	background: transparent url(../images/services.jpg) no-repeat right 0px;
}
#actualites {
	background: transparent url(../images/actualites-en.jpg) no-repeat right 0px;
}
.specruiser{
	background: #CCCC99;
}
.spemainship{
	background: #CCCC99;
}
.spehunter{
	background: #AEC9DD;
}
.speluhrs{
	background: #e5e5e5;
}
.autresmodels{
	display: block;
	width: 274px;
	height: 18px;
	background: transparent url(../images/autres_modeles.jpg) no-repeat 0px 0px;
	text-indent: -999em;
}
.images-class{
	display:block;
	margin: 10px 5px 0px 0px;
	height:17px;/*56px;*/
	width:86px;
	padding: 39px 0px 0px 0px;
	overflow: hidden;
}
.images-class span{
	padding: 1px 5px 0px 1px;
	color: #fff;
	font-size: 9px;
	display:block;
	height:13px;
	width:78px;
/*	font-style: italic;*/
	font-weight: normal;
	letter-spacing: -1px;
	border-left: 1px solid #000;
}
.onglet-cruiser, .onglet-hunter, .onglet-luhrs{
	display: block;
	color: #fff;
	padding: 0px 0px 3px 0px;
	margin: 0px 2px 0px 2px;
}
.onglet-cruiser{
	background: #B9A159 url(../images/onglet-cruiser.jpg) no-repeat center bottom;
}
.onglet-hunter{
	background: #5B8CB5 url(../images/onglet-hunter.jpg) no-repeat center bottom;
}
.onglet-luhrs{
	background: #A6A8A7 url(../images/onglet-luhrs.jpg) no-repeat center bottom;
}
.images-class-title-cruiser{
	background: transparent url(../images/title-cruiser.gif) no-repeat;
	font-size: 9px;
}
.images-class-title-hunter{
	background: transparent url(../images/title-hunter.gif) no-repeat;
	font-size: 9px;
}
.images-class-title-luhrs{
	background: transparent url(../images/title-lhurs.gif) no-repeat;
	font-size: 9px;
}
.images-class-cruiser, .images-class-hunter, .images-class-luhrs{
	margin: 20px 0px 10px 0px;
}
.images-class-cruiser {
	border: 1px solid #999966;
/*	width: 272px;
	height: 175px;*/
}
.images-class-cruiser2 {
	border: 1px solid #999966;/*
	width: 86px;
	height: 86px;*/
}
.images-class-luhrs {
	border: 1px solid #999999;
}
.images-class-hunter {
	border: 1px solid #336699;
}
.images-class-service {
	border: 1px solid #336699;
}
.images-class-qui {
	border: 1px solid #336699;
	margin: 100px 0px 0px 0px;
}
.images-class-plan {
	border: 1px solid #336699;
	margin: 50px 0px 0px 0px;
}
.barre_luhrs, .barre_cruiser, .barre_hunter {
	color: #fff;
	text-align: right;
	padding: 0px 5px 0px 0px;
}
.barre_luhrs {
	background: transparent url(../images/barre_luhrs.jpg) no-repeat right 0px;
}
.barre_cruiser {
	background: transparent url(../images/barre_cruiser.jpg) no-repeat right 0px;
}
.barre_hunter {
	background: transparent url(../images/barre_hunter.jpg) no-repeat right 0px;
}
.content{
	float: right;
	width: 595px;
	padding: 0px;
	margin: 0px;
}
.content h2 {
	padding: 0px;
	margin: 0px;
}
.content p{
}
.sidebar{
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0px;
}
h1.logo{
	padding: 0px;
	margin: 0px;
	display: block;
	width: 225px;
	height: 70px;
	text-indent: -999em;
	position: absolute;
	top: 10px;
	left: 0px;
}
h1.logo-accueil{
	padding: 0px;
	margin: 0px;
	background: transparent url(../images/logo.gif) no-repeat;
	display: block;
	width: 225px;
	height: 70px;
	text-indent: -999em;
	position: absolute;
	top: 10px;
	left: 0px;
}
.titre {
	font-size: 10px;
	color: #013356;
	margin: 0px;
	text-align:justify;
	text-indent: 15px;
}
#partenaires{
	display: block;
	position: absolute;
	width: 195px;
	height: 210px;
	top: 90px;
	left: 573px;
	padding: 0px;
	margin: 0px;
}
#partenaires li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#partenaires a{
	display: block;
	width: 195px;
	text-indent: -999em;
}
.part01{
	height: 41px;
	background: transparent url(../images/partenaires.gif) no-repeat;
}
a:hover.part01{
	background: transparent url(../images/partenaires-on.gif) no-repeat 0px 0px;
}
.part02{
	height: 57px;
	background: transparent url(../images/partenaires.gif) no-repeat 0px -41px;
}
a:hover.part02{
	background: transparent url(../images/partenaires-on.gif) no-repeat 0px -41px;
}
.part03{
	height: 38px;
	background: transparent url(../images/partenaires.gif) no-repeat 0px -98px;
}
a:hover.part03{
	background: transparent url(../images/partenaires-on.gif) no-repeat 0px -98px;
}
.part04{
	height: 70px;
	background: transparent url(../images/partenaires.gif) no-repeat 0px -136px;
}
a:hover.part04{
	background: transparent url(../images/partenaires-on.gif) no-repeat 0px -136px;
}
/*--------#bateaux--------*/
#bateaux{
	display: block;
	position: absolute;
	width: 187px;
	top: 310px;
	left: 175px;
	height: 116px; /*187px;*/
	padding: 84px 0px 0px 0px;
	margin: 0px;
	background: transparent url(../images/bateaux2-en.gif) no-repeat;
}
#bateaux li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;
}
#bateaux li a{
	height: 13px;
	display: block;
}
.livide {
	display: block;
	height: 18px;
}
/*--------#services--------*/
#services{
	display: block;
	position: absolute;
	width: 187px;
	top: 310px;
	left: 374px;
	height: 116px; /*187px;*/
	padding: 84px 0px 0px 0px;
	margin: 0px;
	background: transparent url(../images/services2-en.gif) no-repeat;
}
#services li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;
}
#services li a{
	height: 13px;
	display: block;
}
.bqservices{
	margin: 1em;
}
/*--------#informations--------*/
#informations{
	display: block;
	position: absolute;
	width: 187px;
	top: 310px;
	left: 573px;
	height: 116px; /*187px;*/
	padding: 84px 0px 0px 0px;
	margin: 0px;
	background: transparent url(../images/informations2-en.gif) no-repeat;
}
#informations li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;
}
#informations li a{
	height: 13px;
	display: block;
}
.contactacc{
	height: 30px !important;
}
/*--------#langage--------*/
#langage{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 150;
}
#langage ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#langage ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}
#langage ul li a{
	display: block;
	height: 20px;
	width: 76px;
	margin: 0px;
	padding: 0px;
}
#langage ul li a strong{
	display: none;
}
.cellcontact{
	float:right;
	width:255px;
	margin-left:20px;
	padding:5px;
	background-color:#e5e5e5;
	border:1px solid #ccc;
}
.wash{
	clear: both;
	height: 5px;
	font-size: 5px;
	padding: 0px;
	margin: 0px;
}
/*-- debut titre page ------------------------------------------------*/
#titre-accueil{
	background: transparent url(../images/titre-accueil.jpg) no-repeat;
	display: block;
	width: 768px;
	height: 50px;
}
#titre-accueil h1{
	padding: 0px;
	margin: 0px;
	display: none;
}
/*-- fibn titre page ------------------------------------------------*/
/*-- debut titre h2 ------------------------------------------------*/
.vide{
	background: transparent url(../images/vide.jpg) no-repeat;
	display: block;
	width: 537px;
	height: 33px;
}
.vide strong{
	display: none;
}
/*-- fibn titre h2 ------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* debut - formulaire */
/*----------------------------------------------------------------------*/

#formulaire {
/*	float:right;*/
/*	margin: 0px auto; */
	float:left;
	display:block;
	width: 350px;
}

#adresse {
/*	float:right;*/
/*	margin: 0px auto; */
	float:right;
	display:block;
	width: 300px;
}

#adresse p {
	margin:15px 0 0 20px;
	padding:0px;
}

#formulaire fieldset {
	width: 300px;
	padding: 2em 1.5em 1em 1.5em;
	margin: 0px auto;
	border: 1px solid #ccc;
	position: relative;
}
#formulaire fieldset div {
	width: 100%;
	margin-bottom: 0.5em;
	position: relative;
}
#formulaire legend {
	font-weight: bold;
	text-transform: uppercase;
/*	font-size: 0.9em;*/
	color:#00496C;
}
#msg {
	display: block;
	margin-bottom: 0.5em;
}
#formulaire .icontain {
	position: absolute;
	right: 0;
	width: 55%;
	background: white url(../img/corner_tr_form.gif) top right no-repeat;
}
#formulaire input {
	position: relative;
/*	left: 10px;*/
	width: 100%;
}
#formulaire .tcontain {
	width: 100%;
	display: block;
}
#formulaire .tcontain span {
	display: block;
}
#formulaire input, #formulaire textarea {
/*	font: 1em Arial, Helvetica, sans-serif;*/
	width: 100%;
/*	padding: 0;*/
}
#submit {
	text-align: center;
/*	background: #304968;
	padding: 1em 0;*/
	margin-top: 0.5em;
}
#submit input {
	position: static;
	width: 40%;
}
#joindre{
	display: none;
}
#formulaire .infojoint{
	font-style: italic;
	font-size: 9px;
	color: Gray;
}
#formulaire .champ{
	margin: 15px 0px;
	border-bottom: 1px solid #e5e5e5;
}
/*----------------------------------------------------------------------*/
/* fin - formulaire */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	clear:both;
	font-size: 9px;
	text-align: center;
/*	letter-spacing: -1px;*/
	width: 768px;
	height: 20px;
	padding: 10px 0px 0px 0px;
	background: transparent url(../images/foot-dots.jpg) no-repeat top;
	color: #FFF;
}
#footer a{
	color: #97B0C1;
	text-decoration: none;
}
#footer a:hover{
	color: #00496C;
	background-color: #97B0C1;
}
#footer em {
	padding: 0px 60px;
}
#footer2 {
	clear:both;
	font-size: 9px;
	text-align: center;
/*	letter-spacing: -1px;*/
	width: 768px;
	height: 20px;
	padding: 10px 0px 0px 0px;
	background: transparent url(../images/footer.jpg) no-repeat top;
	color: #FFF;
}
#footer2 a{
	color: #97B0C1;
	text-decoration: none;
}
#footer2 a:hover{
	color: #00496C;
	background-color: #97B0C1;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/