/* Css tablette */
@media screen and (max-width: 1024px) {
  body {
    gap: 80px;
  }
  header div#website-name a {
    font-size: 20px;
  }
  section {
    gap: 30px;
  }
  section.section-background {
    background: var(--color6);
    padding: 60px 0px;
  }
  section#top {
    gap: 20px;
  }
  section#top h1 {
    font-size: 25px;
  }
  section#a-propos div.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px 10%;
  }
  section#a-propos div.content div.text-container {
    padding: 0px 8%;
  }
  section#a-propos div.content div.text-container div.text {
    padding: 40px;
  }
  section#a-propos div.content div.image-container {
    margin: 0px;
    margin-top: -50px;
    aspect-ratio: 2;
  }
  section#faq div.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px 10%;
    gap: 20px;
  }
  section#faq div.content div.col {
    width: 100%;
    gap: 20px;
  }
  section#services div.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    padding: 0px 12%;
  }
  section#services div.content div.col {
    gap: 15px;
  }
  section#services div.content div.col div.col-content {
    gap: 5px;
  }
  section#contact div.content div#contact-informations {
    padding: 0px 8%;
  }
  section#contact div.content div#contact-informations div#informations {
    gap: 30px;
  }
  section#galerie div.content {
    padding: 0px 10%;
  }
  section#galerie div.content div#left-arrow, section#galerie div.content div#right-arrow {
    display: none;
  }
  section#galerie div.content div#caroussel {
    padding: 0px;
  }
  section#galerie div.content div#caroussel img {
    height: 400px;
  }
  section#temoignages div.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px 12%;
    gap: 30px;
  }
  section#temoignages div.content div.col {
    gap: 30px;
  }
  div#bottom-button {
    padding: 15px;
  }
  div#bottom-button div#top-container {
    padding: 5px;
  }
  div#bottom-button div#top-container a#button-top {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
  div#bottom-button div.bottom-button-container a, div#bottom-button div.bottom-button-container button {
    width: 50px;
    height: 50px;
    padding: 12px;
  }
  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 6% 60px 6%;
    gap: 30px;
  }
  footer div#footer-left {
    width: 100%;
    gap: 3px;
  }
  footer div#footer-left span {
    width: 100%;
    text-align: center;
  }
  footer div#footer-right {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  div.pop-up div.cross-row button.cross-container div.icon {
    width: 40px;
    height: 40px;
  }
  div#burger-menu div.top-row a {
    font-size: 26px;
  }
  div#burger-menu div.top-row button.cross-container div.icon {
    width: 40px;
    height: 40px;
  }
  div#content-pup-up-location {
    gap: 40px;
  }
  div#content-pup-up-location a#pop-up-city {
    font-size: 40px;
  }
  div#content-pup-up-location a#pop-up-city .icon {
    width: 35px;
    height: 35px;
  }
  div#content-pup-up-location div#pop-up-location-icons-container a.pop-up-location-icons {
    width: 60px;
    height: 60px;
    padding: 10px;
  }
  div#content-pup-up-contact {
    padding: 0px 10%;
  }
  div#content-pup-up-contact form#pop-up-contact-form div.pop-up-contact-form-row {
    gap: 20px;
  }
}