*{

}

body{
background-image:url(images/fond.png);
background-position:top center; 
background-repeat:no-repeat;
font-family: calibri, sans-serif;  
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
color:#1a1919;
font-size:12px;
top:0px;

}

img{
border:none;
}

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

#page{
width:950px;
margin-left:auto;
margin-right:auto;
min-height:100%;
margin-bottom:-50px;
min-height:100%;
height:100%;
}

#page:after{
content:".";
height:0;
clear:both;
visibility:hidden;
display:block;
}

#logo{
margin-top:5px;

}

#logo p{
float:right;
position:absolute;
margin-top:-30px;
margin-left:115px;
padding-left:10px;
border-left:1px solid #fff;
}

#menu{
height:55px;
width:950px;
background-image:url(images/menu.png);
background-repeat:none;
background-position:center;
}


#gauche{
float:left;
padding-top:5px;
}

#gauche a{
color:#fff;
text-decoration:none;
}

#gauche li{
display:inline;
}


#droite{
float:right;
padding-top:5px;
margin-right:15px;
}

#droite a{
margin-right:20px;
color:#fff;
text-decoration:none;
}


#droite li{
display:inline;
}



#derniere{
margin-top:10px;
}


#apropos{
width:950px;
height:132px;
background-image:url(images/apropos.png);
background-repeat:none;
margin-top:40px;
}

#apropos1{
float:left;
width:280px;
margin-left:15px;
margin-top:-20px;
}


#apropos2{
float:left;
width:280px;
margin-left:55px;
margin-top:-20px;
}


#apropos3{
float:left;
width:270px;
margin-left:50px;
margin-top:-20px;
}


#blog{
background-image:url(images/blog.png);
background-repeat:none;
width:273px;
height:181px;
margin-top:50px;
clear:both;
float:left;
}

#blog h1{
padding-top:2px;
margin-left:30px;
}

#blog p{
width:250px;
margin-left:15px;
padding-top:15px;
}

#pj{
width:250px;
float:left;
margin-top:50px;
margin-left:80px;
}

#competences{
width:205px;
float:left;
margin-top:50px;
margin-left:80px;
}

#clearfooter{
height:50px;
clear:both;
content:".";
visibility:hidden;
display:block;
}

#footer{
position:relative;
clear:both;
width:300px;
left:50%;
text-align:center;
color:#a4a4a4;
margin-left:-150px;
margin-top:50px;
bottom:0px;
}

#footer a{
color:#a4a4a4;
}

#ref{
visibility:hidden;
}


#list{
margin-top:50px;
}

#list span{
color:#1a1919;
height:70xp;
}

#list ul{
list-style:none;
margin-left:-25px;
}

#list li{
width:267px;
height:200px;
float:left;
margin-left:30px;
}

#facebook_lien{
margin-top:-35px;
margin-right:35px;
float:right;
}


#like{
float:left;
}
#facebook_lien  p{
float:right;
margin-top:2px;
}


#formulaire{
float:left;
width:300px;
text-align:right;
margin-top:50px;
}

#formulaire *{
border:0px;
}

#formulaire input{
border:1px solid #ccc;
border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

#formulaire textarea{
border:1px solid #ccc;
border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

#formulaire #message{
width:200px;
height:150px;
}

#formulaire .btenvoi{
border:0px;
background:none;
}

#contactez{
width:550px;
float:left;
margin-top:45px;
margin-left:90px;
}

#contactez a{
color:#0099FF;
}