/* Variables et Mixins */
/* Design System */
/* Colors */
/* Text configuration */
/* bouton avec gradient de couleur */
/* Modules */
.header {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
}
.header__logoContainer {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 63px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .header__logoContainer {
    box-shadow: none;
  }
}
.header .fa-arrow-left {
  position: absolute;
  top: 17px;
  left: 17px;
  display: none;
  font-size: 30px;
}
.header__logo {
  font-size: 2rem;
  font-family: Shrikhand;
  color: #000;
}
.header__localisation {
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  font-weight: 500;
  background-color: #eaeaea;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .header__localisation {
    box-shadow: none;
  }
}
.header__localisation > i {
  margin-right: 10px;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 22px 25px;
  color: #fff;
  background-color: #000;
  gap: 16px;
}
@media (min-width: 768px) {
  .footer {
    flex-direction: row-reverse;
    padding: 30px 25px;
    align-items: center;
    gap: 100px;
  }
}
.footer__logo {
  font-size: 1.125rem;
  font-family: Shrikhand;
  color: #fff;
}
.footer__nav {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (min-width: 768px) {
  .footer__nav {
    flex-direction: row;
    justify-content: flex-end;
    gap: 44px;
  }
}
.footer__nav-cta-links, .footer__nav-info-links {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (min-width: 768px) {
  .footer__nav-cta-links, .footer__nav-info-links {
    flex-direction: row;
    gap: 17px;
  }
}
.footer__nav a {
  display: flex;
  flex-direction: row;
  gap: 11px;
  color: white;
}
.footer__nav i {
  font-size: 13px;
}

/* Pages */
/* Hero section */
.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 32px 57px;
  text-align: center;
  background-color: #f6f6f6;
  gap: 15px;
}
.hero h1 {
  padding: 0 10px;
}
@media (min-width: 1440px) {
  .hero h1 {
    font-size: 40px;
  }
}
.hero p {
  font-size: 18px;
  font-weight: 300;
}
.hero__btn {
  margin-top: 15px;
  font-size: 16px;
  width: 218px;
  display: inline-block;
  padding: 13px 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: linear-gradient(to bottom, #ff79da, #9356dc);
  border-radius: 50px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: opacity 300ms;
}
.hero__btn:hover {
  opacity: 70%;
}

/* Fonctioning section */
.functioning {
  display: flex;
  flex-direction: column;
  max-width: 1040px;
  margin: auto;
  padding: 50px 20px 68px;
  background-color: #fff;
}
.functioning__title {
  margin-bottom: 32px;
}
.functioning__btnsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}
@media (min-width: 1024px) {
  .functioning__btnsContainer {
    flex-direction: row;
  }
}
.functioning__btn {
  position: relative;
  font-size: 16px;
  margin-left: 12px;
  padding: 28px 35px;
  background-color: #f6f6f6;
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
@media (max-width: 350px) {
  .functioning__btn {
    font-size: 0.8rem;
  }
}
.functioning__btn-number {
  position: absolute;
  font-size: 14px;
  left: -12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  color: #fff;
  background-color: #9356dc;
  border-radius: 50px;
}
.functioning__btn-icon {
  color: #7e7e7e;
}
.functioning__btn-icon--colored {
  color: #9356dc;
}
.functioning__btn-text {
  padding-left: 28px;
  font-weight: bold;
}

/* Restaurants section */
.restaurants {
  display: flex;
  flex-direction: column;
  padding: 0 20px 66px;
  background-color: #f6f6f6;
}
.restaurants__title {
  width: 100%;
  max-width: 1040px;
  padding-top: 54px;
  padding-bottom: 28px;
  text-align: left;
}
@media (min-width: 768px) {
  .restaurants__title {
    margin: auto;
    padding-top: 30px;
  }
}
.restaurants__cardsContainer {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  max-width: 1040px;
  margin: auto;
}
@media (min-width: 768px) {
  .restaurants__cardsContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 50px 100px;
  }
}
.restaurants__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 250px;
  border-radius: 15px;
}
.restaurants__card-imgContainer {
  position: relative;
  height: 67%;
}
.restaurants__card-imgContainer > img {
  object-fit: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: 100%;
  height: 100%;
}
.restaurants__card-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #008766;
  text-align: right;
  background-color: #99e2d0;
}
.restaurants__card-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 33%;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.restaurants__card-text {
  padding: 16px;
}
.restaurants__card-name {
  font-size: 18px;
}
.restaurants__card-localisation {
  padding-top: 8px;
  font-size: 1.06rem;
  font-weight: lighter;
}
.restaurants__card-like {
  padding-right: 46px;
  font-size: 1.35rem;
}
.restaurants__card-like:hover .coeur-vide {
  opacity: 0%;
}
.restaurants__card-like:hover .coeur-plein {
  opacity: 100%;
  transform: scale(1);
}

.header-menu .fa-arrow-left {
  display: block;
}
.header-menu a {
  color: inherit;
  text-decoration: none;
}

.menu-cover {
  position: relative;
  z-index: -1;
  width: 100%;
  height: 275px;
  object-fit: cover;
}

.menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  margin-top: -55px;
  padding: 28px 13px 40px;
  background-color: #f6f6f6;
  gap: 40px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  max-width: 1055px;
}
.menu__nameContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.menu__nameContainer h2 {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: Shrikhand;
  color: #000;
}
@media (max-width: 360px) {
  .menu__nameContainer h2 {
    font-size: 1.4rem;
  }
}
.menu__like {
  margin-top: 10px;
  margin-left: 20px;
  font-size: 1.35rem;
}
.menu__like:hover .coeur-vide {
  opacity: 0%;
}
.menu__like:hover .coeur-plein {
  opacity: 100%;
  transform: scale(1);
}
.menu__part {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  font-family: Roboto;
  max-width: 634px;
  margin: 0 auto;
  width: 100%;
}
.menu__part h3 {
  font-size: 1rem;
  font-weight: 300;
}
.menu__part h3::after {
  display: block;
  width: 40px;
  height: 3px;
  margin-top: 5px;
  background-color: #99e2d0;
  content: "";
}
.menu__elementContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.menu__element {
  width: 100%;
  padding: 15px;
  background-color: #fff;
  gap: 10px;
}
.menu__element-name {
  font-size: 1.125rem;
  font-weight: 600;
}
.menu__element-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.menu__element-details-subtitle {
  font-size: 0.9rem;
  font-weight: 300;
}
.menu__element-details-price {
  font-weight: 600;
}
.menu__element-coche {
  position: absolute;
  top: 0;
  right: -60px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 100%;
  font-size: 20px;
  color: #fff;
  background-color: #99e2d0;
  border-radius: 0 20px 20px 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  opacity: 0%;
}
.menu__commandeBtn {
  margin: auto;
}
.menu__commandeBtn-cta {
  width: 186px;
  display: inline-block;
  padding: 13px 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: linear-gradient(to bottom, #ff79da, #9356dc);
  border-radius: 50px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: opacity 300ms;
}
.menu__commandeBtn-cta:hover {
  opacity: 70%;
}

/* Animations */
.loader {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1395px;
  font-size: 2rem;
  font-weight: 500;
  color: black;
  background-color: #fff;
  animation: loader 150ms 1500ms ease-in-out forwards;
}
.loader__logo {
  z-index: 8;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 63px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.loader__logo .ball--1 {
  animation: ball 1500ms 0ms cubic-bezier(0.9, 0, 0.1, 1);
}
.loader__logo .ball--2 {
  animation: ball 750ms 375ms cubic-bezier(0.55, 0.08, 0.68, 0.53);
}
.loader__logo .ball--3 {
  animation: ball 750ms 500ms cubic-bezier(0.42, 0, 0.58, 1);
}
.loader__progress {
  z-index: 9;
  width: 100%;
  height: 50px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.loader__progress-bar {
  width: 100%;
  height: 100%;
  background: #eaeaea;
  opacity: 80%;
  animation: progress-bar 1500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  transform-origin: left;
}
@keyframes loader {
  0% {
    opacity: 100%;
  }
  100% {
    z-index: -1;
    opacity: 0%;
  }
}
@keyframes ball {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(2turn);
  }
}
@keyframes progress-bar {
  0% {
    transform: scaleX(0);
  }
  17% {
    transform: scaleX(0.18);
  }
  24% {
    transform: scaleX(0.4);
  }
  46% {
    transform: scaleX(0.81);
  }
  85%, 100% {
    opacity: 100%;
  }
  100% {
    transform: scaleX(1);
  }
}

.coeur-vide {
  position: absolute;
  opacity: 100%;
}

.coeur-plein {
  position: absolute;
  color: transparent;
  background: linear-gradient(to bottom, #ff79da, #9356dc);
  background-clip: text;
  opacity: 0%;
  transform: scale(0);
  transition: transform 300ms ease-in-out;
}

.apparition {
  animation: apparition 500ms ease-in-out both;
}
.apparition--1 {
  animation-delay: 150ms;
}
.apparition--2 {
  animation-delay: 300ms;
}
.apparition--3 {
  animation-delay: 450ms;
}
.apparition--4 {
  animation-delay: 600ms;
}
.apparition--5 {
  animation-delay: 750ms;
}
.apparition--6 {
  animation-delay: 900ms;
}
.apparition--7 {
  animation-delay: 1050ms;
}
.apparition--8 {
  animation-delay: 1200ms;
}
.apparition--9 {
  animation-delay: 1350ms;
}
.apparition--10 {
  animation-delay: 1500ms;
}
.apparition--11 {
  animation-delay: 1650ms;
}
.apparition--12 {
  animation-delay: 1800ms;
}
.apparition--100 {
  animation-delay: 1650ms;
}
.apparition--101 {
  animation-delay: 1651.5ms;
}
.apparition--102 {
  animation-delay: 1653ms;
}
.apparition--103 {
  animation-delay: 1654.5ms;
}
.apparition--104 {
  animation-delay: 1656ms;
}
.apparition--105 {
  animation-delay: 1657.5ms;
}
.apparition--106 {
  animation-delay: 1659ms;
}
.apparition--107 {
  animation-delay: 1660.5ms;
}
.apparition--108 {
  animation-delay: 1662ms;
}
.apparition--109 {
  animation-delay: 1663.5ms;
}
.apparition--110 {
  animation-delay: 1665ms;
}
.apparition--111 {
  animation-delay: 1666.5ms;
}
.apparition--112 {
  animation-delay: 1668ms;
}
.apparition--113 {
  animation-delay: 1669.5ms;
}
.apparition--114 {
  animation-delay: 1671ms;
}
.apparition--115 {
  animation-delay: 1672.5ms;
}
.apparition--116 {
  animation-delay: 1674ms;
}
.apparition--117 {
  animation-delay: 1675.5ms;
}
.apparition--118 {
  animation-delay: 1677ms;
}
.apparition--119 {
  animation-delay: 1678.5ms;
}
.apparition--120 {
  animation-delay: 1680ms;
}
.apparition--121 {
  animation-delay: 1681.5ms;
}
.apparition--122 {
  animation-delay: 1683ms;
}
.apparition--123 {
  animation-delay: 1684.5ms;
}
.apparition--124 {
  animation-delay: 1686ms;
}
.apparition--125 {
  animation-delay: 1687.5ms;
}
.apparition--126 {
  animation-delay: 1689ms;
}
.apparition--127 {
  animation-delay: 1690.5ms;
}
.apparition--128 {
  animation-delay: 1692ms;
}
.apparition--129 {
  animation-delay: 1693.5ms;
}
.apparition--130 {
  animation-delay: 1695ms;
}
.apparition--131 {
  animation-delay: 1696.5ms;
}
.apparition--132 {
  animation-delay: 1698ms;
}
.apparition--133 {
  animation-delay: 1699.5ms;
}
.apparition--134 {
  animation-delay: 1701ms;
}
.apparition--135 {
  animation-delay: 1702.5ms;
}
.apparition--136 {
  animation-delay: 1704ms;
}
.apparition--137 {
  animation-delay: 1705.5ms;
}
.apparition--138 {
  animation-delay: 1707ms;
}
.apparition--139 {
  animation-delay: 1708.5ms;
}
.apparition--140 {
  animation-delay: 1710ms;
}
.apparition--141 {
  animation-delay: 1711.5ms;
}
.apparition--142 {
  animation-delay: 1713ms;
}
.apparition--143 {
  animation-delay: 1714.5ms;
}
.apparition--144 {
  animation-delay: 1716ms;
}
.apparition--145 {
  animation-delay: 1717.5ms;
}
.apparition--146 {
  animation-delay: 1719ms;
}
.apparition--147 {
  animation-delay: 1720.5ms;
}
.apparition--148 {
  animation-delay: 1722ms;
}
.apparition--149 {
  animation-delay: 1723.5ms;
}
.apparition--150 {
  animation-delay: 1725ms;
}
.apparition--151 {
  animation-delay: 1726.5ms;
}
.apparition--152 {
  animation-delay: 1728ms;
}
.apparition--153 {
  animation-delay: 1729.5ms;
}
.apparition--154 {
  animation-delay: 1731ms;
}
.apparition--155 {
  animation-delay: 1732.5ms;
}
.apparition--156 {
  animation-delay: 1734ms;
}
.apparition--157 {
  animation-delay: 1735.5ms;
}
.apparition--158 {
  animation-delay: 1737ms;
}
.apparition--159 {
  animation-delay: 1738.5ms;
}
.apparition--160 {
  animation-delay: 1740ms;
}
.apparition--161 {
  animation-delay: 1741.5ms;
}
.apparition--162 {
  animation-delay: 1743ms;
}
.apparition--163 {
  animation-delay: 1744.5ms;
}
.apparition--164 {
  animation-delay: 1746ms;
}
.apparition--165 {
  animation-delay: 1747.5ms;
}
.apparition--166 {
  animation-delay: 1749ms;
}
.apparition--167 {
  animation-delay: 1750.5ms;
}
.apparition--168 {
  animation-delay: 1752ms;
}
.apparition--169 {
  animation-delay: 1753.5ms;
}
.apparition--170 {
  animation-delay: 1755ms;
}
.apparition--171 {
  animation-delay: 1756.5ms;
}
.apparition--172 {
  animation-delay: 1758ms;
}
.apparition--173 {
  animation-delay: 1759.5ms;
}
.apparition--174 {
  animation-delay: 1761ms;
}
.apparition--175 {
  animation-delay: 1762.5ms;
}
.apparition--176 {
  animation-delay: 1764ms;
}
.apparition--177 {
  animation-delay: 1765.5ms;
}
.apparition--178 {
  animation-delay: 1767ms;
}
.apparition--179 {
  animation-delay: 1768.5ms;
}
.apparition--180 {
  animation-delay: 1770ms;
}
.apparition--181 {
  animation-delay: 1771.5ms;
}
.apparition--182 {
  animation-delay: 1773ms;
}
.apparition--183 {
  animation-delay: 1774.5ms;
}
.apparition--184 {
  animation-delay: 1776ms;
}
.apparition--185 {
  animation-delay: 1777.5ms;
}
.apparition--186 {
  animation-delay: 1779ms;
}
.apparition--187 {
  animation-delay: 1780.5ms;
}
.apparition--188 {
  animation-delay: 1782ms;
}
.apparition--189 {
  animation-delay: 1783.5ms;
}
.apparition--190 {
  animation-delay: 1785ms;
}
.apparition--191 {
  animation-delay: 1786.5ms;
}
.apparition--192 {
  animation-delay: 1788ms;
}
.apparition--193 {
  animation-delay: 1789.5ms;
}
.apparition--194 {
  animation-delay: 1791ms;
}
.apparition--195 {
  animation-delay: 1792.5ms;
}
.apparition--196 {
  animation-delay: 1794ms;
}
.apparition--197 {
  animation-delay: 1795.5ms;
}
.apparition--198 {
  animation-delay: 1797ms;
}
.apparition--199 {
  animation-delay: 1798.5ms;
}
.apparition--200 {
  animation-delay: 1800ms;
}
.apparition--201 {
  animation-delay: 1801.5ms;
}
.apparition--202 {
  animation-delay: 1803ms;
}
.apparition--203 {
  animation-delay: 1804.5ms;
}
.apparition--204 {
  animation-delay: 1806ms;
}
.apparition--205 {
  animation-delay: 1807.5ms;
}
.apparition--206 {
  animation-delay: 1809ms;
}
.apparition--207 {
  animation-delay: 1810.5ms;
}
.apparition--208 {
  animation-delay: 1812ms;
}
.apparition--209 {
  animation-delay: 1813.5ms;
}
.apparition--210 {
  animation-delay: 1815ms;
}
.apparition--211 {
  animation-delay: 1816.5ms;
}
.apparition--212 {
  animation-delay: 1818ms;
}
.apparition--213 {
  animation-delay: 1819.5ms;
}
.apparition--214 {
  animation-delay: 1821ms;
}
.apparition--215 {
  animation-delay: 1822.5ms;
}
.apparition--216 {
  animation-delay: 1824ms;
}
.apparition--217 {
  animation-delay: 1825.5ms;
}
.apparition--218 {
  animation-delay: 1827ms;
}
.apparition--219 {
  animation-delay: 1828.5ms;
}
.apparition--220 {
  animation-delay: 1830ms;
}
.apparition--221 {
  animation-delay: 1831.5ms;
}
.apparition--222 {
  animation-delay: 1833ms;
}
.apparition--223 {
  animation-delay: 1834.5ms;
}
.apparition--224 {
  animation-delay: 1836ms;
}
.apparition--225 {
  animation-delay: 1837.5ms;
}
.apparition--226 {
  animation-delay: 1839ms;
}
.apparition--227 {
  animation-delay: 1840.5ms;
}
.apparition--228 {
  animation-delay: 1842ms;
}
.apparition--229 {
  animation-delay: 1843.5ms;
}
.apparition--230 {
  animation-delay: 1845ms;
}
.apparition--231 {
  animation-delay: 1846.5ms;
}
.apparition--232 {
  animation-delay: 1848ms;
}
.apparition--233 {
  animation-delay: 1849.5ms;
}
.apparition--234 {
  animation-delay: 1851ms;
}
.apparition--235 {
  animation-delay: 1852.5ms;
}
.apparition--236 {
  animation-delay: 1854ms;
}
.apparition--237 {
  animation-delay: 1855.5ms;
}
.apparition--238 {
  animation-delay: 1857ms;
}
.apparition--239 {
  animation-delay: 1858.5ms;
}
.apparition--240 {
  animation-delay: 1860ms;
}
.apparition--241 {
  animation-delay: 1861.5ms;
}
.apparition--242 {
  animation-delay: 1863ms;
}
.apparition--243 {
  animation-delay: 1864.5ms;
}
.apparition--244 {
  animation-delay: 1866ms;
}
.apparition--245 {
  animation-delay: 1867.5ms;
}
.apparition--246 {
  animation-delay: 1869ms;
}
.apparition--247 {
  animation-delay: 1870.5ms;
}
.apparition--248 {
  animation-delay: 1872ms;
}
.apparition--249 {
  animation-delay: 1873.5ms;
}
.apparition--250 {
  animation-delay: 1875ms;
}
.apparition--251 {
  animation-delay: 1876.5ms;
}
.apparition--252 {
  animation-delay: 1878ms;
}
.apparition--253 {
  animation-delay: 1879.5ms;
}
.apparition--254 {
  animation-delay: 1881ms;
}
.apparition--255 {
  animation-delay: 1882.5ms;
}
.apparition--256 {
  animation-delay: 1884ms;
}
.apparition--257 {
  animation-delay: 1885.5ms;
}
.apparition--258 {
  animation-delay: 1887ms;
}
.apparition--259 {
  animation-delay: 1888.5ms;
}
.apparition--260 {
  animation-delay: 1890ms;
}
.apparition--261 {
  animation-delay: 1891.5ms;
}
.apparition--262 {
  animation-delay: 1893ms;
}
.apparition--263 {
  animation-delay: 1894.5ms;
}
.apparition--264 {
  animation-delay: 1896ms;
}
.apparition--265 {
  animation-delay: 1897.5ms;
}
.apparition--266 {
  animation-delay: 1899ms;
}
.apparition--267 {
  animation-delay: 1900.5ms;
}
.apparition--268 {
  animation-delay: 1902ms;
}
.apparition--269 {
  animation-delay: 1903.5ms;
}
.apparition--270 {
  animation-delay: 1905ms;
}
.apparition--271 {
  animation-delay: 1906.5ms;
}
.apparition--272 {
  animation-delay: 1908ms;
}
.apparition--273 {
  animation-delay: 1909.5ms;
}
.apparition--274 {
  animation-delay: 1911ms;
}
.apparition--275 {
  animation-delay: 1912.5ms;
}
.apparition--276 {
  animation-delay: 1914ms;
}
.apparition--277 {
  animation-delay: 1915.5ms;
}
.apparition--278 {
  animation-delay: 1917ms;
}
.apparition--279 {
  animation-delay: 1918.5ms;
}
.apparition--280 {
  animation-delay: 1920ms;
}
.apparition--281 {
  animation-delay: 1921.5ms;
}
.apparition--282 {
  animation-delay: 1923ms;
}
.apparition--283 {
  animation-delay: 1924.5ms;
}
.apparition--284 {
  animation-delay: 1926ms;
}
.apparition--285 {
  animation-delay: 1927.5ms;
}
.apparition--286 {
  animation-delay: 1929ms;
}
.apparition--287 {
  animation-delay: 1930.5ms;
}
.apparition--288 {
  animation-delay: 1932ms;
}
.apparition--289 {
  animation-delay: 1933.5ms;
}
.apparition--290 {
  animation-delay: 1935ms;
}
.apparition--291 {
  animation-delay: 1936.5ms;
}
.apparition--292 {
  animation-delay: 1938ms;
}
.apparition--293 {
  animation-delay: 1939.5ms;
}
.apparition--294 {
  animation-delay: 1941ms;
}
.apparition--295 {
  animation-delay: 1942.5ms;
}
.apparition--296 {
  animation-delay: 1944ms;
}
.apparition--297 {
  animation-delay: 1945.5ms;
}
.apparition--298 {
  animation-delay: 1947ms;
}
.apparition--299 {
  animation-delay: 1948.5ms;
}
.apparition--300 {
  animation-delay: 1950ms;
}
.apparition--301 {
  animation-delay: 1951.5ms;
}
.apparition--302 {
  animation-delay: 1953ms;
}
.apparition--303 {
  animation-delay: 1954.5ms;
}
.apparition--304 {
  animation-delay: 1956ms;
}
.apparition--305 {
  animation-delay: 1957.5ms;
}
.apparition--306 {
  animation-delay: 1959ms;
}
.apparition--307 {
  animation-delay: 1960.5ms;
}
.apparition--308 {
  animation-delay: 1962ms;
}
.apparition--309 {
  animation-delay: 1963.5ms;
}
.apparition--310 {
  animation-delay: 1965ms;
}
.apparition--311 {
  animation-delay: 1966.5ms;
}
.apparition--312 {
  animation-delay: 1968ms;
}
.apparition--313 {
  animation-delay: 1969.5ms;
}
.apparition--314 {
  animation-delay: 1971ms;
}
.apparition--315 {
  animation-delay: 1972.5ms;
}
.apparition--316 {
  animation-delay: 1974ms;
}
.apparition--317 {
  animation-delay: 1975.5ms;
}
.apparition--318 {
  animation-delay: 1977ms;
}
.apparition--319 {
  animation-delay: 1978.5ms;
}
.apparition--320 {
  animation-delay: 1980ms;
}
.apparition--321 {
  animation-delay: 1981.5ms;
}
.apparition--322 {
  animation-delay: 1983ms;
}
.apparition--323 {
  animation-delay: 1984.5ms;
}
.apparition--324 {
  animation-delay: 1986ms;
}
.apparition--325 {
  animation-delay: 1987.5ms;
}
.apparition--326 {
  animation-delay: 1989ms;
}
.apparition--327 {
  animation-delay: 1990.5ms;
}
.apparition--328 {
  animation-delay: 1992ms;
}
.apparition--329 {
  animation-delay: 1993.5ms;
}
.apparition--330 {
  animation-delay: 1995ms;
}
.apparition--331 {
  animation-delay: 1996.5ms;
}
.apparition--332 {
  animation-delay: 1998ms;
}
.apparition--333 {
  animation-delay: 1999.5ms;
}
.apparition--334 {
  animation-delay: 2001ms;
}
.apparition--335 {
  animation-delay: 2002.5ms;
}
.apparition--336 {
  animation-delay: 2004ms;
}
.apparition--337 {
  animation-delay: 2005.5ms;
}
.apparition--338 {
  animation-delay: 2007ms;
}
.apparition--339 {
  animation-delay: 2008.5ms;
}
.apparition--340 {
  animation-delay: 2010ms;
}
.apparition--341 {
  animation-delay: 2011.5ms;
}
.apparition--342 {
  animation-delay: 2013ms;
}
.apparition--343 {
  animation-delay: 2014.5ms;
}
.apparition--344 {
  animation-delay: 2016ms;
}
.apparition--345 {
  animation-delay: 2017.5ms;
}
.apparition--346 {
  animation-delay: 2019ms;
}
.apparition--347 {
  animation-delay: 2020.5ms;
}
.apparition--348 {
  animation-delay: 2022ms;
}
.apparition--349 {
  animation-delay: 2023.5ms;
}
.apparition--350 {
  animation-delay: 2025ms;
}
.apparition--351 {
  animation-delay: 2026.5ms;
}
.apparition--352 {
  animation-delay: 2028ms;
}
.apparition--353 {
  animation-delay: 2029.5ms;
}
.apparition--354 {
  animation-delay: 2031ms;
}
.apparition--355 {
  animation-delay: 2032.5ms;
}
.apparition--356 {
  animation-delay: 2034ms;
}
.apparition--357 {
  animation-delay: 2035.5ms;
}
.apparition--358 {
  animation-delay: 2037ms;
}
.apparition--359 {
  animation-delay: 2038.5ms;
}
.apparition--360 {
  animation-delay: 2040ms;
}
.apparition--361 {
  animation-delay: 2041.5ms;
}
.apparition--362 {
  animation-delay: 2043ms;
}
.apparition--363 {
  animation-delay: 2044.5ms;
}
.apparition--364 {
  animation-delay: 2046ms;
}
.apparition--365 {
  animation-delay: 2047.5ms;
}
.apparition--366 {
  animation-delay: 2049ms;
}
.apparition--367 {
  animation-delay: 2050.5ms;
}
.apparition--368 {
  animation-delay: 2052ms;
}
.apparition--369 {
  animation-delay: 2053.5ms;
}
.apparition--370 {
  animation-delay: 2055ms;
}
.apparition--371 {
  animation-delay: 2056.5ms;
}
.apparition--372 {
  animation-delay: 2058ms;
}
.apparition--373 {
  animation-delay: 2059.5ms;
}
.apparition--374 {
  animation-delay: 2061ms;
}
.apparition--375 {
  animation-delay: 2062.5ms;
}
.apparition--376 {
  animation-delay: 2064ms;
}
.apparition--377 {
  animation-delay: 2065.5ms;
}
.apparition--378 {
  animation-delay: 2067ms;
}
.apparition--379 {
  animation-delay: 2068.5ms;
}
.apparition--380 {
  animation-delay: 2070ms;
}
.apparition--381 {
  animation-delay: 2071.5ms;
}
.apparition--382 {
  animation-delay: 2073ms;
}
.apparition--383 {
  animation-delay: 2074.5ms;
}
.apparition--384 {
  animation-delay: 2076ms;
}
.apparition--385 {
  animation-delay: 2077.5ms;
}
.apparition--386 {
  animation-delay: 2079ms;
}
.apparition--387 {
  animation-delay: 2080.5ms;
}
.apparition--388 {
  animation-delay: 2082ms;
}
.apparition--389 {
  animation-delay: 2083.5ms;
}
.apparition--390 {
  animation-delay: 2085ms;
}
.apparition--391 {
  animation-delay: 2086.5ms;
}
.apparition--392 {
  animation-delay: 2088ms;
}
.apparition--393 {
  animation-delay: 2089.5ms;
}
.apparition--394 {
  animation-delay: 2091ms;
}
.apparition--395 {
  animation-delay: 2092.5ms;
}
.apparition--396 {
  animation-delay: 2094ms;
}
.apparition--397 {
  animation-delay: 2095.5ms;
}
.apparition--398 {
  animation-delay: 2097ms;
}
.apparition--399 {
  animation-delay: 2098.5ms;
}
.apparition--400 {
  animation-delay: 2100ms;
}
.apparition--401 {
  animation-delay: 2101.5ms;
}
.apparition--402 {
  animation-delay: 2103ms;
}
.apparition--403 {
  animation-delay: 2104.5ms;
}
.apparition--404 {
  animation-delay: 2106ms;
}
.apparition--405 {
  animation-delay: 2107.5ms;
}
.apparition--406 {
  animation-delay: 2109ms;
}
.apparition--407 {
  animation-delay: 2110.5ms;
}
.apparition--408 {
  animation-delay: 2112ms;
}
.apparition--409 {
  animation-delay: 2113.5ms;
}
.apparition--410 {
  animation-delay: 2115ms;
}
.apparition--411 {
  animation-delay: 2116.5ms;
}
.apparition--412 {
  animation-delay: 2118ms;
}
.apparition--413 {
  animation-delay: 2119.5ms;
}
.apparition--414 {
  animation-delay: 2121ms;
}
.apparition--415 {
  animation-delay: 2122.5ms;
}
.apparition--416 {
  animation-delay: 2124ms;
}
.apparition--417 {
  animation-delay: 2125.5ms;
}
.apparition--418 {
  animation-delay: 2127ms;
}
.apparition--419 {
  animation-delay: 2128.5ms;
}
.apparition--420 {
  animation-delay: 2130ms;
}
.apparition--421 {
  animation-delay: 2131.5ms;
}
.apparition--422 {
  animation-delay: 2133ms;
}
.apparition--423 {
  animation-delay: 2134.5ms;
}
.apparition--424 {
  animation-delay: 2136ms;
}
.apparition--425 {
  animation-delay: 2137.5ms;
}
.apparition--426 {
  animation-delay: 2139ms;
}
.apparition--427 {
  animation-delay: 2140.5ms;
}
.apparition--428 {
  animation-delay: 2142ms;
}
.apparition--429 {
  animation-delay: 2143.5ms;
}
.apparition--430 {
  animation-delay: 2145ms;
}
.apparition--431 {
  animation-delay: 2146.5ms;
}
.apparition--432 {
  animation-delay: 2148ms;
}
.apparition--433 {
  animation-delay: 2149.5ms;
}
.apparition--434 {
  animation-delay: 2151ms;
}
.apparition--435 {
  animation-delay: 2152.5ms;
}
.apparition--436 {
  animation-delay: 2154ms;
}
.apparition--437 {
  animation-delay: 2155.5ms;
}
.apparition--438 {
  animation-delay: 2157ms;
}
.apparition--439 {
  animation-delay: 2158.5ms;
}
.apparition--440 {
  animation-delay: 2160ms;
}
.apparition--441 {
  animation-delay: 2161.5ms;
}
.apparition--442 {
  animation-delay: 2163ms;
}
.apparition--443 {
  animation-delay: 2164.5ms;
}
.apparition--444 {
  animation-delay: 2166ms;
}
.apparition--445 {
  animation-delay: 2167.5ms;
}
.apparition--446 {
  animation-delay: 2169ms;
}
.apparition--447 {
  animation-delay: 2170.5ms;
}
.apparition--448 {
  animation-delay: 2172ms;
}
.apparition--449 {
  animation-delay: 2173.5ms;
}
.apparition--450 {
  animation-delay: 2175ms;
}
.apparition--451 {
  animation-delay: 2176.5ms;
}
.apparition--452 {
  animation-delay: 2178ms;
}
.apparition--453 {
  animation-delay: 2179.5ms;
}
.apparition--454 {
  animation-delay: 2181ms;
}
.apparition--455 {
  animation-delay: 2182.5ms;
}
.apparition--456 {
  animation-delay: 2184ms;
}
.apparition--457 {
  animation-delay: 2185.5ms;
}
.apparition--458 {
  animation-delay: 2187ms;
}
.apparition--459 {
  animation-delay: 2188.5ms;
}
.apparition--460 {
  animation-delay: 2190ms;
}
.apparition--461 {
  animation-delay: 2191.5ms;
}
.apparition--462 {
  animation-delay: 2193ms;
}
.apparition--463 {
  animation-delay: 2194.5ms;
}
.apparition--464 {
  animation-delay: 2196ms;
}
.apparition--465 {
  animation-delay: 2197.5ms;
}
.apparition--466 {
  animation-delay: 2199ms;
}
.apparition--467 {
  animation-delay: 2200.5ms;
}
.apparition--468 {
  animation-delay: 2202ms;
}
.apparition--469 {
  animation-delay: 2203.5ms;
}
.apparition--470 {
  animation-delay: 2205ms;
}
.apparition--471 {
  animation-delay: 2206.5ms;
}
.apparition--472 {
  animation-delay: 2208ms;
}
.apparition--473 {
  animation-delay: 2209.5ms;
}
.apparition--474 {
  animation-delay: 2211ms;
}
.apparition--475 {
  animation-delay: 2212.5ms;
}
.apparition--476 {
  animation-delay: 2214ms;
}
.apparition--477 {
  animation-delay: 2215.5ms;
}
.apparition--478 {
  animation-delay: 2217ms;
}
.apparition--479 {
  animation-delay: 2218.5ms;
}
.apparition--480 {
  animation-delay: 2220ms;
}
.apparition--481 {
  animation-delay: 2221.5ms;
}
.apparition--482 {
  animation-delay: 2223ms;
}
.apparition--483 {
  animation-delay: 2224.5ms;
}
.apparition--484 {
  animation-delay: 2226ms;
}
.apparition--485 {
  animation-delay: 2227.5ms;
}
.apparition--486 {
  animation-delay: 2229ms;
}
.apparition--487 {
  animation-delay: 2230.5ms;
}
.apparition--488 {
  animation-delay: 2232ms;
}
.apparition--489 {
  animation-delay: 2233.5ms;
}
.apparition--490 {
  animation-delay: 2235ms;
}
.apparition--491 {
  animation-delay: 2236.5ms;
}
.apparition--492 {
  animation-delay: 2238ms;
}
.apparition--493 {
  animation-delay: 2239.5ms;
}
.apparition--494 {
  animation-delay: 2241ms;
}
.apparition--495 {
  animation-delay: 2242.5ms;
}
.apparition--496 {
  animation-delay: 2244ms;
}
.apparition--497 {
  animation-delay: 2245.5ms;
}
.apparition--498 {
  animation-delay: 2247ms;
}
.apparition--499 {
  animation-delay: 2248.5ms;
}
.apparition--500 {
  animation-delay: 2250ms;
}

@keyframes apparition {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}
.menu__elementContainer:hover .menu__element-coche {
  opacity: 100%;
  transform: translateX(-100%);
}
@media (max-width: 400px) {
  .menu__elementContainer:hover .version--longue {
    opacity: 0;
  }
  .menu__elementContainer:hover .version--courte {
    opacity: 100%;
  }
}
.menu__element-coche {
  transition: all 400ms ease-in-out;
}

.version--courte {
  position: absolute;
  opacity: 0;
}

* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

body {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto";
  color: #000;
  font-style: normal;
}

h1 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Roboto";
  color: #000;
  font-style: normal;
}

h2 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Roboto";
  color: #000;
  font-style: normal;
}

.text-highlight {
  font-size: 18px;
  font-weight: 400;
}

a {
  text-decoration: none;
}

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