div #bandeau_top1{
	max-width: 100%;
	height: 15px;
	background-color: #060f6b;
}

footer{
	background-color: #060f6b;
}

div #bandeau_top2{
	max-width: 100%;
	height: 1px;
	background-color: #f1f1f1;
}

div #nav_top img{
	margin-top: 0.5%;
	margin-bottom: 0.5%;
	width: 25%;
	margin-left: 5%;
}

.logos {
  display: flex;
  justify-content: flex-end;
  align-items: center;
	margin-right: 10px;
}

.logos img {
  width: 120px; 
}

.logos img:first-child {
  margin-right: 20px; 
}


#copyright{
	text-align: left;
	position: relative;
	top: 5px;
	margin-left: 2%;
	color: white;
}

h1{
  color: #212f90;;
	font-size:2em;
  font-variant-caps: small-caps;
	text-align:center;
  margin-top: 2em;
}

/*Floating Back-To-Top Button*/
.button {
	text-decoration: none;
	color: grey;
	position: fixed;
	bottom: 10px;
	left: 96%;
	font-size: 300%;
	text-shadow: 1px 1px 2px grey;
}

#nav_top {
    display:flex;
}


#nav_top ul{
	width: 100%;
	margin-right: 2%;
  text-align: right;
	font-family: Garamond ;
}

#nav_top ul a{
	margin-right: 1em;
	font-size: 18px;
}

#nav_top ul li{
	display: inline;
	list-style-type: none;	
	width: 50%;
	margin:0;
  padding:0;
	 position: relative;
}

#nav_top a, .derouler{
	color: black;
	font-size:1em;
	text-decoration: none;
	text-align: center; 
}

.derouler li{
	font-size:1em;
	text-align: left;
}


#nav_top a:hover, .derouler:hover{
	color: #1d29a0;
}

#nav_top ul li ul{
  display:none;
	position: absolute; /* Ajout de cette propriété */
    top: 100%; /* Ajout de cette propriété */
    left: 0; /* Ajout de cette propriété */
}

#nav_top ul li:hover ul{
	padding: 5%;
	padding-left: 10%;
  background-color: white;
	display: grid;
	box-shadow: 1px 0.5px 10px 0.1px grey;
}

#nav_top ul li:hover ul li {
	padding: 3%;
}