/**
 * @author Camille Bouiller
 * @date febrary 2010
 * @project alliance yacht
**/

/* @group Common */

body {
    margin: 0;
    background: #000 url(../images/bg_page2.png) repeat-x top;
    text-align: center;
    font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; 
    font-size: .9em;
}

.clearer { clear: both }
hr.clearer { border: 0; clear: both; margin: 0; padding: 0; visibility: hidden; height: 0 }
.float_no_space, .float_no_space ul, .float_no_space p { margin: 0 }
.float_left { float: left }
.float_right { float: right }
img { border: 0; vertical-align: middle }
.tpetit { font-size: .7em }

hr.sep {
    border: 0; 
    height: 9px;
    background: url(../images/bg_sep.jpg) repeat-x top;
}

.loading { 
    display: none;
    background: url(../images/ajax_loader.gif) no-repeat top;
    width: 32px;
    height: 32px;
}

.box_50 { float: left; width: 49% }
.box_50_2 { width: 49% }

/* @end */


/* @group Layout */

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

div#content {
    width: 1010px;
    background: url(../images/deg_body.png) no-repeat top;
    padding: 0 54px;
    color: #a6a6a6;
}

.contentt {
    padding: 0 20px;
}

.avant_texte {
    color: #fff;
}

ul.fil_ariane {
    margin: 5px 0 0 0; padding: 0 40px;
    list-style-type: none;
    font-size: .8em;
    /* background: url(../images/bg_fa.png) repeat-x top; */
}

ul.fil_ariane li a {
    display: block;
    float: left;
    background: url(../images/bg_fa_right2.png) no-repeat right;
    padding: 3px 25px 3px 9px;
    text-decoration: none;
    color: #8f8f8f;
}

ul.fil_ariane li a:hover, ul.fil_ariane li.selected a { color: #cacaca }
ul.fil_ariane li.selected a { font-style: italic; }

ul#navigation {
    margin: 0; padding: 0 50px;
    list-style-type: none;
    width: 910px;
    height: 35px;
    background: url(../images/bg_navigation2.png) no-repeat top;
}

ul#navigation li a {
    display: block;
    height: 15px; /* height: 37px; */
    padding: 10px 20px;
    margin-bottom: 11px;
    color: #acacac;
    text-decoration: none;
    float: left;
    position: relative;
}

ul#navigation li a:hover {
    background: url(../images/bg_navigation2_hover.png) repeat-x top;
    color: #fff;
}

ul#navigation li.submenu ul { 
    display: none; 
    position: absolute;
}
ul#navigation li.submenu ul li a { height: auto; float: none; display: inline; padding: 0; margin: 0 }
ul#navigation li.submenu ul li a:hover { background-color: #333; }

.content_box_nav ul.sub_menu {
    margin: 0; padding: 0;
    list-style-type: none;
    width: 173px;
    left: 70px;
    position: relative;
}

.content_box_nav ul.sub_menu li {
    width: 150px; /* width: 173px; */
    height: 13px; /* height: 27px; */
    background: url(../images/bg_sub_menu.png) no-repeat top;
    padding: 7px 23px;
    margin-bottom: 7px;
}

div.content_box_nav {
    position: relative;
    top: 30px;
    left: 720px;
    width: 260px;
    text-align: justify;
}

#back_to_menu { 
    margin: 0; 
    display: none; 
    position: absolute;
    left: 1000px;
    top: 480px;
    color: #fff;
    font-size: .8em;
    text-decoration: none; 
}

ul#navigation li.css_back_title {
    background: red;
    color: blue;
}

.nav-container {
    position:relative;
    zoom: 1;
    padding: 0; margin: 0 0 2px 0;
    list-style-type: none;
    width: 1010px;
    height: 35px;
    background: url(../images/bg_navigation2.png) no-repeat top;
}

.nav-container li { float: left }
    .nav-container li.first_item { margin-left: 50px }
    
.nav-container a {
    float: left;
    display: block;
    white-space: nowrap;
    height: 15px; /* height: 37px; */
    padding: 10px 20px;
    color: #acacac;
    text-decoration: none;
}

.nav-container a:hover {
    background: url(../images/bg_navigation2_hover.png) repeat-x top;
    color: #fff;
}

.nav-container ul {
    list-style-type: none;
    padding: 5px 0;
    margin: 0;
    left: -10000px;
    position: absolute;
    background-color: #000;
    -moz-box-shadow: 0px 2px 3px #2f2f2f;
    -webkit-box-shadow: 0px 2px 3px #2f2f2f;
    opacity: .7;
}

.nav-container ul li { float: none }

.nav-container ul li a {
    float: none;
    display: block;
    height: auto;
    padding: 3px 20px;
    margin: 0;
    color: #fff;
}

.nav-container ul li a:hover { text-decoration: underline }

.nav-container li { position: relative }
.nav-container ul { z-index: 10 }
.nav-container ul ul { z-index: 20 }
.nav-container ul ul ul { z-index: 30 }
li:hover>ul { left: auto }
#nav-container ul { top: 100% }
#nav-container ul li:hover>ul{ top: 0; left: 100% }

#start_content { z-index: 10 }
#start_content object { z-index: 12 }

ul#nav li.first_item { margin-left: 50px }

ul#nav, ul#nav ul {
    z-index: 20;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#nav {
    width: 1010px;
    height: 35px;
    background: url(../images/bg_navigation2.png) no-repeat top;
}

ul#nav ul {
    padding: 5px 0;
    background-color: #000;
    -moz-box-shadow: 0px 2px 3px #2f2f2f;
    -webkit-box-shadow: 0px 2px 3px #2f2f2f;
    opacity: .7;
    display: none;
    position: absolute;
    z-index: 29;
    margin: 9px 0 0 -20px;
}

ul#nav li {
    float: left;
    text-indent: 0px;
    margin: 0px;
    display: block;
    white-space: nowrap;
    height: 15px; /* height: 37px; */
    padding: 10px 20px;
    color: #acacac;
    text-decoration: none;
}

ul#nav li:hover { background: url(../images/bg_navigation2_hover.png) repeat-x top; color: #fff }

ul#nav li a { color: #acacac; text-decoration: none }
ul#nav ul li a { color: #fff; text-decoration: none }
ul#nav ul li a:hover { text-decoration: underline }

ul#nav ul li {
    float: none;
    display: block;
    height: auto;
    padding: 3px 20px;
    margin: 0;
}

ul#nav li li {
  display: block;
  float: none;
}

@font-face { font-family: VistaSansLight; src: url(../images/vistasans.ttf); font-size: 10pt,12pt,14pt; }

h1 {
    font-size: 1.4em;
    font-weight: 100;
    color: #fff;
    padding: 10px 20px 0 20px;
    font-family: VistaSansLight;
    letter-spacing: 2px;
    text-align: center;
    text-shadow:-1px 1px 5px #000;
}

/** 
*   Listes
**/

.row_boat h2 { 
    margin: 0 0 7px 0; 
    font-weight: 100; 
    font-size: 1.3em;
}

.row_boat {
    -webkit-box-shadow: 0 0 5px #6d6d6d;
    -moz-box-shadow: 0 0 5px #6d6d6d;
    -khtml-box-shadow: 0 0 5px #6d6d6d;
    box-shadow: 0 0 5px #6d6d6d;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.row_boat .left_img { float: left; width: 172px }
.row_boat .right_cont { margin-left: 190px }

.row_boat dl, .row_boat dt, .row_boat dd {
    margin: 0; padding: 0;
}

.row_boat .first_dl { height: 40px }

.row_boat dl { 
    -webkit-box-shadow: 0 0 5px #6d6d6d;
    -moz-box-shadow: 0 0 5px #6d6d6d;
    -khtml-box-shadow: 0 0 5px #6d6d6d;
    box-shadow: 0 0 5px #6d6d6d;
    background: red;
}
.row_boat dt { font-weight: bold }
.row_boat dd { margin-right: 15px }

.row_boat dt, .row_boat dd {
    float: left;
    height: 15px;
    padding: 5px 10px;
    border-left: 1px solid #CCC;
}


/**
*   Fiches
**/

.fiche_left_content { float: left; width: 600px; }
.fiche_right_sidebar { }

table.infos .title { width: 50% }
table.infos .value { width: 30% }

table.infos.box_50 .title { width: 30% }
table.infos.box_50 .value { width: 65% }


ul.fiche_tabs {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

ul.fiche_tabs li {
    display: inline;
}

/**
    Photos block
**/

#loader_photo {
    position: absolute;
    width: 600px;
    margin-top: 167px;
}

.bloc_gris h1 {
    margin: 0 0 20px 0;
    font-size: 1.6em;
    font-weight: 100;
}

.fond_gris {
    background: url(../images/fond_vierge.png) no-repeat bottom;
}

.fond_gris_deg {
    background: url(../images/fond_vierge_deg.png) no-repeat top;
}

.bloc_gris {
    width: 980px; /* width: 1010px; */
    height: 356px; /* height: 375px; */
    padding: 12px 15px;
    /* background: url(../images/fond_vierge.png) no-repeat bottom; */
    /* background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#595959), to(#0d0d0d)) #0d0d0d; */
}

.bloc_gris .cadre_photo {
    width: 600px;
    height: 350px;
    background: #000;
    -webkit-box-shadow: 0 0 5px #9c9c9c;
    -moz-box-shadow: 0 0 5px #9c9c9c;
    -khtml-box-shadow: 0 0 5px #9c9c9c;
    box-shadow: 0 0 5px #9c9c9c;
    border: 3px solid #000;
    float: left;
}

.bloc_gris .cadre_photo img {
    width: 600px;
    height: 350px;
}

.bloc_gris .cadre_mini {
    margin-left: 618px;
}

.bloc_gris .cadre_mini ul.listing_thumbs {
    list-style-type: none;
    margin: 0; padding: 0;
}

.bloc_gris .cadre_mini ul.listing_thumbs li {
    float: left;
    margin: 0 16px 17px 0;
}

.bloc_gris .cadre_mini ul.listing_thumbs li img {
    -webkit-box-shadow: 0 0 5px #6d6d6d;
    -moz-box-shadow: 0 0 5px #6d6d6d;
    -khtml-box-shadow: 0 0 5px #6d6d6d;
    box-shadow: 0 0 5px #6d6d6d;
}


.bloc_gris .cadre_mini ul.listing_thumbs li.last_item_line { margin: 0 }

.bloc_gris ul.pages {
    margin: 0 auto; padding: 0;
    list-style-type: none;
    width: 78%;
}

.bloc_gris ul.pages li a {
    -webkit-box-shadow: 0 2px 5px #232323;
    -moz-box-shadow: 0 2px 5px #232323;
    box-shadow: 0 2px 5px #232323;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* border: 1px solid #464646; */
    /* background: -webkit-gradient(radial, 50% -70, 0, 50% 0, 200, from(#CCC), to(#000)) #0d0d0d; */
    background: #000;
    padding: 2px 10px;
    margin-bottom: 10px;
    text-align: center;
    font-family: VistaSansLight;
    font-size: 1.2em;
    display: block;
    color: #000;
}

.bloc_gris ul.pages li a:hover {
	background: -webkit-gradient(
        radial,
        left bottom,
        left top,
        color-stop(0, rgb(135,135,135)),
        color-stop(0.81, rgb(0,0,0)),
        color-stop(0.63, rgb(27,27,27))
    );
}

.bloc_gris ul.pages li a { color: #000; text-decoration: none }

/* @end */


/* @group Header */

div#header {
    height: 95px;
    padding: 20px 64px;
    background: url(../images/bottom_head.png) no-repeat bottom;
}

img.eee_header { margin-top: 10px }

.content_gris {
    background: #2c2c2c url(../images/bg_content_gris.png) repeat-x top; 
}

#start_content a { color: #cccccc; text-decoration: none }
#start_content a:hover { color: #fff; text-decoration: underline }

/* @end */


/* @group Photos */

.screen_photo {
    width: 1010px;
    height: 388px;
}

#photo_homepage {
    background: url(../images/photo_boat_home.jpg) no-repeat top;
}

/* @end */


/* @group Player */

#player {
    margin: 0; padding: 0;
	color: #fff;
	height: 38px;
	background: url(../images/player/bottom_player.png) repeat-x top;
}
#player .button {
	height: 38px;
	background-repeat: no-repeat;
	float: left;
}
#player .button a {
	display: block;
	height: 38px;
	text-indent: -100em;
	overflow: hidden;
}
#player .timeline {
	position: relative;
}
#player .timeline a {
	position: absolute;
	left: 79px;
	display: block;
	height: 33px;
	width: 40px;
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/player/bg_cursor.png) repeat-x top;
}
/* #player .timeline a:hover {
	background-image: url(../images/player/control_slider_blue.png);
} */
#player .play {
    width: 44px;
	background: url(../images/player/control_play.png) no-repeat top;
}
#player .play:hover {
	background-position: bottom;
}
#player .pause {
    width: 44px;
	background: url(../images/player/control_pause.png)no-repeat top;
	display: none;
}
#player .pause:hover {
	background-position: bottom;
}
#player .stop {
    width: 35px;
	background: url(../images/player/control_stop.png) no-repeat top;
}
#player .stop:hover {
	background-position: bottom;
}

/* @group Footer */

#footer {
    margin-top: 40px;
    padding: 0 20px 35px 20px;
    background: url(../images/dl2_footer.png) no-repeat top;
}

#footer ul, #footer dl, #footer dd, #footer dt {
    margin: 0; padding: 0;
    list-style-type: none;
}

#footer li {
    display: inline;
    margin-right: 15px;
}

#footer #marques_list { text-align: center }

#footer p, #footer ul { margin: 10px 20px; text-align: center }
    
#footer dl {
    float: left;
    width: 20%;
}

#footer dt {
    height: 26px;
    font-weight: bold;
    padding-top: 6px;
    margin-bottom: 7px;
    line-height: 17px;
}

#footer dd { font-size: .9em; color: #cccccc }

#footer a { color: #dddddd; text-decoration: none }
    #footer a:hover { color: #fff }
    
#footer dd a { color: #aaaaaa }

.button_action {
    display: inline-block;
    width: 191px;
    height: 28px;
    padding-top: 8px;
    text-align: center;
    background: url(../images/bg_button_action.png) no-repeat top;
}


.detailled_form { overflow: auto }
.detailled_form label { text-transform: uppercase; font-size: .9em }
.form label { float: left; width: 130px; padding-right: 10px; padding-top: 3px; font-weight: bold }

.detailled_form textarea, .detailled_form input {
    background-color: #dadada;
    border: 1px solid #dadada;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.detailled_form fieldset {
	border-top: 1px solid #666666;
	border-width: 1px 0 0 0;
}

.detailled_form legend {
	font-weight: bold;
	padding: 0 10px;
}

form#sort_by {
	float: right;
}

form#sort_by p {
	margin: 10px 15px;
	padding: 3px 0 0 0;
	display: inline-block;
	min-width: 170px;
	height: 24px;
	background: url(../images/bg_sortby.jpg) no-repeat top left;
}

form#sort_by label {
	width: 56px;
	font-size: .85em;
	display: inline-block;
	text-align: center;
}

form#sort_by select {
	padding: 0;
	margin: 0;
	border: 0;
	width: 107px;
	background: transparent;
	color: #fff;
}

form#sort_by input {
	border: 0;
	margin-left: 7px;
	background: #323232;
	color: #fff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.button_request {
	display: inline-block;
	width: 121px;
	height: 20px;
	text-align: center;
	padding-top: 3px;
	background: url(../images/bg_buttons_request2.jpg) no-repeat top left;
}

.button_request.blarge {
	width: 151px;
	background-position: bottom left;
}

/* @end */

h1#titre_intro {
    font-family: Calibri;
    font-size: 1.7em;
    margin: 0;
    padding: 1em 0;
}

#bg_home {
    width: 1010px;
    height: 380px;
    position: relative;
    background: url(../images/home_color_light.jpg) no-repeat top;
}

#bg_home object {
    position: absolute;
    top: 0;
}

/* @group Menus */

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

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.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 {
	float:			left;
	width:          1010px;
    height:         35px;
    background:     url(../images/bg_navigation2.png) no-repeat top;
}
.sf-menu a {
	text-indent:    0;
    margin:         0;
    white-space:    nowrap;
    height:         15px; /* height: 37px; */
    padding:        10px 20px;
    color:          #acacac;
	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 {
	background:     url(../images/bg_navigation2_hover.png) repeat-x top; 
	color:          #fff;
	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 {
    background: #464646;
    -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;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


/* @end */