@charset "utf-8";
/* CSS Document */

*{ margin:0;padding:0; outline-style:none;}

body{ background: #0f2f49 url(../images/accueil/bgBody.png) repeat-x; font-family:Arial, Helvetica, sans-serif ; color:#1E1A71}

a {color: #F89C09;}

h1 {
	font-size: 2em;
	color: #1E1A71;
}

h2 {
	font-size: 1.8em;
	color: #009DB0;
	color:white;
}

h3 {
	font-size: 1.6em;
	color: #F89C09;
}

h4 {
	font-size: 1.4em;
	color: #1E1A71;
}

h5 {
	font-size: 1.2em;
	color: #009DB0;
}

h6 {
	font-size: 1.1em;
	color: #F89C09;
}

#wrapContenu{ width:100%; height:500px; background:url(../images/accueil/bgHeader.jpg) no-repeat center  top; }

#header{ width: 984px;margin:0 auto }

#logo{ background:url(../images/accueil/logo.gif) no-repeat 0px 0px; float:left; height: 160px; }

#logo a{ padding-top:100px; font-size:14px; text-align:center;display:block; height:160px; width:240px; color:#1a176a; text-decoration:none; letter-spacing:1px;}

#headerDroit{overflow:hidden; width:520px;float:right;margin-top:0px;}
#headerDroit span{ display:block ; height:44px; width:60px; float:left;}
#reservez{ background:url(../images/accueil/icoReservez.png) no-repeat center 5px ; margin-left:44px;padding-top:5px}
#brochure{background:url(../images/accueil/icoBrochure.png) no-repeat  center 5px;padding-top:5px}



#contact{background:url(../images/accueil/icoContact.png) no-repeat  center 5px;padding-top:5px}


#reservez a, #brochure a, #contact a, #cadeau a{ color:#fff; font-size:11px; text-decoration:none; display:block;padding-top:25px; text-align:center;}
#reservez a:hover, #brochure a:hover, #contact a:hover, #cadeau a:hover{text-decoration:underline}

#cadeau a{margin-top:15px}

#langues{ background:url(../images/accueil/bgLangues.png) no-repeat 0px 0px; height:26px; width:180px;float:left ;margin-left:30px;}
#langues span{ width:22px;height:15px;display:inline; margin:4px 0px 0px 0px; }
#langues a{  }

#titreSecondaire{ color:#fff; font-size:14px; clear:both ;  padding:14px 0px 0px 40px;  }
#p_accueil{ color:#fff; font-size:11px;margin:25px 0px 0px 5px; clear:both; width:370px }
#p_accueil a{color:#fff; font-weight:bolder} 

#cadeau{background:url(../images/accueil/Cadeau2.png) no-repeat  center -5px; width:100px; height:auto ;position:absolute;top:80px;margin-left:850px;*margin-left:620px}
#cadeau a{}
#hautArrondi{ background:url(../images/accueil/bgContenu_Haut.png) no-repeat center top; height:21px;margin:0px auto 0px auto; clear:both;position:relative;top:-10px;}

#contenuJG{ width: 984px;position:relative; z-index:2000; margin:-15px auto 0px auto;background:url(../images/accueil/bgContenu_Milieu.png) repeat-y center;overflow:hidden}

#onglets{ height:42px;width: 948px; margin:0 auto; padding-left:22px;}
#onglets ul { margin:0px 0px;padding:0; overflow:hidden; margin:0 auto; display:block; width:948px; }
#onglets li{ margin:0;padding:0px 0px; float:left; list-style:none;width:132px; text-align:center;height:43px; background:url(../images/accueil/onglets.png) no-repeat}
#onglets a{ display:block; font-size:12px;padding:5px 5px; letter-spacing:1px;height:40px; color:#fff; text-decoration:none; cursor:pointer}

#onglets #menu0{background-position:-5px 0px}
#onglets #menu1{ background-position:-136px 0px;}
#onglets #menu2{background-position:-268px 0px;}
#onglets #menu3{background-position:-400px 0px;}
#onglets #menu4{background-position:-532px 0px;}
#onglets #menu5{background-position:-665px 0px;}
#onglets #menu6{background-position:-799px 0px;}


#onglets #menu0:hover{background-position:-5px -42px}
#onglets #menu1:hover{background-position:-136px -42px}
#onglets #menu2:hover{background-position:-268px -42px}
#onglets #menu3:hover{background-position:-400px -42px}
#onglets #menu4:hover{background-position:-532px -42px}
#onglets #menu5:hover{background-position:-665px -42px}
#onglets #menu6:hover{background-position:-799px -42px} 

#onglets #menu0.active{background-position:-5px -85px}
#onglets #menu1.active{background-position:-136px -85px}
#onglets #menu2.active{background-position:-268px -85px}
#onglets #menu3.active{background-position:-400px -85px}
#onglets #menu4.active{background-position:-532px -85px}
#onglets #menu5.active{background-position:-665px -85px}
#onglets #menu6.active{background-position:-799px -85px} 


#wrapSousMenu div{height:290px;width:930px; margin:0px auto;}
#wrapSousMenu ul {  margin:0px 0px;padding:0; height:30px;  }
#wrapSousMenu li {  margin:0px 0px;float:left; list-style:none; height:30px; padding:0px 0px 0px 0px;}
#wrapSousMenu  li a { text-decoration:none; color:#fff; font-size:12px;display:block;margin-top:8px;padding:0px 8px;border-right: 3px dotted #fff; }
#wrapSousMenu a:hover{ text-decoration:underline}

#sousMenu0{ background:#ab3324}
#sousMenu1{ background:#0080b8;}
#sousMenu2{ background:#84a302}
#sousMenu3{ background:#006d8d}
#sousMenu4{ background:#8a003e}
#sousMenu5{ background:#130f71}
#sousMenu6{ background:#eaaa15}


#sousMenu0 ul{margin-left:10px}
#sousMenu1 ul{margin-left:100px}
#sousMenu2 ul{margin-left:240px}
#sousMenu3 ul{margin-left:260px}
#sousMenu4 ul{margin-left:500px}
#sousMenu5 ul{margin-left:330px}
#sousMenu6 ul{margin-left:540px}




.photoAccueil{ height:260px; width:910px;font-size:12px; color:#1a176a;padding-top:228px}
.photoAccueil a { display:inline;color:#1a176a; font-weight:bold}
.photoAccueil span{display:block; background:url(../images/accueil/bgBlancTransparent.png); height:20px;padding:5px 0px 0px 5px;margin:3px 3px 0px 3px; border:1px solid #fff;}


#wrapBlocsBas{ height:200px; width:948px;margin:0px auto;padding:20px 0px 0px 0px; }
#wrapBlocsBas h2{ font-size:12px;margin-top:26px;margin-left:8px;letter-spacing:1px; font-weight:normal; padding-bottom:14px}
#wrapBlocsBas h2 a { text-decoration:none;color:#fff}

#blocActus{ width:254px;height:200px; background:url(../images/accueil/bgBlocActus.png) no-repeat 0px 1px ;float:left;margin:0px 0px 0px 10px;}
	#blocActus span, #blocPresse span{color:#008da5; font-size:11px;font-style:italic;width:230px;display:block;margin:0px 0px 0px 14px;border-bottom:1px dotted #008da5}
	#blocActus h3, #blocPresse h3{color:#008da5;width:230px;margin:0px 0px 0px 14px;}
	#blocActus h3 a, #blocPresse h3 a{ font-size:10px;color:#008da5; text-decoration:none;}
	#blocActus h3 a:hover, #blocPresse h3 a:hover{ text-decoration:underline}
#blocBlog{ cursor:pointer;width:211px;height:200px;  background:url(../images/accueil/bgBlocBlog.png) no-repeat;float:left;margin:0px 0px 0px 10px}
#blocImages{ cursor:pointer;width:218px; height:200px; background:url(../images/accueil/bgBlocNicolsImages.png) no-repeat  0px 1px;float:left;margin:0px 0px 0px 10px}
#blocPresse{ width:212px; height:200px; background:url(../images/accueil/bgBlocPresse.png) no-repeat  0px 3px;float:left;margin:0px 0px 0px 2px}
#blocPresse span{ margin-left:20px;width:180px;}
#blocPresse h3 {  margin-left:20px; width:190px;}

#separationActu{ height:0px; width:230px; margin:0px auto 0px auto; border-top:1px solid #dcdcdc; border-bottom:1px solid #fff }

#basArrondi{ background:url(../images/accueil/bgContenu_Bas.png) no-repeat center top; height:21px;margin:0 auto; clear:both}


#footer{font-size:10px;color:#fff;width:948px;margin:0 auto;clear:both;}
#footer a{color:#fff;font-size:10px}
#footer h2{font-size:10px;color:#C0DBEC; text-align:center}
#footer ul{ padding-bottom:20px}
#footer li { list-style:none; color:#C0DBEC;float:left}
#footer li a{ list-style:none; color:#C0DBEC}
#footer p{ text-align:center; padding-bottom:20px;}

.hidden{display:none}

/* -----------------------------------------------------*/
/* styles récupérés pour styles des pages intérieures */
/* -----------------------------------------------------*/

#wrapper{padding:0px 18px;font-size:12px;margin:0}
#teaser {color:#fff; padding:10px;margin:0}

#teaser h1{color:#fff}

#breadcrumb{padding:5px 10px;margin:0; background:#35495c}
p{padding:10px;}
/* ---------------------------------------------------- */
/* BLOCKQUOTE                                           */
/* astuce css pour les blocs de citation:               */
/* http://notes.natbat.net/2006/11/21/inineimagequotes/ */
/* ---------------------------------------------------- */

blockquote {
	/*background: url(../images/integration/contenu/quotes_ouvrantes.png) no-repeat 0px 0px;*/
	margin: 20px 50px;
	text-indent: 25px;
	
}

blockquote p {
	/*background: url(../images/integration/contenu/quotes_fermantes.png) no-repeat bottom right;*/
	font-family: "Times New Roman", Times, serif;
	padding-right: 25px;
	font-style: italic;
	font-size: 1.6em;
	display: inline;
	color: #009DB0;
	margin: 0px;
}

cite {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background: #1E1A71;
	font-weight: bold;
	padding: 0px 2px;
	font-size: 1em;
	color: white;
}

acronym {
	border: 1px dotted #009DB0;
	font-weight: bold;
	padding: 0px 2px;
	color: #1E1A71;
	cursor: help;
}

q {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.6em;
	color: #1E1A71;
}

q:after {
	content: "'' Source: "attr(cite)" ";
	font-size: 0.8em;
}

/* ------------------------ */
/* ELEMENTS DE MISE EN PAGE */
/* DANS LA ZONE DE CONTENU  */
/* ------------------------ */

.une_colonne, .deux_colonnes {
	display: inline;
	clear: both;
}

.colleft {
	padding: 0px 10px 0px 0px;
	width: 325px;
	float: left;
}

.colright {
	padding: 0px 0px 0px 10px;
	width: 325px;
	float: left;
}

.breadcrumb { padding: 5px; }

.breadcrumb {

	color: #fff;
}
.breadcrumb a {
	color: #fff;
}
.breadcrumb a img { vertical-align: text-bottom;}


#col_gauche { display: none; }

#col_droite {
	margin: 0px 0px 0px -240px;
	background: #DDDDDD;
	padding: 10px;
	width: 220px;
	float: left;
}
/* -------- */
/* TABLEAUX */
/* -------- */

table {
	/*border: 1px solid #0097C7;*/
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 1em;
	margin: auto;
	width: 100%;
}
table h3 {color:#35495c; font-size:14px;	background:#eee;}
table caption {
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
	margin: 5px 0px;
	color: #8495A5;

}

th {
	/*border: 1px solid #8495A5;*/
	background: #8495A5;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px;
	color: white;
}
	
td {
	
	padding:2px;
}
tr{} 
/* ------------------------------------- */
/* ************************************* */
/* FORMULAIRES // MISE EN FORME GENERALE */
/* ************************************* */
/* ------------------------------------- */

form#info{background:#e3ecf1; width:400px; margin:5px auto; border:2px solid #ddd; padding:5px}
#formboatsells{background:#DCE1E5; width:400px; margin:auto; border:2px solid #ddd; padding:5px;overflow:hidden}


form { padding-bottom: 10px; }

fieldset {
	border: 1px dotted #009DB0;
	margin-bottom: 10px;
	padding: 5px;
}

fieldset legend {
	background: white;
	font-weight: bold;
	padding: 0px 2px;
}

fieldset .row {
	padding: 5px 0px 0px 0px;
	clear: left;
}

fieldset label {
	padding-right: 5px;
	text-align: right;
	float: left;
	width: 40%;
}

fieldset input, fieldset textarea, fieldset select {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #F89C09;
	font-size: 12px;
	width: 58%;
}

.obligatory {
	position: relative;
	font-weight: bold;
	font-size: 1.5em;
	color: red;
	top: 5px;
}

#captchaid {
	text-align: center;
	font-weight: bold;
	width: 100%;
}

.submit {
	text-align: center;
}

.submit input {
	border: 1px solid black;
	background: #009DB0;
	font-weight: bold;
	padding: 2px 5px;
	font-size: 11px;
	color: white;
}

/* ----------------------- */
/* *********************** */
/* ELEMENTS DANS LES PAGES */
/* *********************** */
/* ----------------------- */

/* ------------------ */
/* MENU DANS LA FICHE */
/* ------------------ */

#menu_fiche { display:none}

/* #menu_fiche .first-level {
	background: url(../images/integration/contenu/sous_menu_bleu.jpg) no-repeat left top;
	list-style: none;
	height: 28px;
	margin: 0px;
} 

#menu_fiche .first-level li {
	float: left;
	width: 237px;
}

#menu_fiche .first-level li a {
	text-align: center;
	line-height: 28px;
	font-size: 0.9em;
	display: block;
	color: white;
}
*/
.titre_technique{
	font-weight: bold;
	padding: 0px 2px;
	font-size: 1em;
	color: #009DB0;
	margin:0;
}
.bg-gris {background-color:#f0f0f0; margin:5px 0px 0px 12px; padding:5px; color:black;}
.bg-gris p {margin:0; padding:0;}
.bg-gris strong{color:#3499cd; font-variant: small-caps; font-size:100%; font-weight:normal; padding-top:10px; }
.bg-gris br{margin:0; padding:0;}

/* ------------------- */
/* GAMME DANS LA FICHE */
/* ------------------- */

#gamme {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: #CFE2F1;
	height:1%;
	width: 930px;
	margin:0 auto;
}

#gamme_gauche, #gamme_droite { float: left; }

#gamme_gauche {
	border-right: 1px solid white;
	width: 588px;
}
#gamme_gauche img{margin-right:5px;}
#gamme_gauche h2 {
	background: url(../images/integration/contenu/bg_titre_gamme.gif) repeat-x left top;
	text-transform: uppercase;
	font-weight: normal;
	padding-left: 40px;
	line-height: 27px;
	font-size: 1.6em;
	color: white;
	margin: 0px;
}

#gamme_gauche p {
	padding: 15px 30px 15px 40px;
	line-height: 13px;
	font-size: 0.9em;
	color: #1E1A71;
	margin: 0px;
} 

#gamme_droite { width: 340px; }

#gamme_droite h3 {
	background: url(../images/integration/contenu/bg_titre_gamme.gif) repeat-x left top;
	font-weight: normal;
	padding-left: 30px;
	line-height: 27px;
	font-size: 1em;
	color: white;
	margin: 0px;
}

#gamme_droite ul {
	list-style: none;
	margin: 10px 0px;
}

#gamme_droite li { float: left; }

#gamme_droite li a {
	padding: 0px 10px 0px 30px;
	font-weight: normal;
	background: none;
	display: block;
	width: 137px;
	color: #1e1a71;
}

 #gamme_droite li a:hover, #gamme_droite li.active a {
	background: url(../images/integration/contenu/picto_liste_modeles.gif) no-repeat 15px center;
	color: #0D71BD !important;
	text-decoration: none;
	font-weight: bold;
} 

/* ---------------------------- */
/* ACTUALITE // REVUE DE PRESSE */
/* ---------------------------- */

.actualite #conteneur {
	padding: 0px 0px 0px 0px;
	
}

.actualite #contenu { padding: 0px 0px 0px 0px; }

.actualite #contenu #main {
	background: url(../images/integration/presse/header.jpg) no-repeat left top;
	padding: 30px 300px 0px 55px;
	margin:0px 0px 0px 1px;
	width: 588px;
	min-height:330px;
}

.actualite #col_droite { display: none; }

.actualite #conteneur h1 {
	font-weight: bold;
	padding-left: 5px;
	font-size: 1.4em;
	color: #fff;
	background:#130F71 ;
	margin: 1px auto 1px auto;
	width:925px;
}
.actualite #conteneur #main h1 {color:#130F71; background:none;}
.actualite #wrapper.news hr.clear {
border-top:none;
}
.actualite #conteneur h2 {
	font-weight: normal;
	font-size: 1.6em;
	color: #DE9D01;
	margin: 0px;
}
.actualite #conteneur h1 {
color:white;
font-weight:normal;
}
.actualite #conteneur #contenu #main h1 {
  color:#de9d01;
  font-weight:bold;
}
.actualite #wrapper #teaser h1 {
  font-weight:normal;
  font-size: 1.4em;
}
.actualite #conteneur h3 {
	margin: 20px 0px 0px 0px;
	font-weight: normal;
	font-size: 1.3em;
	color: #114291;
}

.actualite .breadcrumb { margin: 0px auto; background:#35495C; width:920px; }

.actualite #conteneur h3 span {
	margin-top: -18px;
	font-size: 0.8em;
	float: right;
}

.actualite #conteneur #main img {
	position: absolute;
	margin-top: 25px;
	left: 700px;
}

.actualite #conteneur p {
	font-size: 0.9em;
	color: gray;
}

.actualite #conteneur p.chapo {
	font-weight: bold;
	color: #114291;
	text-align:justify;
}

.actualite #conteneur p strong { color: gray; }

.actualite #conteneur .finaliser {
	background: url(../images/integration/presse/footer.jpg) no-repeat right top;
	height: 60px;
}

.actualite #conteneur .article_actions {
	list-style: none;
	margin: 0px;
}

.actualite #conteneur .article_actions li {
	background: silver;
	width: 250px;
	float: left;
}

.actualite #conteneur .article_actions li a {
	padding-left: 50px;
	line-height: 43px;
	display: block;
}

.actualite #conteneur .article_actions li.telecharger { background: url(../images/integration/presse/ico-telecharger.jpg) no-repeat left center; }
.actualite #conteneur .article_actions li.archives { background: url(../images/integration/presse/ico-archives.jpg) no-repeat left center; }
	

/* ---------------- */
/* GALERIE DE PHOTO */
/* ---------------- */

/* Galerie AJOUT JG*/
#images{float:left;overflow:hidden;width:200px;margin:0px 0px 0px 10px ;padding:6px ;cursor:pointer;font-size:16px;text-align:center}
#videos{float:left;overflow:hidden;width:200px;margin:0px 0px 0px 10px ;padding:6px;cursor:pointer ;font-size:16px;text-align:center}
#visites{float:left;overflow:hidden;width:200px;margin:0px 0px 0px 0px ; padding:6px;cursor:pointer;font-size:16px;text-align:center}

#contenu_images{clear:both;border:;background:#eaeaea}
#contenu_images .thumb{width:auto;height:auto;padding:5px;}

#contenu_videos{clear:both;background:#eaeaea}
#contenu_3d{clear:both;background:#eaeaea}

.activeTabGallery{background:#eaeaea;	}
.galerie #conteneur {
	width:930px;
	margin:0 auto;
	padding: 1px 5px 5px 5px;
}

.galerie #contenu { padding: 0px 0px 0px 0px; }

.galerie #contenu #main {
	background: url(../images/integration/galerie/bg-galerie.jpg) no-repeat left 5px;
	padding: 0px 10px 10px 155px;
	width: 775px;
}

.galerie #col_droite { display: none; }

.galerie #conteneur h1 {
	font-weight: normal;
	padding-left: 5px;
	font-size: 1.4em;
	color: white;
	margin: 0px;
	background:#ab3324;
}
.easyThumbview  h1 {color: #DE9D01;}
.galerie h2 {
	font-weight: normal;
	font-size: 1.6em;
	color:#ab3324;
}
.galerie #wrapper.news h2 {
  color:#130f71;
}
.galerie #wrapper.news hr.clear{border-top:none;visibility:visible;margin:7px 0;}
.galerie .breadcrumb { margin-bottom: 5px; background:#ab3324}
.galerie .breadcrumb a{ font-size:10px; font-weight:normal; }

.galerie #conteneur p { font-size: 0.9em; color:black; }

.galerie #conteneur p strong {
	font-weight: normal;
	
}

#types_medias {
	position: absolute;
	left: 20px;
	top: 750px;
}

#types_medias ul {
	list-style: none;
	margin: 0px;
}

#types_medias ul li {
	padding-bottom: 15px;
	text-align: center;
	width: 105px;
}

#types_medias ul li a {
	font-weight: normal;
	font-size: 0.9em;
	color: black;
}

.easyThumbview ul {
	list-style: none;
	margin: 0px;
}

.easyThumbview ul li {
	margin: 0px 22px 25px 0px;
	border: 1px solid silver;
	text-align: center;
	height: 120px;
	width: 120px;
	padding: 5px;
	float: left;
}

.easyThumbview ul li h6 {
	margin: 128px 0px 0px -5px;
	font-weight: normal;
	position: absolute;
	font-size: 0.8em;
	padding: 0px;
}

.easyThumbview ul li a {
	background: blue;
	height: 120px;
	width: 120px;
}







.thumb {
	background:url(../images/accueil/bgAlbum.png) no-repeat;
	width:154px;
	height:157px;
	margin:10px;
	text-align: center;
	padding: 5px;
	overflow:hidden
}



.thumb h6 {
	margin: 128px 0px 0px -5px;
	font-weight: normal;
	position: absolute;
	font-size: 0.8em;
	padding: 0px;
	width:120px;
}

.thumb a {
	width:154px;
	height:157px;
}


/* ---------------------- */
/* FICHE BATEAU ET AUTRES */
/* ---------------------- */

.fiche #conteneur {
	/* background: #3399CC; */
	padding: 0px;
}

.fiche #contenu { background: url(../images/integration/contenu/bg_avec_colonne_droite.gif) repeat-y right top; }

.fiche #contenu #main { width: 930px;float:left}

.fiche #col_droite {
	padding: 0px;
	width: 249px;
}

.fiche #main h1 {
text-transform: uppercase;
	background: #3499CD;
	padding-left: 40px;
	margin: 0px 10px 0px 9px;
	width:650px;
	line-height: 27px;
	font-size: 1.4em;
	color: white;
}

.fiche #presentation img {
	margin: 0px 15px 10px 10px;
	float: left;
}

.fiche #presentation p { font-size: 0.9em; }

.fiche #presentation ul {
	list-style-position: inside;
	font-size: 0.9em;
}

.fiche #visuels_additionnels {
	width: 390px;
	width: 300px;
	float: left;
}
.fiche #visuels_additionnels {
	/*width: 390px;*/
	width: 375px;
	float: left;
}
.fiche #visuels_additionnels img {
	margin: 0px 5px 0px 10px;
	vertical-align: top;
}

.fiche #visuels_techniques {
	width: 300px;
	float: left;
	margin:5px 0px 0px 10px
}

.fiche #visuels_techniques img { clear: both; }

/* ---------------------------- */
/* SPECIFIQUE A LA FICHE BATEAU */
/* ---------------------------- */
.fiche_bateau { width:600px }
.fiche_bateau a.visite_virtuelle {
	background: url(../images/integration/contenu/picto_visite_virtuelle.gif) no-repeat left center;
	font-weight: normal;
	padding-left: 50px;
	line-height: 18px;
	color: #3499CD;
	display: block;
	cursor: move;
	float: left;
	width: 85px;
}
.visitvirt {
	background: url(../images/integration/contenu/picto_visite_virtuelle.gif) no-repeat left center;
	font-weight: normal;
	line-height: 18px;
	color: #3499cd;
	display: block;
	/* cursor: move; */
	float: left;
	width: 150px;
	padding: 10px 0 10px 50px;
	margin:10px
}
a.visitvirt {
  font-weight:normal;
  color:#3499cd;
}


#box_regions_dispos {
	background: #3499CD url(../images/integration/bateau/courbe.jpg) no-repeat right bottom;
	padding-bottom: 40px;
}

#box_regions_dispos h3 {
	background: url(../images/integration/bateau/france.jpg) no-repeat right bottom;
	padding: 10px 80px 0px 15px;
	font-weight: normal;
	font-size:1.2em;
	height: 113px;
	color: white;
	margin: 0px;
}

#box_regions_dispos ul {
	list-style-position: inside;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	color: white;
}

#box_regions_dispos a {
	font-weight: normal;
	font-size: 0.9em;
	color: white;
}
table{border-collapse:collapse;}
.clear{clear:both;}
.clear2{clear:both; }
hr.clear{visibility:hidden;margin:0;padding:0;height:1px;border:0}
#page{width:950px;margin:0 auto; position:relative; text-align:left}
#banner{background:url(/images/nicols_bgban.jpg) repeat-y left;}
#banner img{display:block;}
#langs img{display:inline}
#langs{position:relative;top:-7px;right:0; width:auto; text-align:right}
#langs a{margin:0 0 0 2px}
#banner ul, #banner li, #menubottom ul, #menubottom li{margin:0;padding:0;}
#breadcrumb, #breadcrumb a{color:#fff;}
#teaser, #breadcrumb, #contents{margin:1px 9px; }
#teaser{margin-bottom:0; position:relative;}
#breadcrumb{margin-top:5px;margin-bottom:10px;}
#banner, #footer{color:#FFF;}
/* Menus -- */
.base div.blockmenu{background:transparent url(/images/fond_menu.gif) repeat-x bottom left;padding:7px 0 0 0;height:20px;position:relative; z-index:32;} 
.base ul#menutop a,.base #menubottom ul a{display:block;color:white}
ul#menutop a, #menubottom ul a{display:none}
ul#menutop li, #menubottom ul li{display:inline;float:left;width:135.5px;text-align:center;position:relative; }
ul#menutop li:hover .sub, ul#menutop li.sfhover .sub{left:0;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
ul#menutop .sub{position:absolute;left:-999em;top:20px;}
ul#menutop li{font-weight:bold;}
ul#menutop li a{color:white;}
ul#menutop li a:hover{text-decoration:none;}
ul#menutop .sub li{padding:0 6px 0 0;float:none;display:block;}
ul#menutop .sub li a{display:block;width:auto;background:#27879C;margin:4px;padding:5px 0;color:white;}
/* #wrapper #menubottom{background-image:url(/images/sous_menu_bleu.jpg); position:relative;} */
#wrapper #menubottom ul li{width:232px;padding:0px;margin:0px}
#wrapper #menubottom ul{width:930px;padding:0px;margin:0px}
#wrapper.base #menubottom{background:url(/images/sous_menu_vert.jpg) -16px -28px no-repeat;width:930px;margin:0 auto}
#wrapper #breadcrumb a{text-decoration:none}

a img{ border:none}

/* Gamme specific */
/*#wrapper.gamme, .gamme{background-color:#3399cc;} */
#wrapper.gamme #teaser{color:#fff}
#wrapper.gamme h2{color:#fff;}
#wrapper.gamme #breadcrumb, #wrapper.gamme #breadcrumb a{color:#fff}
#wrapper.home #contents .gamme h3, #wrapper.home #contents .gamme a{color:#4A93D1;}
#wrapper.gamme #contents, #wrapper.gamme #contents td{color:#408298}
#wrapper.gamme #gammes div{overflow:hidden;margin:5px 10px 0 10px; float:left;width:200px; }
#wrapper.gamme #gammes div img{width:100%}
#gammes ul, #bateau ul{clear:left}
#gammes ul, #gammes li, #bateau li, #bateau ul{list-style:none;margin:0;padding:0; line-height:1.2em}
/*#gammes li, #bateau li{float:left;width:49.5%;margin:0 0 0 0;padding:0; display:inline}*/
#bateau .col50p li{float:left;width:49.5%;margin:0 0 0 0;padding:0; display:inline}
#gammes li a, #bateau li a{font-size:1.0em;text-decoration:none; list-style:none}
#wrapper.gamme .visitvirt{font-size:1.2em;text-decoration:none;margin-right:10px}
.gamme #boatviews{width:120px;}
.gamme #boatcuts img{
    width:100%;
    max-width:250px;
    max-height:100px;
    margin:3px 10px;
    _width:expression(Math.min(this.width, 250)+'px'); /* IE6 */
    /*_height:expression(Math.min(this.height, 250)+'px'); */
}
/*.gamme #boatviews div{width:116px; height:90px; position:relative; text-align:left; margin:0 3px;}*/
.gamme #boatviews img{position:absolute; right:0; top:0; cursor:ne-resize; }
.gamme #boatviews div{width:100px; height:100px; position:relative; text-align:left; margin:0 3px; float:left;}

.gamme #boatviews2 img{/*position:absolute; left:0; top:0;*/ cursor:hand; /*width:160px;*/ height:110px; }
.gamme #boatviews2 div{/*width:160px;*/ height:110px; position:relative; text-align:left; margin:5px 3px; float:left;}

/* Vente specific */
#vente .offre{padding:3px 6px; }
#vente .offre:hover{ }
#vente .offre ul{margin:1em 0; padding:0; position:relative; }
#vente .offre h3{position:relative; }
#vente .offre ul li{list-style-position:inside}
#vente .offre div.r{position:relative; width:185px; height:120px; margin-right:10px; text-align:right; padding:0;  /* rajout 11-11-09 */ height:155px; margin:0;}
#vente .offre img{position:absolute;  top:0; margin-top:1.3em; cursor:ne-resize; /* rajout 11-11-09 */  /*right:0;*/ left:0;}
/* Region Specific */
/* #wrapper.base, .base{background-color:#669900!important; } */
#wrapper.base #teaser{color:#fff}
#wrapper.base #breadcrumb, #wrapper.base #breadcrumb a{color:#fff}
#wrapper.home #contents .base h3, #wrapper.home #contents .base a{color:#8FA120;}
#wrapper.base #presentation p img{margin:0 5px}
#wrapper.base #contents, #wrapper.base #contents td{color:#6c9c13;}
#wrapper.base .iti{width:410px; float:left; margin:10px 20px; border:1px solid #669900; display:inline; }
#wrapper.base .iti span{text-transform:uppercase;font-weight:bold}
#wrapper.base .iti p,#wrapper.base .iti table{clear:left; margin:1px 7px 3px 7px}
#wrapper.base .iti table{width:100%}
#wrapper.base .iti table td{width:50%; padding:0 3px;}
#wrapper.base .iti table td.dist{width:30%!important;}
#wrapper.base .iti h4{float:left;background:#8FA120;color:#fff;line-height:1.4em;padding:0 6px; font-size:1.2em; margin:0; display:inline}
#wrapper.base select{border-color:#8FA120}
#wrapper.base .col50p img{margin:2px}
#wrapper.base #fullview{width:100%;text-align:right}
#wrapper.base #fullview img{max-width:457px;width:expression((this.clientWidth > 457) ? "457px":"auto" );}
#wrapper.base #region{margin:0 100px; }
#wrapper.base #region img{

}
/*Ajout JG*/
#region img {border:none; float:left}
#region ul {width:150px;float:left} 
#region  h2 {background-color:#84a302}
#region li {list-style-type:bull;color:#1e1a71;}
#region a {color:#1e1a71}
#bases img {border:none; float:left}
/*fin Ajout*/
#wrapper.base #bateau {height:200px;}
#wrapper.base #bateau div{/*float:left;*/ display:inline; width:22%; position:absolute;  }
#wrapper.base #bateau div ul{margin:0; padding:0; float:none; display:block;}
#wrapper.base #bateau div li{list-style:none; float:none; display:block; width:auto;}
#wrapper.base h2{position:relative; color:#fff}

.contact_under a,.contact_under a:link, .contact_under a:visited {text-decoration:underline; color:#1E1A71;}
/*#wrapper.base #bateau .baselistgamme_Grand Confort{left:0; }
#wrapper.base #bateau .baselistgamme_Riviera{left:25%; }
#wrapper.base #bateau .baselistgamme_Sedan{left:50%; }
#wrapper.base #bateau .baselistgamme_Estivale{left:75%}*/

#wrapper.base #bateau .baselistgamme_Grand{float:left; position:relative; }
#wrapper.base #bateau .baselistgamme_Riviera{float:left; position:relative; }
#wrapper.base #bateau .baselistgamme_Sedan{float:left; position:relative; }
#wrapper.base #bateau .baselistgamme_Estivale{float:left; position:relative;}


/* News specific */
/* #wrapper.news, .news{background-color:#DE9D00!important} */

#wrapper.news{overflow:hidden}

.news #conteneur{clear:both;}
#wrapper.news #teaser,#wrapper.news #teaser a{color:#fff}
#wrapper.home #contents .news h3, #wrapper.home #contents .news a{color:#DE9D00;}
#wrapper.news select{border-color:#c37100}
#wrapper.news #contents, #wrapper.news #contents td{color:#c37100}
#wrapper.news hr.clear{border-top:1px solid #de9d00;visibility:visible;margin:7px 0;}
#wrapper.news .col300{text-align:center}
#wrapper.news .date{color:#000}
#wrapper.news #breadcrumb, #wrapper.news #breadcrumb a{color:#fff}
div#actuLatest div.latestitem{
	height:auto;
}
/* Presse specific */
/* #wrapper.news, .news{background-color:#DE9D00!important} */
#wrapper.news #teaser,#wrapper.news #teaser a{color:#fff}
#wrapper.home #contents .news h3, #wrapper.home #contents .news a{color:#DE9D00;}
#wrapper.news select{border-color:#c37100}
#wrapper.news #contents, #wrapper.news #contents td{color:#c37100}
#wrapper.news hr.clear{border-top:1px solid #de9d00;visibility:visible;margin:7px 0;}
#wrapper.news .col300{text-align:center}
#wrapper.news .date{color:#000}
#wrapper.news h2{ color:#fff}
#wrapper.news #breadcrumb, #wrapper.news #breadcrumb a{color:#fff}



#wrapper.news .col420{}
#wrapper.news h1{}

/*.news img{float:left;overflow:hidden;margin:10px;}
*/
.item img{ float:left;overflow:hidden;margin:10px;}
.item .col300 {}

div#presseLatest div.latestitem{
	height:48px;
}
div.magazine{
  color:white;
  margin:0 0 0 -5px;
  width:225px;
  background:#f59e01;
}
/* Reservation Specific */
/* #wrapper.resa, .resa{background-color:#C77500!important;} */
#wrapper.home #contents .resa h3, #wrapper.home #contents .resa a{color:#C77500;}
#wrapper.resa #teaser, #wrapper.resa #breadcrumb,#wrapper.resa #breadcrumb a{color:#fff}
#wrapper.resa iframe{margin:0;padding:0}
/* Contenus */
#nadia, #wrapper #nadia td a{color:#fff}
/* promo */
#wrapper.gamme #reservation, form#info{background:#e3ecf1; width:400px; margin:auto; border:2px solid #ddd; padding:5px}
#reservation { text-align:left}
form#info{width:600px;}
input,textarea,select{font-size:12px}
#wrapper.gamme #reservation h3{margin-top:0; padding-top:0; text-align:center;}
.promos{margin:0 100px 15px 100px;color:#11438D;}
.promos a{ color:#1e1a71}
.promos div.r{margin:0; padding:0;}
.promos h3{padding:4px 0; text-align:center; background:#0a9fae; color:#fff; position:relative;}
#wrapper.gamme h2{ color:#fff}

/* actus -- */
.item{padding:6px}
/* -- actus */
#scrollerPrime {position:absolute; top:-320px; right:5px; width:400px; font-size:1.5em; color:#fff}
/* vente neuf -- */
#boatsells a img{border:0; width:55px;}
#boatsells { width:900px}
/* -- vente neuf */

.fiche #teaser h2 { color:#FFF; } 
.champ_ope input, .champ_ope textarea{border:1px #DE9D00 solid; text-align:left;}


/* ---------------------------------- */
/* RECOMMANDER LE SITE A UN(e) AMI(e) */
/* ---------------------------------- */

.recommander #conteneur {
	padding:0px;
	width:950px;
	margin:0 auto;
	
}
.recommander p{width:900px;}
.recommander #contenu { padding: 0px 0px 0px 0px; }

.recommander #contenu #main {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 900px;
}

.recommander #col_droite {display:none}

.recommander #conteneur h1 {
	font-weight: normal;
	padding-left: 5px;
	font-size: 1.4em;
	color: white;
	margin: 0px;
}

.recommander #conteneur h2 {
	font-weight: normal;
	font-size: 1.6em;
	color: #DE9D01;
	margin: 0px;
}

.recommander #breadcrumb { margin-bottom: 10px; font-size:12px }


/*ajout JG*/
img.r {border :4px solid #fff; float:right}
#tarifsnav{ width:930px; padding:10px 0px 10px 30px; }
#tarifsnav a{ color:#1e1a71 }
table li { list-style-type:none}
table a {color:#1e1a71 }

p img{float:left;margin:10px}

/* FORMULAIRE JEU CONCOURS */

/* #divVotreHistoire{margin:0px 0px 0px 0px;padding:0px;width:900px}
#VotreHistoire{ background:#ccc;margin:10px 0px 0px 0px; }
#divVotreHistoire h3{color:#1e1a71;font-size:1.4em; border-bottom:1px dashed #1e1a71}
#VotreHistoire strong{display:block;margin:5px 0px 0px 0px;}
#VotreHistoire input, #VotreHistoire textarea{margin-top:0px;}
#VotreHistoire {overflow:hidden}
#VotreHistoire div{} */
#divFormRacontez{background:#ccc;margin:10px 0px 0px 0px;width:900px;margin:0 auto;padding:10px;overflow:hidden;font-size:12px;}
#divFormRacontez input{height:19px;}

#divFormRacontez label{display:block;}

/* Styles pop up accueil */
#popUp a {color:#fff}
#popUp { font-size:12px;}
#popUp p{ margin:-5px 0px 0px 0px;padding:5px;letter-spacing:1px}

#popUp h1, #popUp h2, #popUp h3{color:#fff}



.news #breadcrumb {}
.news #breadcrumb a {  }

.first{ background:#dee3e7}
.first:hover, .second:hover{ background:#adbac6;color:#fff}
.first a:hover, .second a:hover{color:#fff}
#boatsells thead td { background:#8496a5; color:#fff}