body {
background:#c2baac ;
color:#c9c9c9;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0;
padding:0;
text-align:center;
}
html, body {
height:100%;
}
*{
	margin:0;
}
a {
	color :#c9c9c9;
}
a img {
	border: none;
}
ul, li{
	list-style: none;
	margin:0;
	padding:0;
}
p{
	text-align: justify;
	line-height:1.33em;
}
strong{
	color:#fff;
}
#placer{ 
width:1px;
height:50%;
background-color:#fc6;
margin-bottom:-289px;
float:left;
display: block;
}
#page {
margin:0px auto;
width:834px;
text-align: left;
position: relative;	
background:url(../images/bloc_milieu.png) repeat-y;
padding:0;
height:578px;
clear:left;
}

ul.smenu li a{
display:block;
text-decoration:none;
color : #fff;
padding-left :10px;
background: url(../images/puce.png) no-repeat 0px 6px;	
width:100px;
}
ul.smenu li a.active{
background-image: url(../images/puce_anim.gif);
}
ul.smenu li a:active{
color:#fff;
}

h1 {
background:url(../images/bloc_haut.png) no-repeat;
height: 10px;
margin:0;
}
h1 img{
display:none;
}
h2,h3,h4{
	font-size:1.1em;
	color:#fff;
	font-weight: normal;
}
h3,h2,p{
	margin-bottom:10px;
}
p.right{
	text-align: right;
}
p.planning{
	padding-left:50px;
	white-space:nowrap;
	float: left;
	left : 0px;
}
p.ind1{
	margin-top:80px;
	margin-bottom:80px;
}
p.ind2{
	margin-top:80px;
	margin-bottom:30px;
}
p.planning strong{
left : 0px;
width:50px;
position:absolute;
}
p.em{
line-height: 0.9em;
font-size:0.9em;
}

#container{
background: url(../images/lignes_bgd.gif);
margin:0 10px 0;
display:block;
position:relative;
}
#content{
height:423px;
background: url(../images/fd_autre.jpg) no-repeat 0 93px;
}
body.yacht #content{
height:423px;
background: url(../images/fd_yacht.jpg) no-repeat 0 93px;
}
body.prestations #content{
background: url(../images/fd_prestations.jpg) no-repeat 0 84px;
}
body.brokerage #content{
background: url(../images/fd_brokerage.jpg) no-repeat 0 93px;
}
body.liens #content{
background: url(../images/fd_liens.jpg) no-repeat 0 93px;
}
body.liens h2{
margin-top :150px;
margin-bottom:25px;
}
body.liens .col ul li{
font-size:1.2em;
margin-bottom:15px;
}
hr.clear{
	visibility: hidden;
	clear:both;
	margin:10px 0 0 0;
	line-height:1em;
	padding-top:20px;
}
#diapos{
border: 1px solid #000;
background: #64727f;
margin:0px 30px;
padding:8px 0px;
position: relative;
height:60px;
}
#diapos.on{
overflow:hidden !important;
}
#diapos ul{
margin:0px 20px;
}
#diapos ul li{
display:inline;

}
#diapos ul li a img{
border:1px solid #ffffff ;
margin: 0 8px 8px  0;
}
#diapos ul li a.selection img{
border:1px solid #000 ;
}
#view {
	border: 1px solid #000;
	width:400px;
	height:265px;
	position:absolute;
	z-index:1;
	background: #fff;
	left:0;
	bottom:0;
	direction: ltr;
}
#comment{
	position: absolute;
	bottom:0;
	text-align:justify;
	width:200px;
	left:30px;
}
#navigation{
background:#5b626c url(../images/degrade_bandeau.gif) repeat-x top;
height:78px;
position:relative;
}
#navigation ul{
display:block;
list-style: none;	
position:relative;
padding: 0 ;
margin:0 0 0 315px;
border-bottom: 1px solid #757b84;
height:45px !important;
z-index: 2;
}
#navigation ul li{
float:left;
padding:0;
position:relative;
height:14px;
margin:31px 27px -1px 0pt;
list-style: none;	

}
#navigation ul li.last{
	margin-right:0;
}
#navigation ul li#logo{
position: absolute;
top:15px;
left:-285px;
display:block;
margin:0;
border: none;
padding:0;
}
#navigation ul li a{
text-decoration:none;
color:#a3a3a3;
display:block;
letter-spacing: 1px;

padding-bottom:1px;
}
#navigation ul li a.active{
color:#fff;
border-bottom:1px solid #fff;	
}
#navigation ul li a:hover{
border-bottom:1px solid #fff;	
}

#navigation ul li#logo a{
border: none;
padding:0;
}

#animated-tab {
        position: absolute;
        z-index: 3;
        border-bottom: 1px solid #fff;
		  height:1px;
		  overflow:hidden;
		  margin-top:13px;
        }

#annexes{
height:57px;
background: url(../images/lignes_bgd.gif) 0 1px;
}
#annexes ul{
display :block;
margin:0 ;
padding:0;
height:57px;
background: url(../images/bateau_bas.jpg) no-repeat 503px 0 ;
list-style:none;
}
#annexes ul li{
float:left;
margin: 30px 0 0 0;
padding:0;
padding-left:30px;
background: url(../images/puce.png) no-repeat 13px 7px;	
}
#annexes ul li a{
font-size:0.9em;
text-decoration: none;
color : #9a9a9a;
letter-spacing:1px;
}
#annexes ul li.first {
	background: none;
}
#annexes ul li a.active{
color : #fff;
text-decoration: underline;
}
#footer{
background:url(../images/bloc_bas.png) no-repeat;
height:10px;	
margin:0;
overflow:hidden;
}
.cleft {margin:30px 10px 0px 0px;
padding-left:30px;}
.cmiddle {margin:30px 10px 0px}
.col {float:left;position:relative;z-index:2}
.cright {float:right !important ; margin:30px 0px 0 0px;
padding-right:30px;}
.w1{width:200px;}
.w2{width:402px;}
.w3{width:110px;}
.w4{width:301px;}
.w5{width:202px;}
.w6{width:255px;}
.w7{width:60px;}
.h1{height:267px}
.h2{height:367px}
.col img,
.phototeque a img{
	border:1px solid #000;
}
.phototeque a:hover img{
	border:1px solid #fff;
}
.w7 img{
margin-bottom:10px;
}
.phototeque {
	width:630px;
}
.phototeque img{
	margin: 0.4em;;
}
li#pictoclip{
	font-weight:bold;
margin:80px 0 0;
}
li#pictoclip img{
	border:none;
	margin-left:-5px
}
div.planext01{
background: url(../images/planext01.png) no-repeat left bottom;
}
div.planext02{
background: url(../images/planext02.png) no-repeat left bottom;
}
div.planext03{
background: url(../images/planext03.png) no-repeat left bottom;
}
div.planint01{
background: url(../images/planint01.png) no-repeat left bottom;
}
div.planint02{
background: url(../images/planint02.png) no-repeat left bottom;
}
div.planint03{
background: url(../images/planint03.png) no-repeat left bottom;
}
div.planint04{
background: url(../images/planint04.png) no-repeat left bottom;
}
#player{
	margin:40px 50px;
}