body {

  background: #000 url(../img/header-area51.jpg) top center no-repeat;
}

#container {
  margin: 0 auto;
  width: 810px;
  text-align: left;
  overflow: hidden;
  position: relative;
}

/* HEADER *********************************************************************/


#head_container {
  float: left;
  margin: 30px 0 0 0;
  width: 800px;
  height: 42px;

}


#contact {
  float: right;
  font: 11px normal "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
  color: #FFF;
  margin: 0;
  padding: 0 12px;

}

#contact a {
  color: #BCF200;
  text-decoration: none;
  line-height: 20px;
}

#contact a:hover {
  border-bottom: 3px solid #BCF200;
}


/* LOGO ***********************************************************************/




#logo {
  float: left;
  width: 800px;
  height:350px;
}


/* PHILOSOPHIE ***********************************************************************/



#philosophie {
  float: left;
  width: 800px;
  height: 300px; 
  color:#FFFFFF;  

  margin-left:10px;   

}

#phibloc1 {

  float: left;
  width: 360px;
  height: 170px; 
  text-align:justify; 
  font: normal 16px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;  
  

}

#phibloc2 {
  float: left;
  width: 360px;
  text-align:justify; 
  font: normal 16px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;  
  margin-left:50px;
 
}

#philosophie p {
  line-height:22px;
  padding-top:15px;

}


/* CONTACT ***********************************************************************/



#coordonnees {
  float: left;
  width: 800px;
  height: 400px; 
  color:#FFFFFF;  
  font: normal 16px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  margin-left:10px;   

}


#coordonnees p {
  line-height:22px;
  padding-top:10px;

}

.responsable{
  font-size: 12px;

}

.ttresponsable{
  font-size: 12px;
  color:#17A2A6;
  font-weight:bold;

}

#coordonnees a {
  color: #BCF200;
  text-decoration: none;
  line-height: 20px;
}

#coordonnees a:hover {
  border-bottom: 3px solid #BCF200;
}

/* PORTFOLIO ******************************************************************/



#portfolio {
  float: left;

}

.goportfolio{
  float:left;
  width:785px;
  padding-left:15px;
  padding-top:15px

}

.gosite {

  color: #BCF200;
  text-decoration: none;
  font: normal 16px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
 

}

.gosite:hover {
  border-bottom: 3px solid #BCF200;
}

html>body #showcase_cont {
  margin: 137px 0 1px 0;
  #margin: 137px 0 3px 0;
}

.separator1 {
  float: left;
  margin: 0;
  width: 800px;
  height: 20px;
  display: block;

}

.showcase {
	width: 810px;
	float: left; 
}
.showcase ul {
	list-style: none;
}	
.showcase ul li {
	display: inline;
	float: left;
	height: 120px;
	margin: 1px 1px 0 0;
	width: 200px;
}

.captureweb ul li {
	display: inline;
	float: left;
	height: 252px;
	margin: 1px 1px 0 0;
	width: 400px;
}

.capturegfx ul li {
	display: inline;
	float: left;
	margin: 1px 1px 0 0;
	width: 800px;
}

.desc {
	
	float: left; 
	font: normal 16px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	width:500px;
	padding-left:15px;
	
}

.showcase ul li a:hover {
  cursor: pointer;
}



.separator2 {
  float: left;
  margin: 1px 0 0 0;
  width: 800px;
  height: 1px;
  display: block;
  background: url(images/separator2.png) top no-repeat;
}

.borderimg {
	border:#333333 1px solid;

}


/* DETALLE DE CADA ITEM *******************************************************/




.works_cont {
  float: left;
  padding: 70px 0 0 0;
  #padding: 70px 0 0 0;
}


.goback {
  background: url(images/back-to-top.png) no-repeat;
  width: 250px;
  height: 30px;
  float: right;
  display: block;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #aba6a6;
  padding: 6px 0 0 14px;
  text-decoration: none;
}

.work_title {
  float: left;
  display: block;
}


/* FOOTER *********************************************************************/


#footer {
  float: left;
  padding: 15px 0 0 17px; /* IE6 only */
  font: 11px normal "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
  width: 800px;
  border-top: #BCF200 1px solid;
  color: #A0A0A0;
  margin-top:100px;
  height:150px;
}

#footer p {
  line-height:18px;	
  padding-top: 15px;
}