*{
	margin:0px;
	padding:0px;
}


html{
	height: 100%;
}


body{
	background:#f2f1ed url(../images/bgheader.jpg) repeat-x;
	font-size:12px;
	font-family:"Trebuchet MS", Helvetica, Verdana;
	color:#53534c;
	margin:0;
	padding:0;
	line-height: 1.3em;
	height: 100%;
}


#general{
width: 892px; 
margin: 0 auto; 

}


#header{
background:#f2f1ed url(../images/bgheader.jpg);
width:892px;
height:231px;
}




#corps{
width: 100%;
padding-top:9px;
padding-bottom:15px;

}

#droite{
	float: right;
	width:550px;
	margin-right:0px
	
}

#droite_page{
	float: right;
	width:550px;
	margin-right:0px;
	margin-top:10px;
	
}

#gauche{
	float: left;
	width: 342px;
	
}

#button{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.separateur{

margin-top:5px;
padding-bottom:5px;
width:100%;
clear:both;
}
#showcase{
height:250px;
padding-left:44px;
}




#contenu{
padding-left:10px;
padding-top:20px;
width:520px;
}

#contenu_page{
padding-left:15px;
padding-top:20px;
width:520px;
}


.news{


margin-top:10px;
margin-bottom:5px;
}

.page{


margin-top:20px;
margin-bottom:5px;
}

.page h3{
font-size:12px;
margin-top:5px;
margin-bottom:5px;
}

.page h3 a{
text-decoration:none;
}

.news h3{
font-size:12px;
margin-top:5px;
margin-bottom:5px;
}

.news h3 a{
text-decoration:none;
}


.newsData{
font-size:12px;
}



#page{
float: center;
padding-top:10px;
width: 280px; 
padding:10px;
padding-left:0px;
padding-top:5px;

}

#description_page{
height:60px;
color:#FFFFFF;
padding-left:25px;
}




#description_page h3{
padding:0px;
padding-bottom:12px;
color:#FFFFFF;
}





#col_gauche{
	width:230px;
	padding:40px;
	margin-top:10px;
	padding-left:50px;
	background-image: url(../images/bg-projecteur.gif);
	background-repeat: no-repeat;
	background-position: 30px 20px;
}

#col_gauche_page{
	width:230px;
	padding:40px;
	margin-top:-10px;
	padding-left:50px;
	background-image: url(../images/bg-projecteur-page.gif);
	background-repeat: no-repeat;
	background-position: 30px 20px;
}










#footer{
	font-size:10px;
	height:39px;
	clear: left;
	text-align: center;
	color:#FFFFFF;
	background-color: #000b15;
	background-image: url(../images/background_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -39px; /* the bottom margin is the negative value of the footer's height */
}

#footer a{
color: #67b3a1;
text-decoration:none;
}

#footer a:hover{
color: #d8b125;
}

h1
{
  padding-bottom: 10px;
}

h2{
font-size:13px;

color:#717260;
font-weight:bold;
padding-bottom:10px;
}


#gauche h2{

text-transform:uppercase;

}

h3{
font-size:13px;
color:#2aa37f;
font-weight:bold;
text-transform:uppercase;

padding-bottom:2px;


}

strong{
color:#2aa37f;
}


a{

color:#2aa37f;
}

a:hover{

color:#d8b125;
}
p{
margin-top:2px;
margin-bottom:5px;
}

.spacer{
clear:both;
visibility:hidden;
}

ul li{
list-style-type:none;
}

a img{
border:0px solid red;
}

.left{
float:left;
padding-top:5px;
padding-right:10px;

}
.right{
float:right;
padding-left:10px;
}






a.project, a.projector
{
  background-repeat: no-repeat;
  background-image: url(../images/projects-back.png);
  text-decoration: none;
  display: block;
  float: left;
  width:  251px;
  height: 82px;
  text-align: center;
}
a.projector
{
  background-image: url(../images/projects-back.png);
  width: 251px;
  height: 82px;
  float: none;
  margin-left: -4px;
  margin-top:15px;
}
a.projector img, a.project img
{
  padding-top: 6px;
  padding-bottom: 5px;
  
}



/*-- SERVICES LAYOUT -------------*/

#servicesNav {
	width: 220px;
	font-size: 13px;
	margin-top: 40px;
	
	
}
	#servicesNav ul {padding: 0; margin: 5px 0 30px 0; list-style: none; border-bottom: 0px solid #444444;}
	#servicesNav li {
	width: 220px;
	background-color: #FFFFFF;
	background-image: url(../images/port_li_off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #666666;
	padding: 7px 0 6px 30px;
}
	#servicesNav li#select {
	width: 220px;
	background-color: #FFFFFF;
	background-image: url(../images/port_li_select.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #53534c;
	font-weight: bold;
	padding: 7px 0 6px 30px;
}
	#servicesNav a:link {color: #999999; text-decoration: none; background-color: #FFFFFF;}
	#servicesNav a:visited {color: #999999; text-decoration: none; background-color: #FFFFFF;}
	#servicesNav a:hover {
	color: #2aa37f;
	text-decoration: none;
	background-color: #FFFFFF;
}