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

body {

	background:#505050 url(../background.jpg) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:white;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:justify;
	line-height:140%;


}

#conteneur {

	margin: 0 auto;
	width:840px;


}

a{

	color:#FFC76F;
	text-decoration:none;

}

a:hover{
	
	color:white;

}

h2 {

	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;


}


.close {

	position:absolute;
	text-align:right;
	width:100%;
	z-index:400;

}

#wn	{ 
	position:relative; 
	width:795px; height:250px; 
	overflow:hidden;	
	padding:10px;
	
	}
	

.titre{

	color:#ebb053;
	font-size:36px;
	font-variant:small-caps;

	
}

.soustitre{


	font-size:20px;
	font-variant:small-caps;
	font-weight:550;
}
#nav{
	padding:20px 20px;
	text-align:left;
	margin-top:20px;

}

#scrollLinks{

	position:absolute;
	margin-top:220px;
	left:400px;
	font-size:18px;
	font-weight:bold;

}


#scrollLinks a{

	color:#BABABA;
	
}



#presentation{
	clear:both;
	position:relative;
	width:790px;
	height:100px;
	padding:10px 20px;
	margin-bottom:10px;

}

#presentation_fond{
	position:absolute;
	width:820px;
	height:100px;
	background:#505050;
 	margin-bottom:10px;
	padding:10px; 
	filter: alpha(opacity=40);         /* pour IE */
	-moz-opacity: 0.40; opacity:0.4;   /* pour FF */

}

#realisations{
	clear:both;
	position:relative;
	width:825px; height:270px;
	padding:10px;
	margin-bottom:10px;


}

#realisations_fond{
	padding:10px;
	margin-bottom:10px;
	position:absolute;
	background:#505050;
	width:820px; height:270px;
	filter: alpha(opacity=40);         /* pour IE */
	-moz-opacity: 0.40; opacity:0.4;   /* pour FF */

}



#contact{
	position:absolute;
	z-index:300;
	float:left;
	width:420px;
	height:120px;
	padding:10px 20px;
	margin-right:10px;
    margin-bottom:10px;

}
#contact_fond{
	position:absolute;
	float:left;
	width:450px;
	height:120px;
	background:#505050;
	padding:10px;
	margin-right:10px;
    margin-bottom:10px;
	filter: alpha(opacity=20);         /* pour IE */
	-moz-opacity: 0.20; opacity:0.2;   /* pour FF */

}



#liens {
	position:absolute;
	margin-left:490px;
	float:left;
	width:340px;
	height:120px;
	padding:10px;
	margin-bottom:10px;

}
#liens_fond {
	position:absolute;
	 margin-left:480px; 
	float:left;
	width:340px;
	height:120px;
	background:#505050;
	padding:10px;
	margin-bottom:10px;
	filter: alpha(opacity=10);         /* pour IE */
	-moz-opacity: 0.10; opacity:0.1;   /* pour FF */
}


#liens ul{

	float:left;
	margin:10px;
	padding:0;
	list-style-type:none;
	
}

#liens li {

	width:100px;

}

#copyleft{
	clear:both;
	margin-top:140px;
	padding:10px;
	position:relative;
	text-align:right;
	color:#1F1F1F;
	font-size:10px;
	
	}