/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
/* MENU temporaire */
@media (min-width: 1199px) {
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits {
    /* menu onglet PRODUITS */
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul {
    left: -92px;
    padding: 0;
    width: 950px;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first {
    /* 1ere colonne liste produits */
    width: 70%;
    padding: 18px 0 18px 14px;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul.dropdown-menu {
    top: 0 !important;
    float: none;
  }
}
@media (min-width: 1199px) and (max-width: 1199px) {
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul {
    display: flex;
    flex-wrap: wrap;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li {
    flex: 0 0 100%;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:first-child {
    /* poutrelle */
    order: 1;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(2) {
    /* predalle */
    order: 4;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(3) {
    /* premur */
    order: 7;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(4) {
    /* entrevous */
    order: 2;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(5) {
    /* dalle alveolee */
    order: 5;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(6) {
    /* charpentes */
    order: 8;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(4) {
    /* rupteur */
    order: 3;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(5) {
    /* poutres */
    order: 6;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li:nth-child(6) {
    /* impakt */
    order: 9;
  }
}
@media (min-width: 1199px) {
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li {
    display: inline-block;
    width: 33%;
    padding: 0 5px 0 0;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a {
    padding-left: 66px;
    padding-top: 14px;
    padding-bottom: 14px;
    background-size: 120px 45px;
    background-position: 0 center;
    background-color: transparent;
    background-repeat: no-repeat;
    line-height: 16px;
    white-space: break-spaces;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/1889"] {
    background-image: url(../images/icones/produit_charpentes.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/366"] {
    background-image: url(../images/icones/produit_entrevous.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/367"] {
    background-image: url(../images/icones/produit_poutrelles.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/374"] {
    background-image: url(../images/icones/produit_poutres.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/375"] {
    background-image: url(../images/icones/produit_predalles.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/376"] {
    background-image: url(../images/icones/produit_premur.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/377"] {
    background-image: url(../images/icones/produit_rupteur.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/446"] {
    background-image: url(../images/icones/produit_dalles-alveolee.png);
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a[data-drupal-link-system-path="node/395"] {
    background-image: url(../images/icones/feuille_impakt.png);
    background-size: 30px 29px;
    background-position: 14px center;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.first ul li a.menuhighlight {
    font-weight: 500;
    padding-left: 0;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.last {
    /* les plus KP1 */
    width: 30%;
    background: rgba(16, 42, 99, 0.22);
    padding: 18px 10px 18px 8px;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.last a.menu_entete {
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    color: #333333;
    margin: 0 0 16px 0;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.last a.menu_entete:after {
    position: absolute;
    content: '';
    height: 1px;
    left: 13px;
    bottom: -5px;
    width: 50px;
    background: #cccccc;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.last ul {
    background: transparent;
    top: 0 !important;
    float: none;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li.last ul li {
    float: left;
    width: 100%;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li a.menu_invisible {
    opacity: 0;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
  }
  #block-logonavigation nav#block-mainnavigation ul li:hover a.menuproduits + ul > li ul {
    display: block;
    border: none;
    position: relative;
    box-shadow: none;
  }
}

/* Marges liste cellules produits */
.views-field-field-composant-associe .field--name-field-images-produit {
  margin: 0 !important;
}

/*# sourceMappingURL=differentiel_style.css.map */