/*----------- DETECTION JS--------------------*/
#jserror dl{
	background:url(../images/puce-java.gif) no-repeat 10px 3px ;
	border:#FF0000 1px solid;
	color:#FF0000;
	padding: 10px 10px  10px 70px;
	margin:10px 0;
	float:left;
	height:55px}
#jserror dt{ font-weight:bold; }
/*----------------------------------------------------------------------------------------------------------BALISES GENERALES----*/
*{margin:0px; padding:0px; outline:none }
/*-----------------------------------------------------------------------Liens----*/
a, #contenu dd a{color:#3399cc; text-decoration:none; font-weight:bold }
a:hover, #contenu dd a:hover{color:#ff9933;text-decoration:none;font-weight:bold} 
/*----------------------------------------------------------------Liste à puce----*/
li{ list-style-type:none; display:inline;}
/*----------------------------------------------------------------------IMAGES----*/
a img{ border:none;}
/*--------------------------------------------------------------h1, h2, h3, h4----*/
h1, h2 {text-indent:-9999px; font-size:0px;}
h3, h4{	text-indent:-9999px; font-size:0px; display:none}
h5{ color:#FF9900; font-size:11px; margin:0 0 10px 0}
/*--------------------------------------------------------------------Fieldset----*/
legend{ display:none;}
fieldset{ border:none;}
/*--------------------------------------------------------------------------Hr----*/
.hr{ height:1px; border:0; border-bottom:1px dotted #3399cc; margin:5px 0 }
/*hr{ border:  solid  1px #cccccc ; margin:10px 0; clear:both}
.myhr{
	visibility:hidden;
	height:0px;
	clear:both;
	overflow:hidden;
}*/
/*------------------------------------------------------------------COULEURS----*/
.bleu{ color:#3399cc}
.orange{ color:#ff9933}
.gris{ color:#333333}
.gras{ font-weight:bold}
.hidden{ display:none}
/*--------------------------------------------------------------------------------------------------------------------BODY----*/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	color:#333333;
	text-align:center;
	background:url(../images/BG_body.gif) repeat-x top left ;}
/*-----------------------------------------------------------------------------------------------------------------GLOBAL----*/
#global{background:url(../images/BG_global-fond.png) repeat-x top left;}
#global-contenu{
	width:1005px;
	margin :0 auto;
	text-align:left;
	background:url(../images/BG_global-fond.png) repeat-x top left;
	position:relative}
/*-----------------------------------------------------------------------------------------------------------Diaporama----*/
#diaporama{
	width:380px;
	height:330px;
	position:absolute;
	top:5px;
	right:-50px;}
/*-----------------------------------------------------------------------------------------------------------LOGO lien URL----*/
#logo a{
	width:400px;
	height:130px;
	text-indent:-99999px;
	font-size:0em;
	display:block;
	position:absolute;
	top:30px;
	left:200px;}
/*------------------------------------------------------------------------------------------------------------------HEADER----*/
#header{
	width:1005px;
	height:406px;
	background:url(../images/BG_header.png) top left no-repeat;}
/*--------------------------------------------------------------------------------------------------------------COORDONNEES----*/
#coordonnees{display:none}
/*--------------------------------------------------------------------------------------------MENU HAUT > Bt Home / Contact----*/
#menuHT ul{
	height:59px;
	position:absolute;
	top:330px;
	left:165px;}
#menuHT ul li{ display:inline}
#menuHT ul li a{
	text-indent:-9999px;
	font-size:0em;
	width:62px;
	height:59px;
	display:block;
	float:left;
	background-position: top left;
	background-repeat:no-repeat;
	margin:0  0 0 15px}
li#menuHT_plan a{ background:url(../images/BT-haut_plan.png); margin:0 3px 0 0}
li#menuHT_plan a:hover{  background-position: bottom left }
/*li#menuHT_default a{ background:url(../images/BT-haut_home.png); margin:0 3px 0 0}
li#menuHT_default a:hover{ background-position: bottom left}*/

li#menuHT_contact a{ background:url(../images/BT-haut_mail.png)}
li#menuHT_contact a:hover{ background-position: bottom left}
/*------------------------------------------------------------------------------------------------------------------WRAPPER----*/
#wrapper{
	width:1015px;
	background:url(../images/BG_wrapperBlc.png) repeat-y top left ;}
#wrapper-contenu{
	/*width:905px;*/
	padding:0 50px 30px 50px;
	background:url(../images/BG_bas-wrapper.png)  no-repeat bottom left ;
	min-height:576px;}
/*------------------------------------------------------------------------------------------------BLOC GAUCHE / DROITE ----*/
#BG{
	width:330px;
	float:left;}
#BD{
	width:585px;
	float:left;}
/*------------------------------------------------------------------------------------------------------------------MENU----*/
#menu {
		width:330px;
		height:980px;}
#menu ul{
	text-indent:-9999px;
	font-size:0em;}
#menu li {
	float:left;
	display:inline;}
#menu li a{
	width:330px;
	height:106px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;}
#menu li a:hover{background-position:left bottom;}
#menu li.active{
	width:330px;
	height:106px;
	display:block;
	background-position:left bottom;
	background-repeat:no-repeat;} 
#menu_default a, #menu_default{ background:url(../images/BTmenu_default.png)}
#menu_bateau a, #menu_bateau{ background:url(../images/BTmenu_bateau.png)}
#menu_sejourMer a, #menu_sejourMer{ background:url(../images/BTmenu_sejourMer.png)}
#menu_tarifs a, #menu_tarifs{ background:url(../images/BTmenu_tarifs.png)}
#menu_location a, #menu_location{ background:url(../images/BTmenu_location.png)}
#menu_sejourImage a, #menu_sejourImage{ background:url(../images/BTmenu_sejourImages.png)}
#menu_carnetBord a, #menu_carnetBord{ background:url(../images/BTmenu_carnetBord.png)}
#menu_livreOr a, #menu_livreOr{ background:url(../images/BTmenu_livreOr.png)}
#menu_partenaires a, #menu_partenaires{ background:url(../images/BTmenu_partenaires.png)}
/*------------------------------------------------------------------------------------------------------------------ACCROCHE Page----*/
#accroche{width:585px;}
#accroche_default,
#accroche_bateau,
#accroche_sejourMer,
#accroche_sejourImage{
	width:585px;
	height:20px;
	margin:35px 0;
	text-indent:-99999px;
	font-size:0em;
	display:block;
	background-position: top right;
	background-repeat:no-repeat;}
#accroche_sans{
	width:585px;
	height:20px;
	margin:51px 0;
	text-indent:-99999px;
	font-size:0em;
	display:block;
	background : none}
#accroche_default{background:url(../images/accroche_default.gif) }
#accroche_bateau{background:url(../images/accroche_bateau.gif) }
#accroche_sejourMer{background:url(../images/accroche_sejourMer.gif) }
#accroche_sejourImage{background:url(../images/accroche_sejourImage.gif) }
/*------------------------------------------------------------------------------------------------------------------TITRE Page----*/
#titrepage{
	width:520px;
	height:50px;
	margin:0 0 35px 0;
	clear:both;}
#titrepage_default,
#titrepage_bateau,
#titrepage_sejourMer,
#titrepage_tarifs,
#titrepage_location,
#titrepage_sejourImage,
#titrepage_carnetBord,
#titrepage_livreOr,
#titrepage_partenaires,
#titrepage_presse,
#titrepage_contact,
#titrepage_mentions,
#titrepage_merci,
#titrepage_actualites,
#titrepage_videos{
	width:520px;
	height:80px;
	text-indent:-99999px;
	font-size:0em;
	background-position: top left;
	background-repeat:no-repeat;}
#titrepage_default{background:  url(../images/TitrePage_default.gif)}
#titrepage_bateau{background:  url(../images/TitrePage_bateau.gif)}
#titrepage_sejourMer{background:  url(../images/TitrePage_sejourMer.gif)}
#titrepage_tarifs{background:  url(../images/TitrePage_tarifs.gif)}
#titrepage_location{background:  url(../images/TitrePage_location.gif)}
#titrepage_sejourImage{background:  url(../images/TitrePage_sejourImage.gif)}
#titrepage_carnetBord{background:  url(../images/TitrePage_carnetBord.gif)}
#titrepage_livreOr{background:  url(../images/TitrePage_livreOr.gif)}
#titrepage_partenaires{background:  url(../images/TitrePage_partenaires.gif)}
#titrepage_presse{background:  url(../images/TitrePage_presse.gif)}
#titrepage_contact{background:url(../images/titrepage_contact.gif) no-repeat top left}
#titrepage_mentions{background:url(../images/titrepage_mentions.gif) no-repeat top left}
#titrepage_merci{background:url(../images/titrepage_merci.gif) no-repeat top left}
#titrepage_actualites{background:  url(../images/TitrePage_actualites.gif)}
#titrepage_videos{background:  url(../images/TitrePage_videos.gif)}
/*---------------------------------------------------------------------------------------------------------Bloc MDM / VIDEO----*/
#bloc_mdm-video{
	width:520px;
	height:140px;
	margin:0 0 35px 0;}
#video {
	width:154px;
	height:140px;
	float:right;}
#video a{
	width:154px;
	height:140px;
	display:block;
	background: url(../images/BT_video.gif) no-repeat top left;
	float:left;}
#video a:hover{ background-position: top right}
#mdm{
	width:356px;
	height:140px;
	margin:0 10px 0 0;
	background:url(../images/BG_actu.gif) no-repeat top left;
	float:left;}
#mdm dl{padding:33px 0 0 0;}
#mdm-text{margin:5px 0 0 10px; height:74px; overflow:hidden}
#mdm-suite{ margin:2px 0 0 0}
#mdm_lien{ text-align:right;}
/*--------------------------------CONTENU > Page Actus, videos; partenaires, sejour images----*/
dl.video-contenu dd img, 
dl.actu-contenu dd img, 
dl.partenaire-contenu dd img{
	float:right; 
	margin:0 0 10px 10px; 
	border:1px solid #CCCCCC;}
dl.sejourimages-contenu dd img{
	float:left; 
	margin:0 10px 10px 0; 
	border:1px solid #CCCCCC;}
.partenaire-contenu dl{ margin:0 0 30px 0}
dl.partenaire-contenu dt a{color:#3399cc;}
dl.partenaire-contenu dt a:hover{color:#ff9933;}
#contenu dd.IMG_galerie{ margin:10px 0 0 0}
/*-----------------------------------------------------------------------------------------------------------------CONTENU ----*/
#contenu { margin:0 0 0 65px; width:520px;}
#contenu dl{margin: 0 0 30px 0; clear:both}
#contenu dt{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:bold;
	color:#3399cc;
	border-bottom:1px #3399cc solid;
	margin:0 0 10px 0;}
#contenu dd.text-img_D img{ float:right; margin:0 0 0 10px }
#contenu dd.text-img_G img{ float:left; margin:0 10px 0 0  }
#contenu dd.text-img_C img{ float:right; margin:0 0 20px 40px }
#contenu dd img.sansmarge {float:left;  margin:0  }
/*-----------------------------------------------------------------------------------------------------------------FOOTER ----*/
#footer{
	clear:both;
	font-size:0.8em;
	text-align:center;
	background:url(../images/BG_footer.png) no-repeat top left;}
#footer ul{ height:20px; padding:10px 0 ;color:#3399cc }
#footer ul li a:hover{color:#ff9933}

/*----------------------------------------------------------------------------PAGE 1/2 suivante--*/
#compteur-pages,#compteur-pages a{ color:#666666; font-weight:normal }
#compteur-pages a:hover{ color:#333333;}
#compteur-pages{ width:100%; clear:both; margin:0 auto}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:120px}
#compteur-page2{text-align:center;width:200px}
#compteur-page3{text-align:right;width:100px}

/*------------------------------------------------------------------------------------------------------------------------
-------------------------------------------- CSS à trier  ----------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------*/

/* FORMULAIRE / Message d'erreur */
#contenuWrapper p, #contenuWrapper dl{ margin:0 15px 6px 15px; }
#contenuWrapper dt, #contentSuite dt{ color:#b28640; text-transform:uppercase; }
#contenuWrapper ul{ list-style-type: none; }
#contenuWrapper ol{ margin:0 0 0 0;border: #CCCCCC solid 1px; width:400px; padding:5px }
#contenuWrapper li{ margin:4px 0; display:block ; }
#footercontenu{ background: url(../images/bg_footer-contenu.png) no-repeat left top; width:402px; height:56px; padding:11px 5px 0 0;}
#footercontenu.nonext{ background: url(../images/bg_footer-contenu-nonext.png) no-repeat left top; }
#footernewsletter .hide{ background-position: left top; }
#btSuiteContenu{ font-size:11px; display:block; width:65px; padding:1px 0 0 13px; color:#fff; margin:0 0 0 320px; position:absolute; left:0px; z-index:100; }
/* CSS FORMULAIRE CONTENU */
#contenu form{ margin:0  }
#contenu fieldset{ padding:0;  }
#contenu legend{ font-family:Georgia, "Times New Roman", Times, serif; color:#703c00; }
#contenu label{ cursor:pointer; color:#3399cc; font-weight:bold }
#contenu form div{ margin-top:2px; }
.requis{ background:transparent url(../images/bg_requis3.gif) no-repeat 100% 50%; padding-right:40px; }
#contenu .left{ float:left; margin:5px 0 0 0; }
#contenu input{ background: url(../images/bg_input.gif) no-repeat left top; width:400px; border:1px #cccccc solid; padding:0 2px; height:16px; font-size:1.1em; margin:2px 0 5px 0}
#contenu textarea{ background:url(../images/bg_textarea.gif) no-repeat left top; width:400px; height:150px; border:1px #cccccc solid; font-size:1.0em; margin:2px 0 0 0; }
#contenu div#contentSuite{  padding:0 15px 6px 15px;}
#contenu div#contentSuite fieldset{ background:#eeeae6; margin:0 15px 6px 15px;}
.paragraphe, .accueilConfirmation fieldset p{ padding:12px 0 0 0; float:left; }
/*input.bouton-valider{ background: url(../images/Bt_envoyer.png) ; width:200px; height:50px; }

/* Boutons Publier / Envoyer / Ajout Commentaire */
#contenu #btEnvoyer input{  cursor:pointer; border:0; width:200px; height:30px; margin:5px 0 0 110px }
#contenu #btPublier input{  cursor:pointer; border:0; width:300px; height:30px; margin:0 0 0 70px }
#contenu #btAjoutCommentaire a{
	cursor:pointer; 
	width:340px; 
	height:30px; 
	text-indent:-99999px;
	font-size:0em ;
	margin:0 auto;
	display:block;
	background: url(../images/Bt_ajout-commentaire.gif) no-repeat center left}
.pdf { background:url(../images/picto-pdf.gif) no-repeat left top;  height:28px; padding-top:7px}
.pdf a{ color:#ffffff; padding-left:35px; ; font-size:1.2em}