/* 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;
}

/* elements fixes */

#bird {
display:block; 
top:100%; 
left:0px; 
margin-top: -330px;
width:140px;
height:482px;
position:fixed;
background:url(images/piaf.gif) left top no-repeat; 
}
#branche {
display:block; 
top:0px; 
left:721px; 
width:117px;
height:219px;
position:fixed;
background:url(images/branche.gif) left top no-repeat; 
}
#footer {
text-align:right;
display:block;
width:300px;
top:100%; 
left:100%; 
margin-left:-325px;
margin-top:-50px;
position:fixed;
font-size:9px;
color:#ACB0B1;
}

* html #footer {position:absolute;}
* html #bird {position:absolute;}
* html #branche {position:absolute;}
* html #lien_portfolio {position:absolute;}
* html #lien_apropos {position:absolute;}
* html #lien_blog {position:absolute;}

img {
border:0;
}

/* suite */


h3 {
color:#ACB0B1;
}

/* footer */

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


/* menu */

/* lien site */
ul#logo{
margin:0;
padding:0;
list-style-type:none;
}
ul#logo li{
margin:0;
padding:0;
}
ul#logo li a{
display:block; 
position:fixed; 
top:18px; 
left:25px;
width:140px;
height:81px;
background:url(images/logo.gif) left top no-repeat; 
text-decoration:none;

}

/* lien portfolio */
ul#lien_portfolio{
margin:0;
padding:0;
list-style-type:none;
}
ul#lien_portfolio li{
margin:0;
padding:0;
}
ul#lien_portfolio li a{
display:block; 
top:140px; 
left:-35px; 
width:110px;
height:54px;
position:fixed;
background:url(images/nuage-portfolio.gif) left top no-repeat; 
text-decoration:none;
}
ul#lien_portfolio li a:hover{
height:94px;
background:url(images/nuage-portfolio2.gif) left top no-repeat; 
}
/* lien a propos */
ul#lien_apropos{
margin:0;
padding:0;
list-style-type:none;
}
ul#lien_apropos li{
margin:0;
padding:0;
}
ul#lien_apropos li a{
display:block; 
top:210px; 
left:100px; 
width:101px;
height:62px;
position:fixed;
background:url(images/nuage-apropos.gif) left top no-repeat;
text-decoration:none;
}
ul#lien_apropos li a:hover{
background:url(images/nuage-apropos2.gif) left top no-repeat;
height:100px;
}
/* lien blog */
ul#lien_blog{
margin:0;
padding:0;
list-style-type:none;
}
ul#lien_blog li{
margin:0;
padding:0;
}
ul#lien_blog li a{
display:block; 
top:270px; 
left:730px; 
width:89px;
height:54px;
position:fixed;
background:url(images/nuage-blog.gif) left top no-repeat;
text-decoration:none;
}
ul#lien_blog li a:hover{
background:url(images/nuage-blog2.gif) left top no-repeat; 
height:100px;
}






/* illustrations */

/* effet au survol */
.fond_image{
background:#000000;
display:inline-block;
}
.fond_image img{
-moz-transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
-o-transition: opacity 0.9s;
}
.fond_image img:hover{
opacity:0.6;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.7s;
}


/* illustrations */

#illustrations {
float:left;
display:block;
width:480px;
margin-bottom:8px;
}


#illustrations ul{
margin:0;
padding:0;
list-style:none;
}
#illustrations li{
display:inline;
}
#illustrations li a{
margin:0;
padding:0;
float:left;
padding:2px 2px;
margin:0 10px 10px 0;
display:block;
}


/* peintures */
#peintures {
float:left;
display:block;
width:480px;
margin-bottom:25px;
}
#peintures ul{
margin:0;
padding:0;
list-style:none;
}
#peintures li{
display:inline;
}
#peintures li a{
margin:0;
padding:0;
float:left;
border:1.5px solid #E5E5E5;
padding:4px 4px;
margin:0 10px 10px 0;
display:block;
}


/* web */

#web{
float:left;
display:block;
width:480px;
margin-bottom:25px;
}
#web ul{
margin:0;
padding:0;
list-style:none;
}
#web li{
display:inline;
}
#web a{
margin:0;
padding:0;
float:left;
border:1.5px solid #E5E5E5;
padding:4px 4px;
margin:0 10px 10px 0;
display:block;
}


/* logos */

#logos{
float:left;
display:block;
width:480px;
margin-bottom:8px;
}
#logos ul{
margin:0;
padding:0;
list-style:none;
}
#logos li{
display:inline;
}
#logos a{
margin:0;
padding:0;
float:left;
border:1.5px solid #E5E5E5;
padding:4px 4px;
margin:0 10px 10px 0;
display:block;
}

/* Sktechs */

#sketchs{
float:left;
display:block;
width:480px;
margin-bottom:8px;
}
#sketchs ul{
margin:0;
padding:0;
list-style:none;
}
#sketchs li{
display:inline;
}
#sketchs a{
margin:0;
padding:0;
float:left;
border:1.5px solid #E5E5E5;
padding:4px 4px;
margin:0 10px 10px 0;
display:block;
}




/* profil */


#profil{
float:left;
display:block;
width:460px;
margin-bottom:0px;
}
#profil p{
font-size:11px;
color:#333333;
text-align:justify;
}
#profil img{
margin:0;
padding:0;
float:left;
border:0px ;
padding:0 4px 60px 0;
margin:0 15px 15px 0;
display:block;
}
#profil a, a:active, a:link, a:visited{
color:#ACB0B1;
}

/* new */

#new{
background-image:url(images/new.gif);
background-position:center;
background-repeat:no-repeat;
z-index:25;
}