/* vignette : 335px
miniature : 255px */
/************************************************** HEADER ************************************************************/
#block_recherche .form-item input:not([type=radio]):not([type=checkbox]):not([type=file]),
#block_recherche .form-item .inputText {
  margin: 0;
}
/************************************************** MENUS *************************************************************/

@media screen and (min-width: 940px) {
  #catalogMenu.catalogMenuHZ .menuProduit_categories .menu {
    padding: 0.8rem 1rem;
    align-items: center;
  }

}
/**************************************************** Menus ***********************************************************/
/************************************************** COMMUNS ***********************************************************/
/************************************************** SLIDERS ***********************************************************/
.cadreListeProduits .produit {
  position: relative
}

@media screen and (min-width: 940px) {
  .cadreListeProduits.compact .produit {
    flex: 0 0 18rem;
    width: 18rem;
  }

  .cadreListeProduits.compact .produit .cadreImage {
    max-width: 18rem;
    max-height: 18rem;
  }

  .cadreListeProduits.standard .produit {
    flex: 0 0 25.5rem;
    width: 25.5rem;
  }

  .cadreListeProduits .produit .cadreImage,
  .cadreListeProduits.standard .produit .cadreImage > span:not(.icon-promo) {
    max-width: 25.5rem;
    max-height: 25.5rem;
  }
}
/************************************************** CATALOGUE *********************************************************/

@media screen and (min-width: 600px) {
  .productsList .catalogArticle .ligneArticle_tarif .blocSaisie {
    width: 100%
  }
}

@media screen and (max-width: 939px) {
  .productsList .catalogArticle .ligneArticle_tarif .blocSaisie .inputBloc {
    margin: 0 1rem;
  }
}

@media screen and (min-width: 600px) {
  #listeProduits .productsList .catalogArticle {
    grid-template-columns: minmax(12rem, 30rem) minmax(48%, 1fr) minmax(20rem, 28rem);
  }

  #block_recherche .modal_recherche__results__container .productsList .catalogArticle a {
    padding: 1rem;
  }
}

@media screen and (min-width: 940px) {
  .productsList .catalogArticle .ligneArticle_detail .produitDescriptif a.title h2 {
    margin-bottom: 2rem;
  }
  .productsList p.optionImg .showOption img {
    max-height: 9rem;
    max-width: 9rem;
  }

  .produitStock {
    width: 100%;
    margin: auto;
  }
}

@media screen and (min-width: 1040px) {
  #listeProduits .productsList .catalogArticle,
  #listeConnexe .productsList .catalogArticle {
    gap: 2rem;
    padding: 2rem;
  }
}

/************************************************** PRODUIT ***********************************************************/
#listeConnexe article {
  position: relative;
}

#agencesFilterStock .libelleStock .unit {
  margin-left: 2px;
}
@media screen and (min-width: 940px) {
  #productCard #tabs .optionImg span.infoDetail .showZoom,
  #productCard .produitCaracteristiqueBas .optionImg span.infoDetail .showZoom {
    width: 34.5rem;
    height: 34.5rem;
    max-width: 34.5rem;
    max-height: 34.5rem;
  }

  #productCard .produitImages .mainImage img,
  #productCard #tabs .optionImg span.infoDetail .showZoom img,
  #productCard .produitCaracteristiqueBas .optionImg span.infoDetail .showZoom img {
    max-width: 33.5rem;
    max-height: 33.5rem;
  }

  #productCard .produitImages .pictosLinks img {
    max-height: 9rem;
    max-width: 9rem;
  }
  #tabs {
    margin-bottom: 1rem;
  }

  #tabs ul.tabs_1 li a,
  #tabs ul.tabs_2 li a,
  #tabs ul.tabs_3 li a,
  #tabs ul.tabs_4 li a,
  #tabs ul.tabs_5 li a,
  #tabs ul.tabs_6 li a {
    min-width: 24rem;
    width: auto;
  }

  #productCard .produitPresentation .content {
    align-items: flex-start;
  }

  #listeRegroupement h2 {
    display: block;
  }

  #listeConnexe article .ligneArticle_detail {
    flex-direction: column;
  }

  #listeConnexe .autresAgences {
    width: calc(100% - 2rem);
    margin: 1rem auto 0;
  }
}


/************************************************** PANIER ************************************************************/
/************************************************** TUNNEL DE COMMANDE ************************************************/
#tdv .content {
  justify-content: center;
  display: grid;
}

#tdv .content p a {
  width: 100%;
  aspect-ratio: 1 / 1;
  min-width: 5rem;
  height: auto;
  max-width: 12rem;
  max-height: 12rem;
}

@media screen and (max-width: 939px) {
  #tdv .content {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 1rem;
  }

  #tdv a + span {
    display: none;
  }
}

@media screen and (min-width: 940px) {
  #tdv .content {
    grid-template-columns: repeat(auto-fit, minmax(5rem, 12rem));
    gap: 2rem;
  }
}

/************************************************** MON COMPTE ********************************************************/
/************************************************** CONTENU ***********************************************************/

#left .menu-vertical {
  width: 23rem;
}
#left .menu-vertical > p {
  width: 100%;
  margin: 0;
  padding: 1rem;
}
#left .menu-vertical ul {
  padding: 0.2rem 1rem;
}

#left .menu-vertical ul li {
  padding: 0.5rem 0;
}
article .conteneur_mainBox {
  width: 100%;
  min-height: 40rem;
  margin: 1rem auto;
  padding: 1rem;
}

article .conteneur_mainBox h1 {
  margin: 1rem 0;
}

article .conteneur_mainBox .flex-fJbetween p {
  margin: 1.5rem 0;
}

article .conteneur_mainBox .flex-fJbetween p + div {
  flex: 0 0 30rem;
  margin: 0 0 0 0.5rem;
}
@media screen and (max-width: 939px) {
  #leftCol aside,
  #leftCol article {
    width: 100%;
  }

  #left .menu-vertical {
    margin: 1rem auto
  }

}
@media screen and (min-width: 940px) {
  #leftCol aside {
    width: 25%;
  }

  #leftCol article {
    width: 75%;
  }

  #left .menu-vertical {
    width: 23rem;
    margin: 1rem 1rem 1rem auto;
    padding: 0;
  }
}

/************************************************** FORMULAIRES *******************************************************/
@media screen and (min-width: 1300px) {
  #contact-message-contactez-nous-form {
    max-width: unset;
    margin: 0;
  }
  #contact-message-contactez-nous-form .content,
  #contact-message-contactez-nous-form .maxContent {
    max-width: 90rem;
    margin-left: calc((100% - 90rem) / 2);
    margin-right: calc((100% - 90rem) / 2);
  }
}

/************************************************** ASIDE *************************************************************/
/************************************************** FOOTER ************************************************************/