/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before,
q:before {
	content: '« ';
}

blockquote:after,
 q:after {
	content: ' »';
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*-------------------------------*/
/*-------ÉLÉMENTS COMMUNS -------*/
/*-------------------------------*/
#bday{
   position:absolute;
   top:1px;
   right:1px;
   overflow:hidden;
}
body{
   background:url(../images/fond.jpg) #292420 repeat-x top center;
   margin:0;
   padding:0;  
   font-family: helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;   
   font-size:0.813em;
   color:#E4D1B8;
}
#header2{
   height:265px;
   display:block;
   overflow:hidden;
   padding:0;
   position:relative;
   width:965px;
   margin:0px auto; 
   
}

#header{
   height:349px;
   display:block;
   width:287px;
   overflow:hidden;
   padding:0;
   position:relative;
   width:965px;
   margin:0px auto; 
   
}

#contenu{
   width:888px;
   margin:0px auto; 
   display:block;
   padding:17px 31px 17px 31px;
   overflow:hidden;
}

#contenu_f{
   width:950px;
   margin:0px auto; 
   display:block;
   padding:17px 0px 17px 0px;
   overflow:hidden;
}


#main{
   background:url(../images/ligne-trans.png) repeat-x top center;
   width:100%;
   margin:0px auto;  
   padding:0; 
}

#image{
   position:absolute;
   z-index:200; 
   margin:5px 0 0 0;   
}

#footer{
   width:950px;
   margin:0px auto; 
   background:url(../images/footer-trans.png) no-repeat top center;
   height:100px;
   clear:both;
   text-align:left;
   padding:7px 0 0 0;
   font-size:0.846em;
   
}

#footer p.left{
   text-align:left;
   display:block;
   float:left;   
   width:50%;
}
#footer p.right{
   text-align:right;
   display:block;
   float:right;
width:50%;
}

#logo{
   margin-top:70px;
   margin-left:0px;
}

h1{
   margin:0px 0 20px 0px;
   text-transform:uppercase;
   padding:0px;
   font-size:1.846em;
   color:#f0c83d;
}

h1 span{
   display:none;    
}

h2{
   margin:0px 0 5px 0px;
   display:block;
   padding:3px 0;
   font-size:1.154em;   
   color:#ca6434;
   text-transform:uppercase;
}

h3{
   margin:0px 0 5px 0px;
   display:block;
   padding:3px 0;
   font-size:1.077em;   
}

.content ul{
   margin:0px 0 0 15px;
   list-style-position:outside;
   padding:5px 10px;
   width:100%;
   line-height:1.4em;
   
}

a{
   color:#f0c83d;
   font-weight:bold;  
   text-decoration:none; 
}
a:hover{
   color:#D84B3C;
   
}

#footer a{
   font-weight:normal;  
}
.pright{
   text-align:right;
   display:block;
   padding:10px 10px 0 0;    
}

.pcenter{
   text-align:center;
   display:block;
   padding:10px 10px 0 0;    
}


#menu{
   width:525px;
   position:absolute;
   right:0px;
   top:111px;
   z-index:99;

}


#menu ul{
    margin:0px;
    padding:0px;
    list-style-type:none; 
    position:relative;
     
}

#menu li{
   margin:0px;
   padding:0px; 
   display:block;
   overflow:hidden;
   float:left;
   
   
}

#menu li img{
   border:none;
}

#menu li a{
   display:block;
   line-height:42px;
   height:42px;
   padding:0 18px 0 0px;
   margin:0 0px 0 0px;
   position:relative;
   
}

#menu li a span{
   display:none;    
}

#link01{
   background:url(../images/accueil.jpg) no-repeat bottom left;
   width:63px;
}
#link02{
   background:url(../images/apropos.jpg) no-repeat bottom left;
   width:75px;

}
#link03{
   background:url(../images/portfolio.jpg) no-repeat bottom left;
      width:84px;

}
#link04{
   background:url(../images/services.jpg) no-repeat bottom left;
      width:69px;

}
#menu li a#link05{
   background:url(../images/clients.jpg) no-repeat bottom left;
   width:60px;
   margin:0 0px 0 4px;


}
#menu li a#link06{
   background:url(../images/contact.jpg) no-repeat bottom left;
   width:70px;
   margin:0 0px 0 3px;
   padding:0px;
}

#menu li a:hover, #menu li a#link05:hover, #menu li a#link06:hover{
    background-position:top left;

}


#text{
   width:460px;
   float:right;  
   padding:0 10px; 
   font-size:1.231em; 
   line-height:1.313em;
   text-align:justify;
}

#text span, .content span{
   font-weight:bold; 
}

#text p, .content p{
   margin: 0 0 27px 0;    
}

#text p img{
   display:block;
   overflow:hidden;   
}

#projets{
   width:452px;
   float:left; 
   text-align:center;   
}

.projet{
   background:url(../images/image-trans.png) no-repeat top left;
   height:117px;
   width:452px;
   overflow:hidden;
   padding:0px;
   margin:0px;
   
  

}

.projet a{
   text-align:left;
   margin:10px 0 0 10px;
   display:block;
   float:left;
   height:98px;
   width:452px;
   overflow:hidden;    
}

 .projet a img{
    border:1px solid #f0c83d;
    width:429px;
    height:96px;
    
}
.projet a:hover img{
    border:1px solid #d84b3c;
    
}


.col{
   float:left;
   width:444px;
       
}

.col i{
   width:350px;
}


.content .projet{
   float:left;  
   margin:0 0 15px 0;  
}

.content .desc{
   float:left;
   width:425px;
   height:100px; 
   padding:7px 0 15px 20px;   
   line-height:1.231em;
      margin:0 0 10px 0;  

}

span.contrat{
   font-size:0.846em;
   color:#7F715F;
   font-weight:normal;
   display:block;
   padding:10px 0px 0px 0px;   
}

span.contrat a{
   font-weight:normal;
   color:#E4D1B8;
}

span.contrat a:hover{
   font-weight:normal;
   color:#E4D1B8;
   text-decoration:underline;
}


.desc b{
   color:#ca6434;    
}








#detail{
   position:absolute;
   margin:-17px 0 0 315px;
}


#liste{
  margin:20px 0px 0 -10px;   
}



h3{
   clear:both;   
}



i{
   margin:0 0 0 0px;
   display:block;   
}

h3 i{
   display:inline;
   margin:0;    
}
.end{
   clear:both;    
}

.content p{
    margin:0 0px;
    line-height:1.231em;
}

#testimonials{
   width:450px; 
   text-align:justify;   
}


q{
   float:right;
   width:325px;
   font-style:italic;
   font-size:1.154em;
   font-family:'helvetica neue', helvetica, arial, sans-serif;
   text-align:center;
   padding:20px;
   margin:0 0 27px 0;
      line-height:1.2em;

   background:#493F33;
   border:1px solid #6D5D4D;

}

#left{
   float:left;  
   width:500px;  
}
.floatleft{
   float:left;  
   display:block;
   margin:0 15px 50px 0px;
   width:125px;
   border:2px solid #6D5D4D;
}

#left h3{
   float:left;
   display:block;
   width:350px;
   margin:0;
   padding:0 0 20px 0;
   clear:none;
}

#right{
   float:right;  
   width:365px; 
   text-align:left; 
}

#left h3.left-p{
   float:none;
   margin:0px;
    
}

       #goingupimage{
          position:absolute;
          top:-100px;    
       }