#main{
position:relative;
top:0px;
border:0px solid red;
height:1000px;
width:822px;
}

body{
background-color: #fff ;
margin-top:8px;
}

#top{ 
left:0px;
 height:30px;
width:411px;
text-align:left;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:5px;
}
.top_sep1{
position:absolute;
top:0px;
left:0px;
height:10px;
width:822px;
}
.top_sep2{
position:absolute;
top:29px;
left:0px;
height:1px;
width:822px;
}
.top_left{
position:absolute;
top:0px;
left:0px;
height:20px;
width:411px;
text-align:left;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:10px;
}
.top_right{
position:absolute;
top:0px;
left:412px;
height:20px;
width:411px;
text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-right:5px;
padding-top:10px;
}
.top_right a{
text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
text-decoration:none;
}
.top_right a:hover{
 color:#DC131F;
text-decoration:underline;
}
#logo{
top:90px;
left:0px;
border:0px solid red;
height:88px;
width:822px;
}
/* Project 1*/
#project1{
left:0px;
border:0px solid red;
height:611px;
width:822px;
}
#project_title{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:31px;
width:822px;
}
.project_num{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:31px;
width:822px;
text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-top:10px;
}
.project_num a{
text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-top:10px;
 text-decoration:none;
}
.project_num a:hover{
text-decoration:underline;
 color:#DC131F;
 }
#project_picture{
position:absolute;
top:31px;
left:0px;
border:0px solid red;
height:510px;
width:822px;
}

#project_detail{
position:absolute;
background-color:#E4E3E2;
top:544px;
left:0px;
border:0px solid red;
height:68px;
width:822px;
}
.pic_detail{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:68px;
width:85px;
}
.description_detail{
position:absolute;
top:0px;
left:85px;
border:0px solid red;
height:68px;
width:500px;
text-align:left;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:20px;
line-height: 1.5em;
}
.right_detail{
position:absolute;
top:0px;
left:700px;
border:0px solid red;
height:48px;
width:100px;
text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:20px;
line-height: 1.5em;
}
.right_detail a{
 text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:20px;
text-decoration:none;

}
.right_detail a:hover{
 color:#DC131F;
 text-decoration:underline;
}
.sep{
position:absolute;
top:610px;
left:0px;
width:822px;
height:2px;
 }
 /* Project 2 */
#project2{
 left:0px;
border:0px solid red;
height:580px;
width:822px;
}
#project_title2{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:31px;
width:822px;
}
.project_num2{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:31px;
width:822px;
text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-top:10px;
}
.project_num2 a{
text-align:right;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-top:10px;
 text-decoration:none;
}
.project_num2 a:hover{
text-decoration:underline;
 color:#DC131F;
 }
#project_picture2{
position:absolute;
top:31px;
left:0px;
border:0px solid red;
height:472px;
width:822px;
}

#project_detail2{
position:absolute;
background-color:#E4E3E2;
top:506px;
left:0px;
border:0px solid red;
height:68px;
width:822px;
}
.pic_detail2{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:68px;
width:85px;
}
.description_detail2{
position:absolute;
top:0px;
left:85px;
border:0px solid red;
height:68px;
width:500px;
text-align:left;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:20px;
line-height: 1.5em;
}
.sep2{
position:absolute;
top:574px;
left:0px;
width:822px;
height:2px;
}

#project3{
left:0px;
border:0px solid red;
height:580px;
width:822px;
}



#project4{
 left:0px;
border:0px solid red;
height:580px;
width:822px;
}
#project5{
left:0px;
border:0px solid red;
height:480px;
width:822px;
}
#project_title5{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:31px;
width:822px;
}

#project_picture5{
position:absolute;
top:31px;
left:0px;
border:0px solid red;
height:376px;
width:822px;
}

#project_detail5{
position:absolute;
background-color:#E4E3E2;
top:410px;
left:0px;
border:0px solid red;
height:68px;
width:822px;
}
.pic_detail5{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:68px;
width:85px;
}
.description_detail5{
position:absolute;
top:0px;
left:85px;
border:0px solid red;
height:68px;
width:500px;
text-align:left;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:20px;
line-height: 1.5em;
}
.description_detail5 a{
text-align:left;
font-family:Lucida Grande , Tahoma;
font-size:9px;
color:#483f3a;
padding-left:5px;
padding-top:20px;
line-height: 1.5em;
text-decoration:none;
}
.description_detail5 a:hover{
text-decoration:underline;
color:#DC131F;
 
}
.sep5{
position:absolute;
top:478px;
left:0px;
width:822px;
height:2px;
}
#project6{
left:0px;
border:0px solid red;
height:580px;
width:822px;
}
#project7{
left:0px;
border:0px solid red;
height:580px;
width:822px;
}
#project8{
left:0px;
border:0px solid red;
height:400px;
width:822px;
}
#project_title{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
height:31px;
width:822px;
}
#pic{
position:absolute;
top:101px;
left:8px;
border:0px solid red;
height:169px;
width:250px;
}
#info{
position:absolute;
padding-left:40px;
padding-top:32px;
top:31px;
left:250px;
border:0px solid red;
height:350px;
width:260px;
font-family:Lucida Grande , Tahoma;
font-size:10px;
color:#483f3a;
line-height:1.4em;
}
#info a{
font-family:Lucida Grande , Tahoma;
font-size:10px;
color:#483f3a;
text-decoration:none;
}
#info a:hover{
font-family:Lucida Grande , Tahoma;
font-size:10px;
color:#DC131F;
text-decoration:underline;
}
#cordonne{
position:absolute;
padding-left:64px;
padding-top:48px;
top:31px;
left:530px;
border:0px solid red;
height:350px;
width:150px;
font-family:Lucida Grande , Tahoma;
font-size:10px;
color:#483f3a;
line-height:1.5em;
}
#cordonne a{
font-family:Lucida Grande , Tahoma;
font-size:10px;
color:#483f3a;
text-decoration:none;
}
#cordonne a:hover{
font-family:Lucida Grande , Tahoma;
font-size:10px;
color:#DC131F;
text-decoration:underline;
}
#about_footer{
position:absolute;
bottom:0px;
left:0px;
height:20px;
width:820px;
font-family:Lucida Grande , Tahoma;
font-size:10px;
color:#483f3a;
}

.marque{
position:absolute;
bottom:5px;
right:0px;
border:0px solid red;
height:15px;
width:150px;
text-align:right;
}

.about_sep{
position:absolute;
bottom:24px;
left:0px;
border:0px solid red;
height:1px;
width:822px;
 
}
iframe{
overflow:hidden;
border:none;
}