/* ############################# 
   ##### BATEAU DIFFUSION ###### 
   ############################# */
   

body {
margin:0;padding:0;
background:url(../img/bg.jpg) top center repeat-x;
background-color:black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

p {margin:0; line-height:18px;}

#container {
width:768px;
margin:0 auto;
background-color:white;
}

#header {
height:97px;
background:url(../img/header.jpg) top center no-repeat;
}

#menu {
background:url(../img/bg-menu.gif) top center repeat-x;
height:29px;
}
#menu-coin-gauche{
background-image:url(../img/menu-coin-gauche.gif);
font-size:1px;
width:5px;
height:5px;
float:left;
}
#menu-coin-droit{
background-image:url(../img/menu-coin-droit.gif);
font-size:1px;
width:5px;
height:5px;
float:right;
}

#menu ul {
margin:0;
padding:0;
padding-top:8px;
padding-left:40px;
}

#menu ul li {
display:inline;
list-style-type:none;
}

#menu ul li a{
display:block;
float:left;
text-transform:uppercase;
font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:white;
height:29px;
padding:2px 5px;
margin:0 2px;
}

#menu ul li a:hover, #menu-principal ul li a:active {
background-image:url(../img/bg-menu-actif.jpg);
background-position:0 29px;
color:black;
background-repeat:repeat-x;
background-position:top left;
}


#menu #encours a span,  #menu ul li#encours a {
background-image:url(../img/bg-menu-actif.jpg);
background-position:0 29px;
color:black;
background-repeat:repeat-x;
background-position:top left;
}



#contenu {
margin:20px;
}

#gauche {
width:490px;
}
#gauche-grand {
width:auto;
}

#gauche a, #gauche-grand a, #droit a {
color:#378BBD;
text-decoration:underline;
}

#droit {
width:210px;
float:right;
}

#adresse {
background-image:url(../img/adresse.jpg);
background-repeat:no-repeat;
background-position:top left;
width:189px;
padding:20px;
height:172px;
}

#footer {background-color:#333333;
color:#ccc;
text-align:center;
font-family:Trebuchet Ms;
font-size:10px;
height:44px;
background:url(../img/bg-footer.jpg) repeat-x top center;
clear:both;
text-transform:uppercase;
}

#footer ul {
margin:0;
padding:0;
padding-top:6px;
}





#footer ul li {
list-style-type:none;
display:inline;
}

#footer a:link, #footer  a:visited {
color:#ccc;
text-decoration:none;
letter-spacing:2px;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
letter-spacing:2px;
color:#FFF;
}

.savoir-plus {
display:block;
width:72px;
height:32px;
background:url(../img/bg-savoir-plus.gif) no-repeat top center;
text-align:center;
margin-left:110px;
color:#FFF;
}

div#contenu p a {
color:#358CB9;
}

div#contenu p.savoir-plus a, div.bateau p.savoir-plus a{
text-decoration:none;
color:#FFF;
font-family:Trebuchet Ms;
font-size:10px;
line-height:32px;

}



.bleu {
color:#358CB9;
}



.grand-bleu, h3 {
font-size:14px;
color:#358CB9;
font-weight:bold;
text-transform:uppercase;
}



h3 {
font-size:18px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#358CB9;
font-weight:normal;
margin:0;
padding:0;
}


.gras {
font-weight:bold;
}

.image-gauche {
padding:5px;
border:1px solid #DADADA;
float:left;
margin:0 10px 5px 0;
}

.image-droit {
padding:5px;
border:1px solid #DADADA;
float:right;
margin:0 0  5px 10px;
}

.bateau {
border-bottom:1px dotted #ccc;
padding-bottom:10px;
display:table;
width:99%;
margin-bottom:10px;
}

.image-bateau-neuf {
vertical-align:middle;
padding:5px;
border:1px solid #DADADA;
float:left;
margin:0 10px 5px 0;
} 

.image-fiche-bateau {
vertical-align:middle;
padding:5px;
border:1px solid #DADADA;
margin:0 10px 5px 0;
} 
/* #####################  FORMULAIRE ###########################  */



div#gauche fieldset {
padding:10px;
margin:0;
border:1px solid #ccc;
width:370px;
}
div#gauche legend {
color:#999;
padding:0 5px;
}

.input {
width:350px;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

.boutton {
width:100px;
border:0;
background-image:url(../img/bg-menu.gif);
background-repeat:repeat-x;
color:#fff;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
float:right;
}

form#formulaire-contact textarea {
width:350px;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
height:80px;
}


form#formulaire-contact fieldset legend {
padding:0 5px;
color:#0099CC;
}

.date {
display:block;
color:#999999;
border-top:1px solid #E9E9E9;
font-size:10px;
font-style:italic;
}


.tableau  {
border:1px solid #AAA;
padding:0;
background-color:#CCC;
background-color:#fff;
}

table.tableau tr td {
padding:5px 2px;
border:1px solid #ccc;
margin:0;
background-color:#fff;
}

table.tableau tr th {
padding:5px 2px;
background-color:white;
color:#666;
margin:0;
}