body { /*Format principal*/
  width : 100% ;
  height: 1500px;
  font-family : sans-serif ; 
  margin : 0%;
  word-wrap : break-word;
}




nav{
  width:100%;
  margin: 0 auto;
  background-color: #1d334a;
  position: sticky;
  top:0px;
}
nav ul{
	list-style-type:none;
}

nav ul li{
  float: left;
  width:25%;
  text-align:center;
  position:relative;
}
nav ul::after{
	content:"";
	display:table;
	clear:both;
}
nav a{
	display:block;
	text-decor: none;
	color:white;
	border-bottom: 2px solid transparent;
	padding : 10px 0px;
}
nav a:hover{
	color:#1a1a1a;
	border-bottom: 2px solid black;
}
.sous{
	display:none;
	box-shadow: 0px 1px 2px #CCC;
	background-color:#0e1925;
}
nav >ul li:hover .sous{
	display:block;
}
.sous li{
	float: none;
	width: 100%;
	text-align: left;
	margin-left:35%;
}
.sous a{
	padding:10px;
	border-bottom:none;
	position:absolute;
	width:100%;
	z-index: 1000;
}

.sous a:hover{
	border-bottom: none;
	background-color: RGBa(200,200,200,0.1);
}
.deroulant > a::after{
	content:"▼";
	font-size:12px;
}


#img01{
	width:89%;
	margin-left:5%;
	margin-right:5%;
	border-style: solid;
	border-color: #1d334a;
	margin : center;
}
#img02{
	width:30%;
	margin-left:35%;
}
#video{
	margin:auto;
}
#img03{
	width:10%;
	margin-left:26.7%;
	margin-top:5%;
}


.texte {
	margin : 5%;
}
h2 {
	text-align:center;
}
h3 {
	margin-left:10%;
	margin-top : 2%;
	margin-bottom : 2%;
}
h1 {
	
	color : #808080;
	font-family : cursive ; 
	text-align: center;
}