@charset "utf-8";
/* CSS Document */

body
{
width:90%;
margin-left:auto;
margin-right:auto;
background-image:url(image/woodclair.jpg);
color:#F5F5F5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}

a
{
color:#F5F5F5;
text-decoration:none;
font-weight:700;
}

a:hover
{
color:#F5F5F5;
text-decoration:underline;
}

h1
{
font-size:50px;
letter-spacing:-7px;
}

h2
{
font-size:16px;
font-weight:700;
line-height:25px;
}

strong
{
font-weight:normal;
}

#header
{
width:50%;
}

#menu 
{
margin-top:15px;
text-align:right;
}

#menu-bottom
{
margin-top:15px;
text-align:right;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right:8px;
}

#content
{
background-image:url(image/contentok-img.jpg);
border:ridge;
border-color:#462300;
padding:20px;
height:414px;
}

#img
{
float:right;
}

#text-left
{
text-align:center;
height:414px;
width:40%;
float:left;
}

#bottom
{
width:30%;
text-align:left;
float:left;
margin-top:15px;
}

a.bulle{
position:relative;
color:#F5F5F5;
text-decoration: none;
}	
a.bulle span{
display: none; 
font:Verdana, Geneva, sans-serif;
color:#666666;
}
a.bulle:hover{
background: none; 
z-index: 500; 
}
a.bulle:hover span{
display: inline;
position: absolute; 
left:260px;
top:0px; 
background-color:#FFF; 
border: 2px solid black; 
width:220px; height:auto;
padding:4px;
}

#formulaire
{
background-image:url(image/images/formulaire.jpg); background-repeat:no-repeat; 
height:530px;
padding-left:565px;
padding-top:50px;
}

#mentions
{
text-align:center;
height:414px;
width:40%;
float:left;
}