/* 
Designé par Alexis GUERVILLE,
Maxime WAVELET, Kévin CREPIN
et Thomas WILFART
*/

body {
	margin:0;
	background-image: url(img/img1.jpg) ;
}

.body {
	width:50%;
	padding:10px;
	margin:auto;
	margin-top:0;
	margin-bottom:20px;
	border-right: 3px dashed rgb(58, 58, 58);
	border-bottom: 3px dashed rgb(58, 58, 58);
	border-left: 3px dashed rgb(58, 58, 58);
	border-radius: 4px 4px 4px 4px;
	text-align:justify;
}
footer {
	width:50%;
	padding:10px;
	margin:auto;
}

a {
	color: #363636;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
}
a:hover {
	color: #959595;
}

.lign {
	height:1px;
	background-color:#000;
	
}

/*********************
		HEADER
		& MENU
**********************/

.header {
	text-align:center;
	height:150px;
	background-image: url(img/img2.png);
	line-height:150px;
	font-family:"Helvetica";
	font-size:3vw;
	color: #959595;
	margin-bottom:0px;
}

.header a {
	color: #959595;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
}

.header a:hover {
	color: #363636;
}

.menu ul {
	margin-top: 3px;
	margin-bottom:3px;
}

.menu li {
	display:inline-block;
}

/*********************
		CONTENT
**********************/

img #1 {
	float:right;
}
#1 {
	margin-right:30px;
	margin-top:10px;
}

.img {
	max-width:100%;
}

.accueil {
	width:60%;
	float:left;
}

/*********************
		VIDEO
**********************/

.video {
	margin-top: 2%;
	width: 100%;
	height: 0px;
	padding-bottom: 75%;
	position:relative;
}

.video iframe {
	width: 100%!important; height: 100%;
	position:absolute;
	top: 0; left: 0;
}

.video2 {
	margin-top: 2%;
	width:100%;
	height: 0px;
	padding-bottom: 56.25%;
	position:relative;
}

.video2 iframe {
	width: 100%!important; height: 100%;
	position:absolute;
	top: 0; left: 0;
}

.video3 {
	margin-top: 2%;
	width:100%;
	height: 0px;
	padding-bottom: 60.937%;
	position:relative;
}

.video3 iframe {
	width: 100%!important; height: 100%;
	position:absolute;
	top: 0; left: 0;
}

.video4 {
	margin-top: 2%;
	width:100%;
	height: 0px;
	padding-bottom: 70%;
	position:relative;
}

.video4 iframe {
	width: 100%!important; height: 100%;
	position:absolute;
	top: 0; left: 0;
}