/* @group CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
img { border: 0; vertical-align: middle }
.center { text-align: center }
.clearer { clear: both }
hr.clearer { border: 0; margin: 0; padding: 0; visibility: hidden; height: 0 }
.float_right { float: right }
.tpetit, small { font-size: .85em }
.onlyjs { display: none }

/* @end */


/* @group Layout */

body {
	background: #b1ddf2 url(../images/bg_page.jpg) repeat-x top;
	font: .8em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #2a2a2a;
}

#layout {
	width: 982px;
	margin: 0 auto;
	text-align: left;
}

a:link, a:active, a:visited {
	color: #0067b6;
	text-decoration: none;
}

a:hover {
	color: #000;
}

h1 {
	color: #0067b6;
	font-weight: bold;
	font-size: 1.6em;
}

/* @end */


/* @group Header */

#header {
	margin-top: 31px;
	height: 82px;
	padding-left: 20px;
}

#header #logo {
	float: left;
	width: 257px;
}

#header .right_part {
	background: url(../images/bg_speedbar.jpg) no-repeat top;
	margin-left: 257px;
	height: 82px;
}

#header .right_part #langs {
	float: right;
	margin: 14px 37px 0 0;
	padding: 3px 0;
	width: 66px;
	height: 19px;
	text-align: center;
}

#header .right_part #scoop {
	margin: 15px 20px 0 0;
	text-align: right;
	font-size: .85em;
	color: #297ea6;
}

#header .right_part #scoop a { color: #297ea6; text-decoration: none }
#header .right_part #scoop span { color: #005076; font-weight: bold; text-transform: uppercase }

/* @end */


/* @group Content */

#content {
	padding: 30px 20px 0 20px;
	/* min-height: 520px; */
	/* min-height: 100px; */
	background: #fff url(../images/bg_content.jpg) no-repeat top;
}

.no_footer #content {
	min-height: 520px;
	margin: 30px 20px 0 20px;
	padding: 0;
	background: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	position: relative;
	
}

#box_page {
	width: 942px;
	height: 520px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 7px;
}

#box_page h1 {
	text-shadow: -1px 0 3px #CCC;
	-moz-text-shadow: -1px 0 3px #CCC;
	-webkit-text-shadow: -1px 0 3px #CCC;
}

.contentt {
	padding: 10px 20px;
}

.moins_contentt {
	margin: 0 -20px;
	padding: 0 20px;
}

.top_title {
	background: #f2f2f2;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f2f2f2),color-stop(0.63, #fff));
	background: -moz-linear-gradient(center bottom, #f2f2f2 0%, #fff 63%);
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	padding: 0 10px;
	z-index: 40;
}

ul.plandusite, ul.plandusite ul, ul.plandusite ul ul, ul.plandusite ul ul ul {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 25px;
	line-height: 150%;
}

form#sort_by {
	float: right;
	padding: 4px 3px 0 0;
}

form#sort_by p {
	display: inline-block;
	background-color: #fff;
	padding: 2px 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 1px 2px #aaaaaa;
	-moz-box-shadow: 0 1px 2px #aaaaaa;
	-webkit-box-shadow: 0 1px 2px #aaaaaa;
}

form#sort_by label {
	padding: 0 3px 0 11px;
	font-size: .85em;
	display: inline-block;
	text-align: center;
}

form#sort_by select {
	display: inline-block;
	border: 0;
	background: none;
}

form#sort_by input {
	float: right;
	border: 0;
	display: inline-block;
	margin: 0 5px;
	background: #bcbcbc;
	color: #fff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
ul.childs_list {
	z-index: 60;	
}

ul.childs_list li { display: inline; position: relative; }
ul.childs_list a {
	display: inline-block;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f2f2f2),color-stop(0.63, #fff));
	background: -moz-linear-gradient(center bottom, #f2f2f2 0%, #fff 63%);
	padding: 10px;
	/* box-shadow: 0 -3px 5px #CCC; 
	-moz-box-shadow: 0 -3px 5px #CCC; */
	border-right: 1px solid #DEDEDE;
}

ul.childs_list ul {
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(0.63, #f2f2f2));
	background: -moz-linear-gradient(center bottom, #fff 0%, #f2f2f2 63%);
	box-shadow: 0 2px 2px #CCC; 
	-moz-box-shadow: 0 2px 2px #CCC;
	-webkit-box-shadow: 0 2px 2px #CCC; 
}

ul.childs_list ul li a {
	padding: 3px 7px;
	background: none;
	border-bottom: 1px solid #fff;
}

ul.childs_list li.selected a {
	background: #fff;
	font-weight: bold;
}

ul.childs_list li:first a {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/* ul.dropdown, ul.dropdown li:hover { position: relative; } */
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; margin: 10px 0 0 -5px; }
ul.dropdown ul li { float: none; }
ul.dropdown ul li a	{ border-right: none; width: 100%; display: inline-block } 
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }

/* @end */


/* @group Boats */

#boats_list {
	margin: 0 auto;
	padding-left: 2px;
	position: relative;
	overflow: hidden;
}

#boats_list #content_list {
	position: relative;
	// left: -30px;
}

#content_list2 {
	position: relative;
}

.row_boat {
	width: 20%;
	float: left;
}

.pages_list_content {
	position: relative;
}

a.next_page, a.prev_page {
	display: block;
	width: 34px;
	height: 33px;
	position: absolute;
	top: 150px;
}

a.prev_page { left: -43px; background: url(../images/bg_nextp.jpg) no-repeat top left }
	a.prev_page:hover { background-position: bottom left }
	
a.next_page { left: 950px; background: url(../images/bg_nextp.jpg) no-repeat top right }
	a.next_page:hover { background-position: bottom right }
a.next_page span, a.prev_page span { display: none }

.row_boat .top_boat {
	padding: 10px 16px;
	background: url(../images/bg_boat_box.jpg) no-repeat top left;
	width: 155px;
	height: 130px;
}

.row_boat.second_bg .top_boat {
	background-position: 0 -150px;
}

.row_boat.three_bg .top_boat {
	background-position: 0 -300px;
}

.row_boat .top_boat h3 {
	margin-top: 7px;
}

.row_boat .data_boat {
	background: url(../images/bg_boat_content.jpg) no-repeat top left;
	color: #535353;
	padding: 10px 15px;
	line-height: 140%;
}

.row_boat.first_bg .data_boat {
	background: none;
}

.row_boat .data_boat p {
	padding-bottom: 15px;
}

.boat_price a {
	display: inline-block;
	height: 16px;
	padding: 3px 8px;
	background-color: #f2f2f2;
	border: 1px solid #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 1px 2px #b5b5b5;
	-moz-box-shadow: 0 1px 2px #b5b5b5;
	-webkit-box-shadow: 0 1px 2px #b5b5b5;
	text-shadow: -1px 0 3px #fff;
	-moz-text-shadow: -1px 0 3px #fff;
	-webkit-text-shadow: -1px 0 3px #fff;
}

.boat_price span.title_price {
	color: #454545;
}

.details_boat .left_tech {
	float: left;
	width: 300px;
	position: relative;
}

.left_tech .caracts { font-size: .9em }
.left_tech .caracts .title { color: #666 }

.left_tech ul.icons_slider { position: absolute; right: 0 }

.left_tech ul.icons_slider a {
	display: block;
	padding: 2px 4px;
	margin-bottom: 2px;
	border: 1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.left_tech ul.icons_slider a.selected {
	border: 1px solid #c9c9c9;
	background: #e3e3e3;
}

.details_boat .right_slide {
	width: 600px;
	margin-left: 310px;
}

.slideshow {
	position: relative;
	width: 600px;
	height: 350px;
	overflow: hidden;
}

.slideshow .pics_list {
	display: none;
	position: absolute;
	top: 265px;
	width: 600px;
	text-align: center;
	z-index: 30;
}

.slideshow .pics_list ul li {
	display: inline;
}

.slideshow .content_text {
	display: none;
	position: absolute;
	overflow: hidden;
	width: 600px;
	height: 350px;
	background: #252525;
	color: #fff;
	text-shadow: -1px 0 3px #000;
	-moz-text-shadow: -1px 0 3px #000;
	-webkit-text-shadow: -1px 0 3px #000;
	z-index: 50;
}

.slideshow .content_text .box_list {
	position: relative;
	width: 1200px;
}

.slideshow .content_text .box_slide {
	float: left;
	width: 550px;
	height: 310px;
	padding: 20px 25px;
}


/* @end */

a.bouton_action {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 10px;
	background: url(../images/bg_bouton_action.jpg) repeat-x bottom;
	color: #3a3a3a;
	text-align: center;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 2px #0b4e70;
	-moz-box-shadow: 0 1px 2px #0b4e70;
	-webkit-box-shadow: 0 1px 2px #0b4e70;
	text-shadow: 0 1px 5px #fff;
	-moz-text-shadow: 0 1px 5px #fff;
	-webkit-text-shadow: 0 1px 5px #fff;
}

a.bouton_action:hover {
	color: #fff;
	background-position: top;
	text-shadow: 0 1px 5px #0b4e70;
	-moz-text-shadow: 0 1px 5px #0b4e70;
	-webkit-text-shadow: 0 1px 5px #0b4e70;
}

a.big_button {
	display: inline-block;
	width: 96%;
	padding: 10px 2%;
	margin-bottom: 3px;
	background: #ccc;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(120,120,120)),
	    color-stop(0.72, rgb(204,204,204))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(120,120,120) 0%,
	    rgb(204,204,204) 72%
	);
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 1px 3px #fff;
	-moz-text-shadow: 0 1px 3px #fff;
	-webkit-text-shadow: 0 1px 3px #fff;
	box-shadow: 0 1px 2px #000;
	-moz-box-shadow: 0 1px 2px #000;
	-webkit-box-shadow: 0 1px 2px #000;
	font-weight: bold;
	color: #262626;
}

a.big_button:hover {
	color: #000;
}

ul.categories {
	list-style-type: none;
	padding: 0 10px;
}

/* @group Forms */

.box_50_2 {
	width: 39%;
}

.box_50_2.float_right {
	margin-right: 25%;
}

.detailled_form label {
	display: inline-block;
	font-weight: bold;
	color: #626262;
	width: 120px;
}

.detailled_form input[type=text], .detailled_form textarea {
	padding: 3px 7px;
	color: #666;
	border: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 1px 2px #666666;
	-moz-box-shadow: 0 1px 2px #666666;
	-webkit-box-shadow: 0 1px 2px #666666;
}

.detailled_form fieldset {
	border-top: 1px solid #CCCCCC;
	padding-top: 7px;
}

.detailled_form legend {
	color: #aaa;
	letter-spacing: 2px;
	padding-right: 10px;
}

.row_1, .row_2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.row_2 {
	background: #f1f1f1;
}

.row_1_box {
	padding: 5px 30px;
	position: relative;
	margin-left: -10px;
}

.row_2_box {
	background: #dfeff6 url(../images/bg_row_2_box.jpg) repeat-y right;
	width: 55%;
	padding: 5px 30px;
	margin-left: -10px;
}

.row_1_box .bouton_action, .row_2_box .bouton_action {
	padding: 2px 0;
	color: #fff;
	background-position: top;
	text-shadow: 0 1px 5px #0b4e70;
	-moz-text-shadow: 0 1px 5px #0b4e70;
	-webkit-text-shadow: 0 1px 5px #0b4e70;
	box-shadow: 0 1px 2px #9f9f9f;
	-moz-box-shadow: 0 1px 2px #9f9f9f;
	-webkit-box-shadow: 0 1px 2px #9f9f9f;
	border: 1px solid #fff;
}

.row_1_box .bouton_action:hover, .row_2_box .bouton_action:hover {
	background-position: bottom;
	color: #3a3a3a;
	box-shadow: 0 1px 2px #0b4e70;
	-moz-box-shadow: 0 1px 2px #0b4e70;
	-webkit-box-shadow: 0 1px 2px #0b4e70;
	text-shadow: 0 1px 5px #fff;
	-moz-text-shadow: 0 1px 5px #fff;
	-webkit-text-shadow: 0 1px 5px #fff;
}

.submit_form {
	margin-left: 125px;
}

.submit_form.no_margin {
	margin-left: 0;
}

.submit_form input[type=submit] {
	border: none;
	cursor: pointer;
	font-weight: bold;
	color: #2e828f;
	padding: 5px 10px;
	background: #b1ddf2;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #b1ddf2),color-stop(0.63, #d9ecf5));
	background: -moz-linear-gradient(center bottom, #b1ddf2 0%, #d9ecf5 63%);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 1px 2px #0f6690;
	-moz-box-shadow: 0 1px 2px #0f6690;
	-webkit-box-shadow: 0 1px 2px #0f6690;
	
}

.submit_form input[type=submit]:hover, .submit_form input[type=submit]:focus {
	background: #686868;
	color: #fff;
	box-shadow: 0 1px 2px #666;
	-moz-box-shadow: 0 1px 2px #666;
	-webkit-box-shadow: 0 1px 2px #666;
}

/* @end */

/* @group Footer */

p#logos {
	margin-top: 6px;
}

#footer {
	padding: 30px 20px;
	background: url(../images/bg_footer.jpg) no-repeat top;
	text-align: center;
}

.no_footer #footer {
	padding: 10px 20px;
	background: none;
}

#footer span.bull {
	padding: 0 7px;
	color: #66abcc;
}

/* @end */


/* @group SF menu */


/*** ESSENTIAL STYLES ***/
.sf-menu li.first_item { margin-left: 35px }

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEFAULT SKIN ***/
.sf-menu {
	width:          682px;
    height:         43px;
}
.sf-menu a {
	text-indent:    0;
    white-space:    nowrap;
    padding:        20px 10px;
    color:          #fff;
    text-shadow: 0 1px 3px #121541;
    -webkit-text-shadow: 0 1px 3px #121541;
    -moz-text-shadow: 0 1px 3px #121541;
	text-decoration:none;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
	text-decoration: underline;
	outline:		0;
}
.sf-menu ul { margin-top: -1px }

.sf-menu ul, .sf-menu ul ul, .sf-menu ul ul ul, .sf-menu ul ul ul ul {
    -moz-box-shadow:  0px 2px 3px #2f2f2f;
    -webkit-box-shadow: 0px 2px 3px #2f2f2f;
    z-index:        29;
}

.sf-menu li li, .sf-menu li li li, .sf-menu li li li, .sf-menu li li li li {
    padding: 0;
}
.sf-menu li li a, .sf-menu li li li a, .sf-menu li li li a {
    padding: 5px 0 5px 20px;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #c9c9c9;
	background: #e3e3e3;
	padding: 3px 5px;
	opacity: .9;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#tooltip h3, #tooltip div { margin: 0; }

/* @end */