/* CSS Document */
body{
background:url("../img/pattern.jpg") repeat scroll;
}
#container{
margin:50px auto;
padding:0;
width:960px;
height:800px;
}
ul{
padding:10px 0 0 0;
-margin-left:0px;
}
li{
list-style:none;
line-height:18px;
}
h1{
}
#headerWrap{
background:#4a3f2b top left;
border-top:#76f7bc solid 2px;
height:182px;
}
#header{
width:960px;
height:182px;
margin:auto;
}
#logo{
background:url("../img/logo.jpg") no-repeat;
width:406px;
height:142px;
float:left;
margin:20px 0 0 0;
}
#servicesBlock{
float:left;
width:900px;
height:195px;
padding:0;
margin:0;
background:#71c5c5;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border: 15px solid #eee;
border-width: 15px 15px 0 15px;

}
#webBlock{
margin-top:42px;
float:left;
width:285px;
padding-left:25px;
}
#identiteBlock{
margin-top:43px;
float:left;
width:143px;
padding-left:20px;
}
#titleWeb{
background:url("../img/title-webdev.jpg") no-repeat;
height:24px;
width:215px;
text-indent:-9999px;
padding-bottom:20px;
}
#titleIdentite{
background:url("../img/title-identite.jpg") no-repeat;
height:24px;
width:132px;
text-indent:-9999px;
padding-bottom:20px;
}
#seduction{
background:transparent url("../img/seduisez.jpg") no-repeat;
margin-top:6px;
width:382px;
height:188px;
float:left;
text-indent:-9999px;
}
#realisationBlock{
float:left;
background:#818066;
width:900px;
height:225px;
position:relative;
border: 15px solid #eee;
border-width: 0 15px 0 15px;
}
#titleRealisation{
background:url("../img/title-realisation.jpg") no-repeat;
height:38px;
width:198px;
text-indent:-9999px;
padding-bottom:20px;
}
#realisationContent{
margin:25px 0 0 25px;
height:215px;
}
#textRealisationBlock{
float:left;
height:125px;
width:235px;
}
#crea{
background:url("../img/martha.jpg") no-repeat;
height:126px;
width:545x;
text-indent:-9999px;
margin:-15px 0 0 300px;
}
#aboutBlock{
background:#302f2e;
width:900px;
height:362px;
float:left;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:10px;
border: 15px solid #eee;
border-width: 0 15px 15px 15px;
}
#whoBlock{
margin-top:40px;
padding-left:25px;
width:470px;
height:220px;
float:left;
}
#titleWho{
background:url("../img/title-qui.jpg") no-repeat;
height:25px;
width:135px;
text-indent:-9999px;
}
#textWhoBlock{
float:left;
height:125px;
width:250px;
margin-top:20px;
}
#pic{
background:url("../img/pic.jpg") no-repeat transparent;
width:132px;
height:150px;
margin-left:250px;
text-indent:-9999px;
}
#sep{
background:url("../img/sep.jpg") no-repeat transparent;
width:5px;
height:220px;
margin:-150px 0 0 450px;
}
#contactBlock{
margin:40px 0 0 25px;
width:288px;
height:220px;
float:left;
}
#titleContact{
background:url("../img/title-contact.jpg") no-repeat;
height:25px;
width:146px;
text-indent:-9999px;
}
#pk{
background:url("../img/pk.jpg") no-repeat;
height:74px;
width:80px;
text-indent:-9999px;
float:left;
margin-top:20px;
}
.vcard{
float:left;
margin:30px 0 0 25px;
}
#flowers{
background:url("../img/flowers.jpg") no-repeat;
height:52px;
width:60px;
float:left;
margin-left:31px;
}
#illustration{
background:url("../img/illustration.jpg") no-repeat;
height:112px;
width:162px;
margin:100px 0 0 150px;
}
#twitter{
background:url("../img/twitter.png") no-repeat;
height:44px;
width:42px;
text-indent:-9999px;
float:left;
margin-left:16px;
}
#linkedin{
background:url("../img/linkedin.png") no-repeat;
height:44px;
width:42px;
text-indent:-9999px;
margin-left:8px;
float:left;
}
#footerWrap{
background:url("../img/bg-foot.jpg") repeat-x;
height:162px;
position:relative;
min-width:1002px;
overflow:hidden;
}
#footer{
height:162px;
clear:both;
margin:0 auto;
padding-top:50px;
width:960px;
position:relative;
}
.community {
color:#a99a79;
font-size:14px;
position:absolute;
right:36px;
width:109px;
}
#footerLogo{
position:absolute;
top:0;
width:101px;
margin:0;
}
.footerContent{
position:absolute;
padding-left:110px;
color:#cbbb9a;
}
/*portfolio*/

#titleQuelques{
background:url("../img/title-quelques.jpg") no-repeat;
height:44px;
width:220px;
text-indent:-9999px;
margin:20px 0 25px 25px;
}
#containerRea{
margin:50px auto;
padding:0;
width:960px;
}
#portfolioMain{
border: 15px solid #eee;
background:#302f2d;
-moz-border-radius:10px;
width:919px;
height:3455px;
margin-top:50px;
position:relative;
}
.portfolioContent{
margin:0px 0 20px 25px;
-moz-border-radius:10px;
float:left;
width:850px;
background:#818066;
color:#fff;
}
.description{
float:left;
margin:25px 0 0 50px;
}
.client{
background:#302f2e;
color:#dfff00;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
padding:4px;
}


div.menu_float {
background:none repeat scroll 0 0 transparent;
left:0;
position:fixed;
top:41%;
width:58px;
z-index:20;
}
a.retourTop {
background:url("../img/top.jpg") no-repeat;
display:block;
height:105px;
width:58px;
}
a.contactBox {
background:url("../img/contactBox.jpg") no-repeat;
display:block;
height:69px;
width:58px;
margin-bottom:10px;
}