body{
	margin: 0 auto;
	background-color: #f6f6f6;
	font-family: sans-serif;
	align-items: center;
}

header{
	height:auto;
	width:100%;
	
	
}
.navbar{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	background-color:rgba(220, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	padding:15px;
	font-family: "Calibri";
	font-weight:600;
	font-size:1.9em;
}
.navbar a{
	text-decoration:none;
	color:inherit;
}
.logo{
	margin-right:5px;
}
.list{
	list-style:none;
	display:flex;
	gap:25px;
}
#toggler,
.navbar label{
	display:none;
	border:5px solid #000000;
	border-radius: 15px;
	background-color:#f6f6f6;
	height:30px;
}
@media screen and (max-width: 1300px){
	.menu{
		width:100%;
		max-height:0;
		overflow:hidden;
	}
	.list{
		flex-direction:column;
		align-items:center;
		padding:20px;
	}
	.navbar label{
		display:inline-flex;
		align-items:center;
		cursor:pointer;
	}
	#toggler:checked ~ .menu{
		max-height:100%;
	}
}

section{
	font-family: "Times New Roman", Times, serif;
	margin-left:10%;
	height:auto;
	width:80%;
	background:transparent;
	backdrop-filter: blur(15px);
	
}

headersection{
	height:auto;
	width:100%;
}

#background-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}


#presentation{
	/*display:flex;*/
    width:100%;
	/*background-color:rgba(220,0,0);*/
	background-color:transparent;
	justify-content:center;
	/*.ombre {box-shadow: 25px -25px #023246;}*/
}
/*.ombre {
  box-shadow: 25px -25px rgba(150, 0, 0);
}*/
.waviy {
  position: relative;
  font-family: "Times New Roman", Times, serif;
}
.waviy span {
  position: relative;
  display: inline-block;
  font-size: 50px;
  color: white;
  text-transform: uppercase;
  animation: flip 2s infinite;
  animation-delay: calc(.2s * var(--i))
}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}

#moyens{
	display:flex;
    width:100%;
	justify-content:center;
	
}
#moyens #gauche {
	background-color:#287194;

}
#moyens #droite {
	background-color:f6f6f6;
}
#moyens #droite {
	background-color:f6f6f6;

}

.cards{
	width:80%;
	margin-left:10%;
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
	gap:20px;
}
.card{
	height:auto;
}

footer{
	margin-top:50px;
	height:auto;
	background-color: rgba(150,0,0,0.5);
}