@charset "iso-8859-1";
/* CSS Document */
*{
	margin:0;
	padding:0;
	font-family: "Century Gothic";
}

img { border:0px;}
body{
	font-size:12px;
	color:#000;
	background:url(../images/fond.jpg) top center no-repeat #13110e;
}

h1{

	font-size:10px;
	position:absolute;
	color:#fff;
	font-weight:lighter;
	top:0;
	right:0;
}

/* ------------------------------------------------------------------- OMBRES -----------------------------------------------------------------------------*/
#conteneur
{

	width:1000px;
	height:auto;
	margin:0px auto 0px auto;
}

/********************************************************************** TOP ******************************************************************************/
#top
{
	width:1000px;
	height:281px;
	background:url(../images/haut.png);
}

#lien_spmb{
	width:230px;
	height:130px;
	z-index:2000;
	position:absolute;
	top:0;
	margin-left:127px;	
}

#logo
{
	background:url(../images/logo_bateau.png);
	width:374px;
	height:192px;
	position:absolute;
	top:41px;
	right:50%;
	margin-right:-436px;
	z-index:1;
}

#haut
{
	width:565px;
	height:20px;
	float:left;
}

#drap
{
	width:200px;
	float:left;
	height:40px;
	line-height:40px;
}

#partie_centre{
	background:url(../images/fond.png);
	width:1000px;
}

#contenu_partie_centre{
	background: #d6b888;
	margin:0 0 0 38px;
	width:928px;
}

#flash
{
	width:711px;
	height:311px;
	clear:both;
	position:absolute;
	top:201px;
	margin-left:217px;
	z-index:0;
}
#diapo1
{
	width:711px;
	height:311px;
}

.img_flash
{
	visibility:hidden;
}


/******************************************************************** FIN TOP ****************************************************************************/
#menu{
	float:left;
	text-transform:capitalize;
	color:#4c3d2d;
	font-size:14px;
	text-align:center;
	position:absolute;
	top:201px;
	background:url(../images/menu_fond.jpg) top left no-repeat;
}

#menu ul li{
	list-style:none;
	background:url(../images/menu_separation.jpg) top no-repeat;
	padding:0;
	margin:0;
	width:217px;
}

#menu ul li a span{
	display:block;
	width:210px;
	padding:10px 0;
	margin:0 7px 0 0;
}

#menu ul li a span:hover, #menu ul li a span.li_hover{
	background:url(../images/menu_hover.jpg) right no-repeat;
}

#menu ul li a{
	text-decoration:none;
	color:#4c3d2d;
	font-size:14px;
}

#menu ul li ul{
	position:absolute;
	margin:-39px 0 0 217px;
	z-index:100;
	background:#d6b888;
	display:none;
}

#menu ul li ul li a span{
	margin:0;
	width:217px;
}

#menu ul li ul li a span:hover, #menu ul li ul li a span.li_hover{
	background:#2a231b;
	color:#fff;
}

#gina_peche{
	width:134px;
	height:24px;
	background:url(../images/gina_peche.png) center 10px no-repeat;
	padding:10px 0;
	margin:0 auto;
}

#facebook{
	height:28px;
	background:url(../images/facebook.png) left no-repeat;
	padding:18px 0 10px 40px;
	width:85px;
	margin:0 auto;
}

#newsletter span{
	padding:10px 0 5px 0;
	width:100%;
	display:block;
}

#newsletter input{
	padding:3px 0 4px 0;
	background:url(../images/newsletter_fond.jpg);
	color:#d6b888;
	border:none;
	text-align:center;
	margin:0;
	width:158px;
	float:left;
	margin:4px 0 0 10px;
}

#newsletter img{
	float:left;
	margin-left:10px;
}
/****************************** texte ******************************************/
#texte
{
	width:655px;
	text-align:justify;
	color:#000;
	font-weight:lighter;
	font-size:13px;	
	clear:both;
	line-height:20px;
	float:right;
	padding-top:250px;
	margin-right:30px;
	min-height:100px;
}

#texte em { font-style:italic;}
#texte strong { font-weight:bold;}
#texte a { color:#4c3d2d; text-decoration:none}
#texte a:hover { color:#fff;}

#texte h2
{
	font-size:24px;
	text-align:left;
	color:#4c3d2d;
	margin-bottom:15px;
	font-weight:lighter;
	text-transform:capitalize;
}
#texte .titre{color:#a893ad; font-weight:lighter;}

#texte li
{
	margin-left:25px;
}

#texte #img_page{
	margin-top:30px;	
}

#texte .img_page
{
	width:197px;
	height:140px;
	overflow:hidden;
	float:left;
	margin:0 11px 20px 10px;
}

#bas{
	width:1000px;
	margin:0px auto;
}

#footer{
	background:url(../images/bas.png) top center no-repeat;
	width:100%;
	height:67px;
	padding-top:6px;
	margin-left:2px;
	color:#5a98e2;
	text-align:center;
	font-size:11px;
}

#bas a{ text-decoration:none; color:#5a98e2; }
#bas a:hover{ color:#fff;}

/* ---------------------------------------------------------- INCLUDE DOCUMENT -------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/

.document_page
{ 
	width:150px;
	height:27px;
	background:url(../images/pdf-32.gif) left no-repeat;
	text-align:left;
	margin:10px 0 0 30px;
	padding:5px 0 0 37px;
}
.document_page a { color:#4c3d2d; text-decoration:none; font-size:14px; text-transform:capitalize;}
.document_page a:hover { color:#fff;}

.document_page2
{ 
	height:27px;
	background:url(../images/pdf-32.gif) left no-repeat;
	text-align:left;
	margin:10px 0 0 0;
	padding:5px 0 0 37px;
}
#texte .document_page2 a { color:#fff; text-decoration:none; font-size:14px; text-transform:capitalize;}
.document_page2 a:hover { color:#fff;}

/* --------------------------------------- INCLUDE ACTIVITES --------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

.partenaire {
	text-align:left;
	margin:0 0 30px 0;
	text-align:justify;
	background:#4c3d2d;
	padding:10px;
	color:#fff;
}

.partenaire h4 {
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	margin:0 0 20px 0;
	font-weight:bold;
}

#texte .partenaire a{
	color:#fff;
}

#texte .partenaire a:hover{
	text-decoration:underline;
}

.photo_partenaire
{
	width:180px;
	margin:0 20px 10px 0;
	float:left;
}

.mini_photo_partenaire
{
	width:80px;
	height:54px;
	overflow:hidden;
	margin:0 20px 10px 0;
	float:left;
}
/**************************************************** CSS MENU ANIM ***********************************************************/

.lien-interne
{
	font-size:13px;
	text-transform:lowercase;
}


/***************************************** Produit ********************************************/
.produit
{
	text-align:left;
	margin:0 0 30px 0;
	text-align:justify;
	background:#4c3d2d;
	padding:10px;
	color:#fff;
}

.produit h3
{
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	margin:0 0 20px 0;
	font-weight:bold;
}

.photo_produit
{
	width:180px;
	height:120px;
	overflow:hidden;
	margin:0 20px 10px 0;
	float:left;
}
.produit a
{
	color:#69dbf1;
	text-decoration:none;
}

.dispo_menu{
	margin-top:20px;
	background:#4c3d2d;
	padding:5px 10px;	
	float:left;
}

#texte .dispo_menu a{
	color:#fff;
}

.detail_mini_photo
{
	width:120px;
	height:80px;
	overflow:hidden;
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	border:1px solid #fff;
}

/*********************** detail *******************************/
.mini_photo_produit
{
	border:1px solid #69dbf1;
	margin-bottom:10px;
	width:678px;
}
.mini_photo_produit #detail_photo
{
	padding:5px;
	width:468px;
	float:right;
}

/******************************* tarif ***********************/
#tarifs h3{
	font-size:16px;
	color:#4c3d2d;
	margin-bottom:10px;
}

#tarifs td { padding:3px; font-size:14px; color:#fff; }
#tarifs #t2 td { background:#4c3d2d; }

#tarifs #dispo
{
	padding:5px 10px;
	background:#4c3d2d;
	text-align:center;
	float:right;
	margin-top:7px;
}

#tarifs #dispo a{ color:#fff;}

/*********************** carte interactive *********************************/
.carte
{
	text-align:left;
	margin:0 0 30px -27px;
	text-align:justify;
	background:#4c3d2d;
	padding:10px 0 0 0;
	color:#fff;
	width:711px;
}

.carte h3
{
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	margin:0 0 15px 0;
	font-weight:bold;
	padding:0 10px;
}

.calque{
	position:absolute;
	z-index:10;
}

.carte_photo{
	z-index:5;
}

.nom_point{
	position:absolute;
	width:150px;
	top:25px;
	left:-78px;
	overflow:hidden;
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:14px;	
	color:#4c3d2d;
	z-index:100;
	background:#fff;
	padding:10px;
}

.photo_point_popup{
	padding:10px 10px 5px 10px;
	background:#fff;
	position:fixed;
	display:none;
}

.photo_point_close{
	cursor:pointer;
	padding-top:5px;	
	color:#4c3d2d;
	font-weight:bold;
	font-size:16px;
	float:right;
	line-height:20px;
}