/*couleurs
vert:#669933
gris foncé:#333333
orange:#ff9900

*/


/*website layout*/

a {
color:#ff9900;
text-decoration:none
}

a:hover{
text-decoration:underline
}

/*reset browser default*/
html, body, ul, ol, li, p, h1, h2, h3, form, fieldset, a, div, img{
margin:0;
padding: 0;
border:0;
}

body{
margin:0;
padding:10px 0px;
font:70% arial,verdana,sans-serif;
color:#003;
background: url('../images/wood_background.jpg');
}

#conteneur{
width:788px;
margin:0 auto;
padding:0px 0px 0px 0px;
background:#003;
border: 1px solid #000;
}

#header{
height:150px;
}


#logo{
width:100%;
height:150px;
background: url('../images/boathouse-banner.jpg');
}


/*-----------------------------------------------*/
#main{
width:590px;
float:left;
background:#fff;
min-height:300px;
}
/* Fix IE. Hide from IE Mac \*/
* html #main { height: 300px;}

#main #auvent{
position:relative;
right:20px;
width:626px;
height:30px;
padding:0px 0px 0px 0px;
margin:0px;
}

#main #ssheader{
position:relative;
bottom:45px;
width:300px;
height:8px;
padding:0px 0px 0px 5px;
margin:0px;
color:#fff;
}

#main #ssheader a{
text-decoration:none
}

#main #ssheader a:hover{
text-decoration:underline
}

/*-----------------------------------------------*/

#content{
padding:0px 0px 0px 0px;
font-size:1.1em;
}

#sidebar{
float:left;
width:198px;
margin:0px 0px 0px 0px;
background:url('../images/sidebar-top.jpg') no-repeat #003;
color:#ccf;
padding:0px;
}

#sidebar #menu{
margin-top:35px;
font-size:13px;

}


#sidebar #menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#sidebar #menu li a {

color:#ccccff;
display: block;
border-bottom:1px solid #ccc;
margin: 0;
padding:10px 5px 5px 15px;
text-decoration:none;
}

/* Fix IE. Hide from IE Mac \*/
* html #sidebar #menu li a { height: 1px;}

#sidebar #menu li a.active, #sidebar #menu li a:hover {
background:#ccf;
border-top-color:#000;
border-bottom:1px solid #66c;
color:#003;
}

#sidebar #hublot{
height:150px;
background:url('../images/hublot.jpg') no-repeat #003;
color:#003;
padding:60px 5px 5px 0px;
margin-top:50px;
text-align:center;
}

/*footer*/

#topfooter{
clear:both;
background:#003;
height:28px;
}

#footer{
clear:both;
background: #3399cc;
border-top:2px solid #000;
border-bottom:2px solid #000;
font-size:12px;
}

/* Fix IE. Hide from IE Mac \*/
* html #footer { height: 1px;}

#footer div{
clear:both;
margin:10px 0px 10px 0px;
background:#ccf;
text-align:center;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

#footer p{
margin: 2px 0px 2px 0px;
}


/*gestion des erreurs */

.fielderror { 
color: red;
font-weight:bold;
}

#erreur {
background:#999;
color:#333333;
font-weight:bold;
padding:10px 0px 10px 10px;
}