/* @link https://utopia.fyi/type/calculator?c=360,16,1.414,1240,20,1.414,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(0.5002rem, 0.449rem + 0.2273vw, 0.6252rem);
  --step--1: clamp(0.7072rem, 0.6349rem + 0.3215vw, 0.884rem);
  --step-0: clamp(1rem, 0.8977rem + 0.4545vw, 1.25rem);
  --step-1: clamp(1.414rem, 1.2694rem + 0.6427vw, 1.7675rem);
  --step-2: clamp(1.9994rem, 1.7949rem + 0.9088vw, 2.4992rem);
  --step-3: clamp(2.8271rem, 2.538rem + 1.2851vw, 3.5339rem);
  --step-4: clamp(3.9976rem, 3.5887rem + 1.8171vw, 4.997rem);
  --step-5: clamp(5.6526rem, 5.0745rem + 2.5694vw, 7.0657rem);
}

@media (min-width: 1000px) {
  /* @link https://utopia.fyi/type/calculator?c=360,18,1.5,1240,24,1.5,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  :root {
    --step--2: clamp(0.5rem, 0.4318rem + 0.303vw, 0.6667rem);
    --step--1: clamp(0.75rem, 0.6477rem + 0.4545vw, 1rem);
    --step-0: clamp(1.125rem, 0.9716rem + 0.6818vw, 1.5rem);
    --step-1: clamp(1.6875rem, 1.4574rem + 1.0227vw, 2.25rem);
    --step-2: clamp(2.5313rem, 2.1861rem + 1.5341vw, 3.375rem);
    --step-3: clamp(3.7969rem, 3.2791rem + 2.3011vw, 5.0625rem);
    --step-4: clamp(5.6953rem, 4.9187rem + 3.4517vw, 7.5938rem);
    --step-5: clamp(8.543rem, 7.378rem + 5.1776vw, 11.3906rem);
  }
}
body {
  margin: 0;
  line-height: 140%;
  background-color: #F2EBE0;
  font-size: clamp(1rem, 0.8977rem + 0.4545vw, 1.25rem);
  font-family: "Inria Serif";
  line-height: 140%;
}
@media (min-width: 1000px) {
  body {
    font-size: clamp(1.125rem, 0.9716rem + 0.6818vw, 1.5rem);
  }
}

/*----------Titre---------*/
.titre {
  font-family: "Tangerine";
}

.titre__h1 {
  margin: 136px 0px 54px;
  font-size: clamp(3.9976rem, 3.5887rem + 1.8171vw, 4.997rem);
}
@media (min-width: 700px) {
  .titre__h1 {
    font-size: clamp(5.6953rem, 4.9187rem + 3.4517vw, 7.5938rem);
    margin: 244px 0px 89px;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .titre__h1 {
    font-size: clamp(5.6953rem, 4.9187rem + 3.4517vw, 7.5938rem);
  }
}

.titre__2 {
  font-size: clamp(2.8271rem, 2.538rem + 1.2851vw, 3.5339rem);
  line-height: 110%;
}
@media (min-width: 1000px) {
  .titre__2 {
    font-size: clamp(3.7969rem, 3.2791rem + 2.3011vw, 5.0625rem);
  }
}

/*----------grille--------*/
.body__grid {
  padding: 48px;
  display: block;
}
@media (min-width: 700px) {
  .body__grid {
    padding: 81px;
  }
}

/*----------Nav---------*/
nav {
  display: none;
}

@media (min-width: 1000px) {
  /*----------Nav---------*/
  .nav {
    position: -webkit-sticky;
    position: sticky;
    grid-column: 0/2;
    left: 10px;
    top: 10px;
    display: block;
  }

  .nav__el--active a {
    rotate: 9deg;
  }

  .nav__list {
    list-style: none;
  }

  .nav__a {
    text-decoration: none;
    color: black;
    background-image: url(../assets/images/panneau.png);
    background-position: 70% 50%;
    background-size: cover;
    padding: 16px 60px;
    display: block;
    margin-bottom: 32px;
    z-index: 100;
  }

  .nav__a--inverse {
    background-image: url(../assets/images/panneauinverse.png);
    background-position: center;
  }

  .nav__a:hover {
    rotate: -7deg;
  }

  /*----------grille--------*/
  .body__grid {
    padding: 99px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
    gap: 24px;
  }

  .intro {
    grid-column: 4/8;
    grid-row: 1;
  }

  .recherche {
    grid-column: 3/8;
    grid-row: 2;
  }

  .contraintes {
    grid-column: 3/7;
    grid-row: 3;
  }

  .solutions {
    grid-column: 4/8;
    grid-row: 4;
  }

  .conclusion {
    grid-column: 4/8;
    grid-row: 5;
  }

  .equipe {
    grid-column: 3/6;
    grid-row: 6;
  }

  .titre__2--equipe {
    display: flex;
    justify-content: center;
  }
}
/*----------background-img--------*/
.background__img {
  z-index: -100;
  position: absolute;
  opacity: 10%;
}

.background__img--1 {
  top: 90vh;
  right: 50px;
  width: 80%;
  height: auto;
}
@media (min-width: 700px) {
  .background__img--1 {
    top: 110vh;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .background__img--1 {
    top: 140vh;
  }
}

.background__img--2 {
  top: 200vh;
  right: 50px;
  width: 140%;
  height: auto;
}
@media (min-width: 700px) {
  .background__img--2 {
    top: 270vh;
    width: 100%;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .background__img--2 {
    top: 350vh;
  }
}

.background__img--3 {
  top: 350vh;
  width: 90%;
  height: auto;
  right: 90px;
}
@media (min-width: 700px) {
  .background__img--3 {
    top: 400vh;
    width: 70%;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .background__img--3 {
    top: 500vh;
  }
}

.background__img--4 {
  top: 450vh;
  right: 10px;
  width: 100%;
  height: auto;
}
@media (min-width: 700px) {
  .background__img--4 {
    top: 520vh;
    width: 80%;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .background__img--4 {
    top: 600vh;
  }
}

.background__img--5 {
  display: none;
}
@media (min-width: 700px) {
  .background__img--5 {
    top: 630vh;
    width: 70%;
    right: 60px;
    height: auto;
    display: block;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .background__img--5 {
    top: 820vh;
    width: 40%;
  }
}

/*---img-----*/
.equipe__img {
  width: 100%;
  height: auto;
}

.chemin {
  display: flex;
  flex-direction: column;
}

.img--chemin {
  width: 60%;
  height: auto;
  align-self: flex-start;
}

.img--chemin--1 {
  width: 80%;
  height: auto;
  align-self: center;
}

/*---------__Accueil----------*/
.accueil__container {
  display: flex;
  flex-direction: column;
  background-image: url(../assets/images/fondnoirblanc.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  align-items: center;
  height: 50svh;
}
@media (min-width: 700px) {
  .accueil__container {
    height: 100svh;
    background-position: 0% 90%;
    background-attachment: fixed;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .accueil__container {
    height: 110svh;
  }
}

.accueil__topbar {
  display: none;
}
@media (min-width: 700px) {
  .accueil__topbar {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .accueil__topbar a {
    text-decoration: none;
    color: black;
    margin: 24px 0px;
  }
  .accueil__topbar a:hover {
    color: rgb(48, 48, 48);
  }
  .accueil__topbar p {
    margin: 24px 0px;
  }
}

.accueil__boussole {
  width: 15%;
  height: auto;
}

/*----------Footer---------*/
footer {
  background-image: url(../assets/images/fondnoirblancinverse.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 99px;
}

.footer__a {
  color: black;
  text-decoration: none;
  font-family: "Inria Serif";
  font-size: clamp(1.414rem, 1.2694rem + 0.6427vw, 1.7675rem);
  margin: 30px 0;
}
@media (min-width: 1000px) {
  .footer__a {
    font-size: clamp(1.6875rem, 1.4574rem + 1.0227vw, 2.25rem);
    margin: 60px 0;
  }
}

.footer__a:hover {
  color: rgb(48, 48, 48);
}

.footer_span {
  font-size: clamp(0.75rem, 0.6477rem + 0.4545vw, 1rem);
}

.slider {
  display: flex;
}

.slider__el {
  display: none;
}

.slider__el--show {
  display: block;
}

.slider__img {
  width: 90%;
  height: auto;
}

.slider__btn {
  background-color: transparent;
  border: none;
}

/*# sourceMappingURL=app.css.map*/