/*----------------------------------------------------------PARTIE MOBILE ------------------------------*/
@media (max-width: 410px) {}

@media (max-width: 1100px) {
  /*----------------------------------------Header ----------------------------------------------->*/

  header {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  header a {
    width: 220px;
  }

  header a img {
    width: 100%;
  }

  #nav-mobile,
  #nav-mobile ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    gap: 60px;
  }

  #nav-mobile ul {
    list-style: none;
  }

  #nav-desktop {
    display: none;
  }

  .menu-toggle {
    width: 40px;
    height: 40px;
    background: url(../img/icones/burger.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
  }

  #menu-coulissant {
    width: 100%;
    top: 120px;
    position: absolute;
    height: 100vh;
    background: #fff;
    z-index: 7;
    margin-left: -200%;
    transition: 0.3s;
  }

  .actived {
    margin-left: 0 !important;
  }

  .actived-2 {
    background: url(../img/icones/croix.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
  }

  /*----------------------------------------------- image menu mobile ----------------------------------*/

  #contact-mobile {
    display: flex;
  }

  .image-menu-mobile {
    width: 40px;
    height: 40px;
  }

  /*-------------------------------------------Generalités-------------------------------------*/

  h2,
  h3 {
    text-align: center;
  }

  /*------------------------------------------------- Index SECTION_1_Accueil Mobile ----------------------------*/

  #section_1_accueil {
    flex-direction: column-reverse;
    padding-right: 0;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background-image: url(../img/mobile/accueil_beaujoire_auto_controle-mobile.png);
  }

  #overlay_accueil {
    flex-direction: column-reverse;
    padding-right: 0;
    align-items: center;
    justify-content: center;
  }

  #basline {
    font-size: 25px;
  }

  #grp_btn_section_1 {
    width: 100%;
    text-align: center;
    padding-top: 40px;
  }

  h1 {
    width: 100%;
    text-align: center;
    order: 1;
    font-size: 35px !important;
    padding-bottom: 25px;
  }

  /*----------------------------------------------------- SECTION_2 ACCUEIL MOBILE  & SECTION_3-------------*/

  #section_2_accueil,
  #section_3_accueil {
    width: 100%;
    flex-direction: column;
    height: 100%;
  }

  .accueil-2-bloc,
  .accueil-3-bloc {
    width: 100%;
  }

  /*----------------------------------------------------SECTION_4 Accueil Mobile ---------------------------*/

  #section_4_accueil {
    width: 100%;
    height: 100%;
    padding: 40px 15px 40px 30px;
  }

  /*------------------------------------------------ SECTION_5 Accueil Mobile -------------------------------*/

  #section_5_accueil {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding: 0 15px;
  }

  .accueil_bloc_5 {
    width: 100%;
  }

  .accueil_bloc_5:last-child {
    flex-direction: column;
    gap: 15px;
  }

  #bloc-horaires,
  #carte {
    width: 100%;
  }

  /*-------------------------------------------------------Controle technique --------------------------------*/

  #section_2_controle_bloc,
  #issue_controle_technique,
  #defaillances,
  html body div#section_3_controle div.bloc_controle {
    flex-direction: column;
  }

  #section_2_controle video,
  #partie_txt-controle>p:nth-child(1),
  #defaillances-majeures,
  #defaillances-critiques,
  div.bloc_controle:nth-child(3) p,div.bloc_controle:nth-child(3) > div:nth-child(3) {
    width: 100%;
  }

  #partie_txt-controle p,
  #partie_txt-controle ul {
    padding: 0;
  }

  .issue_bloc {
    width: 100%;
  }

  /*-------------------------------------------------------------- Page prestations ---------------------------------------*/

  #_2_prestations {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 0 10px;
    padding: 70px 10px 0 10px;
  }

  #_2_prestations img {
    width: 100%;
  }

  #paiement {
    width: 90%;
    text-align: center;
    height: auto !important;
  }

  #_3_prestations {
    height: 100%;
  }

  #prestation_prix {
    display: none;
  }

  #prestation_prix_mobile {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 90%;
    border: 1px solid var(--secondary-color);
    padding: 15px;
    max-width: 440px;
  }

  .mobile_bloc_prix {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .mobile_bloc_prix p:not(.pmobile) {
    text-align: center;
    width: 100%;
  }

  .pmobile,
  .resa_mobile {
    width: 50%;
    text-align: center;
  }

  .pmobile {
    text-align: end;
    padding-right: 15px;
    display: flex;
    justify-content: end;
    align-items: center;
  }

  .resa_mobile {
    text-align: left;
    padding-left: 15px;
    width: 100px !important;
  }

  /*------------------------------------------------------------ Contact------------------------------------------------------*/


  #section_1_contact {
    background-position: inherit;
  }

  #section_2_contact {
    width: 100%;
    display: flex;
    padding: 70px 15px 40px 15px;
    gap: 10%;
    flex-direction: column;
  }

  #section_2_contact h3,
  div.bloc_section_2:nth-child(1)>p:nth-child(5) {
    padding-bottom: 45px;
  }

  #telephone-contact {
    margin-bottom: 40px;
  }

  .bloc_section_2 {
    width: 100%;
  }

  form {
    padding-right: 0;
  }

  .controle_technique_nantes {
    width: 100%;
  }

  .controle_technique_nantes a {
    width: 100%;
  }

  .controle_technique_nantes a img {
    width: 100%;
  }

  /*-------------------------------------------------------- FAQ ------------------------------------------------------------*/
  #section_2_faq>p:nth-child(2),
  #bloc_faq,
  .contact-faq {
    width: 90%;
  }

  /*------------------------------------------------ Mentions légales Politque de confidentialité ------------------------------*/

  #grp_politique,
  #grp_mentions_legales {
    width: 90%;
  }

}