/************************************************** HEADER ************************************************************/

/************************************************** COMMUNS ***********************************************************/
.cadreListeProduits h2 {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
}
.cadreListeProduits h2:after {
  content: "";
  display: block;
  flex: 1;
  height: 0.3rem;
  margin-left: 3rem;
}
/************************************************** HEADER ************************************************************/
/**************************************************** POPUP MODAL *****************************************************/
#block_recherche .modal_recherche__results__container .categoryList a:last-child::after {
  display: none;
}
#block_recherche .modal_recherche__results__container .categoryList a::after {
  display: inline-block;
  margin: 0 0 0 1rem;
}
/************************************************** MENUS *************************************************************/
/************************************************** MENUS *************************************************************/
/**************************************************** SECTION *********************************************************/
/************************************************** SLIDERS ***********************************************************/
/************************************************** CATALOGUE *********************************************************/
/************************************************** PRODUIT ***********************************************************/
#productCard .produitCaracteristique.optionImg {
  margin: 0 0 0.5rem;
}
#productCard .produitCaracteristiqueBas {
  padding: 2rem 1rem 0;
}
.productsList .catalogArticle .ligneArticle_detail .produitCaracteristique.optionFlag,
#productCard .produitCaracteristique.optionFlag {
  display: inline-flex;
}
/************************************************** PANIER ************************************************************/
/************************************************** TUNNEL DE COMMANDE ************************************************/
/************************************************** MON COMPTE ********************************************************/
.caddieContainer {
  margin: 0.2rem 0 2rem;
}
/************************************************** CONTENU ***********************************************************/
.drupalForm .contentDrupalForm {
  padding: 1rem;
}
/************************************************** ASIDE *************************************************************/
.aside .asideContent > div {
  grid-template-columns: repeat(auto-fit, 19.2rem);
  grid-template-rows: repeat(auto-fit, 24rem);
}
.aside .asideContent .bloc {
  margin: 0;
}

.aside .asideContent .bloc a img {
  max-height: 19rem;
}
/************************************************** FOOTER ************************************************************/
.footer-site  .copyright div span {
  width: fit-content;
  height: 2.8rem;
  padding: 0 2rem;
}
.footer-site  .footerSecond .separator {
  margin: 0;
}

.footer-site  .socialMediaBlock li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2em;
  width: 2.6rem;
  height: 2.6rem;
}

@media screen and (max-width: 939px) {
  /************************************************** MON COMPTE ********************************************************/
  #navUserAccount .content a {
    margin: 0 0.2rem 0 0;
  }
  #navUserAccount .content a::before {
    flex: 0 0 40%;
    height: 40%;
  }
  #navUserAccount .content a span {
    flex: 0 0 60%;
    height: 60%;
  }
  .userAccount .content h2 {
    width: 100%;
    margin: 0.5rem 0;
    padding: 0.5rem 1rem;
  }
  #contentDashboardUser .fieldsetLegend {
    padding: 1rem;
    height: auto;
  }
  #contentDashboardUser .twoBlocs {
    padding: 1rem;
  }
  #contentUserOrders .orderHeader,
  #contentUserOrders .orderFooter {
    padding: 2rem;
  }
  #contentUserOrders .orderHeader .orderHeaderContent {
    padding: 0;
  }
  #contentUserOrders .orderContent,
  #contentUserOrders .orderFooter {
    margin: 0 auto;
  }
  #contentUserOrders .orderContent .fieldsetLine {
    width: 100%;
    margin: 0;
  }
  /************************************************** TUNNEL DE COMMANDE ************************************************/
  #tdv .content a {
    margin: 0 0.2rem 0 0;
  }
  .tdvContent {
    margin: 1rem 0;
    padding: 0 0 0.1rem;
  }
  /************************************************** FOOTER ************************************************************/
  .footer-site  .copyright > .content {
    flex-wrap: wrap;
  }

  .footer-site  .copyright .content div {
    margin: 0.5rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  /************************************************** FOOTER ************************************************************/
  .footer-site  .footerSecond .content > div {
    padding: 0;
  }
  .footer-site  .copyright .content div:first-child span {
    width: 19.3rem;
  }
  .footer-site  .copyright .content div:last-child span {
    width: 16.7rem;
  }
}

/************************************************** HEADER ************************************************************/
@media screen and (min-width: 940px) {
  .header-site .logo .retourAccueil {
    width: fit-content;
    padding: 0 2rem;
  }
  #block_recherche .recherche {
    width: 23rem
  }
  #block_recherche input[type=search] {
    padding: 0.6rem 1.2rem;
  }

}

/************************************************** COMMUNS ***********************************************************/
@media screen and (min-width: 940px) {
  .breadcrumb a:after {
    content: ' >';
    margin-left: 1rem;
  }

  .breadcrumb a:last-child:after {
    content: '';
  }
}

/************************************************** CATALOGUE *********************************************************/
@media screen and (min-width: 940px) {
  .catalogFacet {
    width: 24rem;
    flex: 0 0 24rem;
    margin-right: 2rem;
    overflow: visible;
  }
  .catalogFacet fieldset {
    position: relative;
    margin: 0 0 2rem;
  }
  .catalogFacet fieldset.plv legend,
  .catalogFacet fieldset legend {
    max-width: 24rem;
    padding: 1.4rem 1.4rem 0.7rem;
  }
  .catalogFacet fieldset.plv div,
  .catalogFacet fieldset div {
    padding: 0.7rem 1.4rem 1.4rem;
  }
  #listeProduits .catalogDetail {
    padding: 2rem;
  }
}

/************************************************** PRODUIT ***********************************************************/
/************************************************** MON COMPTE ********************************************************/
@media screen and (min-width: 940px) {
  #contentUserAccount,
  #contentUserSites {
    padding: 2rem;
    margin: 1rem auto;
  }

  #contentUserAccount,
  #contentUserSites,
  #contentDashboardUser,
  #titleUserAccount .content,
  #contentUserOrders .content,
  #contentUserCaddies .content,
  #contentUserFavoriteCaddies .content {
    max-width: 130rem;
    margin-left: calc((100% - 130rem) / 2);
    margin-right: calc((100% - 130rem) / 2);
  }
  .userAccount h2,
  #contentUserOrders h2,
  #contentUserCaddies h2,
  #contentUserFavoriteCaddies h2 {
    width: 100%;
    margin: 1rem 0;
    padding: 1rem 2rem;
  }
  #contentUserOrders .orderContent .fieldsetLine {
    margin: 0;
  }
  #contentUserOrders .orderHeader .orderHeaderContent {
    padding: 1rem;
  }
  #contentUserOrders .orderFooter {
    margin: 0 auto;
    padding: 0;
  }

  #contentUserOrders .orderHeader .blockTotal p,
  .caddieHeader .blockTotal p,
  .caddieFooter .blockTotal p {
    margin-right: 1rem;
  }

  #contentDashboardUser .twoBlocs {
    padding: 2rem;
  }
  .caddieContainer:last-child {
    margin-bottom: 1rem;
  }
  #contentUserOrders h2 + .fieldsetContainer {
    padding: 2rem 1rem 1rem;
  }
}

/************************************************** TUNNEL DE COMMANDE ************************************************/
@media screen and (min-width: 940px) {
  #currentCaddie .caddieContainer .caddieHeader .content .caddieHeaderInfo {
    padding-left: 1rem;
  }

  .tdvContent .caddieContainer:last-child {
    margin-bottom: 0;
  }
  .tdvContent .pageTitle {
    margin-bottom: 1rem ;
  }
  .tdvContent .pageTitle h1 {
    padding: 1.5rem 0;
  }
}

/************************************************** ASIDE *************************************************************/
@media screen and (min-width: 940px) {
  .reassuranceContent.cols-5 .bloc {
    flex: 0 0 19rem;
    width: 19rem;
    height: 17rem;
  }
  .reassuranceContent .bloc {
    padding: 1rem 0.5rem;
  }
  .reassuranceContent .bloc p {
    margin: 0
  }
}

/************************************************** FOOTER ************************************************************/
@media screen and (min-width: 940px) {
  .footer-site {
    margin-top: 4rem;
  }

  .footer-site .copyright .content div + div {
    margin-left: 1.7rem;
  }
}