.space-grotesk {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.plus-jakarta-sans {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.noto-sans {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

body {
  font-family: sans-serif;
  font-size: clamp(16px, 1.333vw + 8px, 20px);
  line-height: 1.5;
  color: #878E94;
  margin: 0;
  background-color: #F8F9FA;
}

p {
  font-family: "Noto Sans", sans-serif;
  margin: 0;
}

h2 {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #202223;
  font-size: clamp(28px, 3.594vw + 15.062px, 51px);
  margin: clamp(30px, 0.781vw + 27.188px, 35px) 0 clamp(30px, 0.781vw + 27.188px, 35px) 0;
}

h3, .titre__style--trois {
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
  color: #202223;
  font-size: clamp(16px, 1.333vw + 8px, 20px);
  margin: 0;
}

.intro__conteneur, .article__conteneur, .flashCard__conteneur, .footer__conteneur, .altern__conteneur {
  padding-left: 19px;
  padding-right: 19px;
}
@media (min-width: 600px) {
  .intro__conteneur, .article__conteneur, .flashCard__conteneur, .footer__conteneur, .altern__conteneur {
    padding-left: 38px;
    padding-right: 38px;
  }
}
@media (min-width: 900px) {
  .intro__conteneur, .article__conteneur, .flashCard__conteneur, .footer__conteneur, .altern__conteneur {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.lien__texte {
  color: #6466ED;
  font-style: italic;
  cursor: pointer;
}

.footer {
  background-color: #202223;
  padding: 28px 19px;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #00096A;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 40;
}
.loader .loader__lettre {
  background: linear-gradient(#DE192A, #780E17);
  z-index: 3;
  padding: 19px 41px;
  -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
          clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
}
.loader::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../assets/images/chargement_tel.png");
  background-repeat: no-repeat;
  width: 100vw;
  height: 100vh;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
@media (min-width: 600px) {
  .loader::after {
    background-image: url("../assets/images/chargement_tab.png");
  }
}
@media (min-width: 950px) {
  .loader::after {
    background-image: url("../assets/images/chargement_pc.png");
  }
}

.lettre {
  color: #F8F9FA;
  font-size: clamp(16px, 5.303vw - 2.03px, 51px);
  font-weight: bold;
  letter-spacing: 9px;
  margin-bottom: 150px;
  -webkit-animation: flash 1.2s linear infinite;
          animation: flash 1.2s linear infinite;
  z-index: 2;
}

@-webkit-keyframes flash {
  0% {
    color: #6c77f0;
    text-shadow: 0 0 7px #196EDE;
  }
  90% {
    color: #F8F9FA;
  }
  100% {
    color: #6f7af5;
    text-shadow: 0 0 7px #196EDE;
  }
}

@keyframes flash {
  0% {
    color: #6c77f0;
    text-shadow: 0 0 7px #196EDE;
  }
  90% {
    color: #F8F9FA;
  }
  100% {
    color: #6f7af5;
    text-shadow: 0 0 7px #196EDE;
  }
}
.lettre:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.lettre:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.lettre:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.lettre:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.lettre:nth-child(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.lettre:nth-child(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.lettre:nth-child(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.lettre:nth-child(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.lettre:nth-child(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.lettre:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.fondu-out {
  opacity: 0;
  transition: opacity 0.4s ease-out;
  pointer-events: none;
}

.intro {
  position: relative;
  background-color: #878E94;
  overflow: hidden;
}
.intro__conteneur {
  position: relative;
  margin: clamp(132px, 2.879vw + 122.212px, 151px) 0px clamp(49px, 0.303vw + 47.97px, 51px) 0px;
  z-index: 2;
}

.intro::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../assets/images/image_neuron.gif");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  z-index: 1;
  opacity: 0.6;
}
.intro--degrader::before {
  background: linear-gradient(to bottom, transparent, rgb(255, 255, 255)), url("../assets/images/image_neuron.gif");
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro__titre {
  color: #F8F9FA;
  font-size: clamp(49px, 11.364vw - 4.636px, 109px);
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 1;
  margin-bottom: clamp(34px, 4.688vw + 15.125px, 62px);
  margin-top: clamp(34px, 1.25vw + 29.5px, 42px);
}
.intro__titre .intro__titreAccent {
  color: #6466ED;
}

.intro__titre--noir {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #202223;
  font-size: clamp(28px, 3.594vw + 15.062px, 51px);
  margin: clamp(30px, 0.781vw + 27.188px, 35px) 0 clamp(30px, 0.781vw + 27.188px, 35px) 0;
}

.intro__text {
  color: #F8F9FA;
}

.intro__surTitre {
  text-transform: uppercase;
  color: #F8F9FA;
  font-family: "Space Grotesk", sans-serif;
  margin-top: 60px;
}

.article__surTitre {
  text-transform: uppercase;
  color: #6466ED;
  font-family: "Space Grotesk", sans-serif;
  margin-top: 60px;
}

.article__texteIntro--hauteur {
  margin-bottom: clamp(23px, 0.938vw + 19.625px, 29px);
}

.btn__click--primary {
  display: inline-block;
  padding: clamp(19px, 0.781vw + 16.188px, 24px);
  font-size: clamp(16px, 1.333vw + 8px, 20px);
  font-family: "Space Grotesk", sans-serif;
  border-radius: 28px;
  border: none;
  margin: clamp(23px, 0.938vw + 19.625px, 29px) 0px;
  text-decoration: none;
  background-color: #6466ED;
  color: #F8F9FA;
}
.btn__click--primary:hover {
  transform: scale(1.04);
  cursor: pointer;
  filter: brightness(1.5);
}
.btn__click--primary:active {
  transform: scale(0.98);
  filter: brightness(50%);
}
@media (min-width: 600px) {
  .btn__click--primary {
    border-radius: 56px;
  }
}
@media (min-width: 900px) {
  .btn__click--primary {
    border-radius: 62px;
  }
}
.btn__click--dark {
  display: inline-block;
  padding: clamp(19px, 0.781vw + 16.188px, 24px);
  font-size: clamp(16px, 1.333vw + 8px, 20px);
  font-family: "Space Grotesk", sans-serif;
  border-radius: 28px;
  border: none;
  margin: clamp(23px, 0.938vw + 19.625px, 29px) 0px;
  text-decoration: none;
  background-color: #202223;
  color: #F8F9FA;
}
.btn__click--dark:hover {
  transform: scale(1.04);
  cursor: pointer;
  filter: brightness(1.5);
}
.btn__click--dark:active {
  transform: scale(0.98);
  filter: brightness(50%);
}
@media (min-width: 600px) {
  .btn__click--dark {
    border-radius: 56px;
  }
}
@media (min-width: 900px) {
  .btn__click--dark {
    border-radius: 62px;
  }
}
.btn__click--light {
  display: inline-block;
  padding: clamp(19px, 0.781vw + 16.188px, 24px);
  font-size: clamp(16px, 1.333vw + 8px, 20px);
  font-family: "Space Grotesk", sans-serif;
  border-radius: 28px;
  border: none;
  margin: clamp(23px, 0.938vw + 19.625px, 29px) 0px;
  text-decoration: none;
  background-color: rgba(135, 142, 148, 0.5647058824);
  color: #F8F9FA;
  border: 2px solid #F8F9FA;
}
.btn__click--light:hover {
  transform: scale(1.04);
  cursor: pointer;
  filter: brightness(1.5);
}
.btn__click--light:active {
  transform: scale(0.98);
  filter: brightness(50%);
}
@media (min-width: 600px) {
  .btn__click--light {
    border-radius: 56px;
  }
}
@media (min-width: 900px) {
  .btn__click--light {
    border-radius: 62px;
  }
}

.article__senat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: clamp(23px, 0.938vw + 19.625px, 29px);
}
.article__senat .btn__click {
  margin-top: 0px;
}
@media (min-width: 700px) {
  .article__senat {
    flex-direction: row;
    gap: clamp(15px, 0.5vw + 12px, 17px);
  }
}

.cadreInfo__contenu {
  border: 1px solid #878E94;
  border-radius: clamp(19px, 0.758vw + 16.424px, 24px);
  margin-top: clamp(41px, 3.182vw + 30.182px, 62px);
  padding: clamp(23px , 0.455vw + 21.455px, 29px);
}
@media (min-width: 950px) {
  .cadreInfo__contenu {
    margin-top: 0;
  }
}

.cadreInfo__img, .cadreInfo__video {
  width: 100%;
}
.cadreInfo__img img, .cadreInfo__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cadreInfo__img video, .cadreInfo__video video {
  display: block;
  width: 100%;
  height: auto;
}
.cadreInfo__img iframe, .cadreInfo__video iframe {
  display: block;
  width: 100%;
  height: 50%;
}

.cadreInfo__header {
  display: flex;
  align-items: center;
  gap: clamp(13px, 0.152vw + 12.485px, 14px);
  margin-bottom: clamp(19px, 0.758vw + 16.424px, 24px);
}
.cadreInfo__header i {
  color: #6466ED;
  font-size: clamp(19px, 0.758vw + 16.424px, 24px);
}

*, *::before, *::after {
  box-sizing: border-box;
}

.flashCard {
  width: 100%;
  padding-top: clamp(41px, 3.182vw + 30.182px, 62px);
  padding-bottom: clamp(41px, 3.182vw + 30.182px, 62px);
}

.flashCard__conteneur {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(23px, 3.462vw + 11.231px, 32px);
}
@media (min-width: 950px) {
  .flashCard__conteneur {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
  }
}

.flashCard__carte {
  width: 100%;
  height: 360px;
}
.flashCard__carte:hover {
  transform: scale(0.9);
}
@media (min-width: 600px) {
  .flashCard__carte {
    width: 80%;
    height: 300px;
  }
}
@media (min-width: 950px) {
  .flashCard__carte {
    width: 30%;
    height: 340px;
  }
}

.flashCard__inner {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}
.flashCard__inner.is-flipped {
  transform: rotateY(180deg);
}

.flashCard__face {
  position: absolute;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
  height: 100%;
  border-radius: clamp(16px, 1.333vw + 8px, 20px);
  box-shadow: 0 3px 18px 3px rgba(0, 0, 0, 0.2);
  background-color: #F4EBF4;
}
.flashCard__face .menu__ico {
  margin-top: clamp(28px, 0.152vw + 27.485px, 29px);
}
@media (min-width: 950px) {
  .flashCard__face {
    width: 100%;
    height: auto;
  }
}

.flashCard__face--front {
  background-color: #F4EBF4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(28px, 0.152vw + 27.485px, 29px);
}
@media (min-width: 950px) {
  .flashCard__face--front {
    width: 100%;
    height: 100%;
  }
}
.flashCard__face--front h3 {
  color: #202223;
  font-size: clamp(28px, 0.152vw + 27.485px, 29px);
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: none;
}
@media (min-width: 950px) {
  .flashCard__face--front h3 {
    font-size: 24px;
  }
}

.flashCard__face--back {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotateY(180deg);
  padding: clamp(16px, 0.667vw + 12px, 20px);
}

.flashCard__content {
  width: 100%;
}

.flashCard__header {
  position: relative;
}
.flashCard__header h3 {
  color: #202223;
  font-size: clamp(23px, 0.909vw + 19.909px, 29px);
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media (min-width: 950px) {
  .flashCard__header h3 {
    font-size: 24px;
  }
}

.flashCard__body p {
  margin: 0;
  line-height: 1.5;
}

.flashCard__carte--second .flashCard__face {
  background-color: #EBF4EF;
}

.flashCard__carte--terce .flashCard__face {
  background-color: #EBECF5;
}

.menu {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(227, 231, 239, 0.6);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  padding: clamp( 13px, 5.417vw - 6.5px,26px);
  border: 2px solid #F8F9FA;
}
.menu .menu__liste, .menu .footer__navList {
  position: fixed;
  top: 6em;
  left: 15%;
  width: 70%;
  box-sizing: border-box;
  border-radius: 13px;
  padding: clamp( 19px, 2.692vw - 9.846px ,26px);
  margin: 0;
  z-index: 30;
  display: none;
}
@media (min-width: 950px) {
  .menu .menu__liste, .menu .footer__navList {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 17px;
    padding: 0;
  }
  .menu .menu__liste .menu__el:first-child, .menu .footer__navList .menu__el:first-child {
    border-left: 2px solid #878E94;
  }
}
.menu .menu__liste::before {
  content: "";
  position: absolute;
  top: -1em;
  left: 50%;
  transform: translate(-80%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #EBECF5;
}
@media (min-width: 600px) {
  .menu .menu__liste::before {
    transform: translate(-40%);
  }
}
@media (min-width: 950px) {
  .menu .menu__liste::before {
    display: none;
  }
}

.menu__toggle {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  background-color: #EBECF5;
  border-radius: 34px;
  border: none;
}
@media (min-width: 600px) {
  .menu__toggle {
    width: 56px;
    height: 56px;
    border-radius: 38px;
  }
}
@media (min-width: 950px) {
  .menu__toggle {
    display: none;
  }
}

.menu--open .menu__toggle {
  box-shadow: 0px 0px 20px #6466ED;
}

.menu--open .menu__liste {
  display: block;
  background-color: #EBECF5;
  z-index: 30;
}
@media (min-width: 950px) {
  .menu--open .menu__liste {
    display: none;
  }
}

.menu__titreProtocol, .menu__titrindic {
  font-size: clamp(13px, 0.789vw + 10.316px, 19px);
}

.menu__titreProtocol--long {
  display: none;
}
@media (min-width: 600px) {
  .menu__titreProtocol--long {
    display: inline;
  }
}
.menu__titreProtocol--court {
  display: inline;
}
@media (min-width: 600px) {
  .menu__titreProtocol--court {
    display: none;
  }
}

.menu__el {
  list-style: none;
  margin: clamp(16px, 0.769vw + 13.385px,18px);
}
.menu__el:hover {
  transform: translate(6px, 0px);
}
@media (min-width: 950px) {
  .menu__el {
    margin: 0;
    padding: 0 clamp(5px, 7.5vw - 70px, 20px);
    border-right: 2px solid #878E94;
  }
  .menu__el:hover {
    transform: translate(0px, -6px);
  }
  .menu__el:active {
    transform: translate(0px, 0px);
  }
}

.menu__link {
  font-size: clamp(23px, 1.154vw + 19.077px,26px);
  text-decoration: none;
  color: #6466ED;
}
.menu__link:hover {
  filter: brightness(1.2);
}
.menu__link.active {
  color: #202223;
}
@media (min-width: 950px) {
  .menu__link {
    font-size: 20px;
  }
}

.menu__logo .menu__link {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(13px, 1.061vw + 9.394px,20px);
}

.menu__ico {
  width: clamp(19px, 2.879vw + 6.212px,35px);
  height: clamp(19px, 3.485vw + 7.152px, 42px);
}

.menu__indicateur {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(13px, 1.061vw + 9.394px,20px);
}
.menu__indicateur .menu__titrindic {
  width: 5em;
  margin: 0;
}
@media (min-width: 600px) {
  .menu__indicateur .menu__titrindic {
    width: 9em;
  }
}
.menu__indicateur .menu__valeur {
  display: flex;
  align-items: center;
  color: #6466ED;
  margin: 0;
}

.footer__navList .menu__link {
  font-size: clamp(23px, 1.154vw + 19.077px,26px);
  text-decoration: none;
  color: #6466ED;
}
.footer__navList .menu__link:hover {
  filter: brightness(1.2);
}
.footer__navList .menu__link.active {
  color: #F8F9FA;
}
@media (min-width: 950px) {
  .footer__navList .menu__link {
    font-size: 20px;
  }
}
.footer__navList .menu__el {
  list-style: none;
  margin: clamp(16px, 0.769vw + 13.385px,18px);
}
.footer__navList .menu__el:hover {
  transform: translateX(6px);
}
@media (min-width: 950px) {
  .footer__navList .menu__el {
    margin: 0;
    padding: 0 clamp(5px, 7.5vw - 70px, 20px);
    border-right: none;
  }
  .footer__navList .menu__el:hover {
    transform: translateX(-6px);
  }
  .footer__navList .menu__el:active {
    transform: translate(0px, 0px);
  }
}

.article__conteneur--intro {
  margin-top: 132px;
}

.categories {
  position: relative;
  padding-top: 41px;
}

.categories__conteneur {
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
  flex-direction: column;
  gap: 19px;
}
@media (min-width: 600px) {
  .categories__conteneur {
    padding-left: 38px;
    padding-right: 38px;
  }
}
@media (min-width: 900px) {
  .categories__conteneur {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.groupe {
  border: 2px solid #6466ED;
  border-radius: 23px;
  padding: 19px;
  background-color: #F8F9FA;
}

.groupe__header {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 19px;
}

.groupe__icone {
  font-size: 19px;
  border-radius: 9px;
}

.groupe__titre {
  margin: 0;
}

.groupe__texte {
  margin: 0 0 19px 0;
}

.groupe__btn {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.group__link {
  display: inline-block;
  padding: 13px 19px;
  border: 2px solid #E3E7EF;
  border-radius: 28px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
  background-color: #E3E7EF;
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
  color: #202223;
  transition: transform 0.1s ease;
}
.group__link:hover {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}
.group__link:active {
  box-shadow: none;
  transform: translateY(2px);
}

.group__link--rose {
  background-color: #F4EBF4;
}

.group__link--bleu {
  background-color: #E9F4FF;
}

.group__link--lila {
  background-color: #EBECF5;
}

.group__link--vert {
  background-color: #EBF4EF;
}

/*
@keyframes scrollOeuil {
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(calc(30vh - 100px));
    }
}
*/
.oeil {
  top: 50%;
  width: 100%;
  text-align: center;
}

.oeil__rond {
  width: 50vw;
  height: 50vw;
  background-color: #F8F9FA;
  border-radius: 50%;
  border: 2px solid #E3E7EF;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media (min-width: 600px) {
  .oeil__rond {
    width: 30vw;
    height: 30vw;
  }
}
@media (min-width: 950px) {
  .oeil__rond {
    width: 20vw;
    height: 20vw;
  }
}

.oeil__pupille {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 25%;
  border-radius: 50%;
  background-color: #202223;
  border: 15px solid #6466ED;
}
.oeil__pupille--zom {
  transform: scale(1.2);
}
@media (min-width: 600px) {
  .oeil__pupille {
    width: 150px;
    height: 150px;
    border: 30px solid #6466ED;
  }
}
@media (min-width: 950px) {
  .oeil__pupille {
    width: 100px;
    height: 100px;
    border: 20px solid #6466ED;
  }
}

.calculateur__surTitre {
  text-transform: uppercase;
  color: #6466ED;
  font-family: "Space Grotesk", sans-serif;
  margin-top: 60px;
}

.calculateur__conteneur {
  padding-left: 19px;
  padding-right: 19px;
}
@media (min-width: 600px) {
  .calculateur__conteneur {
    padding-left: 38px;
    padding-right: 38px;
  }
}
@media (min-width: 900px) {
  .calculateur__conteneur {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.calculateur__TitreDonner {
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
  color: #202223;
  font-size: clamp(16px, 1.333vw + 8px, 20px);
  margin: 0;
}

.calculateur__donner {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.calculateur__donner .calculateur__TitreDonner {
  margin-top: 20px;
}

.calculateur__imc {
  display: flex;
  flex-direction: row;
  gap: 23px;
}

.calculateur__uniter {
  display: flex;
  flex-direction: row;
  gap: 9px;
}

.calculateur__input {
  width: 100%;
  height: 49px;
  padding: 9px 16px;
  border: 2px solid #E3E7EF;
  border-radius: 9px;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
  margin-bottom: 23px;
}
.calculateur__input::-moz-placeholder {
  color: #878E94;
}
.calculateur__input:-ms-input-placeholder {
  color: #878E94;
}
.calculateur__input::placeholder {
  color: #878E94;
}

.calculateur__reponce {
  background-color: #EBECF5;
  border-radius: 16px;
  padding: 19px;
}

.altern__contenu {
  padding-left: 19px;
  padding-right: 19px;
}
@media (min-width: 600px) {
  .altern__contenu {
    padding-left: 38px;
    padding-right: 38px;
  }
}
@media (min-width: 900px) {
  .altern__contenu {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.altern__liste {
  list-style: none;
  margin: 0;
  padding: 0;
}

.altern__el {
  border-top: 2px solid #E3E7EF;
  border-radius: 13px;
  margin-top: 49px;
  padding-top: 23px;
}

.altern__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
}

.altern__img {
  width: clamp(41px, 3.182vw + 30.182px, 62px);
  height: clamp(41px, 3.182vw + 30.182px, 62px);
  border-radius: clamp(41px, 3.182vw + 30.182px, 62px);
}

@media (min-width: 1000px) {
  .altern__el {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
  .altern__el .btn__click {
    margin-left: auto;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .altern__page {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 970px) {
  .grille {
    display: grid;
    grid-template-columns: 408fr 196fr 176fr 117fr 246fr;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }

  .grille > * {
    grid-column: 1/-1;
  }

  .grille__1--3 {
    grid-column: 1/4;
  }

  .grille__1--2 {
    grid-column: 1/3;
  }

  .grille__3--5 {
    grid-column: 3/6;
  }
}

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