@charset "UTF-8";
/*============================================*\
#    Initialisation de la feuille de styles    #
\*============================================*/
/* VARIABLES */
:root {
  /* COULEURS : */
  --couleur-background:#23252f;
  --couleur-blanc:#fff; /* Blanc */
  --couleur-texte:#fff; /* Noir texte */
  --couleur-pale:#eee; /* Gris pâle */
  --couleur-couleur-principale:#28b3e1; /* Couleur principale */
  --couleur-couleur-secondaire:#a9a791; /* Couleur secondaire */
}

.bouton {
  border-radius: 0;
  font-size: 1rem;
  background: #28b3e1;
  color: #23252f;
  padding: 15px 25px;
  font-weight: 700;
  margin-bottom: 2rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  -o-box-shadow: 8px 8px 0px 0px #d2d2d2;
  -ms-box-shadow: 8px 8px 0px 0px #d2d2d2;
  box-shadow: 8px 8px 0px 0px #d2d2d2;
  transition: all 0.5s ease;
}

.bouton.secondary {
  background: #a9a791;
}

body {
  margin: 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  overflow-x: hidden;
  position: relative;
  background: var(--couleur-background);
  /* background-image: url(//www.marolleau-couverture.com/wp-content/themes/atm-theme/assets/css/../../assets/images/back-marolleau.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center top;
   background-size: cover;*/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1.5rem;
  margin-top: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
}

.h1, h1 {
  font-size: 3rem;
  font-weight: 800;
  color: #28b3e1;
  margin-bottom: 3rem;
}

.h2, h2 {
  position: relative;
  font-size: 2.25rem;
  font-weight: 800;
  color: #fff;
  padding-bottom: 15px;
  text-transform: none;
}

.h2:after, h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100px;
  height: 5px;
  background: #a9a791;
}

.valeurs h2:after {
  left: 50%;
  transform: translate(-50%, 0%);
}

.h3, h3 {
  font-size: 1.75rem;
  font-weight: 400;
  color: #fff;
}

.h4, h4 {
  font-size: 1.5rem;
  color: #a9a791;
  font-weight: 700;
}

.h5, h5 {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 400;
}

.h6, h6 {
  font-size: 1rem;
  font-weight: 700;
  color: #28b3e1;
}

p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

p:empty {
  display: none !important;
}

a {
  transition: all 0.3s ease;
}

ul {
  padding-left: 0;
}

.bg-mozaique {
  background-image: url(../../design/bg.png);
  background-repeat: repeat;
  background-color: #23252f;
}

.bg-texture {
  background-image: url(../../design/texture.jpg);
  background-repeat: no-repeat;
  background-color: #23252f;
  background-size: cover;
  position: relative;
}

.bg-roofing {
  background-image: url(../../design/roofing.jpg);
  background-repeat: no-repeat;
  background-color: #23252f;
  background-size: cover;
  position: relative;
}

.bg-roofing:before {
  content: "";
  background-color: rgba(35, 37, 47, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.section-padding {
  padding: 60px 0;
}

.bg-custom {
  background-color: #23252f;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bg-custom:before {
  content: "";
  background-color: rgba(35, 37, 47, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*============================================*\
#    BOUTONS   #
\*============================================*/
.calltoaction, .calltoaction:visited, .wp-block-button__link, .btn--primary, .wp-block-button__link:visited {
  border-radius: 0;
  font-size: 1rem;
  background: #28b3e1;
  color: #23252f;
  padding: 15px 25px;
  font-weight: 700;
  margin-bottom: 2rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  -o-box-shadow: 8px 8px 0px 0px #d2d2d2;
  -ms-box-shadow: 8px 8px 0px 0px #d2d2d2;
  box-shadow: 8px 8px 0px 0px #d2d2d2;
  transition: all 0.5s ease;
}

.calltoaction.secondaire, .calltoaction.secondaire:visited, .is-style-calltoaction-secondaire a, .is-style-calltoaction-secondaire a:visited {
  background: #a9a791;
  color: #23252f;
}

.calltoaction.primaire:focus, .calltoaction.primaire:hover, .calltoaction.primaire:visited:focus, .calltoaction.primaire:visited:hover, .is-style-default a:focus, .is-style-default a:hover, .is-style-default a:visited:focus, .is-style-default a:visited:hover,
.calltoaction.secondaire:focus, .calltoaction.secondaire:hover, .calltoaction.secondaire:visited:focus, .calltoaction.secondaire:visited:hover,
.btn--primary:focus, .btn--primary:hover, .btn--primary:visited:focus, .btn--primary:visited:hover {
  background: #fff;
  color: #23252f;
  -o-box-shadow: 4px 4px 0px 0px #d2d2d2;
  -ms-box-shadow: 4px 4px 0px 0px #d2d2d2;
  box-shadow: 4px 4px 0px 0px #d2d2d2;
}

.calltoaction:focus, .calltoaction:hover, .calltoaction:visited:focus, .calltoaction:visited:hover, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited:focus, .wp-block-button__link:visited:hover {
  cursor: pointer;
  outline: 0;
  background: #a9a791;
  color: #23252f;
  -o-box-shadow: 4px 4px 0px 0px #d2d2d2;
  -ms-box-shadow: 4px 4px 0px 0px #d2d2d2;
  box-shadow: 4px 4px 0px 0px #d2d2d2;
}

/*============================================*\
#   HEADER    #
\*============================================*/
.main-header {
  background-color: var(--couleur-background);
  position: relative;
  z-index: 2000;
}

.main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item .main-header__nav-link {
  color: white;
  padding: 53px 10px;
  color: #fff;
  font-weight: 400;
  font-size: 1rem;
  text-decoration: none;
  position: relative;
}

.main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item .main-header__nav-link:hover, .main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item .main-header__nav-link[aria-current] {
  color: var(--couleur-couleur-principale);
  text-decoration: none;
}

.main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item .main-header__nav-link::after {
  content: "";
  position: absolute;
  background: #28b3e1;
  width: 0;
  height: 10px;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s ease;
}

.main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item .main-header__nav-link:hover::after, .main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item .main-header__nav-link[aria-current]::after {
  width: 100%;
}

.main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item:last-of-type .main-header__nav-link {
  background: transparent !important;
  text-transform: inherit !important;
  padding: 53px 10px !important;
  border: none !important;
}

.main-header .main-header__wrapper .main-header__nav .main-header__nav-inner .main-header__nav-list .main-header__nav-item:last-of-type .main-header__nav-link {
  color: #fff !important;
}

@media (max-width: 64rem) {
  .main-header .main-header__wrapper .main-header__nav.main-header__nav--is-visible {
    background: var(--couleur-background);
  }
}
@media (min-width: 80rem) {
  .main-header[data-animation=on] .main-header__wrapper--is-fixed {
    background-color: var(--couleur-background) !important;
    border: none !important;
  }
}
.hero--wrapper .hero .subtitle {
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif !important;
  text-transform: none !important;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.hero--wrapper .hero .h1-title {
  color: #fff;
  font-weight: 800;
  font-size: 3.25rem;
  text-transform: uppercase;
  line-height: normal;
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: 15px;
}

.hero--wrapper .hero .h1-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  width: 100px;
  height: 5px;
  background: #fff;
}

.hero--wrapper .hero {
  max-width: 800px;
}

.hero-simple__title .boutons {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media (max-width: 1024px) {
  .hero--wrapper .hero {
    max-width: 80%;
  }
  .hero--wrapper .hero .h1-title {
    font-size: 2rem;
  }
  .hero--wrapper .hero .subtitle {
    font-size: 1rem;
  }
  .global-wrapper--maxed {
    max-width: 100%;
    margin: AUTO;
    padding: 0 1em;
  }
}
/*============================================*\
#    PICTOS   #
\*============================================*/
h2.picto-title-section {
  text-align: center;
}

.pictos-repeater {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
  align-items: center;
  justify-items: center;
}

.pictos-repeater .picto {
  text-align: center;
}

.picto-item-title {
  text-transform: uppercase;
  font-size: 1.25rem;
  display: block;
  margin-top: 1.5rem;
}

/*============================================*\
#    FOOTER  #
\*============================================*/
.footer-generique {
  background: #23252f;
  color: #fff;
  padding: 60px 0 40px;
}

.footer-generique a, .footer-generique a:visited {
  text-decoration: none;
  /*color: #28b3e1*/
}

.footer-generique a:focus, .footer-generique a:hover, .footer-generique a:visited:focus, .footer-generique a:visited:hover {
  color: #fff;
}

.footer-generique ul {
  margin-bottom: 1.5rem;
}

.footer-generique ul:last-child {
  margin-bottom: 0;
}

.footer-generique ul li {
  line-height: 2;
}

.footer-generique .footer-primary {
  padding-bottom: 40px;
}

.footer-generique .infos-societe span {
  display: block;
  margin-bottom: 1rem;
}

.footer-generique .infos-societe span:last-child {
  margin-bottom: 0;
}

.footer-generique .main-footer__infos .h3-title {
  font-weight: 800;
  color: #28b3e1;
  text-transform: uppercase;
  font-size: 1.15rem;
}

.footer-generique .calltoaction {
  margin-top: 1.5rem;
}

.footer-generique .social {
  text-align: center;
}

.footer-generique .social ul {
  margin-bottom: 0;
}

.footer-generique .social ul li {
  display: inline-block;
  padding-right: 10px;
  vertical-align: top;
}

.footer-generique .social ul li:last-child {
  padding-right: 0;
}

.footer-generique .social ul li a, .footer-generique .social ul li a:visited {
  background: #fff;
  color: #23252f;
  border-radius: 15px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}

.footer-generique .social ul li a.facebook, .footer-generique .social ul li a:visited.facebook {
  background: #3b5998;
  color: #fff;
}

.footer-generique .social ul li a.twitter, .footer-generique .social ul li a:visited.twitter {
  background: #1da1f2;
  color: #fff;
}

.footer-generique .social ul li a.linkedin, .footer-generique .social ul li a:visited.linkedin {
  background: #0077b5;
  color: #fff;
}

.footer-generique .social ul li a.youtube, .footer-generique .social ul li a:visited.youtube {
  background: red;
  color: #fff;
}

.footer-generique .social ul li a.instagram, .footer-generique .social ul li a:visited.instagram {
  background: #833ab4;
  color: #fff;
}

.footer-generique .social ul li a:focus, .footer-generique .social ul li a:hover, .footer-generique .social ul li a:visited:focus, .footer-generique .social ul li a:visited:hover {
  background: #fff;
  color: #23252f;
}

.footer-generique .social .social-name {
  font-style: italic;
  display: block;
  margin-top: 1rem;
}

.footer-generique .footer-secondary {
  border-top: 1px solid #474747;
  padding-top: 40px;
}

.footer-generique .mentions {
  font-size: 0.9rem;
  text-align: center;
}

.footer-generique .mentions ul li {
  display: inline-block;
  padding-right: 1.5rem;
}

.footer-generique .mentions ul li:last-child {
  padding-right: 0;
}

.footer-generique .infos-societe .titre {
  font-weight: 800;
  color: #28b3e1;
  text-transform: uppercase;
  font-size: 1.15rem;
}

.footer-generique .infos-societe .description, .footer-generique .infos-societe .adresse {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}

.main-footer--wrapper .main-footer .main-footer__infos {
  text-align: left;
}

@media (min-width: 64rem) {
  .main-footer--wrapper .main-footer .main-footer__block::after {
    display: none !important;
  }
}
@media (min-width: 64rem) {
  .main-footer--wrapper .main-footer {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .main-footer--wrapper .main-footer {
    align-items: flex-start !important;
  }
}
@media (min-width: 64rem) {
  .paragraph-image .paragraph-image__content .paragraph-image__text {
    margin-left: 0rem;
  }
  .global-wrapper.margins, .global-wrapper--wide.margins, .global-wrapper--full.margins, .global-wrapper--maxed.margins {
    margin-top: 4rem;
    margin-bottom: 4rem;
    position: relative;
    z-index: 3;
  }
  .paragraph-image .paragraph-image__image {
    border-radius: 0;
  }
}
@media (min-width: 48rem) {
  .banner-parallax {
    width: 100vw;
  }
}
.banner-parallax::before {
  content: "";
  background-color: rgba(35, 37, 47, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.container-text-banner {
  text-align: center;
  position: relative;
  width: 100vw;
  z-index: 2;
  padding: 25vh 20px;
}

.container-text-banner h2::after {
  left: 50%;
  transform: translate(-50%, 0%);
}

.swiper-marolleau {
  width: 100%;
}
.swiper-marolleau .swiper-scrollbar {
  position: static;
  margin-bottom: 2rem;
}
.swiper-marolleau .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-primary);
}
.swiper-marolleau .swiper-wrapper:hover {
  cursor: grab;
}
.swiper-marolleau .swiper-wrapper .swiper-slide {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 0px;
}

/*============================================*\
#    SLIDER COMPARAISON  #
\*============================================*/
.slider-comparison {
  max-width: var(--max-width-md);
  margin: var(--space-xl) auto;
}

.compare-slider {
  position: relative;
}

.compare-slider img {
  display: block;
  width: 100%;
  pointer-events: none;
}

.compare-slider__inner {
  position: relative;
}

.compare-slider__img {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}

.compare-slider__caption {
  position: absolute;
  bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  padding: var(--space-sm);
  background-color: var(--color-primary);
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}

.compare-slider__img--original .compare-slider__caption {
  right: 0;
}

.compare-slider__img--modified .compare-slider__caption {
  left: 0;
}

.compare-slider__handle {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  color: var(--color-contrast-higher);
  background-color: var(--color-bg);
  box-shadow: var(--shadow-sm);
  cursor: grab;
  will-change: left;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%) translateX(-50%) scale(0);
  margin-left: -1px;
}

.compare-slider--is-dragging .compare-slider__handle {
  cursor: grabbing;
  box-shadow: var(--shadow-sm), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
}

.compare-slider__input-handle {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

.compare-slider__input-handle:focus + .compare-slider__handle {
  color: var(--color-primary);
  box-shadow: var(--shadow-sm), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
}

.js .compare-slider__img--modified {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  transform: translateZ(0);
  border-right: 4px solid var(--color-bg);
  will-change: width;
}

.js .compare-slider__img--modified img {
  height: 100%;
  width: auto;
  max-width: none;
}

.js .compare-slider--in-viewport .compare-slider__img--modified {
  width: 50%;
  animation: compare-slider-bounce-in 0.7s;
}

.js .compare-slider__caption {
  opacity: 0;
  transform: translateY(20px);
}

.js .compare-slider--in-viewport .compare-slider__caption {
  opacity: 1;
  transform: translateY(0);
}

.js .compare-slider--in-viewport .compare-slider__caption--is-hidden {
  opacity: 0;
  visibility: hidden;
}

.js .compare-slider__img--original .compare-slider__caption--is-hidden {
  transform: translateX(30px);
}

.js .compare-slider__img--modified .compare-slider__caption--is-hidden {
  transform: translateX(-30px);
}

.js .compare-slider__handle {
  display: block;
  display: flex;
  opacity: 0;
}

.js .compare-slider--in-viewport .compare-slider__handle {
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
}

.js .compare-slider__input-handle {
  display: block;
}

.js .compare-slider--reduced-motion .compare-slider__img--modified {
  animation: none;
}

.js .compare-slider--reduced-motion .compare-slider__handle,
.js .compare-slider--reduced-motion .compare-slider__caption {
  transition: none;
}
@keyframes compare-slider-bounce-in {
  0% {
    width: 0%;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
/*============================================*\
#    FORMULAIRE  #
\*============================================*/
form {
  padding: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}

form .obligatory {
  color: #a9a791;
  font-weight: 700;
  margin-bottom: 0;
}

form .form-group {
  margin-bottom: 1.5rem;
}

form .form-group label {
  width: 100%;
  margin-bottom: 0;
}

form .form-control, form input {
  display: block;
  width: 100%;
  background: 0 0;
  border: 1px solid #a9a791;
  color: #fff;
  padding: 15px 20px;
  margin-top: 0.5rem;
}

form .form-control:focus, form .form-control:hover, form input:focus, form input:hover {
  outline: 0;
  background: #a9a791;
  color: #23252f;
}

form .form-control.wpcf7-not-valid, form input.wpcf7-not-valid {
  border-color: #dc3545;
}

form .form-control:disabled, form .form-control[readonly] {
  background: #eaeaea;
  opacity: 1;
}

form .form-control:disabled:focus, form .form-control:disabled:hover, form .form-control[readonly]:focus, form .form-control[readonly]:hover {
  background: #eaeaea;
}

form button[type=submit], form input[type=submit] {
  width: auto;
  background: #a9a791;
  color: #23252f;
  border: 0 none;
  display: inline-block;
  outline: 0 none;
  padding: 15px 25px;
  font-weight: 700;
  text-transform: uppercase;
  float: right;
  margin-top: 1.5rem;
  transition: all 0.5s ease;
}

form button[type=submit]:focus, form button[type=submit]:hover, form input[type=submit]:focus, form input[type=submit]:hover {
  background: #fff;
  color: #23252f;
  cursor: pointer;
}

form .wpcf7-list-item {
  margin-left: 0;
  margin-right: 40px;
}

form .wpcf7-list-item:last-child {
  margin-right: 0;
}

form input[type=checkbox], form input[type=radio] {
  display: none;
}

form input[type=checkbox] + label:before, form input[type=checkbox] + span:before, form input[type=radio] + label:before, form input[type=radio] + span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: 0 0;
  border: 1px solid #a9a791;
  width: 15px;
  height: 15px;
  margin-top: -4px;
  margin-right: 15px;
  cursor: pointer;
}

form input[type=radio] + label:before, form input[type=radio] + span:before {
  border-radius: 50%;
}

form input[type=checkbox]:checked + label:before, form input[type=checkbox]:checked + span:before, form input[type=radio]:checked + label:before, form input[type=radio]:checked + span:before {
  background: #a9a791;
}

form ::-webkit-input-placeholder {
  color: #fff;
}

form ::-moz-placeholder {
  color: #fff;
}

form :-ms-input-placeholder {
  color: #fff;
}

form :-moz-placeholder {
  color: #fff;
}

.wpcf7-response-output {
  background-color: rgba(255, 193, 7, 0.35);
  border: none !important;
  padding: 15px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: rgba(40, 167, 69, 0.35);
}

.wpcf7-textarea {
  width: 100%;
  background: transparent;
  border-color: var(--color-secondary);
  padding: 2em;
  color: var(--color-white);
}

/*============================================*\
#   PICTOS MENU  #
\*============================================*/
@media (min-width: 80rem) {
  .main-header__nav-list--main .main-header__nav-item--main {
    position: relative;
  }
  .main-header__nav-list--main .main-header__nav-item--main:first-child::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M422.44,238.32v202.07c0,5.57-4.52,10.09-10.09,10.09h-83.27c-5.57,0-10.09-4.52-10.09-10.09v-130.07h-121.35v130.07c0,5.57-4.52,10.09-10.09,10.09h-83.27c-5.57,0-10.09-4.52-10.09-10.09v-202.07"/><path class="cls-1" d="M451.03,230.07c-5.05,0-10.14-1.5-14.58-4.63l-178.13-125.59-178.13,125.59c-4.44,3.13-9.54,4.63-14.58,4.63-7.96,0-15.8-3.74-20.74-10.74-8.07-11.44-5.33-27.26,6.11-35.32L253.15,41.46c3.1-2.18,7.23-2.18,10.33,0l202.17,142.54c11.44,8.07,14.18,23.88,6.11,35.32-4.94,7-12.78,10.74-20.74,10.74Z"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(2)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M420.17,264.09v176.29c0,5.57-4.52,10.09-10.09,10.09h-83.27c-5.57,0-10.09-4.52-10.09-10.09v-130.07h-121.35v130.07c0,5.57-4.52,10.09-10.09,10.09h-83.27c-5.57,0-10.09-4.52-10.09-10.09v-176.29"/><path class="cls-1" d="M72.07,200.72c15.3,0,15.3,5.86,30.59,5.86s15.3-5.86,30.59-5.86,15.3,5.86,30.6,5.86,15.3-5.86,30.59-5.86,15.3,5.86,30.59,5.86,15.3-5.86,30.59-5.86,15.3,5.86,30.6,5.86,15.3-5.86,30.6-5.86,15.3,5.86,30.6,5.86,15.3-5.86,30.6-5.86,15.3,5.86,30.6,5.86,15.3-5.86,30.6-5.86"/><path class="cls-1" d="M80.74,166.42c14.57,0,14.57,5.72,29.15,5.72s14.57-5.72,29.15-5.72,14.58,5.72,29.15,5.72,14.57-5.72,29.15-5.72,14.57,5.72,29.15,5.72,14.57-5.72,29.15-5.72,14.58,5.72,29.15,5.72,14.58-5.72,29.15-5.72,14.58,5.72,29.15,5.72,14.58-5.72,29.15-5.72,14.58,5.72,29.16,5.72,14.58-5.72,29.16-5.72"/><path class="cls-1" d="M89.29,132.12c13.86,0,13.86,5.58,27.72,5.58s13.86-5.58,27.72-5.58,13.86,5.58,27.73,5.58,13.86-5.58,27.72-5.58,13.86,5.58,27.72,5.58,13.86-5.58,27.72-5.58,13.86,5.58,27.73,5.58,13.86-5.58,27.73-5.58,13.86,5.58,27.73,5.58,13.86-5.58,27.73-5.58,13.87,5.58,27.73,5.58,13.87-5.58,27.73-5.58"/><path class="cls-1" d="M97.43,97.82c13.18,0,13.18,5.44,26.37,5.44s13.18-5.44,26.37-5.44,13.18,5.44,26.37,5.44,13.18-5.44,26.36-5.44,13.18,5.44,26.37,5.44,13.18-5.44,26.37-5.44,13.19,5.44,26.37,5.44,13.19-5.44,26.37-5.44,13.19,5.44,26.37,5.44,13.19-5.44,26.37-5.44,13.19,5.44,26.38,5.44,13.19-5.44,26.38-5.44"/><path class="cls-1" d="M108.33,63.55c12.28,0,12.28,5.25,24.55,5.25s12.28-5.25,24.55-5.25,12.28,5.25,24.55,5.25,12.27-5.25,24.55-5.25,12.28,5.25,24.55,5.25,12.28-5.25,24.55-5.25,12.28,5.25,24.55,5.25,12.28-5.25,24.55-5.25,12.28,5.25,24.55,5.25,12.28-5.25,24.56-5.25,12.28,5.25,24.56,5.25,12.28-5.25,24.56-5.25"/><path class="cls-1" d="M100.86,39.81h309.51c3.61,0,6.78,2.37,7.81,5.82l54.45,182.81c1.56,5.23-2.36,10.48-7.81,10.48H47.14c-5.44,0-9.35-5.23-7.82-10.45L93.04,45.67c1.02-3.47,4.2-5.85,7.82-5.85Z"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(3)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { stroke-miterlimit: 10; } .cls-1, .cls-2 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-width: 6px; } .cls-2 { stroke-linejoin: round; } </style></defs><g><path class="cls-1" d="M293.15,258.83c0-9.61-6.43-18.07-16.23-23.1-1.12-.57-2.17-1.29-2.97-2.26-19.78-23.84-17.91-194.82-17.91-194.82,0,0,1.98,170.98-17.8,194.82-.8.97-1.85,1.69-2.97,2.26-9.79,5.03-16.23,13.5-16.23,23.1,0,15.43,16.59,27.94,37.05,27.94s37.06-12.51,37.06-27.94Z"/><path class="cls-1" d="M324.13,73.06s-69.11-7.6-66.15,64.99"/><path class="cls-1" d="M187.87,73.06s69.11-7.6,66.15,64.99"/></g><path class="cls-1" d="M161.87,426.39c15.75,0,15.75,6.26,31.5,6.26s15.75-6.26,31.5-6.26,15.75,6.26,31.51,6.26,15.75-6.26,31.5-6.26,15.75,6.26,31.51,6.26,15.75-6.26,31.51-6.26"/><path class="cls-1" d="M176.09,374.39c13.38,0,13.38,5.77,26.76,5.77s13.38-5.77,26.76-5.77,13.38,5.77,26.76,5.77,13.38-5.77,26.76-5.77,13.38,5.77,26.77,5.77,13.38-5.77,26.77-5.77"/><path class="cls-1" d="M168.09,400.37c14.71,0,14.71,6.05,29.43,6.05s14.72-6.05,29.43-6.05,14.72,6.05,29.43,6.05,14.72-6.05,29.43-6.05,14.72,6.05,29.43,6.05,14.72-6.05,29.43-6.05"/><path class="cls-1" d="M173.76,355.47h164.07c4.36,0,8.24,2.77,9.66,6.9l25.92,75.43c2.28,6.63-2.65,13.54-9.66,13.54h-215.56c-7,0-11.92-6.87-9.68-13.5l25.57-75.43c1.41-4.15,5.3-6.94,9.68-6.94Z"/><g><path class="cls-2" d="M293.15,258.83c0-9.61-6.43-18.07-16.23-23.1-1.12-.57-2.17-1.29-2.97-2.26-19.78-23.84-17.91-194.82-17.91-194.82,0,0,1.98,170.98-17.8,194.82-.8.97-1.85,1.69-2.97,2.26-9.79,5.03-16.23,13.5-16.23,23.1,0,15.43,16.59,27.94,37.05,27.94s37.06-12.51,37.06-27.94Z"/><path class="cls-1" d="M229.42,355.47c2.74-4.57,6.23-25.6,8.69-34.42,2.57-9.25,13.09-12.24,17.98-14.21,4.89,1.97,15.41,4.96,17.98,14.21,2.45,8.82,5.94,29.84,8.69,34.42h-53.34Z"/></g><path class="cls-1" d="M324.13,73.06s-69.11-7.6-66.15,64.99"/><path class="cls-1" d="M187.87,73.06s69.11-7.6,66.15,64.99"/><circle class="cls-1" cx="256.09" cy="297" r="9.67"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(4)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M310.58,355.15c0,26.12-10.29,50.56-28.98,68.81-18.12,17.7-41.89,27.37-67.17,27.37-.77,0-1.55,0-2.33-.03-24.71-.58-48.01-10.6-65.63-28.21-17.61-17.62-27.63-40.92-28.21-65.63-.96-40.38,23.68-77.34,61.3-91.97,10.67-4.15,17.85-14.89,17.85-26.73v-24.01h34v24.01c0,25.75-15.89,49.23-39.53,58.42-24.32,9.46-40.25,33.36-39.63,59.48.37,15.93,6.86,30.98,18.26,42.38,11.41,11.41,26.46,17.9,42.39,18.27,16.87.4,32.87-5.88,44.95-17.67,12.08-11.8,18.73-27.6,18.73-44.49,0-9.38,7.61-17,17-17s17,7.62,17,17Z"/><path class="cls-1" d="M214.41,38.45h-18.13c-4.72,0-8.54,3.83-8.54,8.55v159.2c0,4.72,3.82,8.55,8.54,8.55h1.13"/><path class="cls-1" d="M231.41,214.75h1.12c4.72,0,8.54-3.83,8.54-8.55V47c0-4.72-3.82-8.55-8.54-8.55h-18.12"/><path class="cls-1" d="M285.5,168.86l.03-.64c.09-.9.31-3.75-.13-7.13-.93-7.24-18.55-13.46-20.23-28.11-.31-1.58-.5-3.19-.51-4.85-.04-9.59,5.14-18.06,13.04-23.06,1.53-.97,3.52.18,3.53,1.98l.11,23.84c0,1.28,1.05,2.32,2.33,2.32h22.88c1.28,0,2.32-1.04,2.33-2.32l.11-23.84c0-1.81,2-2.95,3.53-1.98,7.9,5.01,13.08,13.48,13.04,23.06,0,1.66-.2,3.27-.51,4.85-1.68,14.64-19.3,20.86-20.23,28.11-.43,3.38-.22,6.23-.13,7.13l.03.63c0,5.12,0,64.48,0,69.59l-.03.63c-.09.9-.31,3.75.13,7.13.93,7.24,18.55,13.46,20.23,28.11.31,1.58.5,3.19.51,4.85.04,9.59-5.14,18.06-13.04,23.06-1.53.97-3.52-.18-3.53-1.98l-.11-23.84c0-1.28-1.05-2.32-2.33-2.32h-22.88c-1.28,0-2.32,1.04-2.33,2.32l-.11,23.84c0,1.81-2,2.95-3.53,1.98-7.9-5.01-13.08-13.48-13.04-23.06,0-1.66.2-3.27.51-4.85,1.68-14.64,19.3-20.86,20.23-28.11.43-3.38.22-6.23.13-7.13l-.03-.64v-69.58Z"/></svg>');
    left: 38%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(5)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M420.17,264.09v176.29c0,5.57-4.52,10.09-10.09,10.09h-83.27c-5.57,0-10.09-4.52-10.09-10.09v-130.07h-121.35v130.07c0,5.57-4.52,10.09-10.09,10.09h-83.27c-5.57,0-10.09-4.52-10.09-10.09v-176.29"/><path class="cls-1" d="M100.86,39.81h309.51c3.61,0,6.78,2.37,7.81,5.82l54.45,182.81c1.56,5.23-2.36,10.48-7.81,10.48H47.14c-5.44,0-9.35-5.23-7.82-10.45L93.04,45.67c1.02-3.47,4.2-5.85,7.82-5.85Z"/><path class="cls-1" d="M293.26,196.86h-73.34c-3.27,0-5.92-2.65-5.92-5.92v-82.97h85.18v82.97c0,3.27-2.65,5.92-5.92,5.92Z"/><path class="cls-1" d="M310.53,104.1v-9.45s-48.04-25.25-48.04-25.25c-3.69-1.94-8.11-1.94-11.8,0l-48.04,25.25v9.45"/><line class="cls-1" x1="214.01" y1="152.41" x2="299.19" y2="152.41"/><line class="cls-1" x1="256.6" y1="196.86" x2="256.6" y2="107.97"/><path class="cls-1" d="M82.63,159.38c9.71,0,9.71,5.42,19.41,5.42s9.71-5.42,19.41-5.42,9.71,5.42,19.42,5.42,9.71-5.42,19.42-5.42,9.71,5.42,19.42,5.42"/><path class="cls-1" d="M72.07,200.94c10.42,0,10.42,5.42,20.83,5.42s10.41-5.42,20.83-5.42,10.42,5.42,20.83,5.42,10.42-5.42,20.83-5.42,10.42,5.42,20.83,5.42"/><path class="cls-1" d="M92.04,117.83c9.01,0,9.01,5.42,18.01,5.42s9.01-5.42,18.02-5.42,9.01,5.42,18.02,5.42,9.01-5.42,18.02-5.42,9.01,5.42,18.02,5.42"/><path class="cls-1" d="M102.68,76.27c7.71,0,7.71,5.42,15.42,5.42s7.71-5.42,15.43-5.42,7.71,5.42,15.43,5.42,7.71-5.42,15.43-5.42,7.71,5.42,15.43,5.42"/><path class="cls-1" d="M430.58,164.85c-10.05,0-10.05-5.52-20.11-5.52s-10.05,5.52-20.11,5.52-10.05-5.52-20.11-5.52c-10.05,0-10.05,5.52-20.11,5.52s-10.05-5.52-20.11-5.52"/><path class="cls-1" d="M441.96,206.41c-10.79,0-10.79-5.52-21.57-5.52-10.79,0-10.79,5.52-21.57,5.52s-10.79-5.52-21.57-5.52-10.79,5.52-21.58,5.52-10.79-5.52-21.58-5.52"/><path class="cls-1" d="M420.47,123.3c-9.33,0-9.33-5.52-18.66-5.52s-9.33,5.52-18.66,5.52-9.33-5.52-18.66-5.52c-9.33,0-9.33,5.52-18.67,5.52s-9.33-5.52-18.67-5.52"/><path class="cls-1" d="M409.93,81.74c-7.99,0-7.99-5.52-15.97-5.52s-7.99,5.52-15.98,5.52-7.99-5.52-15.98-5.52-7.99,5.52-15.98,5.52-7.99-5.52-15.98-5.52"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(6)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M413.29,81.72c11.29,6.66,18.16,18.85,18.16,31.96v48.03c0,191.36-117,262.75-159.91,282.5-9.86,4.54-21.21,4.54-31.07,0-42.91-19.75-159.91-91.14-159.91-282.5v-48.03c0-13.11,6.87-25.3,18.16-31.96,12.85-7.58,32.75-17.35,60.45-25.64,63.13-18.89,130.55-18.89,193.68,0,27.7,8.29,47.6,18.06,60.45,25.64Z"/><path class="cls-1" d="M288.63,183.28c-12.61-17.75-25.14-36.88-30.86-57.26-.5-1.77-3.04-1.77-3.54,0-5.72,20.39-18.26,39.51-30.87,57.26-17.86,25.15-39.48,52.85-39.48,87.26,0,49.53,32.31,77.53,72.12,77.53s72.12-28.01,72.12-77.53c0-34.41-21.62-62.11-39.48-87.26Z"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(7)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { stroke-linecap: round; } .cls-1, .cls-2 { fill: none; stroke: %2327b3e1; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M422.44,238.32v202.07c0,5.57-4.52,10.09-10.09,10.09H104.28c-5.57,0-10.09-4.52-10.09-10.09v-202.07"/><path class="cls-1" d="M451.03,230.07c-5.05,0-10.14-1.5-14.58-4.63l-178.13-125.59-178.13,125.59c-4.44,3.13-9.54,4.63-14.58,4.63-7.96,0-15.8-3.74-20.74-10.74-8.07-11.44-5.33-27.26,6.11-35.32L253.15,41.46c3.1-2.18,7.23-2.18,10.33,0l202.17,142.54c11.44,8.07,14.18,23.88,6.11,35.32-4.94,7-12.78,10.74-20.74,10.74Z"/><path class="cls-1" d="M124.55,238.32v177.91c0,4.34,3.52,7.86,7.86,7.86h251.81c4.35,0,7.87-3.52,7.87-7.86v-177.91"/><polyline class="cls-2" points="305.81 450.96 305.33 450.48 278.94 424.09"/><line class="cls-2" x1="124.55" y1="269.69" x2="94.19" y2="239.33"/><line class="cls-2" x1="274.75" y1="449.89" x2="248.95" y2="424.09"/><line class="cls-2" x1="124.55" y1="299.69" x2="94.19" y2="269.33"/><polyline class="cls-2" points="246.18 451.31 245.35 450.48 218.96 424.09"/><line class="cls-2" x1="124.55" y1="329.68" x2="94.19" y2="299.32"/><line class="cls-2" x1="214.95" y1="450.07" x2="188.97" y2="424.09"/><polyline class="cls-2" points="419.02 447.33 418.54 446.85 392.15 420.46"/><line class="cls-2" x1="391.59" y1="449.89" x2="365.79" y2="424.09"/><polyline class="cls-2" points="363.02 451.31 362.19 450.48 335.8 424.09"/><line class="cls-2" x1="331.79" y1="450.07" x2="305.81" y2="424.09"/><line class="cls-2" x1="124.55" y1="359.67" x2="94.19" y2="329.31"/><line class="cls-2" x1="184.2" y1="449.32" x2="158.97" y2="424.09"/><line class="cls-2" x1="124.55" y1="389.66" x2="94.19" y2="359.3"/><line class="cls-2" x1="422.82" y1="269.69" x2="392.46" y2="239.33"/><line class="cls-2" x1="422.82" y1="299.69" x2="392.46" y2="269.33"/><line class="cls-2" x1="422.82" y1="329.68" x2="392.46" y2="299.32"/><line class="cls-2" x1="422.82" y1="359.67" x2="392.46" y2="329.31"/><line class="cls-2" x1="422.82" y1="389.66" x2="392.46" y2="359.3"/><line class="cls-2" x1="94.58" y1="389.69" x2="155.2" y2="450.31"/><line class="cls-2" x1="392.13" y1="389.69" x2="422.32" y2="419.88"/><line class="cls-2" x1="94.19" y1="419.29" x2="124.18" y2="449.28"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(8)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M422.44,238.32v202.07c0,5.57-4.52,10.09-10.09,10.09H104.28c-5.57,0-10.09-4.52-10.09-10.09v-202.07"/><path class="cls-1" d="M451.03,230.07c-5.05,0-10.14-1.5-14.58-4.63l-178.13-125.59-178.13,125.59c-4.44,3.13-9.54,4.63-14.58,4.63-7.96,0-15.8-3.74-20.74-10.74-8.07-11.44-5.33-27.26,6.11-35.32L253.15,41.46c3.1-2.18,7.23-2.18,10.33,0l202.17,142.54c11.44,8.07,14.18,23.88,6.11,35.32-4.94,7-12.78,10.74-20.74,10.74Z"/><circle class="cls-1" cx="258.32" cy="209.05" r="37.33"/><line class="cls-1" x1="258.32" y1="171.72" x2="258.32" y2="246.37"/><line class="cls-1" x1="220.99" y1="209.05" x2="295.64" y2="209.05"/><rect class="cls-1" x="202.32" y="307.63" width="112" height="142.85"/><circle class="cls-1" cx="295.64" cy="376.24" r="6.07"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
  .main-header__nav-list--main .main-header__nav-item--main:nth-child(9)::before {
    position: absolute;
    content: "";
    width: 33px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: none; stroke: %2327b3e1; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><path class="cls-1" d="M474.75,204.72l-196.13,98.02c-10.42,5.21-22.69,5.21-33.12,0L49.38,204.72v231.44c0,7.91,6.41,14.33,14.33,14.33h396.71c7.91,0,14.33-6.41,14.33-14.33v-231.44Z"/><path class="cls-1" d="M249.08,43.84L50.76,179.27c-.42.29-.22.94.29.94h422.03c.51,0,.71-.66.29-.94L275.06,43.84c-7.83-5.35-18.14-5.35-25.97,0Z"/></svg>');
    left: 30%;
    top: 16px;
    display: block;
  }
}/*# sourceMappingURL=simon.css.map */