/* Accueil */
.accueil {
  background-color: #cde5ff;
  padding: 64px 40px;
  text-align: center;
  margin-bottom: 50px;
}

.accueil-surtitre {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: #1d4a7a;
  margin-bottom: 16px;
}

.accueil-titre {
  font-size: 80px;
  font-weight: 1000;
  line-height: 1.05;
  margin: 0 0 20px;
}

.accueil-texte {
  font-size: 20px;
  line-height: 1.6;
  margin: 0 auto; 
}


/* Infos */

.presentation {
  display: flex;
}

/* Gauche */
.infos {
  display: inline;
  padding: 64px 40px;
}

.infos-titre {
  font-size: 50px;
  font-weight: 1000;
  line-height: 1.05;
  margin: 0 0 20px;
}

.infos-texte {
  font-size: 20px;
  line-height: 1.6;
  margin: 0 auto;
  text-align: justify;
  margin-bottom: 20px;
}

.infos-texte2 {
  text-align: justify;
  font-size: 20px;
  line-height: 1.6;
  margin: 0 auto;
  margin-top: 80px;
}

.infos a {
  background: linear-gradient(145deg, #b3b3b3, #cde5ff);
  font-size: 20px;
  color: #333333;
  padding: 12px;
  box-shadow:  10px 5px 5px #b3b3b3;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.infos a:hover {
  transform: translateY(-8px);
  box-shadow:  15px 7px 7px #b3b3b3 ;
}

.infos a:active {
  background-color: #83bfff;
  transition: color 3s;
}

/* Droite */

figure {
  margin-left: 40px;
  width: 450px;
  height: auto;
  object-fit: cover;
}

img {
  width: 100%;
  margin: auto;
  display: block;
  opacity: 0.75;
  border-radius: 8px;
}