article.product-miniature.js-product-miniature {
  border:none;
}


#header .logo {
  max-width: 100px;
}



.top-menu a[data-depth="0"] {

  font-weight: 400;
}


#custom-text {

    padding-right: 0rem;
    padding-left: 0rem;
    background: none;
    line-height: 1.5;
    word-spacing: 0.09rem;
}

#custom-text p {
    margin-bottom: 2rem;
}



.caption-description h2{
  font-weight: 400;
}

#wrapper {
  background: ;
    border-bottom: none;
}

article.product-miniature.js-product-miniature {
    border: solid #ebebeb 0.5px;
}

#header {
    
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: solid #EDEDED 0.5px;
}



.js-product.product.col-xs-12.col-sm-6.col-lg-4.col-xl-3 {
  margin-top: 20px;
}

.product-manufacturer {
  max-width: 200px;
}

.product-miniature .product-title {
  margin-top: .7rem;
  text-align: center;
  text-transform: none;
}

.right.carousel-control {
  display: none;
}

.left.carousel-control {
  display: none;
}

.carousel .carousel-inner {
  height: auto;
    margin-bottom:0px;
}

.carousel {
  margin-bottom: 1rem;
}



@media (max-width: 991px) {
    .carousel {
        left: 50%;
        width: 100vw;
        padding-bottom: none;
        margin-left: -50vw;
        background-color: #f6f6f6;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

#header .menu, #header .menu > ul > li {
  display: inline-block;
  padding:0.5rem;
    padding-left: 20px;
}


@media (min-width: 1200px) {
  .container {
    width: 90%;
    max-width: 100%;
  }
}
 
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-fluid, .img-thumbnail {
  max-width: 100%;
  height: auto;
  width: 100%;
}

@media (min-width: 1200px) {
  .col-xl-4, .col-xl-5 {
    float: left;
    width: 25%;
  }
}

@media (min-width: 992px) {
  .col-lg-9 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-8, .col-md-9 {
    float: left;
    width: 100%;
  }
}

article.product-miniature.js-product-miniature {
  border:
none;
}

.h1, .h2, .h3 {
  text-transform: none;
  line-height: 1.9rem;
    color:#8E94B2;
}

.page-content.page-cms ul, p {
  font-size: 1.1rem;
  font-weight: 350;
  color: #7a7a7a;
  line-height: 1.5rem;
  font-family: Noto Sans, sans-serif;
}

body {
  font-family: Noto Sans, sans-serif;
  font-size: 1.1rem;
  line-height: 1.5em;
   color: #7a7a7a;
}

#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
  color: #616579;
}

.top-menu a[data-depth="0"] {
  padding:.625rem;
  font-size: 1.1rem;
}

.product-miniature .product-title a {
  font-size: 1rem;
  font-weight: 400;
  color: #354284;
  text-align: center;
  text-decoration:
none;
}

.top-menu a.dropdown-submenu {
  font-weight: 300;
  color: #232323;
  text-transform: uppercase;
}


.top-menu .sub-menu ul[data-depth="1"] > li {
  float: none;
  margin:
0 1.25rem;
}



.sf-menu {
  position: relative;
    padding-left: 65px;
    padding-right:25px;
  width: 100%;
  border-bottom:
none;
  background:white;
}


.sf-menu > li > a {
  font:
300 18px/22px "Open Sans", sans-serif;
  text-transform: none;
  color: #484848;
  display: block;
  padding:
17px 20px;
}

.sf-menu > li {
  float: left;
  position: relative;
  border-right:
none;
}

.pagination a {
  font-weight: 300;
  color: #000;
}

/* enlever la creation de compte */



.nav.nav-inline.my-2 {
  display: none;
}

.form-informations {
  display: none;
}


/* === MENU DROPDOWN FIX (sous-menus sous l'item, pas pleine largeur) === */
@media (min-width: 768px) {
  /* conteneur menu : autoriser le overflow du dropdown */
  #header .header-top,
  #header .menu,
  #_desktop_top_menu,
  #_desktop_top_menu .top-menu {
    overflow: visible !important;
  }

  #_desktop_top_menu .top-menu[data-depth="0"] {
    position: relative;
    z-index: 5;
  }

  /* chaque item = contexte ; z-index bas par défaut */
  #_desktop_top_menu .top-menu[data-depth="0"] > li {
    position: relative;
    display: inline-block;
    float: none;
    vertical-align: top;
    z-index: 1;
  }

  /* l'item survolé passe AU-DESSUS des autres lignes du menu */
  #_desktop_top_menu .top-menu[data-depth="0"] > li:hover {
    z-index: 300;
  }

  #_desktop_top_menu .top-menu[data-depth="0"] > li > a {
    position: relative;
    z-index: 2;
  }

  /* pendant qu'un sous-menu est ouvert, les autres liens top ne capturent plus la souris */
  #_desktop_top_menu .top-menu[data-depth="0"]:has(> li:hover) > li:not(:hover) {
    z-index: 0;
  }
  #_desktop_top_menu .top-menu[data-depth="0"]:has(> li:hover) > li:not(:hover) > a {
    pointer-events: none;
  }

  /* dropdown compact, opaque, au-dessus de tout */
  #_desktop_top_menu .top-menu .sub-menu,
  #_desktop_top_menu .top-menu .popover.sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: max-content !important;
    min-width: 240px !important;
    max-width: 360px !important;
    margin: 0 !important;
    padding: 0.4rem 0 !important;
    background: #fff !important;
    opacity: 1 !important;
    z-index: 301 !important;
    pointer-events: auto !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.15) !important;
    border: 1px solid #ececec !important;
  }

  #_desktop_top_menu .top-menu .sub-menu ul[data-depth="1"] {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  #_desktop_top_menu .top-menu .sub-menu ul[data-depth="1"] > li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    background: #fff !important;
  }

  #_desktop_top_menu .top-menu .sub-menu ul[data-depth="1"] > li > a {
    display: block !important;
    white-space: nowrap;
    padding: 0.6rem 1.1rem !important;
    background: #fff !important;
    color: #232323 !important;
    position: relative;
    z-index: 302;
  }

  #_desktop_top_menu .top-menu .sub-menu ul[data-depth="1"] > li > a:hover {
    background: #f5f5f5 !important;
  }

  /* pont hover entre le lien parent et le sous-menu */
  #_desktop_top_menu .top-menu[data-depth="0"] > li:hover > .sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
  }
}
/* === END MENU DROPDOWN FIX === */