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


@font-face {
    font-family: 'AftasansItalic';
    src: url('../font/AftaSansThin-Italic-webfont.eot');
    src: url('../font/AftaSansThin-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AftaSansThin-Italic-webfont.woff') format('woff'),
         url('../font/AftaSansThin-Italic-webfont.ttf') format('truetype'),
         url('../font/AftaSansThin-Italic-webfont.svg#AftasansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AftasansRegular';
    src: url('../font/AftaSansThin-Regular-webfont.eot');
    src: url('../font/AftaSansThin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AftaSansThin-Regular-webfont.woff') format('woff'),
         url('../font/AftaSansThin-Regular-webfont.ttf') format('truetype'),
         url('../font/AftaSansThin-Regular-webfont.svg#AftasansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	
	background-color:#27282a;
color:#fff;
}

#conteneur_accueil {
	position: relative;
	width: 1000px;
	height: 654px;
	background-image:url(../img/landing_page2.jpg);
	background-repeat: no-repeat;
	margin:auto;
	margin-top: 0;
	
 }
 
.verticAlign {
position:absolute;
 
/* Centrer verticalement */
top: 50%;
margin-top: -327px;
 
/* Centrer horizontalement */
left: 50%;
margin-left: -493px;

} 
#menu {
	display: inline;
	margin: auto;
	height: 40px;
	width: 600px;
}
#menu ul li {
	display: inline;
	padding-right: 05px;
}
#conteneur {
position: relative;
	width: 1000px;
	margin: auto;
	
}
#menu ul li a {
	text-decoration: none;
	color: #fff;
}
#menu ul li a:hover {
	color: #fff;
}

#contact a {
	text-decoration: none;
	color: #fff;
}
#contact a:hover {
	color: #fff;
}

#general a {
	text-decoration: none;
	color: #fff;
}
#general a:hover {
	color: #fff;
}



 #conteneur_accueil a  {
	position: absolute;
	top: 564px;
	left: 299px;
	width: 142px;
	height: 55px;
 
 
 }
 #home {
	background-color: #27282a;
	margin-top: 0px;
	font-family: 'AftasansRegular';
	text-decoration: none;
	color: #fff;
}
/*--Diaporama--*/

.diaporama{
	position:relative;
	width:516px; /* Largeur d'une photo */
	height:500px /* Hauteur d'une photo */;
	float: left;
}
 
.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute /* Les images seront positionnées toutes au même endroit */;
	left: 8px;
	top: 3px;
	width: 670px;
}
 
.diaporama_controls{
	position:absolute;
	width:60px;
	margin:20px 0;
	padding-left:450px;
	
}
 
.diaporama_controls .btns{
    float:right;
}
 
.diaporama_controls a{
    font-weight:normal;
    width:10px;
    height:13px;
    text-indent:-9999px;
    display:inline-block;
    margin:0 3px;
}
 
.diaporama_controls .prev{
    background:url(../img/fleches_diapo.png) no-repeat top right;
}
 
.diaporama_controls .next{
    background:url(../img/fleches_diapo.png) no-repeat top left;
}
 
.diaporama_controls .pause{
    background:url(../img/fleches_diapo.png) no-repeat bottom right;
}
 
.diaporama_controls .play{
    background:url(../img/fleches_diapo.png) no-repeat bottom left;
}
.diaporama_dessins{
	position:relative;
	width:500px; /* Largeur d'une photo */
	height:500px /* Hauteur d'une photo */;
	float: left;
}
 
.diaporama_dessins li{
	list-style-type:none;
	overflow:hidden;
	position:absolute /* Les images seront positionnées toutes au même endroit */;
	left: 8px;
	top: 3px;
	width: 800px;
}
 
.diaporama_dessins_controls{
	width:450px;
	margin:3px 0;
	padding:20px;
	clear:both;
	overflow:hidden;
}
 
.diaporama_dessins_controls .btns{
    float:right;
}
 
.diaporama_dessins_controls a{
    font-weight:normal;
    width:10px;
    height:13px;
    text-indent:-9999px;
    display:inline-block;
    margin:0 3px;
	return: false;
	
}
 
.diaporama_dessins_controls .prev{
    background:url(../img/fleches_diapo.png) no-repeat top right;
}
 
.diaporama_dessins_controls .next{
    background:url(../img/fleches_diapo.png) no-repeat top left;
}
 
.diaporama_dessins_controls .pause{
    background:url(../img/fleches_diapo.png) no-repeat bottom right;
}
 
.diaporama_dessins_controls .play{
    background:url(../img/fleches_diapo.png) no-repeat bottom left;
}
.comments_dessins {
	position: absolute;
	top: 100px;
	left: 550px;
	width: 291px;
	height: 83px;




}
.comments {
	position: absolute;
	top: 100px;
	left: 440px;
	width: 400px;
	height: 83px;
	color : #000;




}
.atelier {
	width:985px; /* Largeur d'une photo */
	height:527px /* Hauteur d'une photo */;
	float: left;
	padding-left:50px;
	margin: 20px;
text-decoration: none;

}

#form {
	text-decoration: none;
	color: #fff;

}