/* CSS Document */

<style type="text/css">
<!--

html{
background:#FFFFFF;

}
body {
margin:0; 
padding:0; 
border:0; 
height:100%; 
overflow-y:auto; 
font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
}

#page{
margin:20px 0 50px 240px;
display:block;
width:380px;
text-align:left;
}

/* menu */

#lien_accueil{
display:block; 
top:15px; 
left:650px; 
width:339px;
height:141px;
position:fixed;
background:url(images/Menu/fs.png) left top no-repeat; 
padding:17px;
}
#lien_accueil a, a:active, a:link, a:visited{
font-weight:bold;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
#lien_accueil a:hover{
color:black;
}


#lien_portfolio{
display:block; 
top:140px; 
left:5px; 
width:200px;
height:54px;
position:fixed;
background:url(images/Menu/PortofolioGrey.png) left top no-repeat; 
padding:17px;
}
#lien_portfolio a, a:active, a:link, a:visited{
font-weight:bold;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
#lien_portfolio a:hover{
color:black;
}

#lien_contact{
display:block; 
top:270px; 
left:650px; 
width:250px;
height:54px;
position:fixed;
background:url(images/Menu/ContactGrey.png) left top no-repeat; 
text-align:center;
padding:19px 0px;
}
#lien_contact a, a:active, a:link, a:visited{
font-weight:bold;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
#lien_contact a:hover{
color:black;
}


#footer {
text-align:right;
display:block;
width:300px;
top:100%; 
left:100%; 
margin-left:-325px;
margin-top:-50px;
position:fixed;
font-size:9px;
color:#655B4D;
}

#navigateur {
text-align:left;
display:block;
width:300px;
top:75%; 
left:1%; 
margin-left:5px;
margin-top:5px;
position:fixed;
font-size:13px;
color:#ffffff;
}

#navigateur2 {
text-align:left;
display:block;
width:300px;
top:75%; 
left:1%; 
margin-left:5px;
margin-top:5px;
position:fixed;
font-size:13px;
color:#000000;
}

#keys {
text-align:left;
display:block;
width:150px;
top:0%; 
left:0%; 
margin-left:5px;
margin-top:5px;
position:fixed;
font-size:13px;
color:#ffffff;
}

#logo{
display:block; 
top:200px; 
left:375px; 
width:339px;
height:141px;
position:fixed;
background:url(images/Menu/fs2.png) left top no-repeat; 
padding:17px;
}
#logo a, a:active, a:link, a:visited{
font-weight:bold;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
#lien_accueil a:hover{
color:black;
}


* html #lien_accueil {position:absolute;}
* html #lien_portfolio {position:absolute;}
* html #lien_contact {position:absolute;}
* html #footer {position:absolute;}

img {
border:0;
}

/* suite */


h3 {
color:#655B4D;
}

/* footer */

#footer a, a:active, a:link, a:visited, a:hover{
color:#655B4D;
font-size:11px;
}




/* tableaux */
#tableaux {
float:left;
display:block;
width:380px;
margin-bottom:25px;
}
#tableaux ul{
margin:0;
padding:0;
list-style:none;
}
#tableaux li{
display:inline;
}
#tableaux li a{
margin:0;
padding:0;
float:left;
border:1px solid #CCCCCC;
padding:4px 4px;
margin:0 10px 10px 0;
display:block;
}