@charset "UTF-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	}
body{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#717F87;
	line-height:auto;
	}
body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, div {
	margin:0px;
	padding:0px;
	}
ul, li { list-style:none; }
a { cursor:pointer; }
a:hover { text-decoration:none; }
a img { border:none;}
.spacer {height:0px; clear:both;}
/*===============================================*/
#site{
	background: #e3e3e3 url(images/bg_site.jpg) repeat-x center top;
	}
/*===============================================*/
#header{
	width:950px;
	height:200px;
	margin:auto;
	background: url(images/header.jpg) no-repeat center top;
	position:relative;
	z-index:1000;
}
#header h1, #header h2, #header hr{
	display:none;
	}
#header #fil{
	position:absolute;
	left:20px;
	bottom:4px;
	text-align:left;
	
	}
#header #fil p {
	font-size:0.7em;
	color:#fff;
	}
#header #fil p a{
	color:#fff;
	}
#header #logo{
	position:absolute;
	left:35px;
	top:15px;
	background-color:transparent;
	}
#header #logo a{
	width:259px;
	height:150px;
	display:block;	
	}
#header #logo img{
	display:none;
	}
/*===============================================*/
#lang{
	position:absolute;
	background: url(images/dufour-lang2_01.png) no-repeat right top;
	
	padding-top: 7px;
	right:-19px;
	top:207px;
	z-index:1000;
	}
#lang ul{
	background: url(images/dufour-lang2_02.png) no-repeat right bottom;
	/*height: 25px;*/
	padding-left: 6px;
	padding-bottom:7px;
	}
#lang li{
	/*float:left;*/
	background-color:#333;
	}
#lang li a{
	display:block;
	height:25px;
	width:25px;
	padding:0 2px;
	}
#lang li a:hover{
	background-color:#444;
	}
#lang li a span{
	display:none;
	}
/*===============================================*/
ul#pro{
	left:10px;
	top:5px;
	text-align:left;
	position: absolute;
}
ul#pro li {
	float:left;
	margin-right:10px;
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#fff;
	font-size:0.8em;
	}
ul#pro li a {
	color:#fff;
	text-decoration:none;
	}
ul#pro li a:hover{
	text-decoration:underline;}
li#vendeur{
	background-image:url(images/pict_pro.png);
	}
li#presse{
	background-image:url(images/pict_presse.png);
	}
li#deconnect{
	background-image:url(images/pict_pro.png);
	}
/*===============================================*/
#menu{
	position:absolute;
	height:30px;
	width:633px;
	top:0px;
	right:0px;
	z-index:9000;
	}
#menu li {
	float:left;
	position:relative;
	}
#menu li a {
	display:block;
	background-position: top left;
	background-repeat:no-repeat;
	height:30px;
	}
#menu li a:hover, #menu li a.selected {
	background-position: bottom left;
	}
#menu li a span {
	display:none;
	}
li.m_accueil a{
	width:108px;
	background-image:url(images/fr/menu_01.png);
	}
li.m_entreprise a{
	width:108px;
	background-image:url(images/fr/menu_02.png);
	}
li.m_bateaux a{
	width:108px;
	background-image:url(images/fr/menu_03.png);
	}
li.m_actu a{
	width:108px;
	background-image:url(images/fr/menu_04.png);
	}
li.m_concessionnaire a{
	width:199px;
	background-image:url(images/fr/menu_05.png);
	}
#menu li ul.sub{
	position:absolute;
	top:26px;
	left:0px;
	width:100%;
	background: url(images/menu-btm.png) no-repeat left bottom;
	padding-bottom: 9px;
	}
#menu li ul.sub li{
	margin:0px 4px 0px 5px;
	width:auto;
	float:none;
	}
#menu li ul.sub a{
	background-color:#f15a24;
	background-image:none;
	height:100%;
	width:auto;
	display:block;
	color:#FDCF86;
	text-decoration:none;
	font-size:0.75em;
	padding-top:0.3em;
	padding-left:0.2em;
	padding-right:0.2em;
	}
#menu li ul.sub a:hover{
	color:#FFF;
	}	
/*===============================================*/
#contenu {
	width: 950px;
	margin: auto;
	background: url(images/bg_content_01.png) repeat-y center top;
	text-align:left;
	position:relative;
	}
/*===============================================*/
#page{
	background: url(images/fleche.png) no-repeat 9px 0px;
	padding :15px 20px 0px 100px;
	}
#bas_page {
	background: #e3e3e3 url(images/bg_content_02.png) no-repeat center top;
	padding-top: 17px;
	padding-bottom: 50px;
	}
/*===============================================*/
#footer{
	width:auto;
	margin:auto;
	background: #717F87 url(images/footer.jpg) repeat-x center top;
	}
#footer hr{
	display:none;
	}
#footer address{
	font-size:0.8em;
	}
ul#menu_pied{
	height:15px;
	padding:7px 0px;
	margin-left:10px;
	}
#menu_pied li {
	float:left;
	}
#menu_pied a {
	display:block;
	height:15px;
	background-repeat:no-repeat;
	/*background-position:center center;*/
	}
#menu_pied a span{
	display:none;
	}
li.f_home a{
	background-image:url(images/menu_footer_01.png);
	width:29px;
	}
li.f_contact a{
	background-image:url(images/menu_footer_02.png);
	width:29px;
	}
li.f_plan a{
	background-image:url(images/menu_footer_03.png);
	width:31px;
	}
li.f_mentions a{
	background-image:url(images/menu_footer_04.png);
	width:21px;
	}
li.f_emplois a{
	width:50px;
	background: url(images/fr/menu_footer_05.png);
	}
	

/*===============================================*/
ul#social {
	width:159px;
	height:24px;
	position:absolute;
	right:40px;
	bottom:-20px;
	}
ul#social li {
	float:left;
	}
ul#social li a {
	display:block;
	height:24px;
	background-position:center bottom;
	}
ul#social li a:hover {
	background-position:center top;
	}
ul#social li a span {
	display:none;
	}
ul#social li.social1 a{
	background-image: url(images/socilaWeb_01.png);
	width: 40px;	
	}
ul#social li.social2 a{
	background-image: url(images/socilaWeb_02.png);
	width: 26px;
	}
ul#social li.social3 a{
	background-image: url(images/socilaWeb_03.png);
	width: 26px;
	}
ul#social li.social4 a{
	background-image: url(images/socilaWeb_04.png);
	width: 26px;
	}
ul#social li.social5 a{
	background-image: url(images/socilaWeb_05.png);
	width: 41px;
	}
/*===============================================GOOGLE MAP*/
#map_canvas div span{
	display:none;
}
/*===============================================SOCIAL LINKS*/
#site #contenu #page #social_links ul li{
	float:left;
	list-style-type:none;
	background-image:none;
	padding:0px;
	margin-right:10px;
}
#social_links ul li a{
	display:block;
	height:64px;
	width:64px;
}
#social_links ul li a span{
	display:none;
}
#social_links ul li a.facebook{
	background-image:url(images/ico_facebook.png);
}
#social_links ul li a.twitter{
	background-image:url(images/ico_twitter.png);
}
/*===============================================AGENDA*/
.list_agenda ul{
	padding-bottom:0.5em;
	padding-left:1em;
}
.list_agenda ul li {
	font-size:0.8em;
	color:#666;
	padding-bottom:0.5em;
	padding-left:10px;
	background-image:url(images/puceli.jpg);
	background-repeat:no-repeat;
	background-position:0em 0.3em;
	}
/*===============================================RECAPTCHA*/
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r1_c1{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r2_c1{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r2_c2{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r3_c1{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r3_c2{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r3_c3{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r4_c1{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r4_c2{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r4_c4{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r7_c1{
	background-image:url(images/sprite.png);
}
#site #contenu #page #col_droite .formulaire #recaptcha_widget_div #recaptcha_area table#recaptcha_table tr td.recaptcha_r8_c1{
	background-image:url(images/sprite.png);
}
/*===============================================CALENDRIER*/
#event-infos h4.regate, #event-images h4.regate{
	color:#3366CC;
}
#event-infos h4.salon, #event-images h4.salon{
	color:#F26428;
	background-color:transparent;
}
#event-images h4{
	padding-bottom:5px;
}
#event-infos h5.regate{
	color:#819CCF;
}
#event-infos h5.salon{
	color:#EFA686;
	background-color:transparent;
}
#event-infos p.desc{
	padding-top:5px;
	font-weight:bold;
}
#page.pagePro #col_droite #event-images{
	padding-top:10px;
}
#page.pagePro #col_droite #event-images ul#gallerie-agenda{
	padding:0px 0px 10px 0px;
}
#page.pagePro #col_droite #event-images ul#gallerie-agenda li{
	padding:0px;
	display:inline;
	list-style-type:none;
	background-image:none;
}
#page.pagePro #col_droite #event-images ul#gallerie-agenda li a img{
	margin:0px;
	border:1px solid #777;
}
table#legende-calendrier{
	float:right;
}
table#legende-calendrier tr td{
	padding:3px 5px;
	color:#fff;
	font-size:0.7em;
}
table#legende-calendrier tr td.legende-regate{
	background-color:#3366CC;
	border:1px solid #27509F;
}
table#legende-calendrier tr td.legende-salon{
	background-color:#F26428;
	border:1px solid #BF5323;
}
/*===============================================METEO*/
#col_gauche #meteo h3{
	color:#aaa;
	font-size:0.9em;
	padding:5px 0px;
}
.icon {
	float: left; 
	height: 70px; 
	margin-right: 10px;
}
.current {
	background-color:#F0F7F9;
	border:1px solid #ddd;
	float:left;
	margin-bottom:3px;
	padding:5px;
	width:285px;
}
.current h5{
	color:#aaa;
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}
.current p{
	padding-top:8px;
}
.forecast {
	background-color:#F0F7F9;
	border:1px solid #ddd;
	float:left;
	margin:0px 3px 3px 0px;
	text-align:center;
	width:70px;
}
#col_gauche #meteo .forecast p{
	padding-bottom:5px;
}
#col_gauche #meteo .forecast p span.minima{
	height:15px;
	line-height:15px;
	padding-left:20px;
	background-image:url(images/meteo/minima.png);
	background-repeat:no-repeat;
}
#col_gauche #meteo .forecast p span.maxima{
	height:15px;
	line-height:15px;
	padding-left:20px;
	background-image:url(images/meteo/maxima.png);
	background-repeat:no-repeat;
}
#col_gauche #meteo .forecast img{
	margin-bottom:5px;
}
#questionnaire{
	text-align:right;
}
#questionnaire a{
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 3px;
	background-color: #333;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size:0.8em;
	font-weight:bold;
	padding: 10px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px;
}
#questionnaire a:hover{
	background-color:#012D5C;
}
#message{
	padding-bottom:20px;
	color:#333;
}
ul#club li a{
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 3px;
	background-color: #333;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size:0.8em;
	font-weight:bold;
	padding: 10px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px;
	margin-bottom:20px;
}
ul#club li a:hover{
	background-color:#012D5C;	
}