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

*{
	margin: 0;
	padding: 0;
	list-style:none;
}
a:active{
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	}
a:focus{
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	}
a:link{
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	}
a:visited{
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover{
	border:none;
	color:#FFFFFF;
	text-decoration:none;
	}
	
#cv{
	color:#404040;
	}
#cv:hover{
	color:#000;
	}


.clear{clear:both;}

html ,body{
	background-repeat: repeat-x;
	background-color: #777777;
	background-image: url(png/fond.gif);
	background-position: left top;
	height:100%;
	}

#header{
	background-image:url(png/header.jpg);
	background-repeat: no-repeat;
	width:1202px;
	height:502px;
	top:0px;
	left:0px;
	}

#menu{
	background-image:url(png/barMenu.png);
	background-repeat:no-repeat;
	float:left;
	height:950px;
	left:0;
	position:relative;
	top:-135px;
	width:114px;
	z-index:50;
	}

#btn{
	position:relative;
	left:72px;
	top:-23px;
	width:94px;
	z-index:30;
	}
	
#home{
	background-image:url(png/home.png);
	background-position:left top;
	background-repeat: no-repeat;
	width:98px;
	height:90px;
	margin-top:25px;
	/*float:right;*/
	position:relative;
	z-index:17;
	}
	
#home:hover{
	background-position:right top;
	}
	
#about{
	background-image:url(png/about.png);
	background-position:left top;
	background-repeat: no-repeat;
	width:103px;
	height:66px;
	/*float:right;*/
	margin-top:-25px;
	position:relative;
	z-index:20;
	}
	
#about:hover{
	background-position:right top;
	}
	
#works{
	background-image:url(png/works.png);
	background-position:left top;
	background-repeat: no-repeat;
	width:105px;
	height:44px;
	/*float:right;*/
	margin-top:-5px;
	position:relative;
	z-index:10;
	}
	
#works:hover{
	background-position:right top;
	}

#contact{
	background-image:url(png/contact.png);
	background-position:left top;
	background-repeat: no-repeat;
	width:104px;
	height:67px;
	/*float:right;*/
	margin-top:-5px;
	position:relative;
	z-index:5;
	}
	
#contact:hover{
	background-position:right top;
	}
	
#contenu{
	position:absolute;
	top:502px;
	left:150px;
	height:750px;
	width:800px;
	}
	
#slide{
	background-image:url(png/fondSlide.jpg);
	background-repeat:repeat-x;
	position:relative;
	top:10px;
	width:100%;
	height:150px;
	overflow:hidden;
	}

#flecheG{
	position:relative;
	top:0px;
	left:65px;
	width:45px;
	height:150px;
	}
#flecheD{
	position:relative;
	top:-300px;
	left:1050px;
	width:45px;
	height:150px;
	}

#vignette{
	position:relative;
	left:110px;
	top:-150px;
	width:940px;
	height:100%;
	overflow:hidden;
	}
#ContVign{
	position:relative;
	left:0px;
	top:0px;
	padding-top:15px;
	width:5000px;
	height:150px;
	}

.vignet{
	margin-left:10px;
	}
.vignet:hover{
	width:115px;
	height:115px;
	}
	
#buguyz{
	background-image:url(png/buguyz.png);
	background-repeat:no-repeat;
	width:186px;
	height:102px;
	margin-left:20px;
	position:relative;
	top:20px;
	z-index:60;
	}

.separ{
	margin-left:300px;
	margin-top:20px;
	width:500px;
	height:50px;
	}
	
#footer{
	background-color:#000000;
	position:relative;
	top:20px;
	height:30px;
	margin-bottom:0px;
	padding-top:9px;
	}
#menuF{
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	}
.titre1{
	color:#404040;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	text-align:right;
	margin-right:25px;
	}
.texte{
	color:#404040;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-align:right;
	}