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

* {margin:0;padding:0}

body {
background-image:url(images/background.jpg);
}

img {  
border-style: none;
}

a:visited img {  
border-style: none;
}

#wrapper { 
margin: 0 auto;
background:url(images/wrapper.jpg) no-repeat;
width: 950px;
height: 1375px;
}

h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 44px;
font-weight:bold;
color: #3a3838;
letter-spacing: -3px;
line-height:50px;
}

h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 60px;
font-weight:bold;
color:#FFFFFF;
line-height:65px;
padding-top:30px;
letter-spacing: -3px;
}

.intro {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight:normal;
color:#302e2e;
letter-spacing:0px;
line-height: 24px;
text-align:justify;
}


/* EN-TÊTE______________________________________________________________ */

#header { 
width: 950px;
height: 466px;
}

#top { 
width: 887px;
height: 310px;
}

#who { 
width: 823px;
height: 252px;
padding-top:55px;
padding-left:64px;
}

#post-it { 
width: 261px;
height: 252px;
float:right;
}

#intro { 
margin: 0 auto;
width: 818px;
height: 100px;
}


/* PORTFOLIO______________________________________________________________ */

#box_1 { 
width: 377px;
height: 239px;
margin-top: 42px;
margin-left:86px;
float:left;
}

#box_2 { 
width: 377px;
height: 239px;
margin-top: 42px;
margin-left:48px;
float:left;
}

#box_3 { 
width: 377px;
height: 239px;
margin-top: 38px;
margin-left:86px;
float:left;
}

#box_4 { 
width: 377px;
height: 239px;
margin-top: 38px;
margin-left:48px;
float:left;
}

.image { 
width: 377px;
height: 190px;
float:left;
}

.titre {
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#ffa50d;
letter-spacing: -1px;
line-height:18px;
}

.descriptif {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#b6b6b6;
letter-spacing: 0px;
}

.titre_box { 
width: 367px;
height: 34px;
margin-top: 14px;
margin-left: 10px;
float:left;
}

/* CE QUE JE FAIS______________________________________________________________ */

#text_box { 
width: 802px;
height: 238px;
margin-top: 45px;
margin-left: 85px;
float:left;
}

.service {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
color:#a5a5a5;
letter-spacing: -1px;
line-height:24px;
}

/* FOOTER______________________________________________________________ */

#footer_box { 
width: 821px;
height: 16px;
margin-top: 22px;
margin-left: 67px;
float:left;
}

.footer_text {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color:#a5a5a5;
letter-spacing: 0px;
line-height:24px;
text-decoration:none;
}