header
{
	background-color: rgb(199, 199, 141);
	background-size: cover;
	height: 40px;
	text-align: center;
}
nav ul 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
nav ul li 
{
	width: 135px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 30px;
	
}
ul li a:hover
{
	display: block;
	background-color: rgb(131, 192, 192);
}
ul li ul li
{
	display: none;
}
ul li:hover ul li 
{
	display: block;
}
ul li a
{
text-decoration: none;
color: black;
font-family: Arial;
font-size: 20px;
}
.ao
{
	font-size: 15px;
}
nav ul span
{
	font-size: 1px;
}

.diaporama
{
	margin: auto;
	
	height: 600px;
	background-image: url("REN-3.png");
	background-size: cover;
	animation-name: diapo;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;

	webkit-animation-name: diapo;
	webkit-animation-duration: 300s;
	webkit-animation-timing-function: linear;
	webkit-animation-iteration-count: infinite;
	webkit-animation-direction: normal;

	moz-animation-name: diapo;
	moz-animation-duration: 30s;
	moz-animation-timing-function: linear;
	moz-animation-iteration-count: infinite;
	moz-animation-direction: normal;
}
@keyframes diapo{
	0% {background-image: url("REN-3.jpg");}
	33% {background-image: url("REN-4.jpg");}
	66% {background-image: url("P-1.jpg");}
	100% {background-image: url("L-1.jpg");}
}
@-webkit-keyframes diapo{
	0% {background-image: url("REN-3.jpg");}
	33% {background-image: url("REN-4.Jpg");}
	66% {background-image: url("P-1.jpg");}
	100% {background-image: url("L-1.jpg");}
	
}
@-moz-keyframes diapo{
	0% {background-image: url("REN-3.jpg");}
	33% {background-image: url("REN-4.jpg");}
	66% {background-image: url("P-1.jpg");}
	100% {background-image: url("L-1.jpg");}
}

.defi2
{
	
	height: 205px;
	width: 325px;
	padding: 10px;
	margin: 20px;
	background-image: url("Ark2.jpg");
}
.defi3
{
	

	height: 205px;
	width: 350px;
	padding: 10px;
	margin: 20px;
	background-image: url("Ark1.jpg");

}
.defi
{
	display: flex;

}
.defi1
{
	
	height: 205px;
	width: 350px;
	padding: 10px;
	margin: 20px;
	background-image: url("Ark.jpg");
}
em
{
	margin: 100px;
	font-family:  Century Gothic;
	font-size: 50px;
	text-shadow: 5px 5px 5px black;
	color: black;
	font-weight: bold;

}

footer
{
	height: 350px;
	
	background-color: rgb(128, 128, 128);
	background-size: cover;

}
.oh
{
	width: 600px;
	height: 250px;
	float: left;
	font-size: 20px;
}
.big
{
	font-size: 17px;

	font-family: Century Gothic;
}
h1
{
	color: white;
	
	margin: 30px;
	font-family: Century Gothic;
	font-size: 35px;
}
.second
{
	color: white;
	
}

b
{
	font-size: 60px;
	text-shadow: 2px 2px 1px green;
}

}
center
{
	background-color: rgb(128, 128, 64);
	font-size: 20px;
}
.djo
{
	height: 30px;
	padding: 7px;
	background-color: rgb(172,172,89);
	
	font-size: 20px;
	font-family: Century Gothic;

	}
.no
{
	padding: 20px;

}
.no1
{
	padding: 20px;
}
.no2
{
	padding: 20px;
}
.no3
{
	padding: 20px;
}
.contenu
{
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	font-size: 20px;

}
iframe
{
	width: 1340px;
	height: 400px;
}
.co
{
	color: white;
	font-size: 30px;
	font-family: arial;
	
}
.co1
{
	font-size: 30px;
	color: white;
	font-family: arial;
}
.co2
{
	font-size: 30px;
	color: white;
	font-family: arial;
}
.co3
{
	color: white;
	font-size: 30px;
	font-family: arial;
}
.tout
{
	color: rgb(224, 224, 224);
	font-family: Calibri Light;
}
.tout1
{
	color: rgb(224, 224, 224);
	font-family: Calibri Light;
}
.tout2
{
	color: rgb(224, 224, 224);
	font-family: Calibri Light;
}
.tout3
{
	color: rgb(224, 224, 224);
	font-family: Calibri Light;
}
.drew
{
	font-size: 20px;
	font-family: Century Gothic;
	font-weight: bold;
}
.con
{
	color: rgb(224, 224, 224);
	font-family: Arial;
	font-size: 18px;
}
.droit
{
	text-align: center;
	font-size: 20px;
	font-family: Arial;
}
#sur:hover
{
	color: white;
}
#do:hover
{
	color: darkred;
}
#boss:hover
{
	color: green;
}
.lign
{
	padding: 10px;
}
.mil
{
	margin: 100px;
	font-family: Century Gothic;
	font-size: 50px;
	text-shadow: 5px 5px 5px black;
	color: white;
}
.hait
{
	font-size: 65px;
	color: rgb(128,128,0);
	font-family: Impact;
	text-shadow: 3px 3px 7px black;
}
a
{
	text-decoration: none;
	color: black;
	padding: 5px;
}
.comm
{
	width: 27px;
}