title{
	letter-spacing: 3px;
}
body{
	font-family: impact;
	font-size: 28px;
	color: red;
	padding-top -1px;
	background-image: url("Img/1bois1.jpg");
	background-size: 102%;
	background-position: 50% 50%;
	background-attachment: fixed;
	letter-spacing: 2px;
}
#logofyi{
	text-align: right;
}

#logoatelier{
	position: absolute;
	transform: translate(10px, -200px);/*GUIMP 210px*/
	width: 500px;
}
#logobalades{
	position: absolute;
	transform: translate(10px, -210px);
	width: 540px;
}




nav{
	padding: 0;
	margin: -10px;
	width: 7%;
	/*background-color: #424558;*/
}
nav ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
nav li{
	list-style-type: none;
	float: left;
}
nav a{
	display: inline-block;
	text-decoration: none;
	padding: 3px 6px;
	color: #fff;
}
.menu1:hover{
	border-top: 5px solid #e44d26;
	background-color: rgba(228, 77, 38, 0.15);
}
.menu2:hover{
	border-top: 5px solid #0070bb;
	background-color: rgba(000, 112, 192, 0.15);
}
.menu3:hover{
	border-top: 5px solid #f1dc4f;
	background-color: rgba(241, 211, 79, 0.15);
}
.menu4:hover{
	border-top: 5px solid #888;
	background-color: rgba(220, 220, 220, 0.15);
}



#bienvenue{
	letter-spacing: 50px;
	border: 7px ridge red;
}
.div1{
background-color: black ;
width: 690px;
margin-left: 300px;
padding: 15px;
border: 15px ridge red;
}


a:link{
	text-decoration: none;
	color:blue;
}
a:visited{
	text-decoration: none;
	color: gray;
}
a:active{
	text-decoration: none;
	text-transform: uppercase;
}
a:hover{
	letter-spacing: 2px;
}
#indextitre{
	
	width: 650px;/*650*/
	border:0.5px solid red;
	transform: translate(50%, 50%);
}
/*#youtube{
	width: 85px;
}
#youtube:hover{
	opacity: 0.38;
	filter: alpha(opacity=50);
}
#facebook{
	width: 85px;
}
#facebook:hover{
	opacity: 0.38;
	filter: alpha(opacity=50);
}
#instagram{
	width: 95px;
}
#instagram:hover{
	opacity: 0.35;
	filter: alpha(opacity=50);
}*/
#pphotos:hover{
	opacity: 0.38;
	filter: alpha(opacity=50);
}
#photos{
	width: 259px; /*259px;*/
	height: 145px; /*145px*/
}

#photos:hover{
	opacity: 0.38;
	filter: alpha(opacity=50);
}

#compteurs{
	position: fixed;
	z-index: 9999999;
	bottom: 21px;
	width: 100%;
	cursor: pointer;
	line-height: 0;
	display: block;
	width: 225px;
	left: 2px;
}

#methoslogo{
	position: fixed;
	z-index: 9999999;
	bottom: 21px;
	width: 100%;
	cursor: pointer;
	line-height: 0;
	display: block;
	width: 225px;
	right: 2px;
}
#boxaud1{
	position: absolute;
	top: 200px;
	left: 10px;
}
#boxaud2{
	position: absolute;
	top: 200px;
	left: 350px;
}
#boxaud3{
	position: absolute;
	top: 200px;
	left: 690px;
}
#boxaud4{
	position: absolute;
	top: 200px;
	left: 1030px;
}
#boxaud5{
	position: absolute;
	top: 270px;
	left: 10px;
}
#boxaud6{
	position: absolute;
	top: 270px;
	left: 350px;
}
#boxaud7{
	position: absolute;
	top: 270px;
	left: 690px;
}
#boxaud8{
	position: absolute;
	top: 270px;
	left: 1030px;
}
/*#boxbox{
	position: absolute;
	top:1500px;
}
#boxvid1{
	position: absolute;
	top: 200px;
	left: 10px;
}
#boxvid2{
	position: absolute;
	top: 200px;
	left: 343px;
}
#boxvid3{
	position: absolute;
	top: 200px;
	right: 343px;
}
#boxvid4{
	position: absolute;
	top: 200px;
	right: 10px;
}
#boxvid5{
	position: absolute;
	top: 430px;
	left: 10px;
}
#boxvid6{
	position: absolute;
	top: 430px;
	left: 343px;
}
#boxvid7{
	position: absolute;
	top: 430px;
	right: 343px;
}
#boxvid8{
	position: absolute;
	top: 430px;
	right: 10px;
}
#boxvid9{
	position: absolute;
	top: 660px;
	left: 10px;
}
#boxvid10{
	position: absolute;
	top: 660px;
	left: 343px;
}
#boxvid11{
	position: absolute;
	top: 660px;
	right: 343px;
}
#boxvid12{
	position: absolute;
	top: 660px;
	right: 10px;
}/*