@charset "UTF-8";
/*
Theme Name: Bootstrap 4 Sass
Description: Bootstrap 4 with Sass
*/
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;400;600&display=swap");
/* ***********************************
        Elements globaux
***************************************/
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif !important;
  font-size: 17px !important;
}

html,
body,
.dialog-off-canvas-main-canvas,
#page-wrapper {
  height: 100%;
}

#page {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.clearfix:after, .container:after, .page-user-login #block-distributeurs-content .content:after, .page-user-login #main:after,
.page-user-password #main:after, #block-distributeurs-webform .content:after, .featured-bottom .region-featured-bottom-first:after, footer .region-footer-first:after, .node--type-accueil #block-distributeurs-page-title:after, .node--type-accueil article .field--name-body:after, .node--type-page #block-distributeurs-page-title:after, .node--type-page #block-distributeurs-content .field--name-body:after, .node--type-distributeur .distributeur_wrapper_entete:after, .node--type-distributeur #distributeur-certifications:after, .node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de:after, .node--type-distributeur .field--name-field-informations-complementair:after, #block-distributeurs-views-block-carte-distributeurs-block-2 .content:after, .paragraph--type--texte:after, .paragraph--type--colonnes-largeur-egale .paragraph_wrapper:after, .paragraph--type--espace-vertical:after {
  content: "";
  clear: both;
  display: table;
}

a::before {
  display: none;
  background-color: none;
}

@media screen and (min-width: 1400px) {
  .container, .page-user-login #block-distributeurs-content .content, .page-user-login #main,
  .page-user-password #main, #block-distributeurs-webform .content, .featured-bottom .region-featured-bottom-first, footer .region-footer-first, .node--type-accueil #block-distributeurs-page-title, .node--type-accueil article .field--name-body, .node--type-page #block-distributeurs-page-title, .node--type-page #block-distributeurs-content .field--name-body, .node--type-distributeur .distributeur_wrapper_entete, .node--type-distributeur #distributeur-certifications, .node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de, .node--type-distributeur .field--name-field-informations-complementair, #block-distributeurs-views-block-carte-distributeurs-block-2 .content, .paragraph--type--texte, .paragraph--type--colonnes-largeur-egale .paragraph_wrapper {
    width: 1240px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .container, .page-user-login #block-distributeurs-content .content, .page-user-login #main,
  .page-user-password #main, #block-distributeurs-webform .content, .featured-bottom .region-featured-bottom-first, footer .region-footer-first, .node--type-accueil #block-distributeurs-page-title, .node--type-accueil article .field--name-body, .node--type-page #block-distributeurs-page-title, .node--type-page #block-distributeurs-content .field--name-body, .node--type-distributeur .distributeur_wrapper_entete, .node--type-distributeur #distributeur-certifications, .node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de, .node--type-distributeur .field--name-field-informations-complementair, #block-distributeurs-views-block-carte-distributeurs-block-2 .content, .paragraph--type--texte, .paragraph--type--colonnes-largeur-egale .paragraph_wrapper {
    width: 1140px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .container, .page-user-login #block-distributeurs-content .content, .page-user-login #main,
  .page-user-password #main, #block-distributeurs-webform .content, .featured-bottom .region-featured-bottom-first, footer .region-footer-first, .node--type-accueil #block-distributeurs-page-title, .node--type-accueil article .field--name-body, .node--type-page #block-distributeurs-page-title, .node--type-page #block-distributeurs-content .field--name-body, .node--type-distributeur .distributeur_wrapper_entete, .node--type-distributeur #distributeur-certifications, .node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de, .node--type-distributeur .field--name-field-informations-complementair, #block-distributeurs-views-block-carte-distributeurs-block-2 .content, .paragraph--type--texte, .paragraph--type--colonnes-largeur-egale .paragraph_wrapper {
    width: 980px;
    margin: 0 auto;
  }
}

section.section a {
  color: #E30613;
  text-decoration: none;
}

.main-content.col {
  overflow: hidden;
}

.bouton, .node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-dynamic-block-fieldnode-entreprise-suite a {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  padding: 6px 60px 6px 20px;
  text-transform: uppercase;
  text-decoration: none;
  background: #fff url("../images/icons/arrow-right-rouge.png") no-repeat 95% center;
  background-size: 10px;
  color: #343a40;
}
@media (max-width: 480px) {
  .bouton, .node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-dynamic-block-fieldnode-entreprise-suite a {
    font-size: 14px;
    padding: 6px 38px 6px 10px;
    background-position: 96% center;
  }
}

.bouton-rouge {
  border-radius: 4px;
  font-size: 18px;
  padding: 8px 60px 8px 20px;
  text-transform: uppercase;
  text-decoration: none;
  background: #E30613 url("../images/icons/arrow-right-blanc.png") no-repeat 95% center;
  background-size: 10px;
  color: #fff !important;
}
@media (max-width: 480px) {
  .bouton-rouge {
    font-size: 14px;
    padding: 6px 38px 6px 10px;
    background-position: 96% center;
  }
}

blockquote {
  padding: 14px 0 14px 36px;
  margin: 16px 0;
  font-style: italic;
  border-left: 4px solid #E4E4E4;
}

/* paragraphes */
.background_gray {
  background: #F6F6F6;
  padding: 60px 0;
  margin-top: 1px;
}
@media screen and (max-width: 991px) {
  .background_gray {
    padding: 40px 0;
  }
}

.background_transparent {
  background: none !important;
}

.field--name-field-fond-gris {
  display: none;
}

/* réglage hauteur entre paragraphes */
.hauteur_10 {
  height: 10px;
}

.hauteur_20 {
  height: 20px;
}

.hauteur_30 {
  height: 30px;
}

.hauteur_40 {
  height: 40px;
}

.hauteur_50 {
  height: 50px;
}

.hauteur_60 {
  height: 60px;
}

.hauteur_80 {
  height: 80px;
}

.hauteur_100 {
  height: 100px;
}

.page-user-login #block-distributeurs-content .content {
  padding: 100px 0 200px 0;
}

.placeholder {
  background-color: transparent;
  transition: all .3s ease-in-out;
}
.placeholder:before {
  content: '';
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  z-index: -1;
}
.placeholder:hover {
  background-color: #E4E4E4;
}
.placeholder:hover:before {
  height: 100%;
}

/* Bloc normes et qualité */
.paragraph--type--bloc .field--name-field-choix-du-bloc .field--name-body {
  display: flex;
  gap: 0 2%;
}
@media (max-width: 760px) {
  .paragraph--type--bloc .field--name-field-choix-du-bloc .field--name-body {
    flex-wrap: wrap;
    gap: 12px 3%;
    justify-content: center;
  }
}
.paragraph--type--bloc .field--name-field-choix-du-bloc .field--name-body .embedded-entity {
  width: 18%;
  border: 1px solid #F6F6F6;
  padding: 10px;
  text-align: center;
}
@media (max-width: 760px) {
  .paragraph--type--bloc .field--name-field-choix-du-bloc .field--name-body .embedded-entity {
    width: 42%;
    padding: 4px;
  }
  .paragraph--type--bloc .field--name-field-choix-du-bloc .field--name-body .embedded-entity img {
    max-width: 90%;
    height: auto;
  }
}

.page-user-login #main,
.page-user-password #main {
  margin: 3em auto 6em;
}
.page-user-login #main #block-distributeurs-content,
.page-user-password #main #block-distributeurs-content {
  border: #dee2e6 1px solid;
  border-top: 0 none;
  padding: 2em 1em 1em 1em;
}
.page-user-login #main nav.tabs,
.page-user-password #main nav.tabs {
  margin: 0;
}

/* --------------------------------------------------
	Webforms
-------------------------------------------------- */
#block-distributeurs-webform .content form {
  padding: 100px 0;
}
@media (max-width: 760px) {
  #block-distributeurs-webform .content form {
    padding: 100px 10px;
  }
}
@media (min-width: 1200px) {
  #block-distributeurs-webform .content form .js-form-item-titre {
    padding: 0 0 0 120px;
    min-height: 90px;
    background: transparent url("../images/icons/projet.png") no-repeat left top;
  }
}
#block-distributeurs-webform .content form .js-form-item-titre h2 {
  color: #E30613;
  font-size: 40px;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 600;
}
@media (max-width: 992px) {
  #block-distributeurs-webform .content form .js-form-item-titre h2 {
    font-size: 34px;
  }
}
#block-distributeurs-webform .content form #edit-distribcol1 {
  float: left;
  width: 45%;
  margin: 0 5% 0 0;
}
@media (max-width: 760px) {
  #block-distributeurs-webform .content form #edit-distribcol1 {
    width: 100%;
    margin: 0;
  }
}
#block-distributeurs-webform .content form #edit-distribcol2 {
  float: left;
  width: 45%;
}
@media (max-width: 760px) {
  #block-distributeurs-webform .content form #edit-distribcol2 {
    width: 100%;
  }
}
#block-distributeurs-webform .content form .webform-actions .button {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  padding: 6px 60px 6px 20px;
  text-transform: uppercase;
  text-decoration: none;
  background: #fff url("../images/icons/arrow-right-rouge.png") no-repeat 95% center;
  background-size: 10px;
  color: #343a40;
}
#block-distributeurs-webform .content form .js-form-item-rgpd {
  width: 100%;
  clear: both;
  font-size: 15px;
  font-style: italic;
  color: #666666;
}

/* CTA flottants */
#block-distributeurs-cta {
  position: fixed;
  top: 78%;
  right: 14px;
  z-index: 5;
  width: 60px;
  transition: all 1s;
}
@media (max-width: 760px) {
  #block-distributeurs-cta {
    display: none;
  }
}
#block-distributeurs-cta #cta .cta_action {
  height: 60px;
  width: 60px;
  display: inline-block;
  border-bottom: 1px solid #cecece;
  transition: all 0.5s;
}
#block-distributeurs-cta #cta .cta_action.tel {
  background: #E30613 url("../images/icons/icon-telephone.png") no-repeat center center;
  border-top-left-radius: 4px;
}
#block-distributeurs-cta #cta .cta_action.formulaire {
  background: #E30613 url("../images/icons/icon-message.png") no-repeat center center;
  border-bottom-left-radius: 4px;
}
@media (min-width: 992px) {
  #block-distributeurs-cta #cta .cta_action:hover {
    transform: translateX(-10px);
  }
}
#block-distributeurs-cta #cta a {
  text-indent: -9999px;
  display: block;
  height: 60px;
}

body.scrolled #block-distributeurs-cta {
  top: 45%;
}

/* ***********************************
        Header
***************************************/
#header #navbar-top.bg-secondary {
  background-color: #fff;
}
#header #navbar-top .region-top-header {
  width: 100%;
  padding: 30px 20px 10px 20px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 760px) {
  #header #navbar-top .region-top-header {
    padding: 0;
  }
}
#header #navbar-top .region-top-header .navbar-brand {
  width: fit-content;
  margin: 0;
  padding: 0;
  text-align: right;
}
@media (max-width: 760px) {
  #header #navbar-top .region-top-header .navbar-brand {
    text-align: center;
  }
  #header #navbar-top .region-top-header .navbar-brand img {
    max-width: 50%;
    height: auto;
  }
}
#header #navbar-top .region-top-header #block-distributeurs-logodistributeur,
#header #navbar-top .region-top-header #block-distributeurs-sitedesdistributeursofficielsbarrisol {
  width: 50%;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  #header #navbar-top .region-top-header #block-distributeurs-logodistributeur,
  #header #navbar-top .region-top-header #block-distributeurs-sitedesdistributeursofficielsbarrisol {
    padding-left: 26px;
  }
}
@media (max-width: 760px) {
  #header #navbar-top .region-top-header #block-distributeurs-logodistributeur,
  #header #navbar-top .region-top-header #block-distributeurs-sitedesdistributeursofficielsbarrisol {
    width: 100%;
    padding: 5px 0 16px 0;
  }
  #header #navbar-top .region-top-header #block-distributeurs-logodistributeur img,
  #header #navbar-top .region-top-header #block-distributeurs-sitedesdistributeursofficielsbarrisol img {
    width: 40%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
#header #navbar-top .region-top-header #block-distributeurs-logodistributeur p,
#header #navbar-top .region-top-header #block-distributeurs-sitedesdistributeursofficielsbarrisol p {
  padding: 0 0 0 26px;
  margin-bottom: 0;
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 360px;
  color: #666666;
}
@media (max-width: 760px) {
  #header #navbar-top .region-top-header #block-distributeurs-logodistributeur p,
  #header #navbar-top .region-top-header #block-distributeurs-sitedesdistributeursofficielsbarrisol p {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 480px) {
  #header #navbar-top .region-top-header #block-distributeurs-logodistributeur p,
  #header #navbar-top .region-top-header #block-distributeurs-sitedesdistributeursofficielsbarrisol p {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  #header #navbar-top .region-top-header #block-distributeurs-logodistributeur {
    transform: translateY(-20px);
  }
}
#header #navbar-top .region-top-header #block-distributeurs-logodistributeur img {
  max-height: 90px;
  width: auto;
}
@media (max-width: 760px) {
  #header #navbar-top .region-top-header #block-distributeurs-logodistributeur img {
    max-height: 80px;
  }
}
#header #navbar-main {
  background-color: #E4E4E4;
}
@media (max-width: 1199px) {
  #header #navbar-main .navbar-toggler {
    position: absolute;
    top: -132px;
    right: 20px;
  }
}
#header #navbar-main #CollapsingNavbar.justify-content-end {
  justify-content: center !important;
}
@media (max-width: 992px) {
  #header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
  }
}
#header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li a, #header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li span {
  text-transform: uppercase;
  color: #343a40;
  border-right: 1px solid #fff;
  padding: 0 10px;
}
#header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li:last-child {
  border-bottom: none;
}
#header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li:last-child a, #header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li:last-child span {
  border-right: none;
}
@media (min-width: 1200px) {
  #header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li:hover a, #header #navbar-main #CollapsingNavbar.justify-content-end nav ul.nav li:hover span {
    color: #E30613;
  }
}

.node--type-distributeur .navbar-brand:before,
.path-user .navbar-brand:before {
  content: "";
  display: inline-block;
  margin: 0 20px 0 0;
  width: 192px;
  height: 50px;
  background: transparent url("../images/distributeur-officiel.png") no-repeat;
}
@media (max-width: 480px) {
  .node--type-distributeur .navbar-brand:before,
  .path-user .navbar-brand:before {
    width: 90px;
    height: 24px;
    background-size: 90px auto;
  }
}

html[lang="fr"] .navbar-brand:before,
html[lang="fr"] #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  background-position: left top;
}

html[lang="it"] .navbar-brand:before,
html[lang="it"] #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  background-position: left -212px;
}

html[lang="de"] .navbar-brand:before,
html[lang="de"] #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  background-position: left -105px;
}

html[lang="en"] .navbar-brand:before,
html[lang="en"] #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  background-position: left -54px;
}

html[lang="es"] .navbar-brand:before,
html[lang="es"] #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  background-position: left -266px;
}

html[lang="pt"] .navbar-brand:before,
html[lang="pt"] #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  background-position: left -266px;
}

html[lang="pl"] .navbar-brand:before,
html[lang="pl"] #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  background-position: left -318px;
}

/* Menu Distributeurs */
.user-logged-in .region-secondary-menu {
  background-color: #E4E4E4;
  width: 100%;
}
.user-logged-in .region-secondary-menu #block-distributeurs-menudistributeur {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

/* ***********************************
        Footer
***************************************/
.featured-bottom {
  background: #E4E4E4;
  padding: 20px 0;
  margin-top: auto;
}
.featured-bottom .region-featured-bottom-first #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item {
  position: relative;
}
@media (max-width: 480px) {
  .featured-bottom .region-featured-bottom-first #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item {
    padding-left: 104px;
  }
}
@media (max-width: 480px) {
  .featured-bottom .region-featured-bottom-first #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item img {
    max-width: 75%;
    height: auto;
  }
}

.node--type-distributeur #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item {
  padding-left: 180px;
}
.node--type-distributeur #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
  content: "";
  position: absolute;
  left: 0;
  margin: 0 20px 0 0;
  width: 161px;
  height: 43px;
  background: transparent url("../images/distributeur-officiel.png") no-repeat;
  /* background-position: top left; => position cf header.scss */
  background-size: 155px auto;
}
@media (max-width: 480px) {
  .node--type-distributeur #block-distributeurs-barrisolpieddepage .field--name-field-media-image .field__item:before {
    width: 90px;
    height: 24px;
    background-size: 90px auto;
  }
}

footer {
  padding: 30px 0;
}
footer.site-footer {
  background: #F6F6F6 !important;
}
footer .region-footer-first {
  display: flex;
  flex-wrap: wrap;
}
footer .region-footer-first #block-distributeurs-distributeuradresse {
  width: 25%;
}
@media (max-width: 760px) {
  footer .region-footer-first #block-distributeurs-distributeuradresse {
    width: 100%;
  }
}
footer .region-footer-first #block-distributeurs-distributeuradresse p {
  margin-bottom: 0;
}
footer .region-footer-first #block-distributeurs-distributeuradresse p a {
  color: #000;
  text-decoration: none;
}
footer .region-footer-first #block-distributeurs-distributeuradresse p.code-postal {
  display: inline-block;
}
footer .region-footer-first #block-distributeurs-distributeuradresse p.ville {
  display: inline-block;
}
footer .region-footer-first #block-distributeurs-distributeuradresse p.pays {
  margin: 0 0 12px 0;
}
footer .region-footer-first #block-distributeurs-distributeuradresse p.telephone {
  position: relative;
  padding: 0 0 0 20px;
}
footer .region-footer-first #block-distributeurs-distributeuradresse p.telephone:before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  background: transparent url("../images/icons/telephone.png") no-repeat left center;
  background-size: 14px auto;
  width: 14px;
  height: 18px;
}
footer .region-footer-first #block-distributeurs-barrisoladresse {
  width: 25%;
}
@media (max-width: 760px) {
  footer .region-footer-first #block-distributeurs-barrisoladresse {
    width: 100%;
    padding-top: 22px;
  }
}
footer .region-footer-first #block-distributeurs-barrisoladresse a {
  color: #000;
  text-decoration: none;
}
footer .region-footer-first #block-distributeurs-pieddepage {
  width: 25%;
}
@media (max-width: 760px) {
  footer .region-footer-first #block-distributeurs-pieddepage {
    width: 100%;
    padding-top: 22px;
  }
}
footer .region-footer-first #block-distributeurs-pieddepage ul li a {
  padding: 0;
}
footer .region-footer-first #block-distributeurs-pieddepage ul li a.nav-link--contact:before {
  display: none;
}
@media (min-width: 1200px) {
  footer .region-footer-first #block-distributeurs-pieddepage ul li:hover a {
    color: #E30613;
  }
}
footer .region-footer-first #block-distributeurs-suiveznous {
  width: 25%;
}
@media (max-width: 760px) {
  footer .region-footer-first #block-distributeurs-suiveznous {
    width: 100%;
    padding-top: 22px;
  }
}
footer .region-footer-first #block-distributeurs-suiveznous ul {
  padding: 0;
}
footer .region-footer-first #block-distributeurs-suiveznous ul li {
  list-style: none;
  display: inline-block;
  padding: 0 10px 0 0;
}
footer .region-footer-first #block-distributeurs-suiveznous ul li:first-child a {
  background: transparent url("../images/icons/linkedin.png") no-repeat center center;
}
footer .region-footer-first #block-distributeurs-suiveznous ul li:nth-child(2) a {
  background: transparent url("../images/icons/youtube.png") no-repeat center center;
}
footer .region-footer-first #block-distributeurs-suiveznous ul li:nth-child(3) a {
  background: transparent url("../images/icons/instagram.png") no-repeat center center;
}
footer .region-footer-first #block-distributeurs-suiveznous ul li:nth-child(4) a {
  background: transparent url("../images/icons/facebook.png") no-repeat center center;
}
footer .region-footer-first #block-distributeurs-suiveznous ul li a {
  display: block;
  text-indent: -9999px;
  width: 36px;
  height: 34px;
}
@media (min-width: 1200px) {
  footer .region-footer-first #block-distributeurs-suiveznous ul li:hover a {
    opacity: 0.4;
  }
}
footer .region-footer-first .block h2 {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  margin: 0 0 20px 0;
}

/* Accueil */
.node--type-accueil #block-distributeurs-page-title {
  padding-top: 50px;
}
.node--type-accueil article .paragraph--type--texte.cta_distributeurs {
  padding: 20px 0 20px 0;
}
.node--type-accueil article .paragraph--type--texte.cta_distributeurs a.bouton-rouge {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

/* Pages par défaut */
.node--type-page #block-distributeurs-page-title {
  padding-top: 40px;
}

/* Pages distributeurs */
.node--type-distributeur .distributeur_wrapper_entete {
  display: flex;
  padding-top: 40px;
}
@media (max-width: 760px) {
  .node--type-distributeur .distributeur_wrapper_entete {
    flex-wrap: wrap;
  }
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_entete {
  width: 62%;
  padding: 0 4% 0 0;
}
@media (max-width: 760px) {
  .node--type-distributeur .distributeur_wrapper_entete .distributeur_entete {
    width: 100%;
    padding: 0;
  }
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-field-logo {
  display: none;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-dynamic-block-fieldnode-distributeur-officiel-barrisol {
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  color: #666666;
}
@media (max-width: 480px) {
  .node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-dynamic-block-fieldnode-distributeur-officiel-barrisol {
    font-size: 16px;
    line-height: 16px;
  }
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-dynamic-block-fieldnode-distributeur-officiel-barrisol p {
  margin-bottom: 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-node-title {
  margin: 0 0 20px 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-node-title h1 {
  font-size: 60px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 2px;
}
@media (max-width: 992px) {
  .node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-node-title h1 {
    font-size: 48px;
  }
}
@media (max-width: 480px) {
  .node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-node-title h1 {
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
  }
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_entete .field--name-dynamic-block-fieldnode-entreprise-suite {
  padding: 20px 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees {
  width: 34%;
  padding: 108px 0 0 55px;
  background: transparent url("../images/icons/pin.png") no-repeat left 110px;
}
@media (max-width: 760px) {
  .node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees {
    width: 100%;
    padding: 20px 0 0 55px;
    background-position: left 22px;
  }
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-code-postal {
  display: inline-block;
  margin: 0 4px 0 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-ville {
  display: inline-block;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-telephone {
  margin: 20px 0 0 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-email a {
  color: #000;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-email:hover a {
    color: #E30613;
  }
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-site-web {
  padding: 0 0 16px 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-site-web a {
  color: #000;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-site-web:hover a {
    color: #E30613;
  }
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-facebook {
  display: inline-block;
  margin: 0 8px 0 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-facebook a {
  text-indent: -9999px;
  background: transparent url("../images/icons/social_fb.png") no-repeat;
  display: block;
  width: 33px;
  height: 33px;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-linkedin {
  display: inline-block;
  margin: 0 8px 0 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-linkedin a {
  text-indent: -9999px;
  background: transparent url("../images/icons/social_ln.png") no-repeat;
  display: block;
  width: 33px;
  height: 33px;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-instagram {
  display: inline-block;
  margin: 0 8px 0 0;
}
.node--type-distributeur .distributeur_wrapper_entete .distributeur_coordonnees .field--name-field-instagram a {
  text-indent: -9999px;
  background: transparent url("../images/icons/social_instagram.png") no-repeat;
  display: block;
  width: 33px;
  height: 33px;
}
.node--type-distributeur #galerie-realisations {
  /* Photos réalisations */
  background: #F6F6F6;
  padding: 40px 0;
  margin: 0 -14px;
}
.node--type-distributeur #galerie-realisations.galerievide {
  display: none;
}
.node--type-distributeur #galerie-realisations .field--name-dynamic-block-fieldnode-nos-realisations {
  text-align: center;
  padding: 0 0 16px 0;
}
.node--type-distributeur #galerie-realisations .field--name-dynamic-block-fieldnode-nos-realisations h2 {
  font-size: 40px;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 600;
}
@media (max-width: 992px) {
  .node--type-distributeur #galerie-realisations .field--name-dynamic-block-fieldnode-nos-realisations h2 {
    font-size: 34px;
  }
}
.node--type-distributeur #galerie-realisations .field--name-field-photos-realisations {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 1%;
  padding: 0 40px;
}
@media (max-width: 760px) {
  .node--type-distributeur #galerie-realisations .field--name-field-photos-realisations {
    gap: 16px 0;
    padding: 0 20px;
  }
}
.node--type-distributeur #galerie-realisations .field--name-field-photos-realisations .field__item {
  width: 24%;
  height: 30vh;
}
@media (max-width: 760px) {
  .node--type-distributeur #galerie-realisations .field--name-field-photos-realisations .field__item {
    width: 48%;
    height: 20vh;
  }
}
.node--type-distributeur #galerie-realisations .field--name-field-photos-realisations .field__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.node--type-distributeur .field--name-dynamic-block-fieldnode-normes-qualite {
  padding: 40px 0 40px 2%;
}
.node--type-distributeur .field--name-dynamic-block-fieldnode-normes-qualite .field--name-body {
  display: flex;
  gap: 0 2%;
}
@media (max-width: 760px) {
  .node--type-distributeur .field--name-dynamic-block-fieldnode-normes-qualite .field--name-body {
    flex-wrap: wrap;
    gap: 12px 3%;
    justify-content: center;
  }
}
.node--type-distributeur .field--name-dynamic-block-fieldnode-normes-qualite .field--name-body .embedded-entity {
  width: 18%;
  border: 1px solid #F6F6F6;
  padding: 10px;
  text-align: center;
}
@media (max-width: 760px) {
  .node--type-distributeur .field--name-dynamic-block-fieldnode-normes-qualite .field--name-body .embedded-entity {
    width: 42%;
    padding: 4px;
  }
  .node--type-distributeur .field--name-dynamic-block-fieldnode-normes-qualite .field--name-body .embedded-entity img {
    max-width: 90%;
    height: auto;
  }
}
.node--type-distributeur #distributeur-certifications {
  padding: 40px 0 60px 0;
}
.node--type-distributeur #distributeur-certifications .field--name-dynamic-block-fieldnode-certifications-titre .field--name-body {
  font-size: 40px;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 600;
}
@media (max-width: 992px) {
  .node--type-distributeur #distributeur-certifications .field--name-dynamic-block-fieldnode-certifications-titre .field--name-body {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .node--type-distributeur #distributeur-certifications .field--name-dynamic-block-fieldnode-certifications-titre .field--name-body {
    font-size: 28px;
    line-height: 30px;
    padding-bottom: 14px;
  }
}
.node--type-distributeur #distributeur-certifications .field--type-boolean {
  width: 33%;
  float: left;
  margin: 0 0 14px 0;
}
@media (max-width: 760px) {
  .node--type-distributeur #distributeur-certifications .field--type-boolean {
    width: 50%;
  }
}
.node--type-distributeur #distributeur-certifications .field--type-boolean .field__label {
  padding: 0 0 0 40px;
}
@media (max-width: 760px) {
  .node--type-distributeur #distributeur-certifications .field--type-boolean .field__label {
    padding: 0 0 0 34px;
  }
}
.node--type-distributeur #distributeur-certifications .field--type-boolean .field__label.active {
  background: transparent url("../images/icons/certif-ok.png") no-repeat left center;
}
.node--type-distributeur #distributeur-certifications .field--type-boolean .field__label.no_certification {
  background: transparent url("../images/icons/certif-no.png") no-repeat left center;
}
.node--type-distributeur #distributeur-certifications .field--type-boolean .field__item {
  display: none;
}
.node--type-distributeur #company-more.aproposvide {
  display: none;
}
.node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de {
  padding-top: 50px;
}
.node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de .field--name-body h2 {
  font-size: 40px;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 600;
  color: #E30613;
}
@media (max-width: 992px) {
  .node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de .field--name-body h2 {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .node--type-distributeur #company-more .field--name-dynamic-block-fieldnode-a-propos-de .field--name-body h2 {
    font-size: 30px;
    line-height: 32px;
  }
}
.node--type-distributeur .field--name-field-informations-complementair {
  padding: 0 0 40px 0;
}
.node--type-distributeur #galerie-photos-entreprise {
  position: relative;
  background: #F6F6F6;
  padding: 50px 40px;
  margin: 0 -14px;
}
.node--type-distributeur #galerie-photos-entreprise .slick--field-photos-distributeur .slick__slider .slick-list .slick__slide {
  padding: 0 10px;
}
.node--type-distributeur #galerie-photos-entreprise .slick__arrow {
  width: 100%;
  opacity: 0.6;
}
.node--type-distributeur #galerie-photos-entreprise .slick__arrow button {
  display: block;
  width: 60px !important;
  height: 33px !important;
  border: none !important;
  clip: unset !important;
  text-indent: -9999px;
  position: absolute;
  top: 52%;
}
.node--type-distributeur #galerie-photos-entreprise .slick__arrow button.slick-prev {
  background: transparent url("../images/icons/slide-left.png") no-repeat left center;
  left: 30px;
  filter: drop-shadow(2px 1px 2px #fff);
}
@media (max-width: 760px) {
  .node--type-distributeur #galerie-photos-entreprise .slick__arrow button.slick-prev {
    left: 6px;
  }
}
.node--type-distributeur #galerie-photos-entreprise .slick__arrow button.slick-next {
  background: transparent url("../images/icons/slide-right.png") no-repeat right center;
  right: 30px;
  filter: drop-shadow(-2px 1px 2px #fff);
}
@media (max-width: 760px) {
  .node--type-distributeur #galerie-photos-entreprise .slick__arrow button.slick-next {
    right: 6px;
  }
}
@media (min-width: 1200px) {
  .node--type-distributeur .field--name-field-geolocation {
    margin: 0 -14px;
  }
}

/* Carte et liste des distributeurs */
#block-distributeurs-views-block-carte-distributeurs-block-1 {
  padding: 20px 0 0 0;
}
#block-distributeurs-views-block-carte-distributeurs-block-1 .leaflet-popup h3 {
  font-size: 24px;
}
#block-distributeurs-views-block-carte-distributeurs-block-1 .leaflet-popup .lien_distributeur a {
  display: inline-block;
  margin: 8px 0;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 4px 10px;
}

#block-distributeurs-views-block-carte-distributeurs-block-2 {
  padding: 40px 0;
}
#block-distributeurs-views-block-carte-distributeurs-block-2 .content .view-content {
  display: flex;
  flex-wrap: wrap;
}
#block-distributeurs-views-block-carte-distributeurs-block-2 .content .view-content h3 {
  flex: 0 0 100%;
  display: block;
  margin: 30px 0 0 0;
}
#block-distributeurs-views-block-carte-distributeurs-block-2 .content .view-content .views-row {
  flex: 0 0 33%;
}
#block-distributeurs-views-block-carte-distributeurs-block-2 .content .view-content .views-row .views-field-title {
  font-weight: 600;
}
#block-distributeurs-views-block-carte-distributeurs-block-2 .content .view-content .views-row .views-field-title a {
  color: #000;
}

/* Slider distributeur */
#block-distributeurs-views-block-slider-distributeur-block-1 .content {
  margin-left: -14px;
  margin-right: -14px;
  overflow: hidden;
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick {
  padding-right: 0 !important;
  padding-left: 0 !important;
  position: relative;
}
@media (max-width: 992px) {
  #block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick-list .slick__slide {
    height: 30vh;
  }
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick-list .slick__slide .slide__content {
  position: relative;
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick-list .slick__slide .slide__content .media {
  padding-bottom: 0 !important;
}
@media (min-width: 991px) {
  #block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick-list .slick__slide .slide__content .media {
    height: 500px;
  }
}
@media (max-width: 992px) {
  #block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick-list .slick__slide .slide__content .media {
    height: 30vh;
  }
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick-list .slick__slide .slide__content .media img {
  animation: bandeauslider 40s ease;
  width: 100%;
  height: 100%;
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick__arrow {
  width: 100%;
  opacity: 0.6;
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick__arrow button {
  display: block;
  width: 60px !important;
  height: 33px !important;
  border: none !important;
  clip: unset !important;
  text-indent: -9999px;
  position: absolute;
  top: 52%;
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick__arrow button.slick-prev {
  background: transparent url("../images/icons/slide-left.png") no-repeat left center;
  left: 30px;
  filter: drop-shadow(2px 1px 2px #fff);
}
@media (max-width: 760px) {
  #block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick__arrow button.slick-prev {
    left: 6px;
  }
}
#block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick__arrow button.slick-next {
  background: transparent url("../images/icons/slide-right.png") no-repeat right center;
  right: 30px;
  filter: drop-shadow(-2px 1px 2px #fff);
}
@media (max-width: 760px) {
  #block-distributeurs-views-block-slider-distributeur-block-1 .content .slick .slick__arrow button.slick-next {
    right: 6px;
  }
}

/*   Bannieère graphique / Bandeau graphique   */
#block-distributeurs-views-block-banniere-graphique-block-1 .content .view-banniere-graphique .view-content .views-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
}
#block-distributeurs-views-block-banniere-graphique-block-1 .content .view-banniere-graphique .view-content .views-row .views-field-field-banniere .field--name-field-imagebanniere {
  height: 42vh;
}
#block-distributeurs-views-block-banniere-graphique-block-1 .content .view-banniere-graphique .view-content .views-row .views-field-field-banniere .field--name-field-imagebanniere img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.paragraph--type--bandeau-graphique {
  margin-left: -14px;
  margin-right: -14px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.paragraph--type--bandeau-graphique .field--name-field-imagebanniere {
  height: 40vh;
  overflow: hidden;
}
.paragraph--type--bandeau-graphique .field--name-field-imagebanniere img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mur d'images */
.paragraph--type--mur-d-images .field--name-field-images {
  display: flex;
  gap: 16px 1%;
  flex-wrap: wrap;
}
.paragraph--type--mur-d-images .field--name-field-images > .field__item {
  width: 19%;
}
@media (max-width: 1400px) {
  .paragraph--type--mur-d-images .field--name-field-images > .field__item {
    width: 24%;
  }
}
@media (max-width: 992px) {
  .paragraph--type--mur-d-images .field--name-field-images > .field__item {
    width: 32%;
  }
}
@media (max-width: 480px) {
  .paragraph--type--mur-d-images .field--name-field-images > .field__item {
    width: 49%;
  }
}
.paragraph--type--mur-d-images .field--name-field-images > .field__item img {
  width: 100%;
  height: auto;
  display: block;
}

/* Colonnes + texte */
/* ***************************************************
    Zone de texte libre
******************************************************/
.paragraph--type--texte .field--name-field-fond-gris {
  display: none;
}
.paragraph--type--texte .field--name-field-style-css {
  display: none;
}

/* *************************************************
    Colonnes 
****************************************************/
.paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items {
  display: flex;
  justify-content: flex-start;
  gap: 2%;
}
@media (max-width: 992px) {
  .paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items {
    flex-wrap: wrap;
  }
}
.paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items .field__item {
  flex-grow: 1;
  flex-basis: 0;
}
@media (max-width: 992px) {
  .paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items .field__item {
    width: 48%;
    flex-grow: 0;
    flex-basis: unset;
  }
  .paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items .field__item .field__item {
    width: 100%;
  }
  .paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items .field__item:nth-child(odd) {
    margin: 0 1% 20px 0;
  }
  .paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items .field__item:nth-child(even) {
    margin: 0 0 20px 1%;
  }
}
.paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items .field__item img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  .paragraph--type--colonnes-largeur-egale .paragraph_wrapper .field--name-field-colonne.field__items .field__item {
    width: 100%;
    margin: 0 0 20px 0 !important;
  }
}

.paragraph--type--colonne .field--name-field-video-youtube .field--name-field-media-video-file .field__item video {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .paragraph--type--colonne .field--name-field-video-youtube .field--name-field-media-video-file .field__item video {
    padding: 0;
  }
  .paragraph--type--colonne .field--name-field-video-youtube .field--name-field-media-video-file .field__item video .field__item {
    text-align: center;
  }
}
.paragraph--type--colonne .field--name-field-video-youtube .field--name-field-media-oembed-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.paragraph--type--colonne .field--name-field-video-youtube .field--name-field-media-oembed-video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
@media (min-width: 480px) {
  .paragraph--type--colonne .field--name-field-contenu img {
    margin: 22px 0 10px 0;
  }
}
.paragraph--type--colonne .field--name-field-contenu iframe {
  width: 100%;
}

/* Image + texte
Galerie d'images */
.paragraph--type--galerie-d-images {
  padding: 40px 2% 40px 4%;
}
.paragraph--type--galerie-d-images .field--name-field-element-image {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 2%;
}
@media (max-width: 760px) {
  .paragraph--type--galerie-d-images .field--name-field-element-image {
    gap: 16px 0;
    justify-content: space-between;
  }
}
.paragraph--type--galerie-d-images .field--name-field-element-image > .field__item {
  width: 18%;
}
@media (max-width: 992px) {
  .paragraph--type--galerie-d-images .field--name-field-element-image > .field__item {
    width: 31%;
  }
}
@media (max-width: 760px) {
  .paragraph--type--galerie-d-images .field--name-field-element-image > .field__item {
    width: 49%;
  }
}
.paragraph--type--galerie-d-images .field--name-field-element-image > .field__item .paragraph--type--image-texte {
  background: #F6F6F6;
}
.paragraph--type--galerie-d-images .field--name-field-element-image > .field__item .paragraph--type--image-texte .field--name-field-bloc-image .field--name-field-media-image {
  overflow: hidden;
}
.paragraph--type--galerie-d-images .field--name-field-element-image > .field__item .paragraph--type--image-texte .field--name-field-bloc-image .field--name-field-media-image .field__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
@media (min-width: 1200px) {
  .paragraph--type--galerie-d-images .field--name-field-element-image > .field__item .paragraph--type--image-texte .field--name-field-bloc-image:hover img {
    transform: scale(1.1);
  }
}
.paragraph--type--galerie-d-images .field--name-field-element-image > .field__item .paragraph--type--image-texte .field--name-field-titre {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  padding: 5px 0;
  text-align: center;
}
@media (max-width: 760px) {
  .paragraph--type--galerie-d-images .field--name-field-element-image > .field__item .paragraph--type--image-texte .field--name-field-titre {
    font-size: 16px;
    line-height: 19px;
  }
}

/* GENERAL STYLES
-------------------------------------------------*/
body {
  background: #fff;
}

/* COLORS
--------------------------------------------------*/
a {
  color: #0079C0;
}

.bg-inverse {
  background: #ff4e2e !important;
}

.site-footer {
  background: #0079C0 !important;
}

.menu--main li a {
  color: #ff4e2e;
}

.menu--account li a {
  color: #ff4e2e;
}

.site-name-slogan a {
  text-decoration: none;
}

.card-group img {
  margin: 0;
  width: 100%;
  height: auto;
}

.card-group .field--type-image {
  margin: 0;
}

.slick {
  width: 100%;
}

.slick > div {
  margin: 0 15px;
}

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