@charset "UTF-8";
/* IMPORT SASS POUR SURCHARGER */
/* IMPORT FONT FAMILY */
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* ================================================= */
/* FRONT COLOR */
/* ================================================= */
/* COULEURS DES FONTS*/
/* COULEURS DU CLIENT */
/* COULEURS DE FOND DU WRAPPER */
/* COULEURS DE FOND DU HEADER */
/* COULEURS DU MENU */
/* COULEURS DU SOUS-MENU */
/* COULEURS DU SERVICE CUSTOM */
/* COULEURS DU HAMBURGER BTN RESPONSIVE */
/* COULEURS DU FOOTER */
/* COULEUR BACK MAIL */
/* COULEUR BACK */
/* COULEUR HOVER */
/* COULEURS ETATS */
/* COULEURS DES STATUS DES COMMANDES */
/* COULEURS DES BORDERS */
/* -- BORDER RADIUS -- */
/* ================================================= */
/* ADMIN COLOR */
/* ================================================= */
/* COULEURS DU CLIENT ADMIN */
/* COULEURS DES BORDERS ADMIN */
/* ================================================= */
/* FRONT FONT FAMILY */
/* ================================================= */
/* -- FONT FAMILY -- */
/* FONT USAGE CLIENT */
/* GESTION ALIGNEMENT TITLE MODULE */
/* IMPORT Asbtracts */
/* GRID GUTTER */
/* -- GESTION DES ESPACEMENTS -- test avec 32px pour valeur */
/* value : 4 */
/* value : 8 */
/* value : 16 */
/* value : 24 */
/* value : 32 */
/* value : 40 */
/* value : 48 */
/* value : 56 */
/* value : 64 */
/* value : 72 */
/* value : 80 */
/* value : 88 */
/* value : 96 */
/* value : 96 */
/* value : 96 */
/* value : 96 */
/* value : 96 */
/* ================================================= */
/* FRONT COLOR */
/* ================================================= */
/* COULEURS REQUIRED */
/* COULEURS DES FONTS*/
/* COULEURS DU CLIENT */
/* COULEURS DE FOND DU WRAPPER */
/* COULEURS DE FOND DU HEADER */
/* COULEURS DU MENU */
/* COULEURS DU SOUS-MENU */
/* COULEURS DU SERVICE CUSTOM */
/* COULEURS DU HAMBURGER BTN RESPONSIVE */
/* COULEURS DU FOOTER */
/* COULEUR BACK MAIL */
/* COULEUR BACK */
/* COULEUR HOVER */
/* COULEURS ETATS */
/* COULEURS DES STATUS DES COMMANDES */
/* COULEURS DES BORDERS */
/* ================================================= */
/* ADMIN COLOR */
/* ================================================= */
/* COULEURS DU CLIENT ADMIN */
/* COULEURS DES BORDERS ADMIN */
/* ================================================= */
/* FRONT FONT FAMILY */
/* ================================================= */
/* -- FONT FAMILY -- */
/* ================================================= */
/* ADMIN FONT FAMILY */
/* ================================================= */
/* -- FONT FAMILY -- */
/* -- SIZE FONT -- */
/* Defaut Font Family */
/* TITRE */
/* SOUS-TITRE */
/* EN-TÊTE */
/* TITRAGE */
/* CHAPITRE */
/* INTRO */
/* HOOK */
/* TEXTE COURANT */
/* CITATION */
/* LINK LIEN */
/* BOUTON CTA */
/* LEGENDE */
/* TITRE FOOTER */
/* TEXTE FOOTER */
/* COPYRIGHT */
/* NAV FOOTER FOOTER */
/* MAIN NAV */
/* SUB NAV */
/* NAV SERVICES */
/* ICON */
/* GESTION ALIGNEMENT TITLE MODULE */
/* -- RESPONSIVE -- */
/* -- HAUTEUR DES IMAGES -- */
/* -- HAUTEUR DES ICONES -- */
/* -- BORDER RADIUS -- */
/* SPECIFIQUE */
/* IMPORT Assets */
/*  ==========================================================================
    ALERT MESSAGE
    ========================================================================== */
.alertFixe {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
}

.alert_wrapper {
  margin: 0;
  position: absolute;
  z-index: 100;
  /* CONTENT */
}
.alert_wrapper.alertTop {
  top: -16px;
  left: 0;
  right: 0;
}
.alert_wrapper.alertTop.alert {
  animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
  -webkit-animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
  transform-origin: top left;
  -webkit-transform-origin: top left;
}
.alert_wrapper p {
  font-size: 0.833rem;
  font-weight: 400;
  margin: 0;
}

.alert {
  padding: 16px;
  border-radius: 0;
  text-align: left;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
}
.alert .alertContent {
  display: flex;
  align-items: center;
}
.alert .alertContent h2 {
  font-size: 1.125rem;
  font-weight: 700;
}
.alert .alertContent p {
  font-weight: 100;
  font-size: 1rem;
}
.alert .close {
  position: relative;
  margin-left: auto;
  top: inherit;
  right: 0px;
  font-size: 30px;
  text-shadow: none;
}
.alert .alerIcon {
  margin-right: 20px;
  margin-left: 0px;
  line-height: 38px;
  font-size: 40px;
}
.alert .alerIcon i {
  color: inherit;
}

/* COLOR */
.alert.primary {
  background: rgba(105, 111, 70, 0.8);
  backdrop-filter: blur(5px);
  color: #FFF;
}
.alert.primary .close {
  color: rgb(216.75, 216.75, 216.75);
}

.alert.info {
  background: rgba(55, 176, 233, 0.8);
  backdrop-filter: blur(5px);
  color: #FFF;
}
.alert.info .close {
  color: rgb(10.8513513514, 70.5337837838, 98.6486486486);
}

.alert.success {
  background: rgba(150, 193, 0, 0.8);
  backdrop-filter: blur(5px);
  color: #FFF;
}
.alert.success .close {
  color: rgb(70.725388601, 91, 0);
}

.alert.warning {
  background: rgba(245, 147, 49, 0.8);
  backdrop-filter: blur(5px);
  color: #FFF;
}
.alert.warning .close {
  color: rgb(134.4722222222, 70.5, 6.5277777778);
}

.alert.error {
  background: rgba(230, 0, 6, 0.8);
  backdrop-filter: blur(5px);
  color: #FFF;
}
.alert.error .close {
  color: rgb(77, 0, 2.0086956522);
}

.close {
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 1.15rem;
}

/* ALERT ANIMATION
======================================================== */
@keyframes slideInFromTop {
  0% {
    transform: translateY(-150%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInFromTop {
  0% {
    -webkit-transform: translateY(-150%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
/*  ==========================================================================
    ASSSETS
    ========================================================================== */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}

html {
  font-size: 100%;
}

body {
  font-size: 16px;
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}

iframe {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  text-decoration: underline;
  outline: 0;
}

p {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

input:focus, select:focus, a:focus, button:focus, th:focus {
  outline: 0 !important;
}

#wrapper {
  min-height: 100%;
  position: relative;
  background-color: #FFF;
}

.img-shadow {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}
.img-shadow::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.65);
  z-index: 2;
}

.blocContent {
  padding: 32px 0;
}

.backContrast {
  background-color: #F7F7F7;
  padding: 32px 0;
}

.backColor {
  background-color: #F7F7F7;
}

.backColorRadius {
  background-color: #F7F7F7;
  border-radius: 0px;
}

.backPaddingSmall {
  padding: 16px 0;
}

.backBorderRadius {
  border-radius: 0px;
}

span.a-link {
  color: #a8b462;
}
span.a-link:hover, span.a-link:focus {
  color: #a8b462;
}
span.a-primary {
  color: #696f46;
}
span.a-primary:hover, span.a-primary:focus {
  color: #696f46;
}
span.a-black {
  color: #000;
}
span.a-black:hover, span.a-black:focus {
  color: #000;
}
span.a-white {
  color: #FFF;
}
span.a-white:hover, span.a-white:focus {
  color: #FFF;
}
span.a-Off {
  opacity: 0.5;
}

a, p.linkStyle, .linkStyle {
  font-family: "Barlow", sans-serif;
  font-size: inherit;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #a8b462;
  text-shadow: inherit;
}
a:hover, a:focus, p.linkStyle:hover, p.linkStyle:focus, .linkStyle:hover, .linkStyle:focus {
  color: #a8b462;
}
a:visited, p.linkStyle:visited, .linkStyle:visited {
  color: rgb(110, 119.1034482759, 56.8965517241);
}
a.a-link, p.linkStyle.a-link, .linkStyle.a-link {
  color: #696f46;
}
a.a-link:hover, a.a-link:focus, p.linkStyle.a-link:hover, p.linkStyle.a-link:focus, .linkStyle.a-link:hover, .linkStyle.a-link:focus {
  color: #a8b462;
}
a.linkColor, p.linkStyle.linkColor, .linkStyle.linkColor {
  color: #a8b462;
}
a.linkColor i, p.linkStyle.linkColor i, .linkStyle.linkColor i {
  color: #a8b462;
}
a.linkColor:hover, a.linkColor:focus, p.linkStyle.linkColor:hover, p.linkStyle.linkColor:focus, .linkStyle.linkColor:hover, .linkStyle.linkColor:focus {
  color: #a8b462;
}
a.linkColor:hover i, a.linkColor:focus i, p.linkStyle.linkColor:hover i, p.linkStyle.linkColor:focus i, .linkStyle.linkColor:hover i, .linkStyle.linkColor:focus i {
  color: #a8b462;
}
a.linkColor:visited, p.linkStyle.linkColor:visited, .linkStyle.linkColor:visited {
  color: rgb(110, 119.1034482759, 56.8965517241);
}
a.linkColor:visited i, p.linkStyle.linkColor:visited i, .linkStyle.linkColor:visited i {
  color: rgb(110, 119.1034482759, 56.8965517241);
}
a.linkColorAlt, p.linkStyle.linkColorAlt, .linkStyle.linkColorAlt {
  color: #696f46;
}
a.linkColorAlt i, p.linkStyle.linkColorAlt i, .linkStyle.linkColorAlt i {
  color: #696f46;
}
a.linkColorAlt:hover, a.linkColorAlt:focus, p.linkStyle.linkColorAlt:hover, p.linkStyle.linkColorAlt:focus, .linkStyle.linkColorAlt:hover, .linkStyle.linkColorAlt:focus {
  color: #696f46;
}
a.linkColorAlt:hover i, a.linkColorAlt:focus i, p.linkStyle.linkColorAlt:hover i, p.linkStyle.linkColorAlt:focus i, .linkStyle.linkColorAlt:hover i, .linkStyle.linkColorAlt:focus i {
  color: #696f46;
}
a.linkColorAlt:visited, p.linkStyle.linkColorAlt:visited, .linkStyle.linkColorAlt:visited {
  color: rgb(45.8287292818, 48.4475138122, 30.5524861878);
}
a.linkColorAlt:visited i, p.linkStyle.linkColorAlt:visited i, .linkStyle.linkColorAlt:visited i {
  color: rgb(45.8287292818, 48.4475138122, 30.5524861878);
}
a.a-primary, p.linkStyle.a-primary, .linkStyle.a-primary {
  color: #696f46;
}
a.a-primary:hover, a.a-primary:focus, p.linkStyle.a-primary:hover, p.linkStyle.a-primary:focus, .linkStyle.a-primary:hover, .linkStyle.a-primary:focus {
  color: #696f46;
}
a.a-secondary, p.linkStyle.a-secondary, .linkStyle.a-secondary {
  color: #a8b462;
}
a.a-secondary:hover, a.a-secondary:focus, p.linkStyle.a-secondary:hover, p.linkStyle.a-secondary:focus, .linkStyle.a-secondary:hover, .linkStyle.a-secondary:focus {
  color: #a8b462;
}
a.a-black, p.linkStyle.a-black, .linkStyle.a-black {
  color: #000;
}
a.a-black:hover, a.a-black:focus, p.linkStyle.a-black:hover, p.linkStyle.a-black:focus, .linkStyle.a-black:hover, .linkStyle.a-black:focus {
  color: #000;
}
a.a-white, p.linkStyle.a-white, .linkStyle.a-white {
  color: #000;
}
a.a-white:hover, a.a-white:focus, p.linkStyle.a-white:hover, p.linkStyle.a-white:focus, .linkStyle.a-white:hover, .linkStyle.a-white:focus {
  color: #000;
}
a.linkTxt, p.linkStyle.linkTxt, .linkStyle.linkTxt {
  color: #000000;
}
a.linkTxt:hover, a.linkTxt:focus, p.linkStyle.linkTxt:hover, p.linkStyle.linkTxt:focus, .linkStyle.linkTxt:hover, .linkStyle.linkTxt:focus {
  color: #000000;
}
a.a-Off, p.linkStyle.a-Off, .linkStyle.a-Off {
  opacity: 0.5;
}
a i, p.linkStyle i, .linkStyle i {
  vertical-align: baseline;
}
a.a-nostyle, p.linkStyle.a-nostyle, .linkStyle.a-nostyle {
  text-decoration: none;
}
a.a-nostyle:hover, a.a-nostyle:focus, p.linkStyle.a-nostyle:hover, p.linkStyle.a-nostyle:focus, .linkStyle.a-nostyle:hover, .linkStyle.a-nostyle:focus {
  text-decoration: none;
}
a.linkFull, p.linkStyle.linkFull, .linkStyle.linkFull {
  width: 100%;
}
a.linkBtn, p.linkStyle.linkBtn, .linkStyle.linkBtn {
  display: inline-block;
}
a.linkIcon, p.linkStyle.linkIcon, .linkStyle.linkIcon {
  display: inline-flex;
  align-items: center;
}
a.linkIcon:hover, a.linkIcon:focus, p.linkStyle.linkIcon:hover, p.linkStyle.linkIcon:focus, .linkStyle.linkIcon:hover, .linkStyle.linkIcon:focus {
  text-decoration: none;
}
a.cursorActive, p.linkStyle.cursorActive, .linkStyle.cursorActive {
  cursor: pointer;
}
a.cursorActive:hover, a.cursorActive:focus, p.linkStyle.cursorActive:hover, p.linkStyle.cursorActive:focus, .linkStyle.cursorActive:hover, .linkStyle.cursorActive:focus {
  cursor: pointer;
}

@media (max-width: 479px) {
  .pageContent {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .pageContent {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pageContent {
    padding-bottom: 0 !important;
  }
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* BTN BACK TOP
========================================================= */
button.btn-back-top, a.btn-back-top {
  position: fixed;
  z-index: 10;
  right: 20px;
  bottom: -51px;
  padding: 13px 19px;
  border-radius: 30px;
  background: #a8b462;
  color: #FFF;
  transition: all 0.15s ease-in-out;
}
button.btn-back-top i, a.btn-back-top i {
  font-size: 20px;
}
button.btn-back-top:hover, a.btn-back-top:hover {
  background: rgb(141.875, 153.6163793103, 73.3836206897);
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
}
button.btn-back-top.visible, a.btn-back-top.visible {
  opacity: 1;
  bottom: 20px;
}
button.btn-back-top.up-footer, a.btn-back-top.up-footer {
  bottom: 70px;
}

i {
  font-size: 24px;
  vertical-align: middle;
}

/* BTN A BTN-PRIMARY  */
button.btn,
a.btn, .btn {
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFF;
  text-shadow: inherit;
  border-radius: 4px;
  padding: 16px 16px;
  /* COLOR */
  /* SIZE */
  /* STYLE */
  /*A NETTOYER*/
}
@media (max-width: 479px) {
  button.btn,
  a.btn, .btn {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  button.btn,
  a.btn, .btn {
    width: 100%;
  }
}
button.btn:hover, button.btn:focus,
a.btn:hover,
a.btn:focus, .btn:hover, .btn:focus {
  text-decoration: none;
  cursor: pointer;
}
button.btn:visited,
a.btn:visited, .btn:visited {
  color: #FFF;
}
button.btn i.xl,
a.btn i.xl, .btn i.xl {
  font-size: 24px;
  vertical-align: middle;
}
button.btn.bottom,
a.btn.bottom, .btn.bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
button.btn.btn-disabled,
a.btn.btn-disabled, .btn.btn-disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
button.btn.btn-disabled:hover, button.btn.btn-disabled:active, button.btn.btn-disabled:focus,
a.btn.btn-disabled:hover,
a.btn.btn-disabled:active,
a.btn.btn-disabled:focus, .btn.btn-disabled:hover, .btn.btn-disabled:active, .btn.btn-disabled:focus {
  cursor: not-allowed;
}
button.btn.btn-defaut,
a.btn.btn-defaut, .btn.btn-defaut {
  background-color: #F1F1F1;
  border-color: #F1F1F1;
  color: #000000;
}
button.btn.btn-defaut:hover, button.btn.btn-defaut:active, button.btn.btn-defaut:focus,
a.btn.btn-defaut:hover,
a.btn.btn-defaut:active,
a.btn.btn-defaut:focus, .btn.btn-defaut:hover, .btn.btn-defaut:active, .btn.btn-defaut:focus {
  background-color: rgb(202.75, 202.75, 202.75);
  border-color: rgb(202.75, 202.75, 202.75);
}
button.btn.btn-defaut:not([disabled]):not(.disabled):active, button.btn.btn-defaut:not([disabled]):not(.disabled).active, .show > button.btn.btn-defaut.dropdown-toggle,
a.btn.btn-defaut:not([disabled]):not(.disabled):active,
a.btn.btn-defaut:not([disabled]):not(.disabled).active,
.show > a.btn.btn-defaut.dropdown-toggle, .btn.btn-defaut:not([disabled]):not(.disabled):active, .btn.btn-defaut:not([disabled]):not(.disabled).active, .show > .btn.btn-defaut.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(215.5, 215.5, 215.5);
  border-color: rgb(215.5, 215.5, 215.5);
}
button.btn.btn-primary,
a.btn.btn-primary, .btn.btn-primary {
  background-color: #696f46;
  border-color: #696f46;
}
button.btn.btn-primary:hover, button.btn.btn-primary:active, button.btn.btn-primary:focus,
a.btn.btn-primary:hover,
a.btn.btn-primary:active,
a.btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  background-color: rgb(60.6215469613, 64.0856353591, 40.4143646409);
  border-color: rgb(60.6215469613, 64.0856353591, 40.4143646409);
}
button.btn.btn-primary:not([disabled]):not(.disabled):active, button.btn.btn-primary:not([disabled]):not(.disabled).active, .show > button.btn.btn-primary.dropdown-toggle,
a.btn.btn-primary:not([disabled]):not(.disabled):active,
a.btn.btn-primary:not([disabled]):not(.disabled).active,
.show > a.btn.btn-primary.dropdown-toggle, .btn.btn-primary:not([disabled]):not(.disabled):active, .btn.btn-primary:not([disabled]):not(.disabled).active, .show > .btn.btn-primary.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(75.4143646409, 79.7237569061, 50.2762430939);
  border-color: rgb(75.4143646409, 79.7237569061, 50.2762430939);
}
button.btn.btn-primary.btn-disabled:hover, button.btn.btn-primary.btn-disabled:active, button.btn.btn-primary.btn-disabled:focus,
a.btn.btn-primary.btn-disabled:hover,
a.btn.btn-primary.btn-disabled:active,
a.btn.btn-primary.btn-disabled:focus, .btn.btn-primary.btn-disabled:hover, .btn.btn-primary.btn-disabled:active, .btn.btn-primary.btn-disabled:focus {
  background-color: #696f46;
  border-color: #696f46;
}
button.btn.btn-secondary,
a.btn.btn-secondary, .btn.btn-secondary {
  background-color: #a8b462;
  border-color: #a8b462;
}
button.btn.btn-secondary:hover, button.btn.btn-secondary:active, button.btn.btn-secondary:focus,
a.btn.btn-secondary:hover,
a.btn.btn-secondary:active,
a.btn.btn-secondary:focus, .btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus {
  background-color: rgb(125.9375, 136.3599137931, 65.1400862069);
  border-color: rgb(125.9375, 136.3599137931, 65.1400862069);
}
button.btn.btn-secondary:not([disabled]):not(.disabled):active, button.btn.btn-secondary:not([disabled]):not(.disabled).active, .show > button.btn.btn-secondary.dropdown-toggle,
a.btn.btn-secondary:not([disabled]):not(.disabled):active,
a.btn.btn-secondary:not([disabled]):not(.disabled).active,
.show > a.btn.btn-secondary.dropdown-toggle, .btn.btn-secondary:not([disabled]):not(.disabled):active, .btn.btn-secondary:not([disabled]):not(.disabled).active, .show > .btn.btn-secondary.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(141.875, 153.6163793103, 73.3836206897);
  border-color: rgb(141.875, 153.6163793103, 73.3836206897);
}
button.btn.btn-secondary.btn-disabled:hover, button.btn.btn-secondary.btn-disabled:active, button.btn.btn-secondary.btn-disabled:focus,
a.btn.btn-secondary.btn-disabled:hover,
a.btn.btn-secondary.btn-disabled:active,
a.btn.btn-secondary.btn-disabled:focus, .btn.btn-secondary.btn-disabled:hover, .btn.btn-secondary.btn-disabled:active, .btn.btn-secondary.btn-disabled:focus {
  background-color: #a8b462;
  border-color: #a8b462;
}
button.btn.btn-success,
a.btn.btn-success, .btn.btn-success {
  background-color: #96c100;
  border-color: #96c100;
}
button.btn.btn-success:hover, button.btn.btn-success:active, button.btn.btn-success:focus,
a.btn.btn-success:hover,
a.btn.btn-success:active,
a.btn.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
  background-color: rgb(90.5440414508, 116.5, 0);
  border-color: rgb(90.5440414508, 116.5, 0);
}
button.btn.btn-success:not([disabled]):not(.disabled):active, button.btn.btn-success:not([disabled]):not(.disabled).active, .show > button.btn.btn-success.dropdown-toggle,
a.btn.btn-success:not([disabled]):not(.disabled):active,
a.btn.btn-success:not([disabled]):not(.disabled).active,
.show > a.btn.btn-success.dropdown-toggle, .btn.btn-success:not([disabled]):not(.disabled):active, .btn.btn-success:not([disabled]):not(.disabled).active, .show > .btn.btn-success.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(110.3626943005, 142, 0);
  border-color: rgb(110.3626943005, 142, 0);
}
button.btn.btn-error,
a.btn.btn-error, .btn.btn-error {
  background-color: #e60006;
  border-color: #e60006;
}
button.btn.btn-error:hover, button.btn.btn-error:active, button.btn.btn-error:focus,
a.btn.btn-error:hover,
a.btn.btn-error:active,
a.btn.btn-error:focus, .btn.btn-error:hover, .btn.btn-error:active, .btn.btn-error:focus {
  background-color: rgb(153.5, 0, 4.0043478261);
  border-color: rgb(153.5, 0, 4.0043478261);
}
button.btn.btn-error:not([disabled]):not(.disabled):active, button.btn.btn-error:not([disabled]):not(.disabled).active, .show > button.btn.btn-error.dropdown-toggle,
a.btn.btn-error:not([disabled]):not(.disabled):active,
a.btn.btn-error:not([disabled]):not(.disabled).active,
.show > a.btn.btn-error.dropdown-toggle, .btn.btn-error:not([disabled]):not(.disabled):active, .btn.btn-error:not([disabled]):not(.disabled).active, .show > .btn.btn-error.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(179, 0, 4.6695652174);
  border-color: rgb(179, 0, 4.6695652174);
}
button.btn.btn-info,
a.btn.btn-info, .btn.btn-info {
  background-color: #37b0e9;
  border-color: #37b0e9;
}
button.btn.btn-info:hover, button.btn.btn-info:active, button.btn.btn-info:focus,
a.btn.btn-info:hover,
a.btn.btn-info:active,
a.btn.btn-info:focus, .btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus {
  background-color: rgb(20.9594594595, 136.2364864865, 190.5405405405);
  border-color: rgb(20.9594594595, 136.2364864865, 190.5405405405);
}
button.btn.btn-info:not([disabled]):not(.disabled):active, button.btn.btn-info:not([disabled]):not(.disabled).active, .show > button.btn.btn-info.dropdown-toggle,
a.btn.btn-info:not([disabled]):not(.disabled):active,
a.btn.btn-info:not([disabled]):not(.disabled).active,
.show > a.btn.btn-info.dropdown-toggle, .btn.btn-info:not([disabled]):not(.disabled):active, .btn.btn-info:not([disabled]):not(.disabled).active, .show > .btn.btn-info.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(23.4864864865, 152.6621621622, 213.5135135135);
  border-color: rgb(23.4864864865, 152.6621621622, 213.5135135135);
}
button.btn.btn-warning,
a.btn.btn-warning, .btn.btn-warning {
  background-color: #f59331;
  border-color: #f59331;
}
button.btn.btn-warning:hover, button.btn.btn-warning:active, button.btn.btn-warning:focus,
a.btn.btn-warning:hover,
a.btn.btn-warning:active,
a.btn.btn-warning:focus, .btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus {
  background-color: rgb(207.4305555556, 108.75, 10.0694444444);
  border-color: rgb(207.4305555556, 108.75, 10.0694444444);
}
button.btn.btn-warning:not([disabled]):not(.disabled):active, button.btn.btn-warning:not([disabled]):not(.disabled).active, .show > button.btn.btn-warning.dropdown-toggle,
a.btn.btn-warning:not([disabled]):not(.disabled):active,
a.btn.btn-warning:not([disabled]):not(.disabled).active,
.show > a.btn.btn-warning.dropdown-toggle, .btn.btn-warning:not([disabled]):not(.disabled):active, .btn.btn-warning:not([disabled]):not(.disabled).active, .show > .btn.btn-warning.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(231.75, 121.5, 11.25);
  border-color: rgb(231.75, 121.5, 11.25);
}
button.btn.btn-border,
a.btn.btn-border, .btn.btn-border {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  color: #000000;
}
button.btn.btn-border:hover, button.btn.btn-border:active, button.btn.btn-border:focus,
a.btn.btn-border:hover,
a.btn.btn-border:active,
a.btn.btn-border:focus, .btn.btn-border:hover, .btn.btn-border:active, .btn.btn-border:focus {
  background-color: rgb(178.75, 178.75, 178.75);
  border-color: rgb(178.75, 178.75, 178.75);
}
button.btn.btn-border:not([disabled]):not(.disabled):active, button.btn.btn-border:not([disabled]):not(.disabled).active, .show > button.btn.btn-border.dropdown-toggle,
a.btn.btn-border:not([disabled]):not(.disabled):active,
a.btn.btn-border:not([disabled]):not(.disabled).active,
.show > a.btn.btn-border.dropdown-toggle, .btn.btn-border:not([disabled]):not(.disabled):active, .btn.btn-border:not([disabled]):not(.disabled).active, .show > .btn.btn-border.dropdown-toggle {
  box-shadow: none;
  background-color: rgb(191.5, 191.5, 191.5);
  border-color: rgb(191.5, 191.5, 191.5);
}
button.btn.btn-border,
a.btn.btn-border, .btn.btn-border {
  background-color: #000000;
  border-color: #000000;
  color: #FFF;
}
button.btn.btn-border:hover, button.btn.btn-border:active, button.btn.btn-border:focus,
a.btn.btn-border:hover,
a.btn.btn-border:active,
a.btn.btn-border:focus, .btn.btn-border:hover, .btn.btn-border:active, .btn.btn-border:focus {
  background-color: black;
  border-color: black;
}
button.btn.btn-border:not([disabled]):not(.disabled):active, button.btn.btn-border:not([disabled]):not(.disabled).active, .show > button.btn.btn-border.dropdown-toggle,
a.btn.btn-border:not([disabled]):not(.disabled):active,
a.btn.btn-border:not([disabled]):not(.disabled).active,
.show > a.btn.btn-border.dropdown-toggle, .btn.btn-border:not([disabled]):not(.disabled):active, .btn.btn-border:not([disabled]):not(.disabled).active, .show > .btn.btn-border.dropdown-toggle {
  box-shadow: none;
  background-color: black;
  border-color: black;
}
button.btn.btn-white,
a.btn.btn-white, .btn.btn-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #000000;
}
button.btn.btn-white:hover, button.btn.btn-white:active, button.btn.btn-white:focus,
a.btn.btn-white:hover,
a.btn.btn-white:active,
a.btn.btn-white:focus, .btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white:focus {
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(229.5, 229.5, 229.5);
  color: #000000;
}
button.btn.btn-white:not([disabled]):not(.disabled):active, button.btn.btn-white:not([disabled]):not(.disabled).active, .show > button.btn.btn-white.dropdown-toggle,
a.btn.btn-white:not([disabled]):not(.disabled):active,
a.btn.btn-white:not([disabled]):not(.disabled).active,
.show > a.btn.btn-white.dropdown-toggle, .btn.btn-white:not([disabled]):not(.disabled):active, .btn.btn-white:not([disabled]):not(.disabled).active, .show > .btn.btn-white.dropdown-toggle {
  box-shadow: none;
  background-color: #FFF;
  border-color: #FFF;
  color: #000000;
}
button.btn.btn-outline-defaut,
a.btn.btn-outline-defaut, .btn.btn-outline-defaut {
  background-color: transparent;
  border-color: #F1F1F1;
  color: #000000;
}
button.btn.btn-outline-defaut:hover, button.btn.btn-outline-defaut:active, button.btn.btn-outline-defaut:focus,
a.btn.btn-outline-defaut:hover,
a.btn.btn-outline-defaut:active,
a.btn.btn-outline-defaut:focus, .btn.btn-outline-defaut:hover, .btn.btn-outline-defaut:active, .btn.btn-outline-defaut:focus {
  background-color: #F1F1F1;
  border-color: #F1F1F1;
}
button.btn.btn-outline-defaut:not([disabled]):not(.disabled):active, button.btn.btn-outline-defaut:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-defaut.dropdown-toggle,
a.btn.btn-outline-defaut:not([disabled]):not(.disabled):active,
a.btn.btn-outline-defaut:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-defaut.dropdown-toggle, .btn.btn-outline-defaut:not([disabled]):not(.disabled):active, .btn.btn-outline-defaut:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-defaut.dropdown-toggle {
  box-shadow: none;
  background-color: #F1F1F1;
  border-color: #F1F1F1;
  color: #FFF;
}
button.btn.btn-outline-primary,
a.btn.btn-outline-primary, .btn.btn-outline-primary {
  background-color: transparent;
  border-color: #696f46;
  color: #696f46;
}
button.btn.btn-outline-primary:hover, button.btn.btn-outline-primary:active, button.btn.btn-outline-primary:focus,
a.btn.btn-outline-primary:hover,
a.btn.btn-outline-primary:active,
a.btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary:focus {
  background-color: #696f46;
  border-color: #696f46;
  color: #FFF;
}
button.btn.btn-outline-primary:not([disabled]):not(.disabled):active, button.btn.btn-outline-primary:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-primary.dropdown-toggle,
a.btn.btn-outline-primary:not([disabled]):not(.disabled):active,
a.btn.btn-outline-primary:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-primary.dropdown-toggle, .btn.btn-outline-primary:not([disabled]):not(.disabled):active, .btn.btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-primary.dropdown-toggle {
  box-shadow: none;
  background-color: #696f46;
  border-color: #696f46;
  color: #FFF;
}
button.btn.btn-outline-primary.btn-disabled:hover, button.btn.btn-outline-primary.btn-disabled:active, button.btn.btn-outline-primary.btn-disabled:focus,
a.btn.btn-outline-primary.btn-disabled:hover,
a.btn.btn-outline-primary.btn-disabled:active,
a.btn.btn-outline-primary.btn-disabled:focus, .btn.btn-outline-primary.btn-disabled:hover, .btn.btn-outline-primary.btn-disabled:active, .btn.btn-outline-primary.btn-disabled:focus {
  background-color: inherit;
  color: #696f46;
}
button.btn.btn-outline-secondary,
a.btn.btn-outline-secondary, .btn.btn-outline-secondary {
  background-color: transparent;
  border-color: #a8b462;
  color: #a8b462;
}
button.btn.btn-outline-secondary:hover, button.btn.btn-outline-secondary:active, button.btn.btn-outline-secondary:focus,
a.btn.btn-outline-secondary:hover,
a.btn.btn-outline-secondary:active,
a.btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:focus {
  background-color: #a8b462;
  border-color: #a8b462;
  color: #FFF;
}
button.btn.btn-outline-secondary:not([disabled]):not(.disabled):active, button.btn.btn-outline-secondary:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-secondary.dropdown-toggle,
a.btn.btn-outline-secondary:not([disabled]):not(.disabled):active,
a.btn.btn-outline-secondary:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-secondary.dropdown-toggle, .btn.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn.btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-secondary.dropdown-toggle {
  box-shadow: none;
  background-color: #a8b462;
  border-color: #a8b462;
  color: #FFF;
}
button.btn.btn-outline-secondary.btn-disabled:hover, button.btn.btn-outline-secondary.btn-disabled:active, button.btn.btn-outline-secondary.btn-disabled:focus,
a.btn.btn-outline-secondary.btn-disabled:hover,
a.btn.btn-outline-secondary.btn-disabled:active,
a.btn.btn-outline-secondary.btn-disabled:focus, .btn.btn-outline-secondary.btn-disabled:hover, .btn.btn-outline-secondary.btn-disabled:active, .btn.btn-outline-secondary.btn-disabled:focus {
  background-color: inherit;
  color: #a8b462;
}
button.btn.btn-outline-success,
a.btn.btn-outline-success, .btn.btn-outline-success {
  background-color: transparent;
  border-color: #96c100;
  color: #96c100;
}
button.btn.btn-outline-success:hover, button.btn.btn-outline-success:active, button.btn.btn-outline-success:focus,
a.btn.btn-outline-success:hover,
a.btn.btn-outline-success:active,
a.btn.btn-outline-success:focus, .btn.btn-outline-success:hover, .btn.btn-outline-success:active, .btn.btn-outline-success:focus {
  background-color: #96c100;
  border-color: #96c100;
  color: #FFF;
}
button.btn.btn-outline-success:not([disabled]):not(.disabled):active, button.btn.btn-outline-success:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-success.dropdown-toggle,
a.btn.btn-outline-success:not([disabled]):not(.disabled):active,
a.btn.btn-outline-success:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-success.dropdown-toggle, .btn.btn-outline-success:not([disabled]):not(.disabled):active, .btn.btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-success.dropdown-toggle {
  box-shadow: none;
  background-color: #96c100;
  border-color: #96c100;
  color: #FFF;
}
button.btn.btn-outline-error,
a.btn.btn-outline-error, .btn.btn-outline-error {
  background-color: transparent;
  border-color: #e60006;
  color: #e60006;
}
button.btn.btn-outline-error:hover, button.btn.btn-outline-error:active, button.btn.btn-outline-error:focus,
a.btn.btn-outline-error:hover,
a.btn.btn-outline-error:active,
a.btn.btn-outline-error:focus, .btn.btn-outline-error:hover, .btn.btn-outline-error:active, .btn.btn-outline-error:focus {
  background-color: #e60006;
  border-color: #e60006;
  color: #FFF;
}
button.btn.btn-outline-error:not([disabled]):not(.disabled):active, button.btn.btn-outline-error:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-error.dropdown-toggle,
a.btn.btn-outline-error:not([disabled]):not(.disabled):active,
a.btn.btn-outline-error:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-error.dropdown-toggle, .btn.btn-outline-error:not([disabled]):not(.disabled):active, .btn.btn-outline-error:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-error.dropdown-toggle {
  box-shadow: none;
  background-color: #e60006;
  border-color: #e60006;
}
button.btn.btn-outline-info,
a.btn.btn-outline-info, .btn.btn-outline-info {
  background-color: transparent;
  border-color: #37b0e9;
  color: #37b0e9;
}
button.btn.btn-outline-info:hover, button.btn.btn-outline-info:active, button.btn.btn-outline-info:focus,
a.btn.btn-outline-info:hover,
a.btn.btn-outline-info:active,
a.btn.btn-outline-info:focus, .btn.btn-outline-info:hover, .btn.btn-outline-info:active, .btn.btn-outline-info:focus {
  background-color: #37b0e9;
  border-color: l #37b0e9;
  color: #FFF;
}
button.btn.btn-outline-info:not([disabled]):not(.disabled):active, button.btn.btn-outline-info:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-info.dropdown-toggle,
a.btn.btn-outline-info:not([disabled]):not(.disabled):active,
a.btn.btn-outline-info:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-info.dropdown-toggle, .btn.btn-outline-info:not([disabled]):not(.disabled):active, .btn.btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-info.dropdown-toggle {
  box-shadow: none;
  background-color: #37b0e9;
  border-color: l #37b0e9;
  color: #FFF;
}
button.btn.btn-outline-warning,
a.btn.btn-outline-warning, .btn.btn-outline-warning {
  background-color: transparent;
  border-color: #f59331;
  color: #f59331;
}
button.btn.btn-outline-warning:hover, button.btn.btn-outline-warning:active, button.btn.btn-outline-warning:focus,
a.btn.btn-outline-warning:hover,
a.btn.btn-outline-warning:active,
a.btn.btn-outline-warning:focus, .btn.btn-outline-warning:hover, .btn.btn-outline-warning:active, .btn.btn-outline-warning:focus {
  background-color: #f59331;
  border-color: #f59331;
  color: #FFF;
}
button.btn.btn-outline-warning:not([disabled]):not(.disabled):active, button.btn.btn-outline-warning:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-warning.dropdown-toggle,
a.btn.btn-outline-warning:not([disabled]):not(.disabled):active,
a.btn.btn-outline-warning:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-warning.dropdown-toggle, .btn.btn-outline-warning:not([disabled]):not(.disabled):active, .btn.btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-warning.dropdown-toggle {
  box-shadow: none;
  background-color: #f59331;
  border-color: #f59331;
  color: #FFF;
}
button.btn.btn-outline-border,
a.btn.btn-outline-border, .btn.btn-outline-border {
  background-color: transparent;
  border-color: #D9D9D9;
  color: #D9D9D9;
}
button.btn.btn-outline-border:hover, button.btn.btn-outline-border:active, button.btn.btn-outline-border:focus,
a.btn.btn-outline-border:hover,
a.btn.btn-outline-border:active,
a.btn.btn-outline-border:focus, .btn.btn-outline-border:hover, .btn.btn-outline-border:active, .btn.btn-outline-border:focus {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  color: #FFF;
}
button.btn.btn-outline-border:not([disabled]):not(.disabled):active, button.btn.btn-outline-border:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-border.dropdown-toggle,
a.btn.btn-outline-border:not([disabled]):not(.disabled):active,
a.btn.btn-outline-border:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-border.dropdown-toggle, .btn.btn-outline-border:not([disabled]):not(.disabled):active, .btn.btn-outline-border:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-border.dropdown-toggle {
  box-shadow: none;
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  color: #FFF;
}
button.btn.btn-outline-txt,
a.btn.btn-outline-txt, .btn.btn-outline-txt {
  background-color: transparent;
  border-color: #000000;
  color: #000000;
}
button.btn.btn-outline-txt:hover, button.btn.btn-outline-txt:active, button.btn.btn-outline-txt:focus,
a.btn.btn-outline-txt:hover,
a.btn.btn-outline-txt:active,
a.btn.btn-outline-txt:focus, .btn.btn-outline-txt:hover, .btn.btn-outline-txt:active, .btn.btn-outline-txt:focus {
  background-color: #000000;
  border-color: #000000;
  color: #FFF;
}
button.btn.btn-outline-txt:not([disabled]):not(.disabled):active, button.btn.btn-outline-txt:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-txt.dropdown-toggle,
a.btn.btn-outline-txt:not([disabled]):not(.disabled):active,
a.btn.btn-outline-txt:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-txt.dropdown-toggle, .btn.btn-outline-txt:not([disabled]):not(.disabled):active, .btn.btn-outline-txt:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-txt.dropdown-toggle {
  box-shadow: none;
  background-color: #000000;
  border-color: #000000;
  color: #FFF;
}
button.btn.btn-outline-white,
a.btn.btn-outline-white, .btn.btn-outline-white {
  background-color: transparent;
  border-color: #FFF;
  color: #FFF;
}
button.btn.btn-outline-white:hover, button.btn.btn-outline-white:active, button.btn.btn-outline-white:focus,
a.btn.btn-outline-white:hover,
a.btn.btn-outline-white:active,
a.btn.btn-outline-white:focus, .btn.btn-outline-white:hover, .btn.btn-outline-white:active, .btn.btn-outline-white:focus {
  background-color: #FFF;
  border-color: #FFF;
  color: #000000;
}
button.btn.btn-outline-white:not([disabled]):not(.disabled):active, button.btn.btn-outline-white:not([disabled]):not(.disabled).active, .show > button.btn.btn-outline-white.dropdown-toggle,
a.btn.btn-outline-white:not([disabled]):not(.disabled):active,
a.btn.btn-outline-white:not([disabled]):not(.disabled).active,
.show > a.btn.btn-outline-white.dropdown-toggle, .btn.btn-outline-white:not([disabled]):not(.disabled):active, .btn.btn-outline-white:not([disabled]):not(.disabled).active, .show > .btn.btn-outline-white.dropdown-toggle {
  box-shadow: none;
  background-color: #FFF;
  border-color: #FFF;
  color: #000000;
}
button.btn.btn-transparent,
a.btn.btn-transparent, .btn.btn-transparent {
  background-color: transparent;
  border-color: transparent;
}
button.btn.btn-transparent:hover, button.btn.btn-transparent:active, button.btn.btn-transparent:focus,
a.btn.btn-transparent:hover,
a.btn.btn-transparent:active,
a.btn.btn-transparent:focus, .btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent:focus {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
button.btn.btn-transparent:not([disabled]):not(.disabled):active, button.btn.btn-transparent:not([disabled]):not(.disabled).active, .show > button.btn.btn-transparent.dropdown-toggle,
a.btn.btn-transparent:not([disabled]):not(.disabled):active,
a.btn.btn-transparent:not([disabled]):not(.disabled).active,
.show > a.btn.btn-transparent.dropdown-toggle, .btn.btn-transparent:not([disabled]):not(.disabled):active, .btn.btn-transparent:not([disabled]):not(.disabled).active, .show > .btn.btn-transparent.dropdown-toggle {
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
button.btn.btn-color-defaut,
a.btn.btn-color-defaut, .btn.btn-color-defaut {
  color: #bebebe;
}
button.btn.btn-color-defaut:hover, button.btn.btn-color-defaut:active, button.btn.btn-color-defaut:focus,
a.btn.btn-color-defaut:hover,
a.btn.btn-color-defaut:active,
a.btn.btn-color-defaut:focus, .btn.btn-color-defaut:hover, .btn.btn-color-defaut:active, .btn.btn-color-defaut:focus {
  color: #8b8b8b;
}
button.btn.btn-color-defaut:not([disabled]):not(.disabled):active, button.btn.btn-color-defaut:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-defaut.dropdown-toggle,
a.btn.btn-color-defaut:not([disabled]):not(.disabled):active,
a.btn.btn-color-defaut:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-defaut.dropdown-toggle, .btn.btn-color-defaut:not([disabled]):not(.disabled):active, .btn.btn-color-defaut:not([disabled]):not(.disabled).active, .show > .btn.btn-color-defaut.dropdown-toggle {
  box-shadow: none;
  color: #8b8b8b;
}
button.btn.btn-color-primary,
a.btn.btn-color-primary, .btn.btn-color-primary {
  color: #696f46;
}
button.btn.btn-color-primary:hover, button.btn.btn-color-primary:active, button.btn.btn-color-primary:focus,
a.btn.btn-color-primary:hover,
a.btn.btn-color-primary:active,
a.btn.btn-color-primary:focus, .btn.btn-color-primary:hover, .btn.btn-color-primary:active, .btn.btn-color-primary:focus {
  color: rgb(75.4143646409, 79.7237569061, 50.2762430939);
}
button.btn.btn-color-primary:not([disabled]):not(.disabled):active, button.btn.btn-color-primary:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-primary.dropdown-toggle,
a.btn.btn-color-primary:not([disabled]):not(.disabled):active,
a.btn.btn-color-primary:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-primary.dropdown-toggle, .btn.btn-color-primary:not([disabled]):not(.disabled):active, .btn.btn-color-primary:not([disabled]):not(.disabled).active, .show > .btn.btn-color-primary.dropdown-toggle {
  box-shadow: none;
  color: rgb(75.4143646409, 79.7237569061, 50.2762430939);
}
button.btn.btn-color-primary.btn-disabled:hover, button.btn.btn-color-primary.btn-disabled:active, button.btn.btn-color-primary.btn-disabled:focus,
a.btn.btn-color-primary.btn-disabled:hover,
a.btn.btn-color-primary.btn-disabled:active,
a.btn.btn-color-primary.btn-disabled:focus, .btn.btn-color-primary.btn-disabled:hover, .btn.btn-color-primary.btn-disabled:active, .btn.btn-color-primary.btn-disabled:focus {
  color: #696f46;
}
button.btn.btn-color-secondary,
a.btn.btn-color-secondary, .btn.btn-color-secondary {
  color: #a8b462;
}
button.btn.btn-color-secondary:hover, button.btn.btn-color-secondary:active, button.btn.btn-color-secondary:focus,
a.btn.btn-color-secondary:hover,
a.btn.btn-color-secondary:active,
a.btn.btn-color-secondary:focus, .btn.btn-color-secondary:hover, .btn.btn-color-secondary:active, .btn.btn-color-secondary:focus {
  color: rgb(141.875, 153.6163793103, 73.3836206897);
}
button.btn.btn-color-secondary:not([disabled]):not(.disabled):active, button.btn.btn-color-secondary:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-secondary.dropdown-toggle,
a.btn.btn-color-secondary:not([disabled]):not(.disabled):active,
a.btn.btn-color-secondary:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-secondary.dropdown-toggle, .btn.btn-color-secondary:not([disabled]):not(.disabled):active, .btn.btn-color-secondary:not([disabled]):not(.disabled).active, .show > .btn.btn-color-secondary.dropdown-toggle {
  box-shadow: none;
  color: rgb(141.875, 153.6163793103, 73.3836206897);
}
button.btn.btn-color-secondary.btn-disabled:hover, button.btn.btn-color-secondary.btn-disabled:active, button.btn.btn-color-secondary.btn-disabled:focus,
a.btn.btn-color-secondary.btn-disabled:hover,
a.btn.btn-color-secondary.btn-disabled:active,
a.btn.btn-color-secondary.btn-disabled:focus, .btn.btn-color-secondary.btn-disabled:hover, .btn.btn-color-secondary.btn-disabled:active, .btn.btn-color-secondary.btn-disabled:focus {
  color: #a8b462;
}
button.btn.btn-color-success,
a.btn.btn-color-success, .btn.btn-color-success {
  color: #96c100;
}
button.btn.btn-color-success:hover, button.btn.btn-color-success:active, button.btn.btn-color-success:focus,
a.btn.btn-color-success:hover,
a.btn.btn-color-success:active,
a.btn.btn-color-success:focus, .btn.btn-color-success:hover, .btn.btn-color-success:active, .btn.btn-color-success:focus {
  color: rgb(110.3626943005, 142, 0);
}
button.btn.btn-color-success:not([disabled]):not(.disabled):active, button.btn.btn-color-success:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-success.dropdown-toggle,
a.btn.btn-color-success:not([disabled]):not(.disabled):active,
a.btn.btn-color-success:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-success.dropdown-toggle, .btn.btn-color-success:not([disabled]):not(.disabled):active, .btn.btn-color-success:not([disabled]):not(.disabled).active, .show > .btn.btn-color-success.dropdown-toggle {
  box-shadow: none;
  color: rgb(110.3626943005, 142, 0);
}
button.btn.btn-color-error,
a.btn.btn-color-error, .btn.btn-color-error {
  color: #e60006;
}
button.btn.btn-color-error:hover, button.btn.btn-color-error:active, button.btn.btn-color-error:focus,
a.btn.btn-color-error:hover,
a.btn.btn-color-error:active,
a.btn.btn-color-error:focus, .btn.btn-color-error:hover, .btn.btn-color-error:active, .btn.btn-color-error:focus {
  color: rgb(179, 0, 4.6695652174);
}
button.btn.btn-color-error:not([disabled]):not(.disabled):active, button.btn.btn-color-error:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-error.dropdown-toggle,
a.btn.btn-color-error:not([disabled]):not(.disabled):active,
a.btn.btn-color-error:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-error.dropdown-toggle, .btn.btn-color-error:not([disabled]):not(.disabled):active, .btn.btn-color-error:not([disabled]):not(.disabled).active, .show > .btn.btn-color-error.dropdown-toggle {
  box-shadow: none;
  color: rgb(179, 0, 4.6695652174);
}
button.btn.btn-color-info,
a.btn.btn-color-info, .btn.btn-color-info {
  color: #37b0e9;
}
button.btn.btn-color-info:hover, button.btn.btn-color-info:active, button.btn.btn-color-info:focus,
a.btn.btn-color-info:hover,
a.btn.btn-color-info:active,
a.btn.btn-color-info:focus, .btn.btn-color-info:hover, .btn.btn-color-info:active, .btn.btn-color-info:focus {
  color: rgb(23.4864864865, 152.6621621622, 213.5135135135);
}
button.btn.btn-color-info:not([disabled]):not(.disabled):active, button.btn.btn-color-info:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-info.dropdown-toggle,
a.btn.btn-color-info:not([disabled]):not(.disabled):active,
a.btn.btn-color-info:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-info.dropdown-toggle, .btn.btn-color-info:not([disabled]):not(.disabled):active, .btn.btn-color-info:not([disabled]):not(.disabled).active, .show > .btn.btn-color-info.dropdown-toggle {
  box-shadow: none;
  color: rgb(23.4864864865, 152.6621621622, 213.5135135135);
}
button.btn.btn-color-warning,
a.btn.btn-color-warning, .btn.btn-color-warning {
  color: #f59331;
}
button.btn.btn-color-warning:hover, button.btn.btn-color-warning:active, button.btn.btn-color-warning:focus,
a.btn.btn-color-warning:hover,
a.btn.btn-color-warning:active,
a.btn.btn-color-warning:focus, .btn.btn-color-warning:hover, .btn.btn-color-warning:active, .btn.btn-color-warning:focus {
  color: rgb(231.75, 121.5, 11.25);
}
button.btn.btn-color-warning:not([disabled]):not(.disabled):active, button.btn.btn-color-warning:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-warning.dropdown-toggle,
a.btn.btn-color-warning:not([disabled]):not(.disabled):active,
a.btn.btn-color-warning:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-warning.dropdown-toggle, .btn.btn-color-warning:not([disabled]):not(.disabled):active, .btn.btn-color-warning:not([disabled]):not(.disabled).active, .show > .btn.btn-color-warning.dropdown-toggle {
  box-shadow: none;
  color: rgb(231.75, 121.5, 11.25);
}
button.btn.btn-color-border,
a.btn.btn-color-border, .btn.btn-color-border {
  color: #D9D9D9;
}
button.btn.btn-color-border:hover, button.btn.btn-color-border:active, button.btn.btn-color-border:focus,
a.btn.btn-color-border:hover,
a.btn.btn-color-border:active,
a.btn.btn-color-border:focus, .btn.btn-color-border:hover, .btn.btn-color-border:active, .btn.btn-color-border:focus {
  color: rgb(191.5, 191.5, 191.5);
}
button.btn.btn-color-border:not([disabled]):not(.disabled):active, button.btn.btn-color-border:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-border.dropdown-toggle,
a.btn.btn-color-border:not([disabled]):not(.disabled):active,
a.btn.btn-color-border:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-border.dropdown-toggle, .btn.btn-color-border:not([disabled]):not(.disabled):active, .btn.btn-color-border:not([disabled]):not(.disabled).active, .show > .btn.btn-color-border.dropdown-toggle {
  box-shadow: none;
  color: rgb(191.5, 191.5, 191.5);
}
button.btn.btn-color-txt,
a.btn.btn-color-txt, .btn.btn-color-txt {
  color: #000000;
}
button.btn.btn-color-txt:hover, button.btn.btn-color-txt:active, button.btn.btn-color-txt:focus,
a.btn.btn-color-txt:hover,
a.btn.btn-color-txt:active,
a.btn.btn-color-txt:focus, .btn.btn-color-txt:hover, .btn.btn-color-txt:active, .btn.btn-color-txt:focus {
  color: black;
}
button.btn.btn-color-txt:not([disabled]):not(.disabled):active, button.btn.btn-color-txt:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-txt.dropdown-toggle,
a.btn.btn-color-txt:not([disabled]):not(.disabled):active,
a.btn.btn-color-txt:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-txt.dropdown-toggle, .btn.btn-color-txt:not([disabled]):not(.disabled):active, .btn.btn-color-txt:not([disabled]):not(.disabled).active, .show > .btn.btn-color-txt.dropdown-toggle {
  box-shadow: none;
  color: black;
}
button.btn.btn-color-white,
a.btn.btn-color-white, .btn.btn-color-white {
  color: #FFF;
}
button.btn.btn-color-white:hover, button.btn.btn-color-white:active, button.btn.btn-color-white:focus,
a.btn.btn-color-white:hover,
a.btn.btn-color-white:active,
a.btn.btn-color-white:focus, .btn.btn-color-white:hover, .btn.btn-color-white:active, .btn.btn-color-white:focus {
  color: rgb(229.5, 229.5, 229.5);
}
button.btn.btn-color-white:not([disabled]):not(.disabled):active, button.btn.btn-color-white:not([disabled]):not(.disabled).active, .show > button.btn.btn-color-white.dropdown-toggle,
a.btn.btn-color-white:not([disabled]):not(.disabled):active,
a.btn.btn-color-white:not([disabled]):not(.disabled).active,
.show > a.btn.btn-color-white.dropdown-toggle, .btn.btn-color-white:not([disabled]):not(.disabled):active, .btn.btn-color-white:not([disabled]):not(.disabled).active, .show > .btn.btn-color-white.dropdown-toggle {
  box-shadow: none;
  color: rgb(229.5, 229.5, 229.5);
}
button.btn.btnSmall,
a.btn.btnSmall, .btn.btnSmall {
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  height: 32px;
}
button.btn.btnSmall i,
a.btn.btnSmall i, .btn.btnSmall i {
  color: inherit;
  font-size: 16px;
}
button.btn.btnSmall i + span,
a.btn.btnSmall i + span, .btn.btnSmall i + span {
  margin-left: 8px;
}
button.btn.btnSmall span + i,
a.btn.btnSmall span + i, .btn.btnSmall span + i {
  margin-left: 8px;
}
button.btn.btnMedium,
a.btn.btnMedium, .btn.btnMedium {
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  height: 44px;
}
button.btn.btnMedium i,
a.btn.btnMedium i, .btn.btnMedium i {
  color: inherit;
  font-size: 20px;
}
button.btn.btnMedium i + span,
a.btn.btnMedium i + span, .btn.btnMedium i + span {
  margin-left: 12px;
}
button.btn.btnMedium span + i,
a.btn.btnMedium span + i, .btn.btnMedium span + i {
  margin-left: 12px;
}
button.btn.btnLarge,
a.btn.btnLarge, .btn.btnLarge {
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  height: 64px;
}
button.btn.btnLarge i,
a.btn.btnLarge i, .btn.btnLarge i {
  font-size: 24px;
  color: inherit;
}
button.btn.btnLarge i + span,
a.btn.btnLarge i + span, .btn.btnLarge i + span {
  margin-left: 16px;
}
button.btn.btnLarge span + i,
a.btn.btnLarge span + i, .btn.btnLarge span + i {
  margin-left: 16px;
}
button.btn.btnRound,
a.btn.btnRound, .btn.btnRound {
  border-radius: 56px;
}
button.btn.btnRounded,
a.btn.btnRounded, .btn.btnRounded {
  border-radius: 56px;
  padding: 16px 32px;
}
button.btn.btnFull,
a.btn.btnFull, .btn.btnFull {
  width: 100%;
}
button.btn.btnIcon i,
a.btn.btnIcon i, .btn.btnIcon i {
  font-size: 20px;
  vertical-align: sub;
}
button.btn.btnIconBetween,
a.btn.btnIconBetween, .btn.btnIconBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
button.btn.btnIconBetween i,
a.btn.btnIconBetween i, .btn.btnIconBetween i {
  font-size: 18px;
}
button.btn.btnIconFlex,
a.btn.btnIconFlex, .btn.btnIconFlex {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
button.btn.btnIconFlex i,
a.btn.btnIconFlex i, .btn.btnIconFlex i {
  color: inherit;
}
button.btn.btnLink,
a.btn.btnLink, .btn.btnLink {
  padding: 0;
  min-height: inherit;
}
button.btn.btnTxtNone,
a.btn.btnTxtNone, .btn.btnTxtNone {
  text-transform: none;
}
button.btn.btnOff,
a.btn.btnOff, .btn.btnOff {
  opacity: 0.5;
}
button.btn.btnOff:hover, button.btn.btnOff:focus,
a.btn.btnOff:hover,
a.btn.btnOff:focus, .btn.btnOff:hover, .btn.btnOff:focus {
  opacity: 1;
}
button.btn.btnReset,
a.btn.btnReset, .btn.btnReset {
  text-align: left;
  padding: 0;
  margin: 0;
  min-height: inherit;
  background: transparent;
  text-transform: inherit;
  font-size: 1rem;
  color: #696f46;
}
button.btn.btnReset:hover, button.btn.btnReset:focus,
a.btn.btnReset:hover,
a.btn.btnReset:focus, .btn.btnReset:hover, .btn.btnReset:focus {
  color: #696f46;
}
button.btn.btnDisabled,
a.btn.btnDisabled, .btn.btnDisabled {
  opacity: 0.65;
  color: #D9D9D9;
  cursor: no-drop;
}

/* ROW-PADDING-8
========================================================= */
.row-padding-8.row {
  margin-right: -8px;
  margin-left: -8px;
}
@media (max-width: 479px) {
  .row-padding-8.row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .row-padding-8.row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.row-padding-8.row > [class*=col] {
  padding: 0 8px;
}
@media (max-width: 479px) {
  .row-padding-8.row > [class*=col] {
    padding: 0 15px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .row-padding-8.row > [class*=col] {
    padding: 0 15px;
  }
}

.plus-to-minus {
  position: absolute;
  top: 24px;
  right: 16px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: transform ease-in-out 200ms;
}
.plus-to-minus:before, .plus-to-minus:after {
  content: "";
  position: absolute;
  background-color: #696f46;
}
.plus-to-minus:before {
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 24px;
}
.plus-to-minus:after {
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 24px;
  transition: transform ease-in-out 200ms;
}

/* IMAGE UNIFORME
========================================================= */
.imgContent, .videoContent {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  /* HAUTEUR DU MODULE MEDIA SMALL / MEDIUM / TALL */
}
.imgContent.videoContent, .videoContent.videoContent {
  display: flex;
  align-items: center;
}
.imgContent.height-small, .videoContent.height-small {
  height: 320px;
}
@media (max-width: 479px) {
  .imgContent.height-small, .videoContent.height-small {
    height: 160px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.height-small, .videoContent.height-small {
    height: 160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContent.height-small, .videoContent.height-small {
    height: 240px;
  }
}
.imgContent.height-small.imgHalf, .videoContent.height-small.imgHalf {
  height: calc((320px - 16px) / 2);
}
@media (max-width: 479px) {
  .imgContent.height-small.imgHalf, .videoContent.height-small.imgHalf {
    height: 160px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.height-small.imgHalf, .videoContent.height-small.imgHalf {
    height: 160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContent.height-small.imgHalf, .videoContent.height-small.imgHalf {
    height: 240px;
  }
}
.imgContent.height-medium, .videoContent.height-medium {
  height: 400px;
}
@media (max-width: 479px) {
  .imgContent.height-medium, .videoContent.height-medium {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.height-medium, .videoContent.height-medium {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContent.height-medium, .videoContent.height-medium {
    height: 320px;
  }
}
.imgContent.height-medium.imgHalf, .videoContent.height-medium.imgHalf {
  height: calc((400px - 16px) / 2);
}
@media (max-width: 479px) {
  .imgContent.height-medium.imgHalf, .videoContent.height-medium.imgHalf {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.height-medium.imgHalf, .videoContent.height-medium.imgHalf {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContent.height-medium.imgHalf, .videoContent.height-medium.imgHalf {
    height: 320px;
  }
}
.imgContent.height-tall, .videoContent.height-tall {
  height: 480px;
}
@media (max-width: 479px) {
  .imgContent.height-tall, .videoContent.height-tall {
    height: 320px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.height-tall, .videoContent.height-tall {
    height: 320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContent.height-tall, .videoContent.height-tall {
    height: 400px;
  }
}
.imgContent.height-tall.imgHalf, .videoContent.height-tall.imgHalf {
  height: calc((480px - 16px) / 2);
}
@media (max-width: 479px) {
  .imgContent.height-tall.imgHalf, .videoContent.height-tall.imgHalf {
    height: 320px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.height-tall.imgHalf, .videoContent.height-tall.imgHalf {
    height: 320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContent.height-tall.imgHalf, .videoContent.height-tall.imgHalf {
    height: 400px;
  }
}
.imgContent.height-nano, .videoContent.height-nano {
  height: 64px;
}
.imgContent.height-nano.imgHalf, .videoContent.height-nano.imgHalf {
  height: calc((64px - 16px) / 2);
}
.imgContent.height-micro, .videoContent.height-micro {
  height: 80px;
}
.imgContent.height-micro.imgHalf, .videoContent.height-micro.imgHalf {
  height: calc((80px - 16px) / 2);
}
.imgContent.height-xxs, .videoContent.height-xxs {
  height: 120px;
}
.imgContent.height-xxs.imgHalf, .videoContent.height-xxs.imgHalf {
  height: calc((120px - 16px) / 2);
}
.imgContent.height-xs, .videoContent.height-xs {
  height: 160px;
}
.imgContent.height-xs.imgHalf, .videoContent.height-xs.imgHalf {
  height: calc((160px - 16px) / 2);
}
.imgContent.height-sm, .videoContent.height-sm {
  height: 240px;
}
.imgContent.height-sm.imgHalf, .videoContent.height-sm.imgHalf {
  height: calc((240px - 16px) / 2);
}
.imgContent.height-md, .videoContent.height-md {
  height: 320px;
}
.imgContent.height-md.imgHalf, .videoContent.height-md.imgHalf {
  height: calc((320px - 16px) / 2);
}
.imgContent.height-lg, .videoContent.height-lg {
  height: 400px;
}
.imgContent.height-lg.imgHalf, .videoContent.height-lg.imgHalf {
  height: calc((400px - 16px) / 2);
}
.imgContent.height-xl, .videoContent.height-xl {
  height: 480px;
}
.imgContent.height-xl.imgHalf, .videoContent.height-xl.imgHalf {
  height: calc((480px - 16px) / 2);
}
.imgContent.height-xxl, .videoContent.height-xxl {
  height: 560px;
}
.imgContent.height-xxl.imgHalf, .videoContent.height-xxl.imgHalf {
  height: calc((560px - 16px) / 2);
}
.imgContent.height-max, .videoContent.height-max {
  height: 640px;
}
.imgContent.height-max.imgHalf, .videoContent.height-max.imgHalf {
  height: calc((640px - 16px) / 2);
}
.imgContent.height-supersize, .videoContent.height-supersize {
  height: 720px;
}
.imgContent.height-supersize.imgHalf, .videoContent.height-supersize.imgHalf {
  height: calc((720px - 16px) / 2);
}
.imgContent.height-full, .videoContent.height-full {
  height: 100%;
}
.imgContent.height-full.imgHalf, .videoContent.height-full.imgHalf {
  height: calc((100% - 16px) / 2);
}
.imgContent.imgBorder, .videoContent.imgBorder {
  border-radius: 0px;
  overflow: hidden;
}
.imgContent.imgProfile, .videoContent.imgProfile {
  height: 160px;
  width: 160px;
  border-radius: 160px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .imgContent.imgProfile, .videoContent.imgProfile {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.imgProfile, .videoContent.imgProfile {
    height: 120px;
    width: 120px;
  }
}
.imgContent.imgProfile-xs, .videoContent.imgProfile-xs {
  height: 160px;
  width: 160px;
  border-radius: 160px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .imgContent.imgProfile-xs, .videoContent.imgProfile-xs {
    height: 160px;
    width: 160px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.imgProfile-xs, .videoContent.imgProfile-xs {
    height: 160px;
    width: 160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContent.imgProfile-xs, .videoContent.imgProfile-xs {
    height: 160px;
    width: 160px;
  }
}
.imgContent.imgCouverture, .videoContent.imgCouverture {
  height: 160px;
  width: 160px;
  border-radius: 0px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .imgContent.imgCouverture, .videoContent.imgCouverture {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContent.imgCouverture, .videoContent.imgCouverture {
    height: 120px;
    width: 120px;
  }
}
.imgContent span.img-shadow:before, .videoContent span.img-shadow:before {
  box-shadow: none;
}
.imgContent span.img-shadow img, .videoContent span.img-shadow img {
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
}

/*  SLIDER UNIFORME
========================================================================== */
.imgContentSlider, .imgContentMediaCarrousel {
  overflow: hidden;
  /*  OWL NAVIGATION
  ========================================================================== */
}
.imgContentSlider .imgContent .owl-item, .imgContentMediaCarrousel .imgContent .owl-item {
  width: 100%;
}
.imgContentSlider .owl-nav, .imgContentMediaCarrousel .owl-nav {
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.imgContentSlider .owl-nav .owl-prev, .imgContentSlider .owl-nav .owl-next, .imgContentMediaCarrousel .owl-nav .owl-prev, .imgContentMediaCarrousel .owl-nav .owl-next {
  width: 80px;
  position: absolute;
  height: 480px;
}
@media (max-width: 479px) {
  .imgContentSlider .owl-nav .owl-prev, .imgContentSlider .owl-nav .owl-next, .imgContentMediaCarrousel .owl-nav .owl-prev, .imgContentMediaCarrousel .owl-nav .owl-next {
    height: 400px;
    width: 50px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContentSlider .owl-nav .owl-prev, .imgContentSlider .owl-nav .owl-next, .imgContentMediaCarrousel .owl-nav .owl-prev, .imgContentMediaCarrousel .owl-nav .owl-next {
    height: 400px;
    width: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContentSlider .owl-nav .owl-prev, .imgContentSlider .owl-nav .owl-next, .imgContentMediaCarrousel .owl-nav .owl-prev, .imgContentMediaCarrousel .owl-nav .owl-next {
    height: 400px;
    width: 50px;
  }
}
.imgContentSlider .owl-nav .owl-prev i, .imgContentSlider .owl-nav .owl-next i, .imgContentMediaCarrousel .owl-nav .owl-prev i, .imgContentMediaCarrousel .owl-nav .owl-next i {
  font-size: 2rem;
  color: #FFF;
}
.imgContentSlider .owl-nav .owl-prev, .imgContentMediaCarrousel .owl-nav .owl-prev {
  left: 0;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.imgContentSlider .owl-nav .owl-prev:hover, .imgContentSlider .owl-nav .owl-prev:focus, .imgContentMediaCarrousel .owl-nav .owl-prev:hover, .imgContentMediaCarrousel .owl-nav .owl-prev:focus {
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}
.imgContentSlider .owl-nav .owl-next, .imgContentMediaCarrousel .owl-nav .owl-next {
  right: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.imgContentSlider .owl-nav .owl-next:hover, .imgContentSlider .owl-nav .owl-next:focus, .imgContentMediaCarrousel .owl-nav .owl-next:hover, .imgContentMediaCarrousel .owl-nav .owl-next:focus {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}
.imgContentSlider .owl-dots, .imgContentMediaCarrousel .owl-dots {
  position: absolute;
  z-index: 1;
  bottom: 16px;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .imgContentSlider .owl-dots, .imgContentMediaCarrousel .owl-dots {
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContentSlider .owl-dots, .imgContentMediaCarrousel .owl-dots {
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContentSlider .owl-dots, .imgContentMediaCarrousel .owl-dots {
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
.imgContentSlider .owl-dots:hover, .imgContentSlider .owl-dots:focus, .imgContentMediaCarrousel .owl-dots:hover, .imgContentMediaCarrousel .owl-dots:focus {
  opacity: 1;
}
.imgContentSlider .owl-dots .owl-dot span, .imgContentMediaCarrousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 0 7.5px;
  background: transparent;
  border: 1px solid;
  border-radius: 10px;
  border-color: #696f46;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.imgContentSlider .owl-dots .owl-dot.active span, .imgContentMediaCarrousel .owl-dots .owl-dot.active span {
  background: #696f46;
}
.imgContentSlider .owl-dots .owl-dot:hover span, .imgContentSlider .owl-dots .owl-dot:focus span, .imgContentMediaCarrousel .owl-dots .owl-dot:hover span, .imgContentMediaCarrousel .owl-dots .owl-dot:focus span {
  background: #696f46;
}
.imgContentSlider.navSize-small .owl-nav .owl-prev, .imgContentSlider.navSize-small .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-next {
  height: 320px;
}
@media (max-width: 479px) {
  .imgContentSlider.navSize-small .owl-nav .owl-prev, .imgContentSlider.navSize-small .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-next {
    height: 160px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContentSlider.navSize-small .owl-nav .owl-prev, .imgContentSlider.navSize-small .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-next {
    height: 160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContentSlider.navSize-small .owl-nav .owl-prev, .imgContentSlider.navSize-small .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-small .owl-nav .owl-next {
    height: 240px;
  }
}
.imgContentSlider.navSize-medium .owl-nav .owl-prev, .imgContentSlider.navSize-medium .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-next {
  height: 400px;
}
@media (max-width: 479px) {
  .imgContentSlider.navSize-medium .owl-nav .owl-prev, .imgContentSlider.navSize-medium .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-next {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContentSlider.navSize-medium .owl-nav .owl-prev, .imgContentSlider.navSize-medium .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-next {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContentSlider.navSize-medium .owl-nav .owl-prev, .imgContentSlider.navSize-medium .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-medium .owl-nav .owl-next {
    height: 320px;
  }
}
.imgContentSlider.navSize-tall .owl-nav .owl-prev, .imgContentSlider.navSize-tall .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-next {
  height: 480px;
}
@media (max-width: 479px) {
  .imgContentSlider.navSize-tall .owl-nav .owl-prev, .imgContentSlider.navSize-tall .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-next {
    height: 320px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .imgContentSlider.navSize-tall .owl-nav .owl-prev, .imgContentSlider.navSize-tall .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-next {
    height: 320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imgContentSlider.navSize-tall .owl-nav .owl-prev, .imgContentSlider.navSize-tall .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-tall .owl-nav .owl-next {
    height: 400px;
  }
}
.imgContentSlider.navSize-nano .owl-nav .owl-prev, .imgContentSlider.navSize-nano .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-nano .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-nano .owl-nav .owl-next {
  height: 64px;
}
.imgContentSlider.navSize-micro .owl-nav .owl-prev, .imgContentSlider.navSize-micro .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-micro .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-micro .owl-nav .owl-next {
  height: 80px;
}
.imgContentSlider.navSize-xxs .owl-nav .owl-prev, .imgContentSlider.navSize-xxs .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-xxs .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-xxs .owl-nav .owl-next {
  height: 120px;
}
.imgContentSlider.navSize-xs .owl-nav .owl-prev, .imgContentSlider.navSize-xs .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-xs .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-xs .owl-nav .owl-next {
  height: 160px;
}
.imgContentSlider.navSize-sm .owl-nav .owl-prev, .imgContentSlider.navSize-sm .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-sm .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-sm .owl-nav .owl-next {
  height: 240px;
}
.imgContentSlider.navSize-md .owl-nav .owl-prev, .imgContentSlider.navSize-md .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-md .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-md .owl-nav .owl-next {
  height: 320px;
}
.imgContentSlider.navSize-lg .owl-nav .owl-prev, .imgContentSlider.navSize-lg .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-lg .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-lg .owl-nav .owl-next {
  height: 400px;
}
.imgContentSlider.navSize-xl .owl-nav .owl-prev, .imgContentSlider.navSize-xl .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-xl .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-xl .owl-nav .owl-next {
  height: 480px;
}
.imgContentSlider.navSize-xxl .owl-nav .owl-prev, .imgContentSlider.navSize-xxl .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-xxl .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-xxl .owl-nav .owl-next {
  height: 560px;
}
.imgContentSlider.navSize-max .owl-nav .owl-prev, .imgContentSlider.navSize-max .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-max .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-max .owl-nav .owl-next {
  height: 640px;
}
.imgContentSlider.navSize-supersize .owl-nav .owl-prev, .imgContentSlider.navSize-supersize .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-supersize .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-supersize .owl-nav .owl-next {
  height: 720px;
}
.imgContentSlider.navSize-full .owl-nav .owl-prev, .imgContentSlider.navSize-full .owl-nav .owl-next, .imgContentMediaCarrousel.navSize-full .owl-nav .owl-prev, .imgContentMediaCarrousel.navSize-full .owl-nav .owl-next {
  height: 100%;
}

.imgContentSliderAutoHeight {
  /*  OWL NAVIGATION
  ========================================================================== */
}
.imgContentSliderAutoHeight .imgContent .owl-item {
  width: 100%;
}
.imgContentSliderAutoHeight .owl-nav {
  position: relative;
  margin: 0;
}
.imgContentSliderAutoHeight .owl-nav .owl-prev, .imgContentSliderAutoHeight .owl-nav .owl-next {
  position: absolute;
  width: 64px;
  height: 48px;
}
.imgContentSliderAutoHeight .owl-nav .owl-prev i, .imgContentSliderAutoHeight .owl-nav .owl-next i {
  font-size: 24px;
  color: #D9D9D9;
  transition: all 0.2s ease-in-out;
}
.imgContentSliderAutoHeight .owl-nav .owl-prev {
  left: 0;
  transition: all 0.2s ease-in-out;
}
.imgContentSliderAutoHeight .owl-nav .owl-prev:hover i, .imgContentSliderAutoHeight .owl-nav .owl-prev:focus i {
  color: #a8b462;
}
.imgContentSliderAutoHeight .owl-nav .owl-next {
  right: 0;
  transition: all 0.2s ease-in-out;
}
.imgContentSliderAutoHeight .owl-nav .owl-next:hover i, .imgContentSliderAutoHeight .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.imgContentSliderAutoHeight .owl-dots {
  position: relative;
  z-index: -1;
  display: flex;
  justify-content: center;
  opacity: 1;
  height: 48px;
  transition: all 0.2s ease-in-out;
}
.imgContentSliderAutoHeight .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  margin: 0 8px;
  background: transparent;
  border: 1px solid;
  border-radius: 16px;
  border-color: #D9D9D9;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.imgContentSliderAutoHeight .owl-dots .owl-dot.active span {
  border-color: #a8b462;
  background: #a8b462;
}
.imgContentSliderAutoHeight .owl-dots .owl-dot:hover span, .imgContentSliderAutoHeight .owl-dots .owl-dot:focus span {
  border-color: #a8b462;
  background: #a8b462;
}

.menuIcon {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.menuIcon.height-xxs {
  height: 24px;
}
.menuIcon.height-xs {
  height: 32px;
}
.menuIcon.height-sm {
  height: 40px;
}
.menuIcon.height-md {
  height: 48px;
}
.menuIcon.height-lg {
  height: 64px;
}
.menuIcon.height-xl {
  height: 80px;
}
.menuIcon.height-xxl {
  height: 96px;
}
.menuIcon img {
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: fill;
  object-position: 50% 50%;
}

/*  ==========================================================================
    FONTS OLD A DELETE
    ========================================================================== */
@font-face {
  font-family: "nbs-social";
  src: url("../../fonts/nbs-icones-social.eot?y2omrv");
  src: url("../../fonts/nbs-icones-social.eot?y2omrv#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-social.ttf?y2omrv") format("truetype"), url("../../fonts/nbs-icones-social.woff?y2omrv") format("woff"), url("../../fonts/nbs-icones-social.svg?y2omrv#nbs-icones-social") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nbs-social-], [class*=" nbs-social-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-social" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-social-facebook:before {
  content: "\e100";
}

.nbs-social-instagram:before {
  content: "\e101";
}

.nbs-social-linked-in:before {
  content: "\e102";
}

.nbs-social-pinterest:before {
  content: "\e103";
}

.nbs-social-tumblr:before {
  content: "\e104";
}

.nbs-social-twitter:before {
  content: "\e105";
}

.nbs-social-youtube:before {
  content: "\e106";
}

/* FONTS PREMIERE */
@font-face {
  font-family: "nbs_font";
  src: url("../../fonts/nbs_font.eot?jsrkf8");
  src: url("../../fonts/nbs_font.eot?jsrkf8#iefix") format("embedded-opentype"), url("../../fonts/nbs_font.ttf?jsrkf8") format("truetype"), url("../../fonts/nbs_font.woff?jsrkf8") format("woff"), url("../../fonts/nbs_font.svg?jsrkf8#nbs_font") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs_font" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cartecredit:before {
  content: "\e9a6";
}

.icon-cheque:before {
  content: "\e9a7";
}

.icon-virement:before {
  content: "\e9a8";
}

.icon-1-image-1:before {
  content: "\e900";
}

.icon-1-image:before {
  content: "\e901";
}

.icon-2-image-1-0:before {
  content: "\e902";
}

.icon-2-images-0-1:before {
  content: "\e903";
}

.icon-2-images:before {
  content: "\e904";
}

.icon-3-images-0-0-1:before {
  content: "\e905";
}

.icon-3-images-0-1-0:before {
  content: "\e906";
}

.icon-3-images-1-0-0:before {
  content: "\e907";
}

.icon-3-images:before {
  content: "\e908";
}

.icon-accounting:before {
  content: "\e909";
}

.icon-add-group:before {
  content: "\e90a";
}

.icon-add-user:before {
  content: "\e90b";
}

.icon-add:before {
  content: "\e90c";
}

.icon-album-unknow:before {
  content: "\e90d";
}

.icon-album:before {
  content: "\e90e";
}

.icon-alert:before {
  content: "\e90f";
}

.icon-archive:before {
  content: "\e910";
}

.icon-auto-height:before {
  content: "\e911";
}

.icon-backward-to-the-first:before {
  content: "\e912";
}

.icon-backward:before {
  content: "\e913";
}

.icon-batch-processing:before {
  content: "\e914";
}

.icon-bloc-1-2-images-0:before {
  content: "\e915";
}

.icon-bloc-1-2-images-1:before {
  content: "\e916";
}

.icon-bloc-1-2-images-2:before {
  content: "\e917";
}

.icon-bloc-1-2-images-3:before {
  content: "\e918";
}

.icon-bloc-1-2-images-4:before {
  content: "\e919";
}

.icon-bloc-1-2-images-5:before {
  content: "\e91a";
}

.icon-bloc-1-2-images-6:before {
  content: "\e91b";
}

.icon-bloc-1-2-images-7:before {
  content: "\e91c";
}

.icon-box:before {
  content: "\e91d";
}

.icon-burger-menu:before {
  content: "\e91e";
}

.icon-calendar:before {
  content: "\e91f";
}

.icon-cancel:before {
  content: "\e920";
}

.icon-chat:before {
  content: "\e921";
}

.icon-check-list:before {
  content: "\e922";
}

.icon-contacts:before {
  content: "\e923";
}

.icon-document-file:before {
  content: "\e924";
}

.icon-down-arrow:before {
  content: "\e925";
}

.icon-down-large:before {
  content: "\e926";
}

.icon-down-mini:before {
  content: "\e927";
}

.icon-down:before {
  content: "\e928";
}

.icon-download:before {
  content: "\e929";
}

.icon-drag-that:before {
  content: "\e92a";
}

.icon-edit:before {
  content: "\e92b";
}

.icon-factory:before {
  content: "\e92c";
}

.icon-filters:before {
  content: "\e92d";
}

.icon-folder:before {
  content: "\e92e";
}

.icon-frontward-to-the-last:before {
  content: "\e92f";
}

.icon-full-frame:before {
  content: "\e930";
}

.icon-gift:before {
  content: "\e931";
}

.icon-group:before {
  content: "\e932";
}

.icon-heart-full:before {
  content: "\e933";
}

.icon-heart:before {
  content: "\e934";
}

.icon-home:before {
  content: "\e935";
}

.icon-icones:before {
  content: "\e936";
}

.icon-image-hori-1:before {
  content: "\e937";
}

.icon-image-hori-2-0-0:before {
  content: "\e938";
}

.icon-image-hori-2-0-1:before {
  content: "\e939";
}

.icon-image-hori-2-0-2:before {
  content: "\e93a";
}

.icon-image-hori:before {
  content: "\e93b";
}

.icon-image-hori2-0:before {
  content: "\e93c";
}

.icon-image-hori2-1:before {
  content: "\e93d";
}

.icon-image-hori2-2:before {
  content: "\e93e";
}

.icon-image-hori2-3:before {
  content: "\e93f";
}

.icon-image-pano-1:before {
  content: "\e940";
}

.icon-image-pano:before {
  content: "\e941";
}

.icon-image-panox2-0-1:before {
  content: "\e942";
}

.icon-image-panox2-1-0:before {
  content: "\e943";
}

.icon-image-panox2:before {
  content: "\e944";
}

.icon-image-square-1:before {
  content: "\e945";
}

.icon-image-square-2:before {
  content: "\e946";
}

.icon-image-square-3:before {
  content: "\e947";
}

.icon-image-square-4:before {
  content: "\e948";
}

.icon-image-square:before {
  content: "\e949";
}

.icon-image-texte:before {
  content: "\e94a";
}

.icon-image-verti-1:before {
  content: "\e94b";
}

.icon-image-verti:before {
  content: "\e94c";
}

.icon-information:before {
  content: "\e94d";
}

.icon-ipad-x:before {
  content: "\e94e";
}

.icon-iphone-ipad:before {
  content: "\e94f";
}

.icon-iphone-x:before {
  content: "\e950";
}

.icon-laptop:before {
  content: "\e951";
}

.icon-left-arrow:before {
  content: "\e952";
}

.icon-left:before {
  content: "\e953";
}

.icon-legal:before {
  content: "\e954";
}

.icon-link-to-url:before {
  content: "\e955";
}

.icon-loader:before {
  content: "\e956";
}

.icon-mail:before {
  content: "\e957";
}

.icon-medium-height:before {
  content: "\e958";
}

.icon-minus-large:before {
  content: "\e959";
}

.icon-minus-light:before {
  content: "\e95a";
}

.icon-minus:before {
  content: "\e95b";
}

.icon-move-all:before {
  content: "\e95c";
}

.icon-move-left-right:before {
  content: "\e95d";
}

.icon-move-up-down:before {
  content: "\e95e";
}

.icon-nbs-logotype:before {
  content: "\e95f";
}

.icon-news:before {
  content: "\e960";
}

.icon-next:before {
  content: "\e961";
}

.icon-no-document-file:before {
  content: "\e962";
}

.icon-number-0:before {
  content: "\e963";
}

.icon-number-1:before {
  content: "\e964";
}

.icon-number-2:before {
  content: "\e965";
}

.icon-number-3:before {
  content: "\e966";
}

.icon-number-4:before {
  content: "\e967";
}

.icon-number-5:before {
  content: "\e968";
}

.icon-number-6:before {
  content: "\e969";
}

.icon-number-7:before {
  content: "\e96a";
}

.icon-number-8:before {
  content: "\e96b";
}

.icon-number-9:before {
  content: "\e96c";
}

.icon-padlock-error:before {
  content: "\e96d";
}

.icon-padlock-unknow:before {
  content: "\e96e";
}

.icon-padlock:before {
  content: "\e96f";
}

.icon-part-of-menu:before {
  content: "\e970";
}

.icon-phone:before {
  content: "\e971";
}

.icon-photo:before {
  content: "\e972";
}

.icon-pin-point:before {
  content: "\e973";
}

.icon-plus-large:before {
  content: "\e974";
}

.icon-plus:before {
  content: "\e975";
}

.icon-preview:before {
  content: "\e976";
}

.icon-print:before {
  content: "\e977";
}

.icon-question-light:before {
  content: "\e978";
}

.icon-question:before {
  content: "\e979";
}

.icon-refresh:before {
  content: "\e97a";
}

.icon-restore:before {
  content: "\e97b";
}

.icon-right-arrow:before {
  content: "\e97c";
}

.icon-right:before {
  content: "\e97d";
}

.icon-scroll:before {
  content: "\e97e";
}

.icon-search:before {
  content: "\e97f";
}

.icon-secret:before {
  content: "\e980";
}

.icon-send:before {
  content: "\e981";
}

.icon-set-up:before {
  content: "\e982";
}

.icon-share:before {
  content: "\e983";
}

.icon-shop:before {
  content: "\e984";
}

.icon-shopping-cart-canceled:before {
  content: "\e985";
}

.icon-shopping-cart-full:before {
  content: "\e986";
}

.icon-shopping-cart-ok:before {
  content: "\e987";
}

.icon-shopping-cart:before {
  content: "\e988";
}

.icon-slideshow:before {
  content: "\e989";
}

.icon-small-height:before {
  content: "\e98a";
}

.icon-sort-by-list:before {
  content: "\e98b";
}

.icon-sort-by-picture:before {
  content: "\e98c";
}

.icon-sous-menu-3-points:before {
  content: "\e98d";
}

.icon-square-height:before {
  content: "\e98e";
}

.icon-star-full:before {
  content: "\e98f";
}

.icon-star:before {
  content: "\e990";
}

.icon-switch-off:before {
  content: "\e991";
}

.icon-switch-on:before {
  content: "\e992";
}

.icon-tall-height:before {
  content: "\e993";
}

.icon-texte-image:before {
  content: "\e994";
}

.icon-time:before {
  content: "\e995";
}

.icon-to-do-list:before {
  content: "\e996";
}

.icon-trash:before {
  content: "\e997";
}

.icon-up-arrow:before {
  content: "\e998";
}

.icon-up-large:before {
  content: "\e999";
}

.icon-up-mini:before {
  content: "\e99a";
}

.icon-up:before {
  content: "\e99b";
}

.icon-user:before {
  content: "\e99c";
}

.icon-valid:before {
  content: "\e99d";
}

.icon-van:before {
  content: "\e99e";
}

.icon-vault:before {
  content: "\e99f";
}

.icon-video:before {
  content: "\e9a0";
}

.icon-web:before {
  content: "\e9a1";
}

.icon-width-on-layout:before {
  content: "\e9a2";
}

.icon-wines-book:before {
  content: "\e9a3";
}

.icon-x-close:before {
  content: "\e9a4";
}

.icon-x-large:before {
  content: "\e9a5";
}

/*  ==========================================================================
    FORMS
    ========================================================================== */
/* FORM-GROUP
------------------------------ */
.form-group {
  margin-bottom: 16px;
}
.form-group .row {
  margin-right: -8px;
  margin-left: -8px;
}
@media (max-width: 479px) {
  .form-group .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .form-group .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.form-group .row > [class*=col] {
  padding: 0 8px;
}
@media (max-width: 479px) {
  .form-group .row > [class*=col] {
    padding: 0 15px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .form-group .row > [class*=col] {
    padding: 0 15px;
  }
}

.input-group-append {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.input-group-append .input-group-text {
  background: transparent;
  border-left: 1px solid #FFF;
}

/* FORM-CONTROL
------------------------------ */
.form-control {
  min-height: 56px;
  border-color: #D9D9D9;
  border-radius: 4px;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.form-control::placeholder {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(127.5, 127.5, 127.5);
  text-shadow: inherit;
}
.form-control.placeholderRight::placeholder {
  text-align: right;
}
.form-control:focus {
  box-shadow: none;
  border-color: rgb(178.75, 178.75, 178.75);
  color: #000000;
}
.form-control.placeholderDefault::placeholder {
  text-transform: none;
}

textarea.form-control {
  min-height: 154px;
  padding: 16px;
  border-radius: 4px;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}

select.form-control {
  height: 56px;
  border-color: #D9D9D9;
  padding: 10px 5px;
  border-radius: 4px;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}

/* INPUT FILE */
.file-input {
  position: relative;
}
.file-input .input-group-append {
  position: absolute;
  right: 16px;
}
.file-input .input-group-append .btn-upload {
  padding: 8px 0;
  height: 56px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  color: #a8b462;
}
.file-input .input-group-append .btn-upload i {
  margin-left: 8px;
  color: #a8b462;
}
.file-input .input-group-append .btn-upload:hover, .file-input .input-group-append .btn-upload:focus {
  color: rgb(125.9375, 136.3599137931, 65.1400862069);
}
.file-input .input-group-append .btn-upload:hover i, .file-input .input-group-append .btn-upload:focus i {
  color: rgb(125.9375, 136.3599137931, 65.1400862069);
}
.file-input .input-group-append .btn-delete {
  padding: 8px 0;
  height: 56px;
  color: #e60006;
  margin-right: 8px;
}
.file-input .input-group-append .btn-delete i {
  color: #e60006;
}

.file-caption {
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  border-color: #D9D9D9;
  border-radius: 4px;
}
.file-caption.icon-visible input.file-caption-name {
  padding: 0;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
  font-size: 1.125rem;
}

/* LABEL
------------------------------ */
/* SELECT
------------------------------ */
.selectize-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 12px 8px 10px;
}

.selectize-input {
  box-shadow: none;
  border-color: #D9D9D9;
  padding: 14px 0.75rem;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.selectize-input input {
  text-transform: uppercase;
  opacity: 0.5;
  font-size: 0.825rem;
}

.selectize-dropdown .active {
  background-color: rgba(168, 180, 98, 0.1);
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 14px 0.75rem;
}

.selectize-dropdown-content {
  font-weight: 400;
  font-size: 1rem;
  color: #000000;
}

/* SELECT
------------------------------ */
.select2-container {
  width: 100% !important;
  /*
  border-color: $border-form;
  border-radius: $border-radius-form;

  font-family: $fontTxt;
  font-size: $sizeTxt;
  font-weight: $weightTxt;

  text-transform: $transformTxt;
  font-style: $styleTxt;
  text-decoration: $decorationTxt;
  color: $colorTxt;
  text-shadow: $shadowTxt;
  */
  /* single */
}
.select2-container .select2-selection--single {
  padding: 0;
  display: flex;
  align-items: center;
  height: 56px;
  border-color: #D9D9D9;
  border-radius: 4px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.select2-container .select2-results__option {
  font-weight: 300;
}
.select2-container .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--multiple .select2-selection__arrow {
  top: 0;
  bottom: 0;
  margin: auto;
  right: 8px;
  left: auto;
  background: transparent;
  border-left: 0px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.select2-container .select2-selection--single .select2-selection__arrow b,
.select2-container .select2-selection--multiple .select2-selection__arrow b {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  height: 0;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 0;
  /* Ancre sur le fichier useFontsCode.sass
  &:after {
      content: "\e927";
      font-family: 'nbs_font' !important;
  }
  */
}
.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: #a8b462;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
  border-color: transparent;
  border-width: 0;
  /* Ancre sur le fichier useFontsCode.sass
  &:after {
      content: "\e99a";
      font-family: 'nbs_font' !important;
  }
  */
}

/* CHECKBOX
---------------------- */
input[type=checkbox] {
  margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[type=checkbox] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input,
input:focus {
  -webkit-transition: none !important;
}

.checkbox input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox input[type=checkbox]:checked + label::after {
  color: #FFF;
}

.checkbox input[type=checkbox]:checked + label:before {
  border-width: 12px;
}

.checkbox label {
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  min-width: 24px;
  min-height: 26px;
  margin-bottom: 0;
  padding-left: 32px;
  line-height: 26px;
}

.checkbox label:before {
  -webkit-box-sizing: inherit;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  background-color: #FFF;
  border: 1px solid #D9D9D9;
  transform: translateY(-50%);
  top: 50%;
}

.checkbox label:before {
  border-radius: 4px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.checkbox label:after {
  border-radius: 4px;
}

.checkbox label::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  font-size: 24px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  transform: translateY(-50%);
  top: 50%;
}

/* CHANGE COLOR */
.checkbox input[type=checkbox]:checked + label:before {
  border-color: #696f46;
}

.checkbox.checkbox-secondary input[type=checkbox]:checked + label:before {
  border-color: #a8b462;
}

.checkbox.checkbox-error input[type=checkbox]:checked + label:before {
  border-color: #e60006;
}

.checkbox.checkbox-error label {
  color: #e60006;
}

.checkbox.checkbox-alert input[type=checkbox]:checked + label:before {
  border-color: #f59331;
}

.checkbox.checkbox-success input[type=checkbox]:checked + label:before {
  border-color: #96c100;
}

/* RADIOBOX
---------------------- */
.radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  min-width: 24px;
  min-height: 26px;
  margin-bottom: 0;
  padding-left: 32px;
  line-height: 26px;
}

.radio label:before {
  -webkit-box-sizing: inherit;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  position: absolute;
  left: 0px;
  background-color: #FFF;
  border: 1px solid #D9D9D9;
  transform: translateY(-50%);
  top: 50%;
}

.radio label:before {
  bottom: 2.5px;
  border-radius: 99px;
  -webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.radio input[type=radio]:checked + label:before {
  border-width: 6px;
}

.radio input[type=radio]:focus + label:before {
  background-color: #FFF;
}

.radio input[type=radio] {
  opacity: 0;
  width: 0;
  height: 0;
}

.radio input[type=radio][disabled] + label {
  opacity: 0.65;
}

/* CHANGE COLOR */
.radio input[type=radio]:checked + label:before {
  border-color: #696f46;
}

.radio.radio-primary input[type=radio]:checked + label:before {
  border-color: #696f46;
}

.radio.radio-secondary input[type=radio]:checked + label:before {
  border-color: #a8b462;
}

.radio.radio-error input[type=radio]:checked + label:before {
  border-color: #e60006;
}

.radio.radio-error label {
  color: #e60006;
}

.radio.radio-alert input[type=radio]:checked + label:before {
  border-color: #f59331;
}

.radio.radio-success input[type=radio]:checked + label:before {
  border-color: #96c100;
}

.radio + .radio {
  margin-top: -5px;
}

/* TOGGLE SWITCH */
.toggle {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  float: left;
}
.toggle.mini input {
  opacity: 0;
  position: absolute;
  left: -9999px;
}
.toggle.mini input + label {
  user-select: none;
  transition: 0.2s ease;
  display: inline-block;
  height: 15px;
  width: 35px;
  position: relative;
  box-shadow: inset 0 0 0px 1px rgba(217, 217, 217, 0.35);
  border-radius: 60px;
  margin: 0;
  cursor: pointer;
  background: rgba(217, 217, 217, 0.25);
  /* White toggle */
}
.toggle.mini input + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 15px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: #FFF;
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}
.toggle.mini input + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 14px;
  width: 14px;
  top: 50%;
  margin-top: -7px;
  left: 1px;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}
.toggle.mini input + label span {
  white-space: nowrap;
  height: 35px;
  line-height: 30px;
  margin-left: 50px;
  padding: 10px;
  cursor: pointer;
}
.toggle.mini input:checked + label:before {
  width: 35px;
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important;
}
.toggle.mini input:checked + label:after {
  left: 20px;
}
.toggle.mini input:checked + label {
  box-shadow: inset 0 0 0px 25px #D9D9D9;
  transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95);
}
.toggle.mini span {
  line-height: 16px;
}
.toggle input {
  opacity: 0;
  position: absolute;
  left: -9999px;
}
.toggle input + label {
  user-select: none;
  transition: 0.2s ease;
  display: inline-block;
  height: 30px;
  width: 50px;
  position: relative;
  box-shadow: inset 0 0 0px 1px rgba(217, 217, 217, 0.35);
  border-radius: 60px;
  margin: 0;
  cursor: pointer;
  background: rgba(217, 217, 217, 0.25);
  /* White toggle */
}
.toggle input + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: #FFF;
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}
.toggle input + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 28px;
  width: 28px;
  top: 50%;
  margin-top: -14px;
  left: 1px;
  border-radius: 60px;
  background: #FFF;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}
.toggle input + label span {
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  margin-left: 50px;
  padding: 10px;
  cursor: pointer;
}
.toggle input:checked + label:before {
  width: 51px;
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important;
}
.toggle input:checked + label:after {
  left: 22px;
}
.toggle input:checked + label {
  box-shadow: inset 0 0 0px 25px #D9D9D9;
  transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95);
}
.toggle span {
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 30px;
  margin-left: 5px;
}
.toggle.toggle-add-remove input + label {
  background: #96c100 !important;
}
.toggle.toggle-add-remove input:checked + label:before {
  background: #e60006;
}
.toggle.toggle-primary input:checked + label:before {
  background: #696f46;
}
.toggle.toggle-secondary input:checked + label:before {
  background: #a8b462;
}
.toggle.toggle-success input:checked + label:before {
  background: #96c100;
}
.toggle.toggle-error input:checked + label:before {
  background: #e60006;
}
.toggle.toggle-warning input:checked + label:before {
  background: #f59331;
}

/* RADIO MONSIEUR MADAME */
.radio-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.radio-group .input-field {
  position: relative;
  height: 50px;
}
.radio-group .input-field:first-child {
  width: calc(50% - 8px);
  margin: 0 8px 0 0;
}
.radio-group .input-field:last-child {
  width: calc(50% - 8px);
  margin: 0 0 0 8px;
}
.radio-group .input-field .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-group .input-field .radio-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  padding: 1rem;
  transition: transform 300ms ease;
}
.radio-group .input-field .radio-label {
  text-align: center;
  font-size: 0.813rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
}
.radio-group .input-field .radio-button:checked + .radio-title {
  border: 2px solid #a8b462;
}
.radio-group .input-field .radio-button:checked + .radio-title .radio-label {
  color: #000000;
  font-weight: 600;
}

/* RADIO MONSIEUR MADAME GROUPE COLLE */
.radio-group-multi {
  display: flex;
  background: rgba(0, 0, 0, 0.05);
  padding: 2px;
  border-radius: calc(0px + 2px);
}
.radio-group-multi .input-field {
  position: relative;
  border-radius: 0px;
  height: 46px;
  min-width: 46px;
  width: 100%;
  margin-top: -0.1px;
  margin: 0;
}
.radio-group-multi .input-field .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-group-multi .input-field .radio-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  padding: 0 13px;
  transition: transform 300ms ease;
  border-left: 0;
}
.radio-group-multi .input-field .radio-label,
.radio-group-multi .input-field label {
  text-align: center;
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
  margin: 0;
}
.radio-group-multi .input-field .radio-label i,
.radio-group-multi .input-field label i {
  font-size: 24px;
  line-height: 31px;
}
.radio-group-multi .input-field .radio-button:checked + .radio-title {
  background-color: #FFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  color: #696f46;
}
.radio-group-multi .input-field .radio-button:checked + .radio-title .radio-label,
.radio-group-multi .input-field .radio-button:checked + .radio-title label {
  font-weight: 500;
}

/* RADIO MONSIEUR MADAME */
.radio-group-style-box {
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.05);
  padding: 2px;
  border-radius: calc(0px + 2px);
}
.radio-group-style-box .input-field {
  position: relative;
  height: 50px;
  margin-top: -0.1px;
  margin: 0;
  margin-right: 2px;
  width: 100%;
}
.radio-group-style-box .input-field:first-child {
  margin-right: 0;
}
.radio-group-style-box .input-field .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-group-style-box .input-field .radio-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  padding: 0 13px;
  transition: transform 300ms ease;
  border-left: 0;
}
.radio-group-style-box .input-field .radio-label {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
}
.radio-group-style-box .input-field .radio-button:checked + .radio-title {
  background-color: #FFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  color: #696f46;
}
.radio-group-style-box .input-field .radio-button:checked + .radio-title .radio-label {
  color: #000000;
  font-weight: 600;
}

/* INPUT TYPE FILE */
.input-file input[type=file] {
  display: none;
}

/* NBS TOOLTIP */
.nbs-tooltip {
  display: inline-block;
  position: relative;
}
.nbs-tooltip:hover i, .nbs-tooltip:focus i {
  color: #a8b462;
  cursor: pointer;
}
.nbs-tooltip:hover .top, .nbs-tooltip:focus .top {
  display: block;
}
.nbs-tooltip .top {
  min-width: 352px;
  top: -4px;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 8px;
  background-color: #FFF;
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: none;
}
.nbs-tooltip .top i {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 12px;
  overflow: hidden;
}
.nbs-tooltip .top i:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #FFF;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* FORM REQUIRED */
.form-required {
  position: relative;
}
.form-required label + i {
  top: 58px;
}
.form-required i.asterix {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #a8b462 !important;
  font-size: 1rem;
  z-index: 1;
}
.form-required.isMultiple i.asterix {
  top: 8px;
}
.form-required input, .form-required textarea {
  padding-right: 48px;
}
.form-required .select2-container .select2-selection--single .select2-selection__arrow, .form-required .select2-container .select2-selection--multiple .select2-selection__arrow {
  right: 44px;
}
.form-required .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 72px;
}

/* TOGGLE ADMIN */
/* TOGGLE */
.toggle-admin {
  position: relative;
  display: flex;
}
.toggle-admin input {
  display: none;
}
.toggle-admin input, .toggle-admin input:after, .toggle-admin input:before, .toggle-admin input *, .toggle-admin input *:after, .toggle-admin input *:before, .toggle-admin input + label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toggle-admin input::-moz-selection, .toggle-admin input:after::-moz-selection, .toggle-admin input:before::-moz-selection, .toggle-admin input *::-moz-selection, .toggle-admin input *:after::-moz-selection, .toggle-admin input *:before::-moz-selection, .toggle-admin input + label::-moz-selection {
  background: none;
}
.toggle-admin input::selection, .toggle-admin input:after::selection, .toggle-admin input:before::selection, .toggle-admin input *::selection, .toggle-admin input *:after::selection, .toggle-admin input *:before::selection, .toggle-admin input + label::selection {
  background: none;
}
.toggle-admin input + label {
  outline: 0;
  margin: 0;
  display: block;
  position: relative;
  cursor: pointer;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 48px;
  height: 24px;
}
.toggle-admin input + label:after, .toggle-admin input + label:before {
  position: relative;
  display: block;
  content: "";
  width: 20px;
  height: 100%;
}
.toggle-admin input + label:after {
  left: 0;
  border-radius: 50%;
  background: #FFF;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.toggle-admin input + label:before {
  display: none;
}
.toggle-admin input:checked + label:after {
  left: 24px;
}
.toggle-admin.toggle-active input + label {
  background: rgb(191.25, 191.25, 191.25);
}
.toggle-admin.toggle-active input:checked + label {
  background: #96c100;
}

/*  ==========================================================================
    MODAL
    ========================================================================== */
/*  ==========================================================================
    TABLES
    ========================================================================== */
/*
.tableProduct {
    display: flex;
    align-items: center;
    background-color: red;
    justify-content: flex-start;
}

.tableProductImg {
    height: 90px;
    width: 90px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;

    margin-right: 7px;

    span.img-shadow {
        &:before {
            box-shadow: none;
        }
        img {
            opacity: 1;
            z-index: 10;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            object-fit: cover;
        }
    }
}
.tableProductTxt {
    text-align: left; 
}
.tableStatut {
    &.success {color: $success; .circle {background-color: $success;}}
    &.wwarning {color: $warning; .circle {background-color: $warning;}}
    &.warning {color: $warning; .circle {background-color: $warning;}}
    &.error {color: $error; .circle {background-color: $error;}}
    .circle {
        display: inline-block;
        height: 8px; 
        width: 8px; 
        border-radius: 8px;
        margin-right: 5px;
    }
}








table.table-order {
    position: relative;
    margin: 0;
    width: 100%;
    thead {
        tr {
            th {
                position: relative;
                border-top: 0;
                border-bottom: 1px solid $border;
                padding: $multi-025;

                &:hover,
                &:focus {
                    border-top-color: darken($border, 10%);
                }

                &:first-child {
                    border-left: 0;
                    text-align: left;
                }

                &:last-child {
                    //width: 50px;
                }
                &.column50 {
                    width: 50px;
                }
                &.column75 {
                    width: 75px;
                }
                &.column100 {
                    width: 100px;
                }
                &.footable-desc,
                &.footable-asc {
                    color: $secondary-color;
                    border-top-color: $secondary-color;
                    font-display: 400;

                    &:hover,
                    &:focus {
                        color: $secondary-color;
                        border-top-color: $secondary-color;
                    }
                }
                &.t-right {text-align: right;}
                &.t-left {text-align: left;}
                &.t-center {text-align: left;}
            }
        }
    }

    tbody {
        tr {
            &.footable-even {
                &.footable-detail-show {
                    + .footable-row-detail {}
                }
            }

            &.footable-odd {
                background: rgba($border, .2);

                &.footable-detail-show {
                    + .footable-row-detail {
                        background: rgba($border, .2);
                    }
                }
            }

            &:nth-child(odd) {}

            &:nth-child(even) {}

            &:hover {
                background: transparent;
            }

            &:focus {
                background: transparent;
            }

            &:last-child {
                td {
                    border-bottom: 0;
                }
            }

            td {
                border-bottom: 1px solid rgba($border, .35);
                font-size: 0.813rem;
                font-weight: 400;
                vertical-align: middle;
                border-top: 0;
                padding: 10px;
                &.t-right {text-align: right;}
                &.t-left {text-align: left;}
                &.t-center {text-align: left;}

                &:first-child {
                    border-left: 0;
                }
            }
        }



        tr[data-expanded='true'] {
            td {
                border-bottom: 0;
                span.footable-toggle {
                    opacity: 1;
                }
            }
        }
        tr.footable-detail-row {
            td {
                padding: 0;
                border-bottom: 1px solid rgba($border, .35);
                span.footable-toggle {
                    opacity: .65;
                }
                table.footable-details.table-order {

                    tbody {
                        tr {
                            &:hover {
                                background: none;
                            }
                            &:nth-child(odd) {}
                            &:nth-child(even), &.even {
                                background: transparent;
                            }
                            &:last-child {
                                th {
                                    border-bottom: 0;
                                } 
                            }
                            th {
                                padding: 10px;
                                //font-weight: 600;
                                border-bottom: 1px solid $white;

                                //text-transform: uppercase;
                                //font-size: 0.625rem;
                                //font-weight: 500;
                                //letter-spacing: 0.5px;


                                font-size: 0.813rem;
                                font-weight: 100;
                                color: rgba($txt, .6);
                                width: auto;
                            }
                            td {
                                padding: 10px;
                                border-bottom: 0;
                            }
                        }
                    }
                }
            }
        }
    }
    tfoot {
        tr {
                &:first-child {
                    border-bottom: 1px solid rgba($border, .5);
                }
            td {
                font-size: 0.813rem;
                font-weight: 400;
                vertical-align: middle;
                border-top: 0;
                padding: 10px;
            }
        }
    }
}
.orderStatut {
    font-weight: 700;
    &.reglementOK, &.paiementMode_1  {color: $statut-1;}
    &.reglementEnAttente, &.paiementMode_0 {color: $statut-2;}
    &.reglementNonRecu, &.paiementMode_99 {color: $statut-3;}
    &.commandeEnAttente, &.state_3 {color: $statut-2;}
    &.commandeValidee, &.state_4 {color: $statut-4;}
    &.commandeEnPreparation, &.state_5 {color: $statut-5;}
    &.commandeExpediee, &.state_6 {color: $statut-6;}
    &.commandeLivree, &.state_7 {color: $statut-1;}
    &.commandeAnnulee, &.state_99 {color: $statut-3;}
    &.commandeArchivee, &.state_98 {color: $statut-7;}
}



span.footable-toggle {
    font-size: 20px;
    font-weight: 700;
}

*/
/*  ==========================================================================
    TITLE
    ========================================================================== */
.titleH1, .titleH2, .titleH3, .titleH4, .titleH5, .titleH6 {
  font-family: "Barlow", sans-serif;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1.25;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
@media (max-width: 479px) {
  .titleH1, .titleH2, .titleH3, .titleH4, .titleH5, .titleH6 {
    font-size: 2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleH1, .titleH2, .titleH3, .titleH4, .titleH5, .titleH6 {
    font-size: 2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleH1, .titleH2, .titleH3, .titleH4, .titleH5, .titleH6 {
    font-size: 2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
.titleH1 a, .titleH2 a, .titleH3 a, .titleH4 a, .titleH5 a, .titleH6 a {
  font-family: inherit;
}

.subTitleH1, .subTitleH2, .subTitleH3, .subTitleH4, .subTitleH5 {
  font-family: "Barlow", sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.25;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
@media (max-width: 479px) {
  .subTitleH1, .subTitleH2, .subTitleH3, .subTitleH4, .subTitleH5 {
    font-size: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .subTitleH1, .subTitleH2, .subTitleH3, .subTitleH4, .subTitleH5 {
    font-size: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subTitleH1, .subTitleH2, .subTitleH3, .subTitleH4, .subTitleH5 {
    font-size: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
.subTitleH1 a, .subTitleH2 a, .subTitleH3 a, .subTitleH4 a, .subTitleH5 a {
  font-family: inherit;
}

.titleH2 {
  font-size: 2em;
}
@media (max-width: 479px) {
  .titleH2 {
    font-size: 1.5em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleH2 {
    font-size: 1.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleH2 {
    font-size: 1.5em;
  }
}

.subTitleH2 {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .subTitleH2 {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .subTitleH2 {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subTitleH2 {
    font-size: 1.25em;
  }
}

.titleH3 {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .titleH3 {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleH3 {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleH3 {
    font-size: 1.25em;
  }
}

.subTitleH3 {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .subTitleH3 {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .subTitleH3 {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subTitleH3 {
    font-size: 1.125em;
  }
}

.titleH4 {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .titleH4 {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleH4 {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleH4 {
    font-size: 1.125em;
  }
}

.subTitleH4 {
  font-size: 1.125em;
}
@media (max-width: 479px) {
  .subTitleH4 {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .subTitleH4 {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .subTitleH4 {
    font-size: 1em;
  }
}

.titleH5 {
  font-size: 1.125em;
}
@media (max-width: 479px) {
  .titleH5 {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleH5 {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleH5 {
    font-size: 1em;
  }
}

.subTitleH5 {
  font-size: 1em;
}

.titleH6 {
  font-size: 1em;
}

.titleEntete {
  font-family: "Barlow", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.25;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: #696f46;
  text-shadow: inherit;
}
@media (max-width: 479px) {
  .titleEntete {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleEntete {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleEntete {
    font-size: 1.25em;
  }
}
.titleEntete a {
  font-family: inherit;
}

.titleChapitre {
  font-family: "Barlow", sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
@media (max-width: 479px) {
  .titleChapitre {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleChapitre {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleChapitre {
    font-size: 1.125em;
  }
}
.titleChapitre a {
  font-family: inherit;
}

.titleIntro {
  font-family: "Barlow", sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(89.25, 89.25, 89.25);
  text-shadow: inherit;
}
@media (max-width: 479px) {
  .titleIntro {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titleIntro {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titleIntro {
    font-size: 1.25em;
  }
}
.titleIntro a {
  font-family: inherit;
}

.textHook {
  font-family: "Barlow", sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
@media (max-width: 479px) {
  .textHook {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .textHook {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textHook {
    font-size: 1.125em;
  }
}
.textHook a {
  font-family: inherit;
}

.titleCitation, .tinyMce blockquote {
  font-family: "Barlow", sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  text-transform: inherit;
  font-style: italic;
  text-decoration: inherit;
  color: #696f46;
  text-shadow: inherit;
  margin: 16px 0;
}
.titleCitation a, .tinyMce blockquote a {
  font-family: inherit;
}

.titleLegende {
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(127.5, 127.5, 127.5) !important;
  text-shadow: inherit;
}
.titleLegende a {
  font-family: inherit;
}

.titleFooter {
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: #696f46;
  text-shadow: inherit;
}

.textFooter {
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #696f46;
  text-shadow: inherit;
}

.textCopyright, .mediaBloc.modeleSquare .imgLegend {
  font-family: "Barlow", sans-serif;
  font-size: 0.875em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(165.75, 165.75, 165.75);
  text-shadow: inherit;
}
.textCopyright a, .mediaBloc.modeleSquare .imgLegend a {
  font-family: inherit;
}

.textTxt, .areaTxt, .tinyMce {
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}

.titrageH1, .h1 {
  font-family: "Barlow", sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFF;
  text-shadow: inherit;
}
.titrageH1 a, .h1 a {
  font-family: inherit;
}
@media (max-width: 479px) {
  .titrageH1, .h1 {
    font-size: 1.125em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .titrageH1, .h1 {
    font-size: 1.125em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .titrageH1, .h1 {
    overflow: hidden;
    font-size: 1.125em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

[class^=icon-], [class*=" icon-"] {
  font-size: 24px;
  color: rgb(38.25, 38.25, 38.25);
}

[class^=nbs-icones-], [class*=" nbs-icones-"] {
  font-size: 24px;
  color: rgb(38.25, 38.25, 38.25);
}

.tinyMce blockquote {
  position: relative;
  padding-left: 24px;
}
.tinyMce blockquote:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #696f46;
}

/*  ==========================================================================
    TITLES ET SUBTITLES DES MODULES
    ========================================================================== */
.titleModule, .subTitleModule, .alignTxtModule {
  text-align: center;
}

/*  ==========================================================================
    STYLE TINY MCE
    ========================================================================== */
.tinyMce strong {
  font-weight: 600;
}

/*  ==========================================================================
    LANDING PAGE
    ========================================================================== */
.landingPage {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .landingPage {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .landingPage {
    display: block;
  }
}
.landingPage .landingPageLeft {
  width: 66.666%;
  height: 100vh;
}
@media (max-width: 479px) {
  .landingPage .landingPageLeft {
    width: 100%;
    height: 50vh;
    margin-bottom: 24px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .landingPage .landingPageLeft {
    width: 100%;
    height: 50vh;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .landingPage .landingPageLeft {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .landingPage .landingPageLeft {
    width: 60%;
  }
}
.landingPage .landingPageLeft .landingContentImg {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
}
.landingPage .landingPageLeft .landingContentImg span.img-shadow:before {
  box-shadow: none;
}
.landingPage .landingPageLeft .landingContentImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.landingPage .landingPageRight {
  background: #FFF;
  width: 33.333%;
  padding: 0 48px;
}
@media (max-width: 479px) {
  .landingPage .landingPageRight {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .landingPage .landingPageRight {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .landingPage .landingPageRight {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .landingPage .landingPageRight {
    width: 40%;
  }
}
.landingPage .landingPageRight .landingContent .landingContentLogo {
  height: auto;
  max-height: 160px;
  width: auto;
  max-width: 100%;
  line-height: 20px;
  margin: 0 auto 24px;
  display: flex;
}
@media (max-width: 479px) {
  .landingPage .landingPageRight .landingContent .landingContentLogo {
    text-align: center;
    height: 160px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .landingPage .landingPageRight .landingContent .landingContentLogo {
    text-align: center;
    height: 160px;
  }
}
.landingPage .landingPageRight .landingContent .landingContentLogo span.img-shadow:before {
  box-shadow: none;
}
.landingPage .landingPageRight .landingContent .landingContentLogo img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  max-height: 160px;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.landingPage .landingPageRight .landingContentInfo p {
  text-align: justify;
}
.landingPage .landingPageRight .landingBtnGroup {
  display: flex;
  align-items: center;
  justify-content: center;
}
.landingPage .landingPageRight .landingBtnGroup button.btn, .landingPage .landingPageRight .landingBtnGroup a.btn {
  padding: 0 16px;
  color: #696f46;
  width: inherit;
  height: 64px;
  display: flex;
  align-items: center;
}
.landingPage .landingPageRight .landingBtnGroup button.btn i, .landingPage .landingPageRight .landingBtnGroup a.btn i {
  font-size: 24px;
}
.landingPage .landingPageRight .landingContentCopyright {
  position: absolute;
  bottom: 16px;
}
.landingPage .landingPageRight .landingContentCopyright a {
  color: inherit;
}
@media (max-width: 479px) {
  .landingPage .landingPageRight .landingContentCopyright {
    position: relative;
    margin-top: 48px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .landingPage .landingPageRight .landingContentCopyright {
    position: relative;
    margin-top: 48px;
  }
}

/* IMPORT Layout */
/*  ==========================================================================
    COOKIES
    ========================================================================== */
@media (max-width: 479px) {
  .modal-dialog {
    margin: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .modal-dialog {
    margin: 16px;
  }
}

.modal-sm {
  max-width: 352px;
}
@media (max-width: 479px) {
  .modal-sm {
    max-width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .modal-sm {
    max-width: 100%;
  }
}

.modal-backdrop {
  background-color: #696f46;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}
.modal-backdrop.show {
  opacity: 0.85;
}

.modal-content {
  border: 0;
  background: transparent;
}

.modal-content-inside {
  background: #FFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
  border-radius: 0px;
}

.modal-header {
  padding: 32px;
  border-bottom: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.modal-header .modalIcon {
  background-color: #696f46;
  margin: auto;
  width: 96px;
  height: 96px;
}
@media (max-width: 479px) {
  .modal-header .modalIcon {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .modal-header .modalIcon {
    width: 80px;
    height: 80px;
  }
}
.modal-header .modalIconFont {
  margin: auto;
  text-align: center;
}
.modal-header .modalIconFont i {
  font-size: 64px;
  color: #696f46;
}

.modal-body {
  padding: 0 32px;
  max-height: 35vh;
  overflow: auto;
}
.modal-body .titleModal {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.modal-footer {
  padding: 32px;
  border-top: 0;
}
.modal-footer .btn {
  width: 100%;
}

.modal-footer-extra {
  padding: 0;
  border-top: 0;
}
.modal-footer-extra .btn {
  width: 100%;
}

.cookiesModal .modal-header {
  padding: 0;
}
.cookiesModal .modal-body {
  padding: 0;
}
.cookiesModal .modal-footer {
  padding: 0;
}

.cookies {
  background-color: #FFF;
}
@media (max-width: 479px) {
  .cookies {
    position: fixed;
    z-index: 99;
    width: 100%;
    bottom: 0;
    padding: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookies {
    position: fixed;
    z-index: 99;
    width: 100%;
    bottom: 0;
    padding: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies {
    position: fixed;
    z-index: 99;
    width: 100%;
    bottom: 0;
    padding: 32px;
  }
}
.cookies .imgContent {
  height: 64px;
  width: 64px;
  border-radius: 0px;
  flex: none;
}
@media (max-width: 479px) {
  .cookies .imgContent {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookies .imgContent {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .imgContent {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 32px;
  }
}
@media (max-width: 479px) {
  .cookies .titleH5 {
    text-align: center;
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookies .titleH5 {
    text-align: center;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .titleH5 {
    text-align: center;
    margin-bottom: 16px;
  }
}
@media (max-width: 479px) {
  .cookies .textTxt {
    text-align: center;
    margin-bottom: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookies .textTxt {
    text-align: center;
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookies .textTxt {
    text-align: center;
    margin-bottom: 32px;
  }
}
.cookies .btn:first-child {
  margin-right: 16px;
}
@media (max-width: 479px) {
  .cookies .btn:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookies .btn:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.cookies .btn.btn-white {
  background-color: #a8b462;
  border-color: #a8b462;
  color: #FFF;
}
.cookies .btn.btn-white:hover, .cookies .btn.btn-white:active, .cookies .btn.btn-white:focus {
  color: #FFF;
  background-color: rgb(125.9375, 136.3599137931, 65.1400862069);
  border-color: rgb(125.9375, 136.3599137931, 65.1400862069);
}
.cookies .btn.btn-white:not([disabled]):not(.disabled):active, .cookies .btn.btn-white:not([disabled]):not(.disabled).active, .show > .cookies .btn.btn-white.dropdown-toggle {
  color: #FFF;
  background-color: rgb(125.9375, 136.3599137931, 65.1400862069);
  border-color: rgb(125.9375, 136.3599137931, 65.1400862069);
}
.cookies .btn.btn-outline-white {
  border-color: #a8b462;
  color: #a8b462;
}
.cookies .btn.btn-outline-white:hover, .cookies .btn.btn-outline-white:active, .cookies .btn.btn-outline-white:focus {
  background-color: #a8b462;
  color: #FFF;
}
.cookies .btn.btn-outline-white:not([disabled]):not(.disabled):active, .cookies .btn.btn-outline-white:not([disabled]):not(.disabled).active, .show > .cookies .btn.btn-outline-white.dropdown-toggle {
  background-color: #a8b462;
  color: #FFF;
}
.cookies.cookiesPrimaryColor {
  background-color: #a8b462;
}
.cookies.cookiesPrimaryColor .titleH5, .cookies.cookiesPrimaryColor .textTxt {
  color: #FFF;
}
.cookies.cookiesPrimaryColor .btn.btn-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #a8b462;
}
.cookies.cookiesPrimaryColor .btn.btn-white:hover, .cookies.cookiesPrimaryColor .btn.btn-white:active, .cookies.cookiesPrimaryColor .btn.btn-white:focus {
  color: #a8b462;
  background-color: rgb(216.75, 216.75, 216.75);
  border-color: rgb(216.75, 216.75, 216.75);
}
.cookies.cookiesPrimaryColor .btn.btn-white:not([disabled]):not(.disabled):active, .cookies.cookiesPrimaryColor .btn.btn-white:not([disabled]):not(.disabled).active, .show > .cookies.cookiesPrimaryColor .btn.btn-white.dropdown-toggle {
  color: #a8b462;
  background-color: rgb(216.75, 216.75, 216.75);
  border-color: rgb(216.75, 216.75, 216.75);
}
.cookies.cookiesPrimaryColor .btn.btn-outline-white {
  background: transparent;
  border-color: #FFF;
  color: #FFF;
}
.cookies.cookiesPrimaryColor .btn.btn-outline-white:hover, .cookies.cookiesPrimaryColor .btn.btn-outline-white:active, .cookies.cookiesPrimaryColor .btn.btn-outline-white:focus {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.15);
  color: #a8b462;
}
.cookies.cookiesPrimaryColor .btn.btn-outline-white:not([disabled]):not(.disabled):active, .cookies.cookiesPrimaryColor .btn.btn-outline-white:not([disabled]):not(.disabled).active, .show > .cookies.cookiesPrimaryColor .btn.btn-outline-white.dropdown-toggle {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.15);
  color: #a8b462;
}

.cookiesHeader {
  position: fixed;
  z-index: 99;
  width: 100%;
  bottom: 0;
  padding: 32px;
}
.cookiesHeader .cookiesHeaderContent {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .cookiesHeader .cookiesHeaderContent {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesHeader .cookiesHeaderContent {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesHeader .cookiesHeaderContent {
    display: block;
  }
}
.cookiesHeader .cookiesHeaderContent .cookiesHeaderLeft, .cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
  display: flex;
}
@media (max-width: 479px) {
  .cookiesHeader .cookiesHeaderContent .cookiesHeaderLeft, .cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesHeader .cookiesHeaderContent .cookiesHeaderLeft, .cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesHeader .cookiesHeaderContent .cookiesHeaderLeft, .cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
    display: block;
  }
}
.cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
  flex: none;
  padding-left: 32px;
  align-items: center;
}
@media (max-width: 479px) {
  .cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
    padding-left: 0;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
    padding-left: 0;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesHeader .cookiesHeaderContent .cookiesHeaderRight {
    padding-left: 0;
    text-align: center;
  }
}
.cookiesHeader .imgContent {
  margin-right: 16px;
}
@media (max-width: 479px) {
  .cookiesHeader .imgContent {
    margin-right: auto;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesHeader .imgContent {
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesHeader .imgContent {
    margin-right: auto;
  }
}

.cookiesBox {
  position: fixed;
  z-index: 99;
  width: 480px;
  bottom: 32px;
  left: 32px;
  padding: 32px;
  border-radius: 0px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.75);
}
@media (max-width: 479px) {
  .cookiesBox {
    bottom: 0;
    left: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesBox {
    bottom: 0;
    left: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesBox {
    bottom: 0;
    left: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
}
.cookiesBox .cookiesBoxContent {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .cookiesBox .cookiesBoxContent {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesBox .cookiesBoxContent {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesBox .cookiesBoxContent {
    display: block;
  }
}
@media (max-width: 479px) {
  .cookiesBox .cookiesBoxBottom {
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesBox .cookiesBoxBottom {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesBox .cookiesBoxBottom {
    text-align: center;
  }
}
.cookiesBox .imgContent {
  margin-left: 16px;
}
@media (max-width: 479px) {
  .cookiesBox .imgContent {
    margin-left: auto;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesBox .imgContent {
    margin-left: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesBox .imgContent {
    margin-left: auto;
  }
}

.cookiesModal {
  background: transparent;
  z-index: 1050;
}
@media (max-width: 479px) {
  .cookiesModal {
    padding: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesModal {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesModal {
    padding: 0;
  }
}
.cookiesModal .modal-dialog {
  width: 320px;
}
@media (max-width: 479px) {
  .cookiesModal .modal-dialog {
    margin: auto;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cookiesModal .modal-dialog {
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookiesModal .modal-dialog {
    margin: auto;
  }
}
.cookiesModal .modal-content-inside {
  overflow: hidden;
}
.cookiesModal .imgContent {
  width: 100%;
  height: 240px;
  border-radius: 0;
}
.cookiesModal .modal-body {
  padding: 16px;
  text-align: center;
}
.cookiesModal .modal-footer {
  padding: 0 16px 16px;
}
.cookiesModal .btn:first-child {
  margin-right: 0;
  margin-bottom: 16px;
}

/*  ==========================================================================
    FOOTER
    ========================================================================== */
footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
footer .subTitleH5 {
  text-transform: uppercase;
}
footer .titleIntro {
  font-size: 1em;
  color: #696f46;
}
footer .footerInfos {
  padding: 32px 0;
}
@media (max-width: 479px) {
  footer .footerInfos {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerInfos {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerInfos {
    display: block;
  }
}
footer .footerInfos .footerInfosClient {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 479px) {
  footer .footerInfos .footerInfosClient {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerInfos .footerInfosClient {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerInfos .footerInfosClient {
    display: block;
  }
}
footer .footerInfos .footerAddress {
  display: flex;
  align-items: center;
  line-height: 1.5em;
}
@media (max-width: 479px) {
  footer .footerInfos .footerAddress {
    text-align: center;
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerInfos .footerAddress {
    text-align: center;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerInfos .footerAddress {
    text-align: center;
    display: block;
  }
}
footer .footerInfos .footerLogo {
  position: relative;
  overflow: hidden;
}
footer .footerInfos .footerNavInfos ul li {
  border-bottom: 1px dashed #D9D9D9;
}
footer .footerInfos .footerNavInfos ul li:last-child {
  border-bottom: 0;
}
footer .footerInfos .footerNavInfos ul li a.linkFooterLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #696f46;
  text-shadow: inherit;
}
footer .footerInfos .footerNavInfos ul li a.linkFooterLine i {
  color: #696f46;
}
footer .footerInfos .footerNavInfos ul li a.linkFooterLine:hover, footer .footerInfos .footerNavInfos ul li a.linkFooterLine:focus {
  text-decoration: none;
}
footer .footerNav {
  padding: 32px 0;
  margin: auto;
  width: 100%;
}
@media (max-width: 479px) {
  footer .footerNav {
    padding: 0;
    border-bottom: 0;
  }
  footer .footerNav .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  footer .footerNav .container .row {
    margin-right: 0;
    margin-left: 0;
  }
  footer .footerNav .container .row .col-md-12, footer .footerNav .container .row .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerNav {
    padding: 0;
    border-bottom: 0;
  }
  footer .footerNav .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  footer .footerNav .container .row {
    margin-right: 0;
    margin-left: 0;
  }
  footer .footerNav .container .row .col-md-12, footer .footerNav .container .row .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerNav {
    padding: 0;
    border-bottom: 0;
  }
  footer .footerNav .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  footer .footerNav .container .row {
    margin-right: 0;
    margin-left: 0;
  }
  footer .footerNav .container .row .col-md-12, footer .footerNav .container .row .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
footer .footerNav ul.footerMainNav {
  text-align: left;
  display: inline-flex;
}
@media (max-width: 479px) {
  footer .footerNav ul.footerMainNav {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerNav ul.footerMainNav {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerNav ul.footerMainNav {
    display: block;
  }
}
footer .footerNav ul.footerMainNav li {
  position: relative;
  display: block;
  margin: 0 16px;
}
footer .footerNav ul.footerMainNav li i {
  position: absolute;
  right: 16px;
  top: 16px;
  transition: all 0.25s ease-in-out;
  color: rgb(127.5, 127.5, 127.5);
}
footer .footerNav ul.footerMainNav li p {
  font-family: "Barlow", sans-serif;
  font-size: 0.875em;
  font-weight: 300;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(127.5, 127.5, 127.5);
  text-shadow: inherit;
  text-transform: uppercase;
}
footer .footerNav ul.footerMainNav li a {
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 0.875em;
  font-weight: 300;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(127.5, 127.5, 127.5);
  text-shadow: inherit;
  text-transform: uppercase;
}
footer .footerNav ul.footerMainNav li a:hover, footer .footerNav ul.footerMainNav li a:focus {
  text-decoration: none;
  color: rgb(38.25, 38.25, 38.25);
}
@media (max-width: 479px) {
  footer .footerNav ul.footerMainNav li {
    display: block;
    padding: 16px 16px;
    border-bottom: 1px solid;
    border-color: #D9D9D9;
    margin: 0;
  }
  footer .footerNav ul.footerMainNav li:hover, footer .footerNav ul.footerMainNav li:focus {
    cursor: pointer;
  }
  footer .footerNav ul.footerMainNav li.active ul.footerSubNav {
    max-height: 500px;
    padding: 5px 0;
    opacity: 1;
  }
  footer .footerNav ul.footerMainNav li.active i {
    transform: rotate(135deg);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerNav ul.footerMainNav li {
    display: block;
    padding: 16px 16px;
    border-bottom: 1px solid;
    border-color: #D9D9D9;
    margin: 0;
  }
  footer .footerNav ul.footerMainNav li:hover, footer .footerNav ul.footerMainNav li:focus {
    cursor: pointer;
  }
  footer .footerNav ul.footerMainNav li.active ul.footerSubNav {
    max-height: 500px;
    padding: 5px 0;
    opacity: 1;
  }
  footer .footerNav ul.footerMainNav li.active i {
    transform: rotate(135deg);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerNav ul.footerMainNav li {
    display: block;
    padding: 16px 16px;
    border-bottom: 1px solid;
    border-color: #D9D9D9;
    margin: 0;
  }
  footer .footerNav ul.footerMainNav li:hover, footer .footerNav ul.footerMainNav li:focus {
    cursor: pointer;
  }
  footer .footerNav ul.footerMainNav li.active ul.footerSubNav {
    max-height: 500px;
    padding: 5px 0;
    opacity: 1;
  }
  footer .footerNav ul.footerMainNav li.active i {
    transform: rotate(135deg);
  }
}
footer .footerNav ul.footerSubNav {
  display: block;
  margin-top: 8px;
  text-transform: initial;
}
@media (max-width: 479px) {
  footer .footerNav ul.footerSubNav {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerNav ul.footerSubNav {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerNav ul.footerSubNav {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
  }
}
footer .footerNav ul.footerSubNav li {
  display: block;
  margin: 0;
  font-weight: 300;
}
@media (max-width: 479px) {
  footer .footerNav ul.footerSubNav li {
    border-bottom: 0;
    padding: 5px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerNav ul.footerSubNav li {
    border-bottom: 0;
    padding: 5px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerNav ul.footerSubNav li {
    border-bottom: 0;
    padding: 5px 0;
  }
}
footer .footerNav ul.footerSubNav li a {
  display: inline;
}
footer .footerNav ul.footerSubNav li a.disabled {
  opacity: 0.65;
  cursor: no-drop;
}
footer .footerNav ul.footerSubNav li a.disabled:hover, footer .footerNav ul.footerSubNav li a.disabled:focus {
  text-decoration: none;
  color: inherit;
}
footer .footerNewsletter {
  padding: 32px 0;
}
footer .footerNewsletter p {
  display: block;
}
footer .footerNewsletter a {
  font-size: inherit;
}
footer .footerCopyright {
  padding: 16px 0;
}
footer .footerCopyright p {
  display: inline-block;
}
@media (max-width: 479px) {
  footer .footerCopyright p {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerCopyright p {
    display: block;
  }
}
footer .footerCopyright a {
  font-size: inherit;
}
footer .footerCopyright .footerCopyrightMentions {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
}
@media (max-width: 479px) {
  footer .footerCopyright .footerCopyrightMentions {
    display: block;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerCopyright .footerCopyrightMentions {
    display: block;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footerCopyright .footerCopyrightMentions {
    display: block;
    text-align: center;
  }
}
footer .footerTranslate {
  display: inline-block;
  vertical-align: sub;
}
@media (max-width: 479px) {
  footer .footerTranslate {
    margin-top: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer .footerTranslate {
    margin-top: 16px;
  }
}
footer .footerTranslate li {
  display: inline-block;
  margin-right: 8px;
}
footer .footerTranslate li:first-child {
  margin-left: 8px;
}
footer .footerTranslate .footerTranslateLink {
  display: inline-block;
}
footer .footerTranslate .footerTranslateImg {
  position: relative;
}

/*  ==========================================================================
    GABARITS
    ========================================================================== */
.columnSticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
@media (max-width: 479px) {
  .columnSticky {
    position: relative;
    position: -webkit-relative;
    top: initial !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .columnSticky {
    position: relative;
    position: -webkit-relative;
    top: initial !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .columnSticky {
    position: relative;
    position: -webkit-relative;
    top: initial !important;
  }
}

.columnFixed {
  position: fixed;
}
@media (max-width: 479px) {
  .columnFixed {
    position: relative;
    position: -webkit-relative;
    top: initial !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .columnFixed {
    position: relative;
    position: -webkit-relative;
    top: initial !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .columnFixed {
    position: relative;
    position: -webkit-relative;
    top: initial !important;
  }
}

@media (max-width: 479px) {
  .responsiveInvert {
    flex-direction: column-reverse;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .responsiveInvert {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsiveInvert {
    flex-direction: column-reverse;
  }
}

.columnBackground {
  position: fixed;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
@media (max-width: 479px) {
  .columnBackground.columnBackgroundResponsive {
    position: relative;
    height: inherit;
    width: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .columnBackground.columnBackgroundResponsive {
    position: relative;
    width: inherit;
    height: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .columnBackground.columnBackgroundResponsive {
    position: relative;
    width: inherit;
    height: inherit;
  }
}

[class*=zoning] {
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100px;
}
[class*=zoning] p {
  color: #FFF;
  font-weight: 300;
  font-size: 2.5rem;
  text-align: center;
  padding-top: 20px;
  text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
[class*=zoning] p span {
  font-weight: 700;
}

.zoning1 {
  background: #FF0000;
}

.zoning2 {
  background: #FF6C00;
}

.zoning3 {
  background: #FF9D00;
}

.zoning4 {
  background: #FFD800;
}

.zoning5 {
  background: #00FFB1;
}

.zoning6 {
  background: #00D8FF;
}

.zoning7 {
  background: #0076FF;
}

.zoning8 {
  background: #6200FF;
}

.zoning9 {
  background: #BA00FF;
}

.zoning10 {
  background: #FF00F5;
}

.zoning11 {
  background: #DD0D4D;
}

.zoning12 {
  background: #8B0000;
}

/*  ==========================================================================
    HEADER
    ========================================================================== */
header.headerFixed {
  position: fixed;
}
header.headerScroll {
  position: fixed;
}
header.headerScroll.scrollUp {
  /* script js */
}
header.headerOpen, header.cartOpen {
  height: 100%;
  position: fixed;
}
header.headerOpen .headerBloc, header.cartOpen .headerBloc {
  transition-duration: 0.125s;
  transition-delay: 0s;
}
header .headerLeft {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
header .headerCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .headerRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/*  ==========================================================================
    NAVIGATION
    ========================================================================== */
nav.headerNav ul li {
  padding: 0;
}
nav.headerNav ul li a {
  position: relative;
  display: inline-block;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(89.25, 89.25, 89.25);
  text-shadow: inherit;
  transition: background ease-in-out 0.125s;
}
nav.headerNav ul li a:hover {
  font-weight: 400;
  color: rgb(38.25, 38.25, 38.25);
}
nav.headerNav ul li a:focus {
  font-weight: 400;
  color: rgb(38.25, 38.25, 38.25);
}
nav.headerNav ul li a.active {
  font-weight: 600;
  color: #696f46;
}
nav.headerNav.responsiveNav ul li a  {
  height: initial;
}
/* NAVIGATION ACCOUNT / CART / LOGIN */
nav.headerNavAlt ul li:first-child a {
  margin-left: 16px;
}
nav.headerNavAlt ul li:last-child a {
  margin-right: 16px;
}
nav.headerNavAlt ul li a, nav.headerNavAlt ul li button {
  padding: 0;
  padding: 0 16px;
  position: relative;
  color: rgb(89.25, 89.25, 89.25);
  transition: all 0.2s ease-in-out;
}
nav.headerNavAlt ul li a i, nav.headerNavAlt ul li button i {
  font-size: 24px;
  color: rgb(89.25, 89.25, 89.25);
}
nav.headerNavAlt ul li a:hover, nav.headerNavAlt ul li button:hover {
  color: rgb(38.25, 38.25, 38.25);
}
nav.headerNavAlt ul li a:hover i, nav.headerNavAlt ul li button:hover i {
  color: rgb(38.25, 38.25, 38.25);
}
nav.headerNavAlt ul li a:focus, nav.headerNavAlt ul li button:focus {
  color: rgb(38.25, 38.25, 38.25);
}
nav.headerNavAlt ul li a:focus i, nav.headerNavAlt ul li button:focus i {
  color: rgb(38.25, 38.25, 38.25);
}
nav.headerNavAlt ul li a:active, nav.headerNavAlt ul li button:active {
  color: #696f46;
}
nav.headerNavAlt ul li a:active i, nav.headerNavAlt ul li button:active i {
  color: #696f46;
}
nav.headerNavAlt ul li a.active, nav.headerNavAlt ul li button.active {
  color: #696f46;
}
nav.headerNavAlt ul li a.active i, nav.headerNavAlt ul li button.active i {
  color: #696f46;
}
nav.headerNavAlt ul li a.customLink, nav.headerNavAlt ul li button.customLink {
  margin: 0;
  padding: 0;
  transition: ease-in-out all 0.125s;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.headerNavAlt ul li a.customLink .customIcon, nav.headerNavAlt ul li button.customLink .customIcon {
  width: 40px;
  height: 40px;
}
nav.headerNavAlt ul li .user-dropdown {
  border-radius: 0;
  border-top: 0;
}
nav.headerNavAlt ul li .user-dropdown a {
  padding: 5px;
}

/* RESPONSIVE NAVIGATION CONTENT */
nav.responsiveNav .titleEntete {
  text-align: center;
  padding: 0 32px 32px;
}
nav.responsiveNav ul li {
  padding: 0;
  display: block;
  text-align: left;
}
nav.responsiveNav ul li:last-child  {
  border-bottom: 0;
}
nav.responsiveNav ul li a {
  position: relative;
  display: inline-block;
  padding: 16px;
  width: 100%;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(89.25, 89.25, 89.25);
  text-shadow: inherit;
  transition: all 0.2s ease-in-out;
}
nav.responsiveNav ul li a i  {
  float: right;
  line-height: 19px;
  font-size: 12px;
}
nav.responsiveNav ul li a:hover, nav.responsiveNav ul li a:focus {
  font-weight: 400;
  color: rgb(38.25, 38.25, 38.25);
}
nav.responsiveNav ul li a:focus {
  text-decoration: none;
}
nav.responsiveNav ul li a.active {
  font-weight: 600;
  color: #696f46;
}
nav.responsiveNav ul li a.active i  {
  font-size: 7px;
}
/* RESPONSIVE ANIMATION MENU NAV && CART */
nav.mainNav.responsiveNav, nav.cartNav.responsiveNav {
  opacity: 0;
  margin-top: -200vh;
  transition: opacity 0.1s ease-in-out;
  height: calc(100vh - 80px);
  overflow: auto;
}

header.headerOpen nav.mainNav.responsiveNav {
  opacity: 1;
  margin-top: 0;
  transition: opacity 0.2s ease-in-out 0.1s;
}
header.headerOpen nav.cartNav.responsiveNav {
  display: none;
}

/* verifier si c'est encore utiliser */
header.cartOpen nav.mainNav.responsiveNav {
  display: none;
}
header.cartOpen nav.cartNav.responsiveNav {
  opacity: 1;
  margin-top: 0;
  transition: opacity 0.2s ease-in-out 0.1s;
}

/* BTN CART NAVIGATION RESPONSIVE */
button.hamburgerCart, a.hamburgerCart, a.hamburgerLink {
  padding: 0 32px;
  border: 0;
  margin: 0;
  position: relative;
  transition: color ease-in-out 0.125s;
}
@media (max-width: 325px) {
  button.hamburgerCart, a.hamburgerCart, a.hamburgerLink {
    padding: 32px 16px;
  }
}
button.hamburgerCart i, a.hamburgerCart i, a.hamburgerLink i {
  font-size: 24px;
}
button.hamburgerCart i:hover, a.hamburgerCart i:hover, a.hamburgerLink i:hover {
  cursor: pointer;
}
button.hamburgerCart.active:hover, button.hamburgerCart.active:focus, a.hamburgerCart.active:hover, a.hamburgerCart.active:focus, a.hamburgerLink.active:hover, a.hamburgerLink.active:focus {
  background: transparent;
}

button.customLink, a.customLink {
  transition: ease-in-out all 0.125s;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
button.customLink .customIcon, a.customLink .customIcon {
  width: 40px;
  height: 40px;
}
button.customLink.active:after, a.customLink.active:after {
  content: none;
}

.emptyCart {
  height: 88px;
  width: 88px;
  display: block;
  background: transparent;
}

/* BTN MENU NAVIGATION RESPONSIVE */
button.hamburgerNav {
  padding: 32px 29px;
  border: 0;
  margin: 0;
  position: relative;
}
@media (max-width: 325px) {
  button.hamburgerNav {
    padding: 32px 16px;
  }
}
button.hamburgerNav span.label {
  text-transform: uppercase;
  font-size: 0.725rem;
  font-weight: 700;
  padding-right: 7px;
  transition: all 0.25s;
}
button.hamburgerNav #navIcon {
  float: left;
  width: 30px;
  height: 24px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
}
button.hamburgerNav #navIcon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.25s, width 0.25s, left 0.25s, top 0.25s;
  -moz-transition: -moz-transform 0.25s, width 0.25s, left 0.25s, top 0.25s;
  -o-transition: -o-transform 0.25s, width 0.25s, left 0.25s, top 0.25s;
  transition: transform 0.25s, width 0.25s, left 0.25s, top 0.25s;
}
button.hamburgerNav #navIcon span:nth-child(1) {
  top: 0px;
}
button.hamburgerNav #navIcon span:nth-child(2), button.hamburgerNav #navIcon span:nth-child(3) {
  top: 10px;
}
button.hamburgerNav #navIcon span:nth-child(4) {
  top: 20px;
}
button.hamburgerNav.active #navIcon span:nth-child(2) {
  width: 30px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
button.hamburgerNav.active #navIcon span:nth-child(3) {
  width: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
button.hamburgerNav.active #navIcon span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
  opacity: 0;
}
button.hamburgerNav.active #navIcon span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
  opacity: 0;
}
button.hamburgerNav.active:hover #nav-icon span:nth-child(4), button.hamburgerNav.active:focus #nav-icon span:nth-child(4), button.hamburgerNav.active:active #nav-icon span:nth-child(4), button.hamburgerNav.active:active:focus #nav-icon span:nth-child(4) {
  width: 0;
}
button.hamburgerNav.active span.label {
  padding-right: 7px !important;
}
button.hamburgerNav:hover, button.hamburgerNav:focus, button.hamburgerNav:active, button.hamburgerNav:active:focus {
  box-shadow: none;
}
button.hamburgerNav:hover #navIcon span:nth-child(2),
button.hamburgerNav:hover #navIcon span:nth-child(3),
button.hamburgerNav:hover #navIcon span:nth-child(4), button.hamburgerNav:focus #navIcon span:nth-child(2),
button.hamburgerNav:focus #navIcon span:nth-child(3),
button.hamburgerNav:focus #navIcon span:nth-child(4), button.hamburgerNav:active #navIcon span:nth-child(2),
button.hamburgerNav:active #navIcon span:nth-child(3),
button.hamburgerNav:active #navIcon span:nth-child(4), button.hamburgerNav:active:focus #navIcon span:nth-child(2),
button.hamburgerNav:active:focus #navIcon span:nth-child(3),
button.hamburgerNav:active:focus #navIcon span:nth-child(4) {
  width: 30px;
}
button.hamburgerNav:hover span.label, button.hamburgerNav:focus span.label, button.hamburgerNav:active span.label, button.hamburgerNav:active:focus span.label {
  padding-right: 12px;
}

nav.leftPanelNav ul li {
  padding: 0;
}
nav.leftPanelNav ul li a {
  position: relative;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(89.25, 89.25, 89.25);
  text-shadow: inherit;
}
nav.leftPanelNav ul li a:hover {
  font-weight: 400;
  color: rgb(38.25, 38.25, 38.25);
}
nav.leftPanelNav ul li a:focus {
  font-weight: 400;
  color: rgb(38.25, 38.25, 38.25);
}
nav.leftPanelNav ul li a.active {
  font-weight: 600;
  color: #696f46;
}

/*  ==========================================================================
    SUBNAV
    ========================================================================== */
.subNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subNav.headerFixed {
  position: fixed;
}
.subNav.headerScroll {
  position: fixed;
}
.subNav.headerScroll.scrollNav.scrollDown {
  /* script js scriptWrapperNBS */
}
.subNav.headerScroll.scrollAll.scrollDown {
  /* script js scriptWrapperNBS */
}
.subNav .subNavLeft {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.subNav .subNavLeft .subNavTitle {
  padding-left: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subNav .subNavCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subNav .subNavRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.subNav .subNavRight .subNavTitle {
  padding-right: 16px;
}
.subNav .btn {
  padding: 0;
  padding: 16px 32px;
  border-radius: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
}
.subNav .btn i {
  font-size: 24px;
}
.subNav .hamburgerSubNav .iconOpen {
  display: block;
}
.subNav .hamburgerSubNav .iconClose {
  display: none;
}
.subNav .hamburgerSubNav.active .iconOpen {
  display: none;
}
.subNav .hamburgerSubNav.active .iconClose {
  display: block;
}

.filterNav .titrageH1 {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 16px;
}
.filterNav ul li a {
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFF;
  text-shadow: inherit;
}
.filterNav ul li a:hover, .filterNav ul li a:focus {
  font-weight: 300;
  color: #FFF;
}
.filterNav ul li a.active {
  font-weight: 500;
  color: #FFF;
}

/* SUBNAV Responsive */
.subNavResponsive {
  transition: all 0.3s ease-in-out;
  text-align: center;
  position: absolute;
  width: 100%;
  max-width: 100%;
  z-index: 10;
  right: 0;
  left: 0;
}
.subNavResponsive.headerFixed {
  position: fixed;
}
.subNavResponsive.headerFixed.subNavOpen .filterNav {
  height: 100vh;
  overflow: auto;
  opacity: 1;
}
.subNavResponsive.headerScroll {
  position: fixed;
}
.subNavResponsive.headerScroll.scrollNav.navUp {
  top: 55px !important;
}
.subNavResponsive.headerScroll.scrollAll.navUp {
  top: -88px !important;
}
.subNavResponsive.subNavOpen .filterNav {
  height: auto;
  overflow: inherit;
  opacity: 1;
}
.subNavResponsive .filterNav {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.subNavResponsive .filterNav ul li {
  padding: 0;
  display: block;
}
.subNavResponsive .filterNav ul li:last-child {
  border-bottom: 0;
}
.subNavResponsive .filterNav ul li a {
  position: relative;
  display: inline-block;
  padding: 16px;
  width: 100%;
  transition: all 0.2s ease-in-out;
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFF;
  text-shadow: inherit;
}
.subNavResponsive .filterNav ul li a:hover, .subNavResponsive .filterNav ul li a:focus {
  text-decoration: none;
  font-weight: 300;
  color: #FFF;
}
.subNavResponsive .filterNav ul li a.active {
  font-weight: 500;
  color: #FFF;
}
.subNavResponsive .filterNav ul li a:after {
  content: none;
}

/*  ==========================================================================
    HEADER SERVICES
    ========================================================================== */
.headerServices {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}
.headerServices .headerServicesLeft {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.headerServices .headerServicesCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.headerServices .headerServicesRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.headerServices .headerServicesTitle {
  font-family: "Barlow", sans-serif;
  font-size: 0.875em;
  font-weight: 300;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.headerServices .headerServicesContactPhone  {
  font-size: 0.875em;
}
/* IMPORT Pages */
/*  ==========================================================================
    PAGE 403 - 404 CORE
    ========================================================================== */
.page40x {
  position: relative;
}

/*  ==========================================================================
    PAGES GENERIC
    ========================================================================== */
.pageHeader {
  text-align: center;
}

/*  ==========================================================================
    PAGES GENERIC
    ========================================================================== */
/*  ==========================================================================
    PAGE CART
    ========================================================================== */
.cartVariant {
  border-bottom: 1px solid #D9D9D9;
  transition: all ease-in-out 0.125s;
  /* VARIANT OFFRES */
  /* VARIANT SERVICES */
}
.cartVariant.table-body-add {
  border-color: red;
}
.cartVariant:last-child {
  border-bottom: 0;
}
.cartVariant .cartVariantLine {
  background: #F7F7F7;
  border-radius: 4px;
  margin-bottom: 16px;
  /* HOVER EFFECT */
}
.cartVariant .cartVariantLine:last-child {
  margin-bottom: 0;
}
.cartVariant .cartVariantBreadcrumb {
  text-align: center;
}
.cartVariant .cartVariantOffer {
  position: relative;
  padding: 16px;
  display: grid;
  grid-template-columns: 6fr 56px 1fr 1fr 1fr 56px;
  grid-gap: 16px;
  align-items: center;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOffer {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOffer {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cartVariant .cartVariantOffer.orderGrid {
  grid-template-columns: 6fr 56px 1fr 1fr 1fr;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOffer.orderGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOffer.orderGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cartVariant .cartVariantOffer .cartVariantOfferInfos {
  display: flex;
  align-items: center;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOffer .cartVariantOfferInfos {
    display: block;
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOffer .cartVariantOfferInfos {
    display: block;
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
.cartVariant .cartVariantOffer .cartVariantOfferInfos .cartVariantImg {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  margin-right: 16px;
  border: 1px solid #D9D9D9;
  border-radius: 0px;
  /* HEIGHT DEFAUT */
  height: 80px;
  width: 80px;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOffer .cartVariantOfferInfos .cartVariantImg {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOffer .cartVariantOfferInfos .cartVariantImg {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.cartVariant .cartVariantOffer .cartVariantOfferInfos .cartVariantImg span.img-shadow:before {
  box-shadow: none;
}
.cartVariant .cartVariantOffer .cartVariantOfferInfos .cartVariantImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.cartVariant .cartVariantOffer .cartVariantOfferInfos .titleH4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cartVariant .cartVariantOffer .cartVariantStock {
  text-align: center;
}
.cartVariant .cartVariantOffer .cartVariantStock i {
  color: inherit;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOffer .cartVariantStock i {
    font-size: 1.125rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOffer .cartVariantStock i {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cartVariant .cartVariantOffer .cartVariantStock i {
    font-size: 1.125rem;
  }
}
.cartVariant .cartVariantOffer .cartVariantUnitPrice {
  text-align: right;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOffer .cartVariantUnitPrice {
    text-align: left;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOffer .cartVariantUnitPrice {
    text-align: left;
  }
}
.cartVariant .cartVariantOffer .cartVariantSelectQuantity {
  text-align: center;
}
.cartVariant .cartVariantOffer .cartVariantTotalPrice {
  text-align: right;
}
.cartVariant .cartVariantOffer .cartVariantAction {
  text-align: right;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOffer .cartVariantAction {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOffer .cartVariantAction {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.cartVariant .cartVariantOfferSupp {
  text-align: right;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: -16px;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantOfferSupp {
    text-align: left;
    margin-top: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantOfferSupp {
    text-align: left;
    margin-top: 0;
  }
}
.cartVariant .cartVariantServices .cartVariantServicesLine {
  position: relative;
  padding: 16px;
  display: grid;
  grid-template-columns: 6fr 56px 1fr 1fr 1fr 56px;
  grid-gap: 16px;
  align-items: center;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantServices .cartVariantServicesLine {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantServices .cartVariantServicesLine {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cartVariant .cartVariantServices .cartVariantServicesLine.orderGrid {
  grid-template-columns: 6fr 56px 1fr 1fr 1fr;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantServices .cartVariantServicesLine.orderGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantServices .cartVariantServicesLine.orderGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cartVariant .cartVariantServices .cartVariantServicesLine:before {
  content: "";
  border-top: 1px dashed #D9D9D9;
  position: absolute;
  width: calc(100% - (80px + 32px));
  left: calc(80px + 32px);
  top: 0;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantServices .cartVariantServicesLine:before {
    left: 0;
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantServices .cartVariantServicesLine:before {
    left: 0;
    width: 100%;
  }
}
.cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartVariantServicesInfos {
  opacity: 0.5;
}
.cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartVariantServicesUnitPrice {
  opacity: 0.5;
}
.cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartServicesSelectQuantity {
  opacity: 0.5;
}
.cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartVariantServicesTotalPrice {
  opacity: 0.5;
}
.cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartVariantServicesAction {
  opacity: 0.5;
}
.cartVariant .cartVariantServices .cartVariantServicesInfos {
  display: flex;
  align-items: center;
  padding-left: calc(80px + 16px);
}
@media (max-width: 479px) {
  .cartVariant .cartVariantServices .cartVariantServicesInfos {
    padding-left: 0;
    grid-column-start: 1;
    grid-column-end: 4;
    align-items: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantServices .cartVariantServicesInfos {
    padding-left: 0;
    grid-column-start: 1;
    grid-column-end: 4;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cartVariant .cartVariantServices .cartVariantServicesInfos {
    padding-left: calc(64px + 16px);
  }
}
.cartVariant .cartVariantServices .cartVariantServicestIcon {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-color: rgb(38.25, 38.25, 38.25);
}
@media (max-width: 479px) {
  .cartVariant .cartVariantServices .cartVariantServicestIcon {
    flex: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantServices .cartVariantServicestIcon {
    flex: none;
  }
}
.cartVariant .cartVariantServices .cartVariantServicesOptions {
  text-align: center;
  opacity: 0.5;
}
.cartVariant .cartVariantServices .cartVariantServicesOptions:hover, .cartVariant .cartVariantServices .cartVariantServicesOptions:focus {
  opacity: 1;
}
.cartVariant .cartVariantServices .cartVariantServicesOptions .nbs-tooltip > i {
  font-size: 1rem;
}
.cartVariant .cartVariantServices .cartVariantServicesUnitPrice {
  text-align: right;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantServices .cartVariantServicesUnitPrice {
    text-align: left;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantServices .cartVariantServicesUnitPrice {
    text-align: left;
  }
}
.cartVariant .cartVariantServices .cartServicesSelectQuantity {
  text-align: center;
}
.cartVariant .cartVariantServices .cartVariantServicesTotalPrice {
  text-align: right;
}
.cartVariant .cartVariantServices .cartVariantServicesAction {
  text-align: center;
}
@media (max-width: 479px) {
  .cartVariant .cartVariantServices .cartVariantServicesAction {
    position: absolute;
    top: 16px;
    right: 16px;
    text-align: right;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartVariant .cartVariantServices .cartVariantServicesAction {
    position: absolute;
    top: 16px;
    right: 16px;
    text-align: right;
  }
}
.cartVariant .cartVariantServices .cartVariantServicesAction.service-lock {
  opacity: 0.35;
}
.cartVariant .cartVariantServices .cartVariantServicesAction .checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cartVariant .cartVariantServices .cartVariantServicesAction .checkbox label {
  padding-left: 0;
}

.totalOrder {
  text-align: right;
}
.totalOrder.borderBottom {
  padding: 16px 0;
  border-bottom: 1px solid #D9D9D9;
}
.totalOrder.totalSticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  bottom: 0;
  z-index: 5;
}

.deliveryLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-style: inset;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 0px;
  opacity: 0.5;
}
@media (max-width: 479px) {
  .deliveryLine {
    align-items: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .deliveryLine {
    align-items: flex-start;
  }
}
.deliveryLine:hover, .deliveryLine:focus {
  cursor: pointer;
}
.deliveryLine:last-child {
  margin-bottom: 0;
}
.deliveryLine.active {
  opacity: 1;
  border: 1px solid #a8b462;
  background: #FFF;
}
.deliveryLine.active:hover, .deliveryLine.active:focus {
  cursor: default;
}
.deliveryLine i {
  margin-right: 8px;
}
.deliveryLine .deliveryLineLeft {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 479px) {
  .deliveryLine .deliveryLineLeft {
    align-items: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .deliveryLine .deliveryLineLeft {
    align-items: flex-start;
  }
}
.deliveryLine .deliveryLineLeft .subTitleH5 {
  margin-left: 4px;
}
.deliveryLine.deliveryLineBox {
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  border-radius: 0px;
  text-align: center;
}
.deliveryLine.deliveryLineBox i {
  font-size: 64px;
}
@media (max-width: 479px) {
  .deliveryLine.deliveryLineBox {
    display: flex;
    flex-direction: initial;
    text-align: left;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .deliveryLine.deliveryLineBox {
    display: flex;
    flex-direction: initial;
    text-align: left;
  }
}
.deliveryLine.deliveryLineBox .titleH5 {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .deliveryLine.deliveryLineBox .titleH5 {
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .deliveryLine.deliveryLineBox .titleH5 {
    margin-bottom: 0;
  }
}
.deliveryLine .deliveryLineIcon {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-color: rgb(38.25, 38.25, 38.25);
}
@media (max-width: 479px) {
  .deliveryLine .deliveryLineIcon {
    margin-right: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .deliveryLine .deliveryLineIcon {
    margin-right: 16px;
  }
}

.cartIconTop i {
  font-size: 32px;
}

.totalOrderHide {
  max-height: 0;
  transition: max-height ease-in-out 0.5s;
  overflow: hidden;
}
.totalOrderHide.active {
  max-height: 280px;
}

.totalOrderLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}
.totalOrderLine .totalOrderLineEnd {
  min-width: 192px;
}
@media (max-width: 479px) {
  .totalOrderLine .totalOrderLineEnd {
    min-width: auto;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .totalOrderLine .totalOrderLineEnd {
    min-width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .totalOrderLine .totalOrderLineEnd {
    min-width: auto;
  }
}
.totalOrderLine.borderBottom {
  padding: 16px;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 479px) {
  .totalOrderLine.alignTopResponsive {
    align-items: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .totalOrderLine.alignTopResponsive {
    align-items: flex-start;
  }
}

.totalOrderLineCenter {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}
.totalOrderLineCenter.borderBottom {
  padding: 16px;
  border-bottom: 1px solid #D9D9D9;
}

.paymentIcon {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin: auto;
  width: 64px;
  height: 64px;
  background-color: rgb(38.25, 38.25, 38.25);
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .paymentIcon {
    margin: 0;
    margin-right: 16px;
    flex: none;
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .paymentIcon {
    margin: 0;
    margin-right: 16px;
    flex: none;
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 479px) {
  .blocTitleAjustResponsive {
    padding: 0 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .blocTitleAjustResponsive {
    padding: 0 32px;
  }
}

.timeLineRecap .tileLineRecapSteps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.timeLineRecap .tileLineRecapSteps .timeLineRecapItem {
  opacity: 0.25;
  text-align: center;
  width: 144px;
}
@media (max-width: 479px) {
  .timeLineRecap .tileLineRecapSteps .timeLineRecapItem {
    width: 56px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .tileLineRecapSteps .timeLineRecapItem {
    width: 56px;
  }
}
.timeLineRecap .tileLineRecapSteps .timeLineRecapItem i {
  font-size: 2rem;
  display: block;
  margin-bottom: 8px;
}
.timeLineRecap .tileLineRecapSteps .timeLineRecapItem.step-active {
  opacity: 1;
}
.timeLineRecap .tileLineRecapSteps .timeLineRecapItem.step-cancel {
  opacity: 1;
  color: #9c0f17;
}
.timeLineRecap .tileLineRecapSteps .timeLineRecapItem.step-cancel i, .timeLineRecap .tileLineRecapSteps .timeLineRecapItem.step-cancel p {
  color: #9c0f17;
}
.timeLineRecap .timeLineRecapProgress {
  position: relative;
  display: block;
  height: 8px;
  width: 864px;
  border-radius: 8px;
  background-color: #F7F7F7;
  margin: auto;
  margin-top: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress {
    width: 336px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress {
    width: 336px;
  }
}
.timeLineRecap .timeLineRecapProgress.step-cancel {
  width: 144px;
}
.timeLineRecap .timeLineRecapProgress.step-cancel:after {
  width: 144px;
  background-color: #9c0f17;
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress.step-cancel:after {
    width: 56px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress.step-cancel:after {
    width: 56px;
  }
}
.timeLineRecap .timeLineRecapProgress:after {
  content: "";
  width: 0;
  height: 8px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #a8b462;
}
.timeLineRecap .timeLineRecapProgress.step-1:after {
  width: 144px;
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress.step-1:after {
    width: 56px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress.step-1:after {
    width: 56px;
  }
}
.timeLineRecap .timeLineRecapProgress.step-2:after {
  width: 288px;
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress.step-2:after {
    width: 112px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress.step-2:after {
    width: 112px;
  }
}
.timeLineRecap .timeLineRecapProgress.step-3:after {
  width: 432px;
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress.step-3:after {
    width: 168px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress.step-3:after {
    width: 168px;
  }
}
.timeLineRecap .timeLineRecapProgress.step-4:after {
  width: 576px;
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress.step-4:after {
    width: 224px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress.step-4:after {
    width: 224px;
  }
}
.timeLineRecap .timeLineRecapProgress.step-5:after {
  width: 720px;
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress.step-5:after {
    width: 280px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress.step-5:after {
    width: 280px;
  }
}
.timeLineRecap .timeLineRecapProgress.step-6:after {
  width: 864px;
}
@media (max-width: 479px) {
  .timeLineRecap .timeLineRecapProgress.step-6:after {
    width: 336px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .timeLineRecap .timeLineRecapProgress.step-6:after {
    width: 336px;
  }
}

.orderPaiementStatut {
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFF;
  text-shadow: inherit;
  border-radius: 4px;
  padding: 16px;
  padding-right: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.orderPaiementStatut.state-success {
  background-color: #96c100;
}
.orderPaiementStatut.state-error {
  background-color: #e60006;
}
.orderPaiementStatut.state-waiting {
  background-color: #f59331;
}
.orderPaiementStatut i {
  color: inherit;
  margin-right: 8px;
}

@media (max-width: 479px) {
  .totalResponsiveAlign {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .totalResponsiveAlign {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .totalResponsiveAlign {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .totalResponsiveAlign .subTitleH1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .totalResponsiveAlign .subTitleH1 {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .totalResponsiveAlign .subTitleH1 {
    font-size: 1.125rem;
  }
}
@media (max-width: 479px) {
  .totalResponsiveAlign .titleH1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .totalResponsiveAlign .titleH1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .totalResponsiveAlign .titleH1 {
    font-size: 1.5rem;
  }
}

/*  ==========================================================================
    PAGE MY ACCOUNT
    ========================================================================== */
.myAccount .imgContent.imgProfile {
  margin: auto;
  margin-top: -96px;
  margin-bottom: 32px;
  border: 4px solid #FFF;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
}

.myAddressTable .myAddressTableHead {
  display: grid;
  grid-template-columns: 1.5fr 6fr 1fr;
  grid-gap: 16px;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 479px) {
  .myAddressTable .myAddressTableHead {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .myAddressTable .myAddressTableHead {
    display: none;
  }
}
.myAddressTable .myAddressTableHead .myAddressTableHeadTitle,
.myAddressTable .myAddressTableHead .myAddressTableHeadInfo,
.myAddressTable .myAddressTableHead .myAddressTableHeadAction {
  padding: 16px;
}
.myAddressTable .myAddressTableLine {
  display: grid;
  grid-template-columns: 1.5fr 6fr 1fr;
  grid-gap: 16px;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
  transition: all ease-in-out 0.125s;
}
.myAddressTable .myAddressTableLine:hover, .myAddressTable .myAddressTableLine:focus {
  background-color: rgb(229.5, 229.5, 229.5);
  text-decoration: none;
}
@media (max-width: 479px) {
  .myAddressTable .myAddressTableLine {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .myAddressTable .myAddressTableLine {
    grid-template-columns: repeat(3, 1fr);
  }
}
.myAddressTable .myAddressTableLine .myAddressTableLineTitle,
.myAddressTable .myAddressTableLine .myAddressTableLineInfo,
.myAddressTable .myAddressTableLine .myAddressTableLineAction {
  padding: 16px;
}
@media (max-width: 479px) {
  .myAddressTable .myAddressTableLine .myAddressTableLineTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .myAddressTable .myAddressTableLine .myAddressTableLineTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-bottom: 0;
  }
}
@media (max-width: 479px) {
  .myAddressTable .myAddressTableLine .myAddressTableLineInfo {
    display: block;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .myAddressTable .myAddressTableLine .myAddressTableLineInfo {
    display: block;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-top: 0;
  }
}
.myAddressTable .myAddressTableLine .myAddressTableLineAction {
  display: flex;
  align-items: center;
}

.myOrdersTable .myOrdersTableHead {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 2fr 2fr;
  grid-gap: 16px;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 479px) {
  .myOrdersTable .myOrdersTableHead {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .myOrdersTable .myOrdersTableHead {
    display: none;
  }
}
.myOrdersTable .myOrdersTableHead .myOrdersTableHeadDate,
.myOrdersTable .myOrdersTableHead .myOrdersTableHeadNumber,
.myOrdersTable .myOrdersTableHead .myOrdersTableHeadTotal,
.myOrdersTable .myOrdersTableHead .myOrdersTableHeadPaiement,
.myOrdersTable .myOrdersTableHead .myOrdersTableHeadStatut {
  padding: 16px;
}
.myOrdersTable .myOrdersTableHead .myOrdersTableHeadTotal {
  text-align: right;
}
.myOrdersTable .myOrdersTableHead .myOrdersTableHeadStatut {
  text-align: right;
}
.myOrdersTable .myOrdersTableLine {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 2fr 2fr;
  grid-gap: 16px;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
  transition: all ease-in-out 0.125s;
}
.myOrdersTable .myOrdersTableLine:hover, .myOrdersTable .myOrdersTableLine:focus {
  background-color: rgb(229.5, 229.5, 229.5);
  text-decoration: none;
}
@media (max-width: 479px) {
  .myOrdersTable .myOrdersTableLine {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .myOrdersTable .myOrdersTableLine {
    grid-template-columns: repeat(3, 1fr);
  }
}
.myOrdersTable .myOrdersTableLine .myOrdersTableLineDate,
.myOrdersTable .myOrdersTableLine .myOrdersTableLineNumber,
.myOrdersTable .myOrdersTableLine .myOrdersTableLineTotal,
.myOrdersTable .myOrdersTableLine .myOrdersTableLinePaiement,
.myOrdersTable .myOrdersTableLine .myOrdersTableLineStatut {
  padding: 16px;
}
.myOrdersTable .myOrdersTableLine .myOrdersTableLineTotal {
  text-align: right;
}
.myOrdersTable .myOrdersTableLine .myOrdersTableLineStatut p {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.myOrdersTable .myOrdersTableLine .myOrdersTableLineStatut p i {
  margin-left: 8px;
}

/* en cours 0/1/2/3 */
.orderState_0 {
  color: #FD6220;
}
.orderState_0 p, .orderState_0 a, .orderState_0 i {
  color: #FD6220;
}

.orderState_1 {
  color: #FD6220;
}
.orderState_1 p, .orderState_1 a, .orderState_1 i {
  color: #FD6220;
}

.orderState_2 {
  color: #FD6220;
}
.orderState_2 p, .orderState_2 a, .orderState_2 i {
  color: #FD6220;
}

.orderState_3 {
  color: #FD6220;
}
.orderState_3 p, .orderState_3 a, .orderState_3 i {
  color: #FD6220;
}

/* Validée */
.orderState_4 {
  color: #00afec;
}
.orderState_4 p, .orderState_4 a, .orderState_4 i {
  color: #00afec;
}

/* en prépation */
.orderState_5 {
  color: #0073b9;
}
.orderState_5 p, .orderState_5 a, .orderState_5 i {
  color: #0073b9;
}

/* expédiée */
.orderState_6 {
  color: #00736a;
}
.orderState_6 p, .orderState_6 a, .orderState_6 i {
  color: #00736a;
}

/* livrée */
.orderState_7 {
  color: #8ec549;
}
.orderState_7 p, .orderState_7 a, .orderState_7 i {
  color: #8ec549;
}

/* Annulé ??? */
.orderState_8 {
  color: #9c0f17;
}
.orderState_8 p, .orderState_8 a, .orderState_8 i {
  color: #9c0f17;
}

/* Livrée */
.orderState_9 {
  color: #8ec549;
}
.orderState_9 p, .orderState_9 a, .orderState_9 i {
  color: #8ec549;
}

/* Archivée */
.orderState_98 {
  color: #737373;
}
.orderState_98 p, .orderState_98 a, .orderState_98 i {
  color: #737373;
}

/* Annulé */
.orderState_99 {
  color: #9c0f17;
}
.orderState_99 p, .orderState_99 a, .orderState_99 i {
  color: #9c0f17;
}

/* IMPORT Reset */
/*  ==========================================================================
    FONT USE IN CSS DIRECT
    ========================================================================== */
/* TITLE
--------------------------------------------------- */
.collapseTitle {
  position: relative;
  margin-bottom: 0 !important;
  padding: 16px 0;
  display: flex;
  align-items: center;
}
.collapseTitle:after {
  content: "\e959";
  font-family: "nbs_font" !important; /* icon_minus-large */
  position: absolute;
  right: 0;
  top: inherit;
  font-size: 20px;
  font-weight: 300;
  opacity: 1;
  color: #000000;
}
.collapseTitle:hover, .collapseTitle:focus {
  cursor: pointer;
}
.collapseTitle:hover:after, .collapseTitle:focus:after {
  opacity: 1;
}
.collapseTitle.collapsed:after {
  content: "\e974";
  font-family: "nbs_font" !important; /* icon_plus-large */
  position: absolute;
  right: 0;
  font-size: 20px;
  font-weight: 300;
  top: inherit;
  opacity: 1;
  color: #000000;
  font-style: normal;
}
.collapseTitle.collapsed:hover, .collapseTitle.collapsed:focus {
  cursor: pointer;
}
.collapseTitle.collapsed:hover:after, .collapseTitle.collapsed:focus:after {
  opacity: 1;
}

/* SELECT
------------------------------ */
.select2-container .select2-selection--single .select2-selection__arrow b:after,
.select2-container .select2-selection--multiple .select2-selection__arrow b:after {
  content: "\e927"; /* icon-down-mini */
  font-family: "nbs_font" !important;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b:after,
.select2-container.select2-container--open .select2-selection--multiple .select2-selection__arrow b:after {
  content: "\e99a"; /* icon-up-mini */
  font-family: "nbs_font" !important;
}

.checkbox input[type=checkbox]:checked + label::after {
  font-family: "nbs-icones-ux";
  content: "툙";
}

/*  ==========================================================================
    ZERO SASS
    ========================================================================== */
.clear {
  clear: both;
}

/* MARGIN */
.m-0 {
  margin: 0;
}

.m-auto {
  margin: auto;
}

/* MARGIN TOP */
.m-t--1 {
  margin-top: -1px;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-t-36 {
  margin-top: 36px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-48 {
  margin-top: 48px !important;
}

.mt--1 {
  margin-top: -1px;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-0125 {
  margin-top: 4px;
}

.mt-025 {
  margin-top: 8px;
}

.mt-050 {
  margin-top: 16px;
}

.mt-075 {
  margin-top: 24px;
}

.mt-100 {
  margin-top: 32px;
}

.mt-125 {
  margin-top: 40px;
}

.mt-150 {
  margin-top: 48px;
}

.mt-175 {
  margin-top: 56px;
}

.mt-200 {
  margin-top: 64px;
}

.mt-225 {
  margin-top: 72px;
}

.mt-250 {
  margin-top: 80px;
}

.mt-275 {
  margin-top: 88px;
}

.mt-300 {
  margin-top: 96px;
}

/* MARGIN BOTTOM */
.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-b-36 {
  margin-bottom: 36px;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-48 {
  margin-bottom: 48px !important;
}

.mb--1 {
  margin-bottom: -1px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-0125 {
  margin-bottom: 4px;
}

.mb-025 {
  margin-bottom: 8px;
}

.mb-050 {
  margin-bottom: 16px;
}

.mb-075 {
  margin-bottom: 24px;
}

.mb-100 {
  margin-bottom: 32px;
}

.mb-125 {
  margin-bottom: 40px;
}

.mb-150 {
  margin-bottom: 48px;
}

.mb-175 {
  margin-bottom: 56px;
}

.mb-200 {
  margin-bottom: 64px;
}

.mb-225 {
  margin-bottom: 72px;
}

.mb-250 {
  margin-bottom: 80px;
}

.mb-275 {
  margin-bottom: 88px;
}

.mb-300 {
  margin-bottom: 96px;
}

/* MARGIN RIGHT */
.m-r-5 {
  margin-right: 5px;
}

.m-r-7 {
  margin-right: 7px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-0125 {
  margin-right: 4px;
}

.mr-025 {
  margin-right: 8px;
}

.mr-050 {
  margin-right: 16px;
}

.mr-075 {
  margin-right: 24px;
}

.mr-100 {
  margin-right: 32px;
}

.mr-125 {
  margin-right: 40px;
}

.mr-150 {
  margin-right: 48px;
}

.mr--025 {
  margin-right: -8px;
}

.mr--050 {
  margin-right: -16px;
}

.mr--075 {
  margin-right: -24px;
}

.mr--100 {
  margin-right: -32px;
}

/* MARGIN LEFT */
.m-l-5 {
  margin-left: 5px;
}

.m-l-7 {
  margin-left: 7px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-0125 {
  margin-left: 4px;
}

.ml-025 {
  margin-left: 8px;
}

.ml-050 {
  margin-left: 16px;
}

.ml-075 {
  margin-left: 24px;
}

.ml-100 {
  margin-left: 32px;
}

.ml-125 {
  margin-left: 40px;
}

.ml-150 {
  margin-left: 48px;
}

.ml--025 {
  margin-left: -8px;
}

.ml--050 {
  margin-left: -16px;
}

.ml--075 {
  margin-left: -24px;
}

.ml--100 {
  margin-left: -32px;
}

/* PADDING LEFT RIGHT */
.p-lr-20 {
  padding: 0 20px;
}

.p-lr-50 {
  padding: 0 50px;
}

/* PADDING */
.p-0 {
  padding: 0;
}

.p-025 {
  padding: 8px;
}

.p-050 {
  padding: 16px;
}

.p-100 {
  padding: 32px;
}

/* PADDING LEFT */
.p-l-0 {
  padding-left: 0;
}

/* PADDING RIGHT */
.p-r-0 {
  padding-right: 0;
}

/* PADDING TOP */
.p-t-8 {
  padding-top: 8px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-t-32 {
  padding-top: 32px !important;
}

.p-t-36 {
  padding-top: 36px !important;
}

.p-t-48 {
  padding-top: 48px !important;
}

.pt-025 {
  padding-top: 8px;
}

.pt-050 {
  padding-top: 16px;
}

.pt-075 {
  padding-top: 24px;
}

.pt-100 {
  padding-top: 32px;
}

.pt-125 {
  padding-top: 40px;
}

.pt-150 {
  padding-top: 48px;
}

/* PADDING BOTTOM */
.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.p-b-32 {
  padding-bottom: 32px !important;
}

.p-b-36 {
  padding-bottom: 36px !important;
}

.p-b-48 {
  padding-bottom: 48px !important;
}

.pb-025 {
  padding-bottom: 8px;
}

.pb-050 {
  padding-bottom: 16px;
}

.pb-075 {
  padding-bottom: 24px;
}

.pb-100 {
  padding-bottom: 32px;
}

.pb-125 {
  padding-bottom: 40px;
}

.pb-150 {
  padding-bottom: 48px;
}

.v-sub {
  vertical-align: sub;
}

.divider {
  border-bottom: 1px solid #D9D9D9;
}

.dividerDotted {
  border-bottom: 1px dotted #D9D9D9;
}

.dividerDashed {
  border-bottom: 1px dashed #D9D9D9;
}

/* TEXT WEIGHT */
.t-upp {
  text-transform: uppercase !important;
}

.t-100 {
  font-weight: 100 !important;
}

.t-300 {
  font-weight: 300 !important;
}

.t-400 {
  font-weight: 400 !important;
}

.t-500 {
  font-weight: 500 !important;
}

.t-600 {
  font-weight: 600 !important;
}

.t-700 {
  font-weight: 700 !important;
}

.t-900 {
  font-weight: 900 !important;
}

/* TEXT ALIGN */
.t-right {
  text-align: right !important;
}

.t-left {
  text-align: left !important;
}

.t-center {
  text-align: center !important;
}

.t-justify {
  text-align: justify !important;
}

.t-primary {
  color: #696f46;
}

.t-grey {
  color: rgba(0, 0, 0, 0.5);
}

.t-secondary {
  color: #a8b462;
}

.t-black {
  color: #262626;
}

.t-white {
  color: #FFF;
}

.t-success {
  color: #96c100 !important;
}

.t-warning {
  color: #f59331 !important;
}

.t-error {
  color: #e60006 !important;
}

.t-info {
  color: #37b0e9 !important;
}

.t-txt {
  color: #000000 !important;
}

.t-txt85 {
  color: rgb(38.25, 38.25, 38.25) !important;
}

.t-txt65 {
  color: rgb(89.25, 89.25, 89.25) !important;
}

.t-txt50 {
  color: rgb(127.5, 127.5, 127.5) !important;
}

.t-txt35 {
  color: rgb(165.75, 165.75, 165.75) !important;
}

/* SIZE */
.t-xxs {
  font-size: 0.625em;
}

.t-xs {
  font-size: 0.75em;
}

.t-s {
  font-size: 0.875em;
}

.t-b {
  font-size: 1em;
}

.t-l {
  font-size: 1.125em;
}

.t-xl {
  font-size: 1.25em;
}

.t-xxl {
  font-size: 1.5em;
}

.hidden {
  overflow: hidden;
}

.hide {
  display: none;
}

.back-primary {
  background: #696f46;
}

.back-secondary {
  background: #a8b462;
}

.back-black {
  background: #000;
}

.back-white {
  background: #FFF;
}

.disabled {
  opacity: 0.3 !important;
  cursor: no-drop !important;
}
.disabled:hover, .disabled:focus {
  color: #d7d7d7 !important;
}

.align-items-start {
  align-items: flex-start !important;
}

/* IMPORT Fonts Icones */
@font-face {
  font-family: "nbs-icones-cgv";
  src: url("../../fonts/nbs-icones-cgv.eot?qz774u");
  src: url("../../fonts/nbs-icones-cgv.eot?qz774u#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-cgv.ttf?qz774u") format("truetype"), url("../../fonts/nbs-icones-cgv.woff?qz774u") format("woff"), url("../../fonts/nbs-icones-cgv.svg?qz774u#nbs-icones-cgv") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nbs-icones-cgv-], [class*=" nbs-icones-cgv-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-cgv" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-icones-cgv-accounting:before {
  content: "넀";
}

.nbs-icones-cgv-alert-circle:before {
  content: "넁";
}

.nbs-icones-cgv-archives:before {
  content: "넂";
}

.nbs-icones-cgv-book-of-contacts:before {
  content: "넃";
}

.nbs-icones-cgv-box:before {
  content: "넄";
}

.nbs-icones-cgv-bug:before {
  content: "넅";
}

.nbs-icones-cgv-calculator:before {
  content: "넆";
}

.nbs-icones-cgv-calendar:before {
  content: "넇";
}

.nbs-icones-cgv-chat:before {
  content: "너";
}

.nbs-icones-cgv-compass:before {
  content: "넉";
}

.nbs-icones-cgv-courthouse:before {
  content: "넊";
}

.nbs-icones-cgv-credit-card-secure:before {
  content: "넋";
}

.nbs-icones-cgv-factory:before {
  content: "넌";
}

.nbs-icones-cgv-file:before {
  content: "넍";
}

.nbs-icones-cgv-folder:before {
  content: "넎";
}

.nbs-icones-cgv-gift:before {
  content: "넏";
}

.nbs-icones-cgv-group:before {
  content: "널";
}

.nbs-icones-cgv-heart-outline:before {
  content: "넑";
}

.nbs-icones-cgv-home:before {
  content: "넒";
}

.nbs-icones-cgv-information-circle:before {
  content: "넓";
}

.nbs-icones-cgv-legal:before {
  content: "넔";
}

.nbs-icones-cgv-like:before {
  content: "넕";
}

.nbs-icones-cgv-list-check:before {
  content: "넖";
}

.nbs-icones-cgv-list-to-do:before {
  content: "넗";
}

.nbs-icones-cgv-mail-envelope:before {
  content: "넘";
}

.nbs-icones-cgv-padlock:before {
  content: "넙";
}

.nbs-icones-cgv-phone-circle:before {
  content: "넚";
}

.nbs-icones-cgv-pin-point-1:before {
  content: "넛";
}

.nbs-icones-cgv-question-circle:before {
  content: "넜";
}

.nbs-icones-cgv-share:before {
  content: "넝";
}

.nbs-icones-cgv-Shop:before {
  content: "넞";
}

.nbs-icones-cgv-shopping-cart-canceled:before {
  content: "넟";
}

.nbs-icones-cgv-shopping-cart-ok:before {
  content: "넠";
}

.nbs-icones-cgv-shopping-cart:before {
  content: "넡";
}

.nbs-icones-cgv-spam-box:before {
  content: "넢";
}

.nbs-icones-cgv-star-outline:before {
  content: "넣";
}

.nbs-icones-cgv-ticket-outline:before {
  content: "네";
}

.nbs-icones-cgv-time-clock:before {
  content: "넥";
}

.nbs-icones-cgv-trash:before {
  content: "넦";
}

.nbs-icones-cgv-user:before {
  content: "넧";
}

.nbs-icones-cgv-valid-circle:before {
  content: "넨";
}

.nbs-icones-cgv-van:before {
  content: "넩";
}

.nbs-icones-cgv-vault:before {
  content: "넪";
}

.nbs-icones-cgv-world:before {
  content: "넫";
}

@font-face {
  font-family: "nbs-icones-fleches";
  src: url("../../fonts/nbs-icones-fleches.eot?jsrkf8");
  src: url("../../fonts/nbs-icones-fleches.eot?jsrkf8#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-fleches.ttf?jsrkf8") format("truetype"), url("../../fonts/nbs-icones-fleches.woff?jsrkf8") format("woff"), url("../../fonts/nbs-icones-fleches.svg?jsrkf8#nbs-icones-fleches") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=nbs-icones-fleches-], [class*=" nbs-icones-fleches-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-fleches" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=nbs-icones-fleches-], [class*=" nbs-icones-fleches-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-fleches" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-icones-fleches-back_bloc-down:before {
  content: "豈";
}

.nbs-icones-fleches-back_bloc-in-down:before {
  content: "更";
}

.nbs-icones-fleches-back_bloc-in-left-down:before {
  content: "車";
}

.nbs-icones-fleches-back_bloc-in-left-up:before {
  content: "賈";
}

.nbs-icones-fleches-back_bloc-in-left:before {
  content: "滑";
}

.nbs-icones-fleches-back_bloc-in-right-down:before {
  content: "串";
}

.nbs-icones-fleches-back_bloc-in-right-up:before {
  content: "句";
}

.nbs-icones-fleches-back_bloc-in-right:before {
  content: "龜";
}

.nbs-icones-fleches-back_bloc-in-up:before {
  content: "龜";
}

.nbs-icones-fleches-back_bloc-left-down:before {
  content: "契";
}

.nbs-icones-fleches-back_bloc-left-up:before {
  content: "金";
}

.nbs-icones-fleches-back_bloc-left:before {
  content: "喇";
}

.nbs-icones-fleches-back_bloc-out-down:before {
  content: "奈";
}

.nbs-icones-fleches-back_bloc-out-left-down:before {
  content: "懶";
}

.nbs-icones-fleches-back_bloc-out-left-up:before {
  content: "癩";
}

.nbs-icones-fleches-back_bloc-out-left:before {
  content: "羅";
}

.nbs-icones-fleches-back_bloc-out-right-down:before {
  content: "蘿";
}

.nbs-icones-fleches-back_bloc-out-right-up:before {
  content: "螺";
}

.nbs-icones-fleches-back_bloc-out-right:before {
  content: "裸";
}

.nbs-icones-fleches-back_bloc-out-up:before {
  content: "邏";
}

.nbs-icones-fleches-back_bloc-right-down:before {
  content: "樂";
}

.nbs-icones-fleches-back_bloc-right-up:before {
  content: "洛";
}

.nbs-icones-fleches-back_bloc-right:before {
  content: "烙";
}

.nbs-icones-fleches-back_bloc-up:before {
  content: "珞";
}

.nbs-icones-fleches-back_down-arrow:before {
  content: "落";
}

.nbs-icones-fleches-back_down-chip-small:before {
  content: "酪";
}

.nbs-icones-fleches-back_down-chip:before {
  content: "駱";
}

.nbs-icones-fleches-back_down-circle:before {
  content: "亂";
}

.nbs-icones-fleches-back_down-double-chip-small:before {
  content: "卵";
}

.nbs-icones-fleches-back_down-double-chip:before {
  content: "欄";
}

.nbs-icones-fleches-back_down-long:before {
  content: "爛";
}

.nbs-icones-fleches-back_down-sub-level-1:before {
  content: "蘭";
}

.nbs-icones-fleches-back_down-sub-level-2:before {
  content: "鸞";
}

.nbs-icones-fleches-back_left-arrow:before {
  content: "嵐";
}

.nbs-icones-fleches-back_left-chip-small:before {
  content: "濫";
}

.nbs-icones-fleches-back_left-chip:before {
  content: "藍";
}

.nbs-icones-fleches-back_left-circle:before {
  content: "襤";
}

.nbs-icones-fleches-back_left-double-chip-small:before {
  content: "拉";
}

.nbs-icones-fleches-back_left-double-chip:before {
  content: "臘";
}

.nbs-icones-fleches-back_left-down-arrow:before {
  content: "蠟";
}

.nbs-icones-fleches-back_left-down-circle:before {
  content: "廊";
}

.nbs-icones-fleches-back_left-long:before {
  content: "朗";
}

.nbs-icones-fleches-back_left-sub-level-1:before {
  content: "浪";
}

.nbs-icones-fleches-back_left-sub-level-2:before {
  content: "狼";
}

.nbs-icones-fleches-back_left-up-arrow:before {
  content: "郎";
}

.nbs-icones-fleches-back_left-up-circle:before {
  content: "來";
}

.nbs-icones-fleches-back_right-arrow:before {
  content: "冷";
}

.nbs-icones-fleches-back_right-chip-small:before {
  content: "勞";
}

.nbs-icones-fleches-back_right-chip:before {
  content: "擄";
}

.nbs-icones-fleches-back_right-circle:before {
  content: "櫓";
}

.nbs-icones-fleches-back_right-double-chip-small:before {
  content: "爐";
}

.nbs-icones-fleches-back_right-double-chip:before {
  content: "盧";
}

.nbs-icones-fleches-back_right-down-arrow:before {
  content: "老";
}

.nbs-icones-fleches-back_right-down-circle:before {
  content: "蘆";
}

.nbs-icones-fleches-back_right-long:before {
  content: "虜";
}

.nbs-icones-fleches-back_right-sub-level-1:before {
  content: "路";
}

.nbs-icones-fleches-back_right-sub-level-2:before {
  content: "露";
}

.nbs-icones-fleches-back_right-up-arrow:before {
  content: "魯";
}

.nbs-icones-fleches-back_right-up-circle:before {
  content: "鷺";
}

.nbs-icones-fleches-back_up-arrow:before {
  content: "碌";
}

.nbs-icones-fleches-back_up-chip-small:before {
  content: "祿";
}

.nbs-icones-fleches-back_up-chip:before {
  content: "綠";
}

.nbs-icones-fleches-back_up-circle:before {
  content: "菉";
}

.nbs-icones-fleches-back_up-double-chip-small:before {
  content: "錄";
}

.nbs-icones-fleches-back_up-double-chip:before {
  content: "鹿";
}

.nbs-icones-fleches-back_up-long:before {
  content: "論";
}

.nbs-icones-fleches-back_up-sub-level-1:before {
  content: "壟";
}

.nbs-icones-fleches-back_up-sub-level-2:before {
  content: "弄";
}

@font-face {
  font-family: "nbs-icones-services";
  src: url("../../fonts/nbs-icones-services.eot?s3vt5x");
  src: url("../../fonts/nbs-icones-services.eot?s3vt5x#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-services.ttf?s3vt5x") format("truetype"), url("../../fonts/nbs-icones-services.woff?s3vt5x") format("woff"), url("../../fonts/nbs-icones-services.svg?s3vt5x#nbs-icones-services") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nbs-icones-services-], [class*=" nbs-icones-services-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-services" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-icones-services-archives:before {
  content: "섀";
}

.nbs-icones-services-bookmark-outline:before {
  content: "섁";
}

.nbs-icones-services-bookmark-solid:before {
  content: "섂";
}

.nbs-icones-services-calendar:before {
  content: "섃";
}

.nbs-icones-services-chat:before {
  content: "섄";
}

.nbs-icones-services-cloud:before {
  content: "섅";
}

.nbs-icones-services-compass:before {
  content: "섆";
}

.nbs-icones-services-gift:before {
  content: "섇";
}

.nbs-icones-services-key-h:before {
  content: "섈";
}

.nbs-icones-services-key-old-h:before {
  content: "섉";
}

.nbs-icones-services-key-old-v:before {
  content: "섊";
}

.nbs-icones-services-key-v:before {
  content: "섋";
}

.nbs-icones-services-life-buoy:before {
  content: "섌";
}

.nbs-icones-services-pin-point-1:before {
  content: "섍";
}

.nbs-icones-services-question-circle:before {
  content: "섎";
}

.nbs-icones-services-ticket-outline:before {
  content: "섏";
}

.nbs-icones-services-ticket-solid:before {
  content: "섐";
}

.nbs-icones-services-time-clock:before {
  content: "섑";
}

/* FONTS NBS RESEAUX */
@font-face {
  font-family: "nbs-icones-social";
  src: url("../../fonts/nbs-icones-social.eot?y2omrv");
  src: url("../../fonts/nbs-icones-social.eot?y2omrv#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-social.ttf?y2omrv") format("truetype"), url("../../fonts/nbs-icones-social.woff?y2omrv") format("woff"), url("../../fonts/nbs-icones-social.svg?y2omrv#nbs-icones-social") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nbs-icones-social-], [class*=" nbs-icones-social-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-social" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-icones-social-facebook:before {
  content: "\e100";
}

.nbs-icones-social-facebook2:before {
  content: "\e101";
}

.nbs-icones-social-instagram:before {
  content: "\e102";
}

.nbs-icones-social-linked-in:before {
  content: "\e103";
}

.nbs-icones-social-pinterest:before {
  content: "\e104";
}

.nbs-icones-social-tripadvisor:before {
  content: "\e105";
}

.nbs-icones-social-tumblr:before {
  content: "\e106";
}

.nbs-icones-social-twitter:before {
  content: "\e107";
}

.nbs-icones-social-youtube:before {
  content: "\e108";
}

@font-face {
  font-family: "nbs-icones-ux";
  src: url("../../fonts/nbs-icones-ux.eot?ocbbft");
  src: url("../../fonts/nbs-icones-ux.eot?ocbbft#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-ux.ttf?ocbbft") format("truetype"), url("../../fonts/nbs-icones-ux.woff?ocbbft") format("woff"), url("../../fonts/nbs-icones-ux.svg?ocbbft#nbs-icones-ux") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nbs-icones-ux-], [class*=" nbs-icones-ux-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-ux" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-icones-ux-points-menu-h:before {
  content: "턀";
}

.nbs-icones-ux-points-menu-v:before {
  content: "턁";
}

.nbs-icones-ux-points-menu:before {
  content: "턂";
}

.nbs-icones-ux-accounting:before {
  content: "턃";
}

.nbs-icones-ux-add-circle:before {
  content: "턄";
}

.nbs-icones-ux-add-comment:before {
  content: "턅";
}

.nbs-icones-ux-add-group:before {
  content: "턆";
}

.nbs-icones-ux-add-large:before {
  content: "턇";
}

.nbs-icones-ux-add-light:before {
  content: "턈";
}

.nbs-icones-ux-add-user:before {
  content: "턉";
}

.nbs-icones-ux-alert-circle:before {
  content: "턊";
}

.nbs-icones-ux-alert-light:before {
  content: "턋";
}

.nbs-icones-ux-alert-triangle:before {
  content: "턌";
}

.nbs-icones-ux-align-center-1:before {
  content: "턍";
}

.nbs-icones-ux-align-center-2:before {
  content: "턎";
}

.nbs-icones-ux-align-left-1:before {
  content: "턏";
}

.nbs-icones-ux-align-left-2:before {
  content: "턐";
}

.nbs-icones-ux-align-right-1:before {
  content: "턑";
}

.nbs-icones-ux-align-right-2:before {
  content: "턒";
}

.nbs-icones-ux-alternate:before {
  content: "턓";
}

.nbs-icones-ux-archives:before {
  content: "턔";
}

.nbs-icones-ux-barrel:before {
  content: "턕";
}

.nbs-icones-ux-batch-processing:before {
  content: "턖";
}

.nbs-icones-ux-bell:before {
  content: "턗";
}

.nbs-icones-ux-bike:before {
  content: "턘";
}

.nbs-icones-ux-binocular:before {
  content: "턙";
}

.nbs-icones-ux-boat-1:before {
  content: "턚";
}

.nbs-icones-ux-boat-2:before {
  content: "턛";
}

.nbs-icones-ux-boat-3:before {
  content: "턜";
}

.nbs-icones-ux-book-of-contacts:before {
  content: "턝";
}

.nbs-icones-ux-book-of-favorites:before {
  content: "턞";
}

.nbs-icones-ux-book-of-pictures:before {
  content: "턟";
}

.nbs-icones-ux-book-of-stats:before {
  content: "턠";
}

.nbs-icones-ux-book-of-wines:before {
  content: "턡";
}

.nbs-icones-ux-book-open:before {
  content: "턢";
}

.nbs-icones-ux-book-unknow:before {
  content: "턣";
}

.nbs-icones-ux-bookmark-outline:before {
  content: "턤";
}

.nbs-icones-ux-bookmark-solid:before {
  content: "턥";
}

.nbs-icones-ux-bottle-apple:before {
  content: "턦";
}

.nbs-icones-ux-bottle-glass:before {
  content: "턧";
}

.nbs-icones-ux-bottle-wine-outline-01:before {
  content: "턨";
}

.nbs-icones-ux-bottle-wine-outline-02:before {
  content: "턩";
}

.nbs-icones-ux-bottle-wine-outline-03:before {
  content: "턪";
}

.nbs-icones-ux-bottle-wine-outline-04:before {
  content: "턫";
}

.nbs-icones-ux-bottle-wine-outline-05:before {
  content: "턬";
}

.nbs-icones-ux-bottle-wine-outline-06:before {
  content: "턭";
}

.nbs-icones-ux-bottle-wine-outline-07:before {
  content: "턮";
}

.nbs-icones-ux-bottle-wine-outline-08:before {
  content: "턯";
}

.nbs-icones-ux-bottle-wine-outline-09:before {
  content: "터";
}

.nbs-icones-ux-bottle-wine-solid-01:before {
  content: "턱";
}

.nbs-icones-ux-bottle-wine-solid-02:before {
  content: "턲";
}

.nbs-icones-ux-bottle-wine-solid-03:before {
  content: "턳";
}

.nbs-icones-ux-bottle-wine-solid-04:before {
  content: "턴";
}

.nbs-icones-ux-bottle-wine-solid-05:before {
  content: "턵";
}

.nbs-icones-ux-bottle-wine-solid-06:before {
  content: "턶";
}

.nbs-icones-ux-bottle-wine-solid-07:before {
  content: "턷";
}

.nbs-icones-ux-bottle-wine-solid-08:before {
  content: "털";
}

.nbs-icones-ux-bottle-wine-solid-09:before {
  content: "턹";
}

.nbs-icones-ux-box:before {
  content: "턺";
}

.nbs-icones-ux-bug-1:before {
  content: "턻";
}

.nbs-icones-ux-bug-2:before {
  content: "턼";
}

.nbs-icones-ux-bug-3:before {
  content: "턽";
}

.nbs-icones-ux-bug-spray:before {
  content: "턾";
}

.nbs-icones-ux-burger-menu-light:before {
  content: "턿";
}

.nbs-icones-ux-burger-menu:before {
  content: "텀";
}

.nbs-icones-ux-calculator:before {
  content: "텁";
}

.nbs-icones-ux-calendar-add:before {
  content: "텂";
}

.nbs-icones-ux-calendar-ok:before {
  content: "텃";
}

.nbs-icones-ux-calendar:before {
  content: "텄";
}

.nbs-icones-ux-calendard-full:before {
  content: "텅";
}

.nbs-icones-ux-car:before {
  content: "텆";
}

.nbs-icones-ux-carrot:before {
  content: "텇";
}

.nbs-icones-ux-chain-link:before {
  content: "텈";
}

.nbs-icones-ux-champagne-glass:before {
  content: "텉";
}

.nbs-icones-ux-chat:before {
  content: "텊";
}

.nbs-icones-ux-check-euros:before {
  content: "텋";
}

.nbs-icones-ux-check-uk:before {
  content: "테";
}

.nbs-icones-ux-check-usd:before {
  content: "텍";
}

.nbs-icones-ux-circle:before {
  content: "텎";
}

.nbs-icones-ux-clipboard:before {
  content: "텏";
}

.nbs-icones-ux-close-content:before {
  content: "텐";
}

.nbs-icones-ux-cloud-download:before {
  content: "텑";
}

.nbs-icones-ux-cloud-off-line:before {
  content: "텒";
}

.nbs-icones-ux-cloud-ok:before {
  content: "텓";
}

.nbs-icones-ux-cloud-secure:before {
  content: "텔";
}

.nbs-icones-ux-cloud-upload:before {
  content: "텕";
}

.nbs-icones-ux-cloud:before {
  content: "텖";
}

.nbs-icones-ux-company-logo:before {
  content: "텗";
}

.nbs-icones-ux-compass:before {
  content: "텘";
}

.nbs-icones-ux-contacts:before {
  content: "텙";
}

.nbs-icones-ux-cooker-hat:before {
  content: "텚";
}

.nbs-icones-ux-copy-document:before {
  content: "텛";
}

.nbs-icones-ux-courthouse:before {
  content: "템";
}

.nbs-icones-ux-credit-card-secure:before {
  content: "텝";
}

.nbs-icones-ux-credit-card:before {
  content: "텞";
}

.nbs-icones-ux-do-not-like:before {
  content: "텟";
}

.nbs-icones-ux-document-file:before {
  content: "텠";
}

.nbs-icones-ux-document-pile:before {
  content: "텡";
}

.nbs-icones-ux-document-sheet:before {
  content: "텢";
}

.nbs-icones-ux-document-stats:before {
  content: "텣";
}

.nbs-icones-ux-document-unknow:before {
  content: "텤";
}

.nbs-icones-ux-document-wine:before {
  content: "텥";
}

.nbs-icones-ux-download-document:before {
  content: "텦";
}

.nbs-icones-ux-download:before {
  content: "텧";
}

.nbs-icones-ux-dragonfly:before {
  content: "텨";
}

.nbs-icones-ux-edit:before {
  content: "텩";
}

.nbs-icones-ux-euros-plus:before {
  content: "텪";
}

.nbs-icones-ux-euros:before {
  content: "텫";
}

.nbs-icones-ux-factory:before {
  content: "텬";
}

.nbs-icones-ux-filters-cursors:before {
  content: "텭";
}

.nbs-icones-ux-filters:before {
  content: "텮";
}

.nbs-icones-ux-flag-outilne-valid:before {
  content: "텯";
}

.nbs-icones-ux-flag-outline:before {
  content: "텰";
}

.nbs-icones-ux-flag-solid-valid:before {
  content: "텱";
}

.nbs-icones-ux-flag-solid:before {
  content: "텲";
}

.nbs-icones-ux-folder:before {
  content: "텳";
}

.nbs-icones-ux-france-exa:before {
  content: "텴";
}

.nbs-icones-ux-france-outline:before {
  content: "텵";
}

.nbs-icones-ux-france-solid:before {
  content: "텶";
}

.nbs-icones-ux-game-and-watch:before {
  content: "텷";
}

.nbs-icones-ux-game-boy:before {
  content: "텸";
}

.nbs-icones-ux-game-pad:before {
  content: "텹";
}

.nbs-icones-ux-ghost:before {
  content: "텺";
}

.nbs-icones-ux-gift:before {
  content: "텻";
}

.nbs-icones-ux-graduate-people:before {
  content: "텼";
}

.nbs-icones-ux-graduation-hat:before {
  content: "텽";
}

.nbs-icones-ux-grape:before {
  content: "텾";
}

.nbs-icones-ux-group:before {
  content: "텿";
}

.nbs-icones-ux-hail:before {
  content: "톀";
}

.nbs-icones-ux-hand:before {
  content: "톁";
}

.nbs-icones-ux-heart-outline:before {
  content: "톂";
}

.nbs-icones-ux-heart-solid:before {
  content: "톃";
}

.nbs-icones-ux-home:before {
  content: "톄";
}

.nbs-icones-ux-information-circle:before {
  content: "톅";
}

.nbs-icones-ux-information-light:before {
  content: "톆";
}

.nbs-icones-ux-invisible:before {
  content: "톇";
}

.nbs-icones-ux-key-h:before {
  content: "톈";
}

.nbs-icones-ux-key-old-h:before {
  content: "톉";
}

.nbs-icones-ux-key-old-v:before {
  content: "톊";
}

.nbs-icones-ux-key-v:before {
  content: "톋";
}

.nbs-icones-ux-kitchen-tools-1:before {
  content: "톌";
}

.nbs-icones-ux-kitchen-tools-2:before {
  content: "톍";
}

.nbs-icones-ux-laptop:before {
  content: "톎";
}

.nbs-icones-ux-legal:before {
  content: "톏";
}

.nbs-icones-ux-life-buoy:before {
  content: "톐";
}

.nbs-icones-ux-light-bulb-idea:before {
  content: "톑";
}

.nbs-icones-ux-light-bulb:before {
  content: "톒";
}

.nbs-icones-ux-like:before {
  content: "톓";
}

.nbs-icones-ux-link-to-download:before {
  content: "톔";
}

.nbs-icones-ux-link-to-share:before {
  content: "톕";
}

.nbs-icones-ux-link-to-url:before {
  content: "톖";
}

.nbs-icones-ux-list-check:before {
  content: "톗";
}

.nbs-icones-ux-list-to-do:before {
  content: "톘";
}

.nbs-icones-ux-logotype-bs-2020:before {
  content: "톙";
}

.nbs-icones-ux-lotus:before {
  content: "톚";
}

.nbs-icones-ux-magic:before {
  content: "톛";
}

.nbs-icones-ux-mail-envelope-love:before {
  content: "톜";
}

.nbs-icones-ux-mail-envelope:before {
  content: "톝";
}

.nbs-icones-ux-mail-send:before {
  content: "톞";
}

.nbs-icones-ux-map:before {
  content: "톟";
}

.nbs-icones-ux-matrix-table:before {
  content: "토";
}

.nbs-icones-ux-medal-1:before {
  content: "톡";
}

.nbs-icones-ux-medal-2:before {
  content: "톢";
}

.nbs-icones-ux-megaphone:before {
  content: "톣";
}

.nbs-icones-ux-minus-circle:before {
  content: "톤";
}

.nbs-icones-ux-minus-large:before {
  content: "톥";
}

.nbs-icones-ux-minus-light:before {
  content: "톦";
}

.nbs-icones-ux-moped:before {
  content: "톧";
}

.nbs-icones-ux-mouse-mac-scroll:before {
  content: "톨";
}

.nbs-icones-ux-mouse-mac:before {
  content: "톩";
}

.nbs-icones-ux-mouse-pc-scroll:before {
  content: "톪";
}

.nbs-icones-ux-mouse-pc:before {
  content: "톫";
}

.nbs-icones-ux-move-free:before {
  content: "톬";
}

.nbs-icones-ux-move-left-right:before {
  content: "톭";
}

.nbs-icones-ux-move-up-down:before {
  content: "톮";
}

.nbs-icones-ux-music-notes:before {
  content: "톯";
}

.nbs-icones-ux-newspaper:before {
  content: "톰";
}

.nbs-icones-ux-no-content-1:before {
  content: "톱";
}

.nbs-icones-ux-no-content-2:before {
  content: "톲";
}

.nbs-icones-ux-number-0:before {
  content: "톳";
}

.nbs-icones-ux-number-1:before {
  content: "톴";
}

.nbs-icones-ux-number-2:before {
  content: "통";
}

.nbs-icones-ux-number-3:before {
  content: "톶";
}

.nbs-icones-ux-number-4:before {
  content: "톷";
}

.nbs-icones-ux-number-5:before {
  content: "톸";
}

.nbs-icones-ux-number-6:before {
  content: "톹";
}

.nbs-icones-ux-number-7:before {
  content: "톺";
}

.nbs-icones-ux-number-8:before {
  content: "톻";
}

.nbs-icones-ux-number-9:before {
  content: "톼";
}

.nbs-icones-ux-padlock-error:before {
  content: "톽";
}

.nbs-icones-ux-padlock-open:before {
  content: "톾";
}

.nbs-icones-ux-padlock-unknow:before {
  content: "톿";
}

.nbs-icones-ux-padlock:before {
  content: "퇀";
}

.nbs-icones-ux-pan:before {
  content: "퇁";
}

.nbs-icones-ux-pannel-cross-road-ahead:before {
  content: "퇂";
}

.nbs-icones-ux-pannel-cross-road-left:before {
  content: "퇃";
}

.nbs-icones-ux-pannel-cross-road-right:before {
  content: "퇄";
}

.nbs-icones-ux-pannel-road-go-ahead:before {
  content: "퇅";
}

.nbs-icones-ux-pannel-road-left:before {
  content: "퇆";
}

.nbs-icones-ux-pannel-road-right:before {
  content: "퇇";
}

.nbs-icones-ux-pannel-rod-u-turn:before {
  content: "퇈";
}

.nbs-icones-ux-paperclip:before {
  content: "퇉";
}

.nbs-icones-ux-parking-car:before {
  content: "퇊";
}

.nbs-icones-ux-parking:before {
  content: "퇋";
}

.nbs-icones-ux-pc-screen:before {
  content: "퇌";
}

.nbs-icones-ux-phone-circle:before {
  content: "퇍";
}

.nbs-icones-ux-phone-outline:before {
  content: "퇎";
}

.nbs-icones-ux-phone-speaker:before {
  content: "퇏";
}

.nbs-icones-ux-pin-infos:before {
  content: "퇐";
}

.nbs-icones-ux-pin-point-1:before {
  content: "퇑";
}

.nbs-icones-ux-pin-point-2:before {
  content: "퇒";
}

.nbs-icones-ux-plane-1-outline:before {
  content: "퇓";
}

.nbs-icones-ux-plane-1-solid:before {
  content: "퇔";
}

.nbs-icones-ux-plane-landing:before {
  content: "퇕";
}

.nbs-icones-ux-plane-rising:before {
  content: "퇖";
}

.nbs-icones-ux-plate-cutlery:before {
  content: "퇗";
}

.nbs-icones-ux-pop-up:before {
  content: "퇘";
}

.nbs-icones-ux-preview:before {
  content: "퇙";
}

.nbs-icones-ux-printer:before {
  content: "퇚";
}

.nbs-icones-ux-publication:before {
  content: "퇛";
}

.nbs-icones-ux-question-circle:before {
  content: "퇜";
}

.nbs-icones-ux-question-light:before {
  content: "퇝";
}

.nbs-icones-ux-rain:before {
  content: "퇞";
}

.nbs-icones-ux-random:before {
  content: "퇟";
}

.nbs-icones-ux-refresh:before {
  content: "퇠";
}

.nbs-icones-ux-restore:before {
  content: "퇡";
}

.nbs-icones-ux-rocket:before {
  content: "퇢";
}

.nbs-icones-ux-seach:before {
  content: "퇣";
}

.nbs-icones-ux-secret-glasses:before {
  content: "퇤";
}

.nbs-icones-ux-secret-mode:before {
  content: "퇥";
}

.nbs-icones-ux-service-bell:before {
  content: "퇦";
}

.nbs-icones-ux-set-up:before {
  content: "퇧";
}

.nbs-icones-ux-shield-error:before {
  content: "퇨";
}

.nbs-icones-ux-shield-secure:before {
  content: "퇩";
}

.nbs-icones-ux-shield-valid:before {
  content: "퇪";
}

.nbs-icones-ux-shield:before {
  content: "퇫";
}

.nbs-icones-ux-shop:before {
  content: "퇬";
}

.nbs-icones-ux-shopping-cart-canceled:before {
  content: "퇭";
}

.nbs-icones-ux-shopping-cart-full:before {
  content: "퇮";
}

.nbs-icones-ux-shopping-cart-ok:before {
  content: "퇯";
}

.nbs-icones-ux-shopping-cart:before {
  content: "퇰";
}

.nbs-icones-ux-smartphone:before {
  content: "퇱";
}

.nbs-icones-ux-smiley:before {
  content: "퇲";
}

.nbs-icones-ux-snow:before {
  content: "퇳";
}

.nbs-icones-ux-sort-by-list:before {
  content: "퇴";
}

.nbs-icones-ux-sort-by-picture:before {
  content: "퇵";
}

.nbs-icones-ux-spam-box:before {
  content: "퇶";
}

.nbs-icones-ux-star-outline:before {
  content: "퇷";
}

.nbs-icones-ux-star-solid:before {
  content: "퇸";
}

.nbs-icones-ux-stock-limited:before {
  content: "퇹";
}

.nbs-icones-ux-stock-ok:before {
  content: "퇺";
}

.nbs-icones-ux-stock-out:before {
  content: "퇻";
}

.nbs-icones-ux-sun-cloud:before {
  content: "퇼";
}

.nbs-icones-ux-sun:before {
  content: "퇽";
}

.nbs-icones-ux-switch-off:before {
  content: "퇾";
}

.nbs-icones-ux-switch-on:before {
  content: "퇿";
}

.nbs-icones-ux-tablet-smartphone:before {
  content: "툀";
}

.nbs-icones-ux-tablet:before {
  content: "툁";
}

.nbs-icones-ux-tank:before {
  content: "툂";
}

.nbs-icones-ux-thunder:before {
  content: "툃";
}

.nbs-icones-ux-ticket-outline:before {
  content: "툄";
}

.nbs-icones-ux-ticket-solid:before {
  content: "툅";
}

.nbs-icones-ux-time-clock:before {
  content: "툆";
}

.nbs-icones-ux-time-hourglass:before {
  content: "툇";
}

.nbs-icones-ux-tool-circle:before {
  content: "툈";
}

.nbs-icones-ux-tool-outline:before {
  content: "툉";
}

.nbs-icones-ux-tool-solid:before {
  content: "툊";
}

.nbs-icones-ux-train:before {
  content: "툋";
}

.nbs-icones-ux-transfer-euros:before {
  content: "툌";
}

.nbs-icones-ux-transfer-uk:before {
  content: "툍";
}

.nbs-icones-ux-transfer-usd:before {
  content: "툎";
}

.nbs-icones-ux-trash:before {
  content: "툏";
}

.nbs-icones-ux-tree-scheme:before {
  content: "툐";
}

.nbs-icones-ux-trophy-1:before {
  content: "툑";
}

.nbs-icones-ux-trophy-2:before {
  content: "툒";
}

.nbs-icones-ux-truck:before {
  content: "툓";
}

.nbs-icones-ux-tv-screen:before {
  content: "툔";
}

.nbs-icones-ux-user-profile:before {
  content: "툕";
}

.nbs-icones-ux-user:before {
  content: "툖";
}

.nbs-icones-ux-valid-circle:before {
  content: "툗";
}

.nbs-icones-ux-valid-large:before {
  content: "툘";
}

.nbs-icones-ux-valid-light:before {
  content: "툙";
}

.nbs-icones-ux-van:before {
  content: "툚";
}

.nbs-icones-ux-vault:before {
  content: "툛";
}

.nbs-icones-ux-vegetal:before {
  content: "툜";
}

.nbs-icones-ux-virus-1:before {
  content: "툝";
}

.nbs-icones-ux-way-to-goal:before {
  content: "툞";
}

.nbs-icones-ux-wifi:before {
  content: "툟";
}

.nbs-icones-ux-wind:before {
  content: "툠";
}

.nbs-icones-ux-wine-carafe:before {
  content: "툡";
}

.nbs-icones-ux-wine-glass:before {
  content: "툢";
}

.nbs-icones-ux-world:before {
  content: "툣";
}

.nbs-icones-ux-x-circle:before {
  content: "툤";
}

.nbs-icones-ux-x-large:before {
  content: "툥";
}

.nbs-icones-ux-x-light:before {
  content: "툦";
}

.nbs-icones-ux-zen-attitude:before {
  content: "툧";
}

@font-face {
  font-family: "nbs-icones-asterisk";
  src: url("../../fonts/nbs-icones-asterisk.eot?c1xznm");
  src: url("../../fonts/nbs-icones-asterisk.eot?c1xznm#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-asterisk.ttf?c1xznm") format("truetype"), url("../../fonts/nbs-icones-asterisk.woff?c1xznm") format("woff"), url("../../fonts/nbs-icones-asterisk.svg?c1xznm#nbs-icones-asterisk") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nbs-icones-asterisk-], [class*=" nbs-icones-asterisk-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-asterisk" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-icones-asterisk-bold-1:before {
  content: "ꌀ";
}

.nbs-icones-asterisk-bold-2:before {
  content: "ꌁ";
}

.nbs-icones-asterisk-circle-1:before {
  content: "ꌂ";
}

.nbs-icones-asterisk-circle-2:before {
  content: "ꌃ";
}

.nbs-icones-asterisk-light-1:before {
  content: "ꌄ";
}

.nbs-icones-asterisk-light-2:before {
  content: "ꌅ";
}

@font-face {
  font-family: "nbs-icones-media";
  src: url("../../fonts/nbs-icones-media.eot?jsrkf8");
  src: url("../../fonts/nbs-icones-media.eot?jsrkf8#iefix") format("embedded-opentype"), url("../../fonts/nbs-icones-media.ttf?jsrkf8") format("truetype"), url("../../fonts/nbs-icones-media.woff?jsrkf8") format("woff"), url("../../fonts/nbs-icones-media.svg?jsrkf8#nbs-icones-media") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=nbs-icones-media-], [class*=" nbs-icones-media-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nbs-icones-media" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nbs-icones-media-01-image-0:before {
  content: "ꈀ";
}

.nbs-icones-media-01-image-1:before {
  content: "ꈁ";
}

.nbs-icones-media-02-images-a0:before {
  content: "ꈂ";
}

.nbs-icones-media-02-images-a1:before {
  content: "ꈃ";
}

.nbs-icones-media-02-images-a2:before {
  content: "ꈄ";
}

.nbs-icones-media-03-images-a0-26:before {
  content: "ꈅ";
}

.nbs-icones-media-03-images-a0-30:before {
  content: "ꈆ";
}

.nbs-icones-media-03-images-a1:before {
  content: "ꈇ";
}

.nbs-icones-media-03-images-a2:before {
  content: "ꈈ";
}

.nbs-icones-media-03-images-a3:before {
  content: "ꈉ";
}

.nbs-icones-media-03-images-b1:before {
  content: "ꈊ";
}

.nbs-icones-media-03-images-b2:before {
  content: "ꈋ";
}

.nbs-icones-media-03-images-b3:before {
  content: "ꈌ";
}

.nbs-icones-media-03-images-c0:before {
  content: "ꈍ";
}

.nbs-icones-media-03-images-c1:before {
  content: "ꈎ";
}

.nbs-icones-media-03-images-c2:before {
  content: "ꈏ";
}

.nbs-icones-media-03-images-c3:before {
  content: "ꈐ";
}

.nbs-icones-media-04-images-a0:before {
  content: "ꈑ";
}

.nbs-icones-media-04-images-a1:before {
  content: "ꈒ";
}

.nbs-icones-media-04-images-a2:before {
  content: "ꈓ";
}

.nbs-icones-media-04-images-a3:before {
  content: "ꈔ";
}

.nbs-icones-media-04-images-a4:before {
  content: "ꈕ";
}

.nbs-icones-media-04-images-b0:before {
  content: "ꈖ";
}

.nbs-icones-media-04-images-b1:before {
  content: "ꈗ";
}

.nbs-icones-media-04-images-b2:before {
  content: "ꈘ";
}

.nbs-icones-media-04-images-b3:before {
  content: "ꈙ";
}

.nbs-icones-media-04-images-b4:before {
  content: "ꈚ";
}

.nbs-icones-media-04-images-c0:before {
  content: "ꈛ";
}

.nbs-icones-media-04-images-c1:before {
  content: "ꈜ";
}

.nbs-icones-media-04-images-c2:before {
  content: "ꈝ";
}

.nbs-icones-media-04-images-c3:before {
  content: "ꈞ";
}

.nbs-icones-media-04-images-c4:before {
  content: "ꈟ";
}

.nbs-icones-media-04-images-d0:before {
  content: "ꈠ";
}

.nbs-icones-media-04-images-d1:before {
  content: "ꈡ";
}

.nbs-icones-media-04-images-d2:before {
  content: "ꈢ";
}

.nbs-icones-media-04-images-d3:before {
  content: "ꈣ";
}

.nbs-icones-media-04-images-d4:before {
  content: "ꈤ";
}

.nbs-icones-media-05-images-a0:before {
  content: "ꈥ";
}

.nbs-icones-media-05-images-a1:before {
  content: "ꈦ";
}

.nbs-icones-media-05-images-a2:before {
  content: "ꈧ";
}

.nbs-icones-media-05-images-a3:before {
  content: "ꈨ";
}

.nbs-icones-media-05-images-a4:before {
  content: "ꈩ";
}

.nbs-icones-media-05-images-a5:before {
  content: "ꈪ";
}

.nbs-icones-media-05-images-b0:before {
  content: "ꈫ";
}

.nbs-icones-media-05-images-b1:before {
  content: "ꈬ";
}

.nbs-icones-media-05-images-b2:before {
  content: "ꈭ";
}

.nbs-icones-media-05-images-b3:before {
  content: "ꈮ";
}

.nbs-icones-media-05-images-b4:before {
  content: "ꈯ";
}

.nbs-icones-media-05-images-b5:before {
  content: "ꈰ";
}

.nbs-icones-media-diaporama:before {
  content: "ꈱ";
}

.nbs-icones-media-film-1:before {
  content: "ꈲ";
}

.nbs-icones-media-film-2:before {
  content: "ꈳ";
}

.nbs-icones-media-film-manquant:before {
  content: "ꈴ";
}

.nbs-icones-media-format-maquette-carre:before {
  content: "ꈵ";
}

.nbs-icones-media-format-maquette:before {
  content: "ꈶ";
}

.nbs-icones-media-format-plein:before {
  content: "ꈷ";
}

.nbs-icones-media-galerie:before {
  content: "ꈸ";
}

.nbs-icones-media-hauteur-1:before {
  content: "ꈹ";
}

.nbs-icones-media-hauteur-2:before {
  content: "ꈺ";
}

.nbs-icones-media-hauteur-3:before {
  content: "ꈻ";
}

.nbs-icones-media-hauteur-auto:before {
  content: "ꈼ";
}

.nbs-icones-media-photo-1:before {
  content: "ꈽ";
}

.nbs-icones-media-photo-2:before {
  content: "ꈾ";
}

.nbs-icones-media-photo-3:before {
  content: "ꈿ";
}

.nbs-icones-media-photo-manquante:before {
  content: "ꉀ";
}

.nbs-icones-media-rotation-anti-horaire:before {
  content: "ꉁ";
}

.nbs-icones-media-rotation-horaire:before {
  content: "ꉂ";
}

.nbs-icones-media-transition-1-dg:before {
  content: "ꉃ";
}

.nbs-icones-media-transition-2-gd:before {
  content: "ꉄ";
}

.nbs-icones-media-transition-3-hb:before {
  content: "ꉅ";
}

.nbs-icones-media-transition-4-bh:before {
  content: "ꉆ";
}

.nbs-icones-media-transition-5-zoom-out:before {
  content: "ꉇ";
}

.nbs-icones-media-transition-6-zoom-in:before {
  content: "ꉈ";
}

.nbs-icones-media-transition-7-fondu:before {
  content: "ꉉ";
}

.nbs-icones-media-video-1:before {
  content: "ꉊ";
}

.nbs-icones-media-video-2:before {
  content: "ꉋ";
}

/* IMPORT Defaut Modules */
/*  ==========================================================================
    MODULE ACCORDEON
    ========================================================================== */
.accordeon {
  position: relative;
}
.accordeon .collapseBloc {
  border-bottom: 1px solid #D9D9D9;
}
.accordeon .collapseBloc:first-child {
  border-top: 1px solid #D9D9D9;
}
.accordeon .collapseTitle i {
  margin-right: 8px;
}
.accordeon .collapseContent {
  padding: 0 32px;
  padding-bottom: 16px;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.accordeon .accordeonIcon {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-color: rgb(38.25, 38.25, 38.25);
}

/*  ==========================================================================
    MODULE BUSINESS CARD
    ========================================================================== */
.business {
  /* BUSINESS CARD */
  /* BUSINESS RESPONSABLE */
  /* MODULE SCHEDULE DANS BUSINESS CARD */
  /* MODULE CARTO DANS BUSINESS CARD */
}
.business .titrageH1 {
  font-size: 1.3888875em;
  color: rgb(38.25, 38.25, 38.25);
}
.business .titrageH1 i {
  color: rgb(38.25, 38.25, 38.25);
  margin-right: 8px;
}
.business .collapseBloc {
  border-bottom: 1px solid #D9D9D9;
}
.business .collapseBloc:first-child {
  border-top: 1px solid #D9D9D9;
}
.business .collapseTitle i {
  margin-right: 8px;
}
.business .collapseContent {
  padding: 0 32px;
  padding-bottom: 16px;
}
.business a.titleLegende {
  display: block;
}
.business .businessCard {
  display: flex;
  padding-bottom: 32px;
  border-bottom: 1px solid #D9D9D9;
  align-items: center;
}
.business .businessCard .businessCardImg {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-align: center;
  border-radius: 0px;
  margin-right: 16px;
  flex: none;
  background: rgb(242.25, 242.25, 242.25);
  /* HEIGHT DEFAUT */
  width: 80px;
  height: 80px;
  line-height: 76.1904761905px;
}
.business .businessCard .businessCardImg span.img-shadow:before {
  box-shadow: none;
}
.business .businessCard .businessCardImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.business .businessResponsable {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.business .businessResponsable .businessResponsableImg {
  position: relative;
  width: 32px;
  height: 32px;
  line-height: 28.4444444444px;
  margin: 0;
  overflow: hidden;
  text-align: center;
  border-radius: 32px;
  margin-right: 16px;
  flex: none;
  background: rgb(242.25, 242.25, 242.25);
}
.business .businessResponsable .businessResponsableImg span.img-shadow:before {
  box-shadow: none;
}
.business .businessResponsable .businessResponsableImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.business .scheduleTable .scheduleTableTr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 48px 8px 32px;
  border-bottom: 1px solid #FFF;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
  background-color: rgb(242.25, 242.25, 242.25);
}
.business .scheduleTable .scheduleTableTr:first-child {
  border-top: 1px solid #FFF;
}
.business .scheduleTable .scheduleTableTr.dayThis {
  border-radius: 0px;
  font-weight: 500;
  margin-top: -1px;
  background: rgba(255, 255, 255, 0.05);
}
.business .scheduleTable .scheduleTableTr.dayThis.dayOpen {
  border: 1px solid #a8b462;
  background: #a8b462;
  color: #a8b462;
  color: #FFF;
}
.business .scheduleTable .scheduleTableTr.dayThis.dayClose {
  border: 1px solid #e60006;
  color: #e60006;
}
.business .scheduleTable .scheduleTableTr.dayOff {
  color: rgba(0, 0, 0, 0.25);
}
.business .scheduleTable .scheduleTableEnd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px 0;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.business .cartographyContent {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  border-radius: 0px;
  height: 320px;
}
@media (max-width: 479px) {
  .business .cartographyContent {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .business .cartographyContent {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .business .cartographyContent {
    height: 320px;
  }
}
.business .cartographyContent span.img-shadow:before {
  box-shadow: none;
}
.business .cartographyContent span.img-shadow img {
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
}

/*  ==========================================================================
    MODULE CARROUSEL
    ========================================================================== */
.carrousel {
  overflow: hidden;
}
.carrousel .carrouselContent .owl-item {
  width: 100%;
}
.carrousel .carrouselContent .carrouselSlide {
  position: relative;
  width: 100%;
  height: 100%;
  /* STYLE BTN DARK LIGHT */
}
.carrousel .carrouselContent .carrouselSlide img {
  opacity: 1;
  vertical-align: middle;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
  width: initial;
  max-width: 100vw;
  /* HEIGHT DEFAUT */
  height: 560px;
}
@media (max-width: 479px) {
  .carrousel .carrouselContent .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel .carrouselContent .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel .carrouselContent .carrouselSlide img {
    height: 480px;
  }
}
.carrousel .carrouselContent .carrouselSlide .carrouselText .carrouselTitle, .carrousel .carrouselContent .carrouselSlide .carrouselText .carrouselSubTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.carrousel .carrouselContent .carrouselSlide .carrouselText .t-light {
  color: #FFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.carrousel .carrouselContent .carrouselSlide .carrouselText .t-dark {
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.35);
}
.carrousel .carrouselContent .carrouselSlide .carrouselLinkFull {
  color: inherit;
}
.carrousel .carrouselContent .carrouselSlide .carrouselLinkFull:hover, .carrousel .carrouselContent .carrouselSlide .carrouselLinkFull:focus {
  text-decoration: none;
}
.carrousel .carrouselContent .carrouselSlide .btn-light {
  background-color: #FFF;
  border-color: #FFF;
  color: #696f46;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.carrousel .carrouselContent .carrouselSlide .btn-light:hover, .carrousel .carrouselContent .carrouselSlide .btn-light:active, .carrousel .carrouselContent .carrouselSlide .btn-light:focus {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.6);
}
.carrousel .carrouselContent .carrouselSlide .btn-light:visited, .carrousel .carrouselContent .carrouselSlide .btn-light:visited, .carrousel .carrouselContent .carrouselSlide .btn-light:visited {
  color: #696f46;
}
.carrousel .carrouselContent .carrouselSlide .btn-dark {
  background-color: #696f46;
  border-color: #696f46;
  color: #FFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.carrousel .carrouselContent .carrouselSlide .btn-dark:hover, .carrousel .carrouselContent .carrouselSlide .btn-dark:active, .carrousel .carrouselContent .carrouselSlide .btn-dark:focus {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.6);
}
.carrousel .carrouselContent .carrouselSlide .btn-dark:visited, .carrousel .carrouselContent .carrouselSlide .btn-dark:visited, .carrousel .carrouselContent .carrouselSlide .btn-dark:visited {
  color: #FFF;
}

/*  ==========================================================================
    MODULE CARTOGRAPHY
    ========================================================================== */
.cartography .cartographyContent {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  border-radius: 0px;
  /* HEIGHT DEFAUT */
  height: 480px;
}
@media (max-width: 479px) {
  .cartography .cartographyContent {
    height: 320px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartography .cartographyContent {
    height: 320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cartography .cartographyContent {
    height: 400px;
  }
}
.cartography .cartographyContent span.img-shadow:before {
  box-shadow: none;
}
.cartography .cartographyContent span.img-shadow img {
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
}

/*  ==========================================================================
    MODULE CONTACT
    ========================================================================== */
/*  ==========================================================================
    MODULE CONTACT RICH
    ========================================================================== */
.contactRich .form-required {
  position: relative;
}
.contactRich .form-required label + i {
  top: 58px;
}
.contactRich .form-required i.asterix {
  position: absolute;
  right: 16px;
  top: 20px;
  color: #a8b462 !important;
  font-size: 1rem;
  z-index: 1;
}
.contactRich .form-required.isMultiple i.asterix {
  top: 8px;
}
.contactRich .form-required input, .contactRich .form-required textarea {
  padding-right: 48px;
}
.contactRich .form-required .select2-container .select2-selection--single .select2-selection__arrow, .contactRich .form-required .select2-container .select2-selection--multiple .select2-selection__arrow {
  right: 8px;
}
.contactRich .form-required .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 72px;
}

/*  ==========================================================================
    MODULE CRITERES
    ========================================================================== */
.criteres .criteresIcon {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 0;
  width: 32px;
  height: 32px;
  background-color: rgb(38.25, 38.25, 38.25);
}

/*  ==========================================================================
    MODULE DOCUMENT
    ========================================================================== */
.document {
  position: relative;
}
.document .documentLink {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 1.125em;
}
.document .documentLink:visited .documentIcon {
  background-color: rgb(110, 119.1034482759, 56.8965517241);
}
.document .documentIcon {
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-color: #a8b462;
}

/*  ==========================================================================
    MODULE EVENT
    ========================================================================== */
.event .eventLegende {
  margin-bottom: 32px;
}
.event .eventLegende a {
  color: inherit;
}
.event .eventList {
  margin-bottom: 32px;
}
.event .eventList .eventItem {
  border-bottom: 1px solid #D9D9D9;
  padding: 32px 0;
}
.event .eventList .eventItem .eventItemTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .event .eventList .eventItem .eventItemTop {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .event .eventList .eventItem .eventItemTop {
    display: block;
  }
}
.event .eventList .eventItem .eventItemRight {
  flex: none;
  margin-left: 16px;
}
@media (max-width: 479px) {
  .event .eventList .eventItem .eventItemRight {
    margin: 16px 0;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .event .eventList .eventItem .eventItemRight {
    margin: 16px 0;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .event .eventList .eventItem .eventItemRight .btn {
    width: auto;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .event .eventList .eventItem .eventItemRight .btn {
    width: auto;
    text-align: center;
  }
}
.event .eventList .eventItem .eventTitle {
  margin-bottom: 16px;
}
.event .eventList .eventItem .eventLinkCarto {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.event .eventList .eventItem .eventLinkCarto i {
  margin-right: 8px;
  color: inherit;
}
.event .eventList .eventItem .eventLinkCarto:hover, .event .eventList .eventItem .eventLinkCarto:focus {
  text-decoration: none;
}
.event .eventList .eventItem .eventLinkCarto:visited i {
  color: rgb(110, 119.1034482759, 56.8965517241);
}

/*  ==========================================================================
    MODULE FLUX SUGGEST
    ========================================================================== */
.flux a {
  position: relative;
  display: block;
  font-size: inherit;
}
.flux a:hover, .flux a:focus {
  text-decoration: none;
}
.flux .fluxItem {
  margin-bottom: 16px;
  transition: all ease-in-out 0.125s;
  /* HOVER EFFECT */
  /* BORDER RADIUS */
  border-radius: 0px;
  /*
  .fluxLink {
      font-size: $font-xsmall;
      &:hover, &:focus {
          background: transparent;
          color: $secondary-color;
          text-decoration: underline;
      }
  }
  */
}
@media (max-width: 479px) {
  .flux .fluxItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux .fluxItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
.flux .fluxItem:hover, .flux .fluxItem:focus {
  background: rgb(229.5, 229.5, 229.5);
}
.flux .fluxItem a:hover, .flux .fluxItem a:focus {
  background: none;
  color: inherit;
}
.flux .fluxItem .fluxImg {
  border-radius: 0px;
}
.flux .fluxItem .fluxImg img {
  border-radius: 0px;
}
.flux .fluxItem .fluxImg {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
  /* HEIGHT DEFAUT */
  height: 400px;
}
@media (max-width: 479px) {
  .flux .fluxItem .fluxImg {
    height: 120px;
    width: 120px;
    margin-bottom: 0;
    margin-right: 16px;
    flex: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux .fluxItem .fluxImg {
    height: 120px;
    width: 120px;
    margin-bottom: 0;
    margin-right: 16px;
    flex: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flux .fluxItem .fluxImg {
    height: 240px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .flux .fluxItem .fluxImg {
    height: 320px;
  }
}
.flux .fluxItem .fluxImg span.img-shadow:before {
  box-shadow: none;
}
.flux .fluxItem .fluxImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.flux .fluxItem .fluxContent {
  padding: 8px;
}
@media (max-width: 479px) {
  .flux .fluxItem .fluxContent {
    padding: 0;
    text-align: left;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux .fluxItem .fluxContent {
    padding: 0;
    text-align: left;
  }
}
.flux .fluxItem .fluxTitle {
  min-height: calc(32px + 2px);
}
.flux .fluxItem .fluxTitle, .flux .fluxItem .fluxCategory {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.flux .fluxItem .fluxIntro {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
}

/*  ==========================================================================
    MODULE INFOS LEGALES
    ========================================================================== */
/*  ==========================================================================
    MODULE LABELS
    ========================================================================== */
.label {
  position: relative;
}
.label .labelItem {
  margin-bottom: 32px;
}
.label .labelItem .labelImg {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-align: center;
  /* HEIGHT DEFAUT */
  width: 120px;
  height: 120px;
}
@media (max-width: 479px) {
  .label .labelItem .labelImg {
    height: 80px;
    width: 80px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .label .labelItem .labelImg {
    height: 80px;
    width: 80px;
  }
}
.label .labelItem .labelImg span.img-shadow:before {
  box-shadow: none;
}
.label .labelItem .labelImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: fill;
}
.label .labelItem .labelSubTitle {
  margin-bottom: 16px;
}
.label .labelParagraphe {
  text-align: center;
}

/*  ==========================================================================
    MODULE LISTE
    ========================================================================== */
.liste {
  position: relative;
}
.liste .listeItem {
  position: relative;
  overflow: hidden;
}
.liste .listeItem .listeImg {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  /* HEIGHT DEFAUT */
  height: 100%;
}
@media (max-width: 479px) {
  .liste .listeItem .listeImg {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste .listeItem .listeImg {
    height: 480px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste .listeItem .listeImg {
    height: 400px;
  }
}
.liste .listeItem .listeImg span.img-shadow:before {
  box-shadow: none;
}
.liste .listeItem .listeImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.liste .listeItem .listeContent {
  padding: 32px 16px 16px;
}
@media (max-width: 479px) {
  .liste .listeItem .listeContent {
    padding: 32px 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste .listeItem .listeContent {
    padding: 32px 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste .listeItem .listeContent {
    padding: 32px 0 16px;
  }
}
.liste .listeItem .listeHook {
  margin-bottom: 16px;
}
.liste .listeItem .listeTitle {
  margin-bottom: 16px;
}
.liste .listeItem .listeSubTitle {
  margin-bottom: 16px;
}
.liste .listeItem .listeParagraphe {
  margin-bottom: 32px;
}
.liste .listeItem .btn, .liste .listeItem .listeLink {
  margin-top: 32px;
}

/*  ==========================================================================
    MODULE MEDIA
    ========================================================================== */
.mediaBloc .imgContent img {
  border-radius: 0px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .mediaBloc .imgContent img {
    border-radius: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc .imgContent img {
    border-radius: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc .imgContent img {
    border-radius: 0;
  }
}
.mediaBloc.modeleStandardFluid .imgContent img, .mediaBloc.modeleStandardContainer .imgContent img, .mediaBloc.modeleFluid .imgContent img, .mediaBloc.modeleContainer .imgContent img {
  border-radius: 0px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .mediaBloc.modeleStandardFluid .imgContent img, .mediaBloc.modeleStandardContainer .imgContent img, .mediaBloc.modeleFluid .imgContent img, .mediaBloc.modeleContainer .imgContent img {
    border-radius: 0px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleStandardFluid .imgContent img, .mediaBloc.modeleStandardContainer .imgContent img, .mediaBloc.modeleFluid .imgContent img, .mediaBloc.modeleContainer .imgContent img {
    border-radius: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleStandardFluid .imgContent img, .mediaBloc.modeleStandardContainer .imgContent img, .mediaBloc.modeleFluid .imgContent img, .mediaBloc.modeleContainer .imgContent img {
    border-radius: 0px;
  }
}
.mediaBloc .videoContent video {
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
}

/*  ==========================================================================
    MODULE OFFERS
    ========================================================================== */
.thumbOffer .thumbOfferModule .thumbOfferItem {
  /* BORDER RADIUS */
  border-radius: 0px;
}
.thumbOffer .thumbOfferModule .thumbOfferItem a:hover, .thumbOffer .thumbOfferModule .thumbOfferItem a:focus {
  background: none;
  color: inherit;
}
.thumbOffer .thumbOfferModule .thumbOfferItem i {
  color: inherit;
  font-size: 1.125rem;
}
.thumbOffer .thumbOfferModule .thumbOfferItem .thumbOfferItemImg {
  border-radius: 0px;
}
.thumbOffer .thumbOfferModule .thumbOfferItem .thumbOfferItemImg img {
  border-radius: 0px;
}
.thumbOffer .thumbOfferModule .thumbOfferItem .thumbOfferOptionDetails {
  display: flex;
  align-items: center;
}
.thumbOffer .thumbOfferModule .thumbOfferItem .thumbOfferItemVariantSelect .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 1rem;
}
.thumbOffer .thumbOfferModule .thumbOfferVariantImg {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  /* HEIGHT DEFAUT */
  height: 120px;
  width: 120px;
}
@media (max-width: 479px) {
  .thumbOffer .thumbOfferModule .thumbOfferVariantImg {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer .thumbOfferModule .thumbOfferVariantImg {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .thumbOffer .thumbOfferModule .thumbOfferVariantImg {
    height: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .thumbOffer .thumbOfferModule .thumbOfferVariantImg {
    height: 120px;
  }
}
.thumbOffer .thumbOfferModule .thumbOfferVariantImg span.img-shadow:before {
  box-shadow: none;
}
.thumbOffer .thumbOfferModule .thumbOfferVariantImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.thumbOffer .offerPriceDiscount {
  text-decoration: line-through;
  font-size: 80%;
}

/*  ==========================================================================
    MODULE SCHEDULE
    ========================================================================== */
.schedule {
  position: relative;
}
.schedule .scheduleTable {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.schedule .scheduleTable .scheduleTableHeader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 64px 16px 16px;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 600;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.schedule .scheduleTable .scheduleTableHeader.collapseTitle:after {
  right: 16px;
}
.schedule .scheduleTable .scheduleTableHeader.collapseTitle.collapsed:after {
  right: 16px;
}
.schedule .scheduleTable .scheduleTableHeader .scheduleTableSchedule {
  font-weight: 300;
}
.schedule .scheduleTable .scheduleTableHeader .scheduleTableHeaderViewMobile {
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex: 1;
}
@media (max-width: 479px) {
  .schedule .scheduleTable .scheduleTableHeader .scheduleTableHeaderViewMobile {
    display: initial;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .schedule .scheduleTable .scheduleTableHeader .scheduleTableHeaderViewMobile {
    display: initial;
  }
}
.schedule .scheduleTable .scheduleTableTr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 64px 16px 48px;
  border-bottom: 1px solid #FFF;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: inherit;
}
.schedule .scheduleTable .scheduleTableTr:first-child {
  border-top: 1px solid #FFF;
}
.schedule .scheduleTable .scheduleTableTr.dayThis {
  border-radius: 0px;
  font-weight: 500;
  margin-top: -1px;
  background: rgba(255, 255, 255, 0.05);
}
.schedule .scheduleTable .scheduleTableTr.dayThis.dayOpen {
  border: 1px solid #96c100;
  color: #96c100;
}
.schedule .scheduleTable .scheduleTableTr.dayThis.dayClose {
  border: 1px solid #e60006;
  color: #e60006;
}
.schedule .scheduleTable .scheduleTableTr.dayOff {
  color: rgba(0, 0, 0, 0.25);
}
.schedule .scheduleTable .scheduleTableEnd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 40px 0 33px;
  padding: 16px 0;
  font-family: "Barlow", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgb(127.5, 127.5, 127.5);
  text-shadow: inherit;
}
.schedule.backContrast .scheduleTable .scheduleTableTr.dayThis {
  background: rgba(0, 0, 0, 0.03);
}

/*  ==========================================================================
    MODULE SIGNATURE
    ========================================================================== */
.signature {
  position: relative;
}
.signature .signatureItem .signatureImg {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  border-radius: 0px;
  /* HEIGHT DEFAUT */
  height: 80px;
  width: 80px;
}
@media (max-width: 479px) {
  .signature .signatureItem .signatureImg {
    height: 64px;
    width: 64px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .signature .signatureItem .signatureImg {
    height: 64px;
    width: 64px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .signature .signatureItem .signatureImg {
    height: 80px;
    width: 64px;
  }
}
.signature .signatureItem .signatureImg span.img-shadow:before {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
}
.signature .signatureItem .signatureImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.signature .signatureItem .signatureTxt {
  margin-top: 16px;
  text-align: center;
}
/*  ==========================================================================
    MODULE SIMPLE
    ========================================================================== */
/*  ==========================================================================
    MODULE SUGGEST
    ========================================================================== */
.suggest a {
  position: relative;
  display: inline-block;
  color: inherit;
  width: 100%;
}
.suggest a:hover, .suggest a:focus {
  text-decoration: none;
}
.suggest .suggestItem {
  margin-bottom: 16px;
  transition: all ease-in-out 0.125s;
  /* HOVER EFFECT */
  /* BORDER RADIUS */
  border-radius: 0px;
}
.suggest .suggestItem:hover, .suggest .suggestItem:focus {
  background: rgb(229.5, 229.5, 229.5);
}
.suggest .suggestItem a:hover, .suggest .suggestItem a:focus {
  background: none;
  color: inherit;
}
.suggest .suggestItem .suggestImg {
  border-radius: 0px;
}
.suggest .suggestItem .suggestImg img {
  border-radius: 0px;
}
.suggest .suggestItem .suggestImg {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
  /* HEIGHT DEFAUT */
  height: 320px;
}
@media (max-width: 479px) {
  .suggest .suggestItem .suggestImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest .suggestItem .suggestImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest .suggestItem .suggestImg {
    height: 320px;
  }
}
.suggest .suggestItem .suggestImg span.img-shadow:before {
  box-shadow: none;
}
.suggest .suggestItem .suggestImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.suggest .suggestItem .suggestContent {
  padding: 8px;
}
.suggest .suggestItem .suggestIntroduction {
  margin-bottom: 8px;
}
.suggest .suggestItem .suggestTitle, .suggest .suggestItem .suggestCategory {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.suggest .suggestItem .suggestLink:hover, .suggest .suggestItem .suggestLink:focus {
  background: transparent;
}

/*  ==========================================================================
    MODULE TABLE
    ========================================================================== */
.tableCard .tableModule .tableList .tableItem {
  border-bottom: 1px solid #D9D9D9;
  padding: 16px 0;
}
.tableCard .tableModule .tableList .tableItem .tableItemTop {
  display: flex;
  justify-content: space-between;
}
.tableCard .tableModule .tableList .tableItem .tableItemTop .tableTitle {
  text-align: justify;
  margin-right: 16px;
}
.tableCard .tableModule .tableList .tableItem .tableItemTop .tablePrice {
  flex: none;
  display: flex;
}
.tableCard .tableModule .tableList .tableItem .tableItemTop .tableUnity {
  font-size: inherit;
}
.tableCard .tableModule .tableList .tableItem .tableItemTop .tableDescription {
  margin-top: 4px;
}

/*  ==========================================================================
    MODULE USER GROUP
    ========================================================================== */
.userGroup {
  position: relative;
}
.userGroup .userGroupItem {
  margin-bottom: 32px;
  padding: 0 8px;
}
.userGroup .userGroupItem:hover, .userGroup .userGroupItem:focus {
  text-decoration: none;
}
.userGroup .userGroupItem .userGroupImg {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  /* HEIGHT DEFAUT */
  height: 160px;
  width: 160px;
}
@media (max-width: 479px) {
  .userGroup .userGroupItem .userGroupImg {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .userGroup .userGroupItem .userGroupImg {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .userGroup .userGroupItem .userGroupImg {
    height: 120px;
    width: 120px;
  }
}
.userGroup .userGroupItem .userGroupImg span.img-shadow {
  border-radius: 120px;
}
.userGroup .userGroupItem .userGroupImg span.img-shadow:before {
  border-radius: 120px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25);
}
.userGroup .userGroupItem .userGroupImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  border-radius: 120px;
}
.userGroup .userGroupItem .userGroupTxt {
  text-align: center;
  line-height: 1.25rem;
  margin-top: 16px;
}
.userGroup .userGroupItem .userGroupName {
  font-weight: 400;
  font-size: 1.125rem;
}
/*  ==========================================================================
    MODULE VIGNETTE
    ========================================================================== */
.vignette {
  position: relative;
}
.vignette .vignetteItem {
  overflow: hidden;
  border-radius: 0px;
}
.vignette .vignetteItem .vignetteImg {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  border-radius: 0px;
  /* HEIGHT DEFAUT */
  height: 400px;
}
@media (max-width: 479px) {
  .vignette .vignetteItem .vignetteImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette .vignetteItem .vignetteImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette .vignetteItem .vignetteImg {
    height: 320px;
  }
}
.vignette .vignetteItem .vignetteImg span.img-shadow:before {
  box-shadow: none;
}
.vignette .vignetteItem .vignetteImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
/* IMPORT Variations Modules */
/*  ==========================================================================
    CARROUSEL VERSION LAN
    ========================================================================== */
.carrousel.modeleLAN .carrouselContent .owl-stage-outer {
  overflow: visible;
}
.carrousel.modeleLAN .carrouselContent .carrouselSlide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent !important;
}
.carrousel.modeleLAN .carrouselContent .carrouselSlide img {
  opacity: 1;
  vertical-align: middle;
  z-index: 10;
  width: 100%;
  max-width: 100vw;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  object-fit: cover;
  /* HEIGHT DEFAUT */
  height: 560px;
}
@media (max-width: 479px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide img {
    height: 480px;
  }
}
.carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText {
  position: relative;
  text-align: center;
  padding-top: 64px;
}
@media (max-width: 479px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText {
    position: relative;
    padding-top: 32px;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText {
    position: relative;
    padding-top: 32px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText {
    position: relative;
    padding-top: 32px;
    text-align: center;
  }
}
.carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-light {
  color: #FFF;
  text-shadow: none;
}
@media (max-width: 479px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-light {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-light {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
.carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-dark {
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: none;
}
@media (max-width: 479px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-dark {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-dark {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
.carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselLink {
  position: absolute;
  text-align: center;
  left: 16px;
  right: 16px;
  top: calc(560px - 32px - 50px);
}
@media (max-width: 479px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(400px - (56px + 16px));
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(400px - (56px + 16px));
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(480px - (56px + 16px));
  }
}
.carrousel.modeleLAN .carrouselContent .owl-item.active .carrouselTitle {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.125s;
}
.carrousel.modeleLAN .carrouselContent .owl-item.active .carrouselSubTitle {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.125s;
}
.carrousel.modeleLAN .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 560px;
  bottom: inherit;
  z-index: 2;
}
@media (max-width: 479px) {
  .carrousel.modeleLAN .owl-nav {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleLAN .owl-nav {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleLAN .owl-nav {
    display: none;
  }
}
.carrousel.modeleLAN .owl-nav .owl-prev, .carrousel.modeleLAN .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 64px;
  width: 64px;
  text-align: center;
}
.carrousel.modeleLAN .owl-nav .owl-prev i, .carrousel.modeleLAN .owl-nav .owl-next i {
  color: rgba(168, 180, 98, 0.5);
}
.carrousel.modeleLAN .owl-nav .owl-prev:hover i, .carrousel.modeleLAN .owl-nav .owl-prev:focus i, .carrousel.modeleLAN .owl-nav .owl-next:hover i, .carrousel.modeleLAN .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.carrousel.modeleLAN .owl-nav .owl-prev {
  left: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleLAN .owl-nav .owl-next {
  right: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleLAN .owl-nav .owl-next:hover, .carrousel.modeleLAN .owl-nav .owl-next:focus {
  background: transparent !important;
}
.carrousel.modeleLAN .owl-dots {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  opacity: 1;
  top: 560px;
  height: 64px;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .carrousel.modeleLAN .owl-dots {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleLAN .owl-dots {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleLAN .owl-dots {
    display: none;
  }
}
.carrousel.modeleLAN .owl-dots .owl-dot span {
  height: 8px;
  width: 8px;
  margin: 0 7.5px;
  background: transparent;
  border: 1px solid;
  border-radius: 10px;
  border-color: rgba(168, 180, 98, 0.5);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleLAN .owl-dots .owl-dot.active span {
  background: #a8b462;
}
.carrousel.modeleLAN .owl-dots .owl-dot:hover span, .carrousel.modeleLAN .owl-dots .owl-dot:focus span {
  background: #a8b462;
}

/*  ==========================================================================
    CARROUSEL VERSION STANDARD
    ========================================================================== */
.carrousel.modeleStandard {
  /*  OWL NAVIGATION
  ========================================================================== */
}
@media (max-width: 479px) {
  .carrousel.modeleStandard .carrouselSlide {
    background-color: transparent !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleStandard .carrouselSlide {
    background-color: transparent !important;
  }
}
.carrousel.modeleStandard .carrouselSlide .carrouselText {
  position: absolute;
  text-align: center;
  left: 32px;
  right: 32px;
  margin: auto;
  top: 32px;
}
@media (max-width: 479px) {
  .carrousel.modeleStandard .carrouselSlide .carrouselText {
    position: relative;
    text-align: left;
    padding: 16px;
    top: 0px;
    left: 0;
    right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleStandard .carrouselSlide .carrouselText {
    position: relative;
    text-align: left;
    padding: 16px;
    top: 0px;
    left: 0;
    right: 0;
  }
}
@media (max-width: 479px) {
  .carrousel.modeleStandard .carrouselSlide .carrouselText .t-light, .carrousel.modeleStandard .carrouselSlide .carrouselText .t-dark {
    color: rgb(38.25, 38.25, 38.25) !important;
    text-shadow: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleStandard .carrouselSlide .carrouselText .t-light, .carrousel.modeleStandard .carrouselSlide .carrouselText .t-dark {
    color: rgb(38.25, 38.25, 38.25) !important;
    text-shadow: none;
  }
}
.carrousel.modeleStandard .carrouselSlide .carrouselLink {
  position: absolute;
  text-align: center;
  left: 16px;
  right: 16px;
  margin: auto;
  bottom: calc(32px + 10px);
}
@media (max-width: 479px) {
  .carrousel.modeleStandard .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(400px - (56px + 16px));
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleStandard .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(400px - (56px + 16px));
  }
}
.carrousel.modeleStandard .owl-nav {
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.carrousel.modeleStandard .owl-nav .owl-prev, .carrousel.modeleStandard .owl-nav .owl-next {
  width: 80px;
  position: absolute;
  height: 560px;
}
@media (max-width: 479px) {
  .carrousel.modeleStandard .owl-nav .owl-prev, .carrousel.modeleStandard .owl-nav .owl-next {
    height: 400px;
    width: 50px;
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleStandard .owl-nav .owl-prev, .carrousel.modeleStandard .owl-nav .owl-next {
    height: 400px;
    width: 50px;
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleStandard .owl-nav .owl-prev, .carrousel.modeleStandard .owl-nav .owl-next {
    height: 480px;
  }
}
.carrousel.modeleStandard .owl-nav .owl-prev i, .carrousel.modeleStandard .owl-nav .owl-next i {
  font-size: 2rem;
  color: #FFF;
}
.carrousel.modeleStandard .owl-nav .owl-prev {
  left: 0;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleStandard .owl-nav .owl-prev:hover, .carrousel.modeleStandard .owl-nav .owl-prev:focus {
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}
.carrousel.modeleStandard .owl-nav .owl-next {
  right: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleStandard .owl-nav .owl-next:hover, .carrousel.modeleStandard .owl-nav .owl-next:focus {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}
.carrousel.modeleStandard .owl-dots {
  position: absolute;
  z-index: 1;
  bottom: 16px;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .carrousel.modeleStandard .owl-dots {
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleStandard .owl-dots {
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
.carrousel.modeleStandard .owl-dots:hover, .carrousel.modeleStandard .owl-dots:focus {
  opacity: 1;
}
.carrousel.modeleStandard .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 0 7.5px;
  background: transparent;
  border: 1px solid;
  border-radius: 10px;
  border-color: #696f46;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleStandard .owl-dots .owl-dot.active span {
  background: #696f46;
}
.carrousel.modeleStandard .owl-dots .owl-dot:hover span, .carrousel.modeleStandard .owl-dots .owl-dot:focus span {
  background: #696f46;
}

/*  ==========================================================================
    CARROUSEL VERSION FULL
    ========================================================================== */
.carrousel.modeleMidlle-lg, .carrousel.modeleMidlle-xxl, .carrousel.modeleMidlle-full {
  /*  OWL NAVIGATION
  ========================================================================== */
}
.carrousel.modeleMidlle-lg .carrouselModule, .carrousel.modeleMidlle-xxl .carrouselModule, .carrousel.modeleMidlle-full .carrouselModule {
  position: relative;
}
.carrousel.modeleMidlle-lg .carrouselSlide, .carrousel.modeleMidlle-xxl .carrouselSlide, .carrousel.modeleMidlle-full .carrouselSlide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.carrousel.modeleMidlle-lg .carrouselSlide img, .carrousel.modeleMidlle-xxl .carrouselSlide img, .carrousel.modeleMidlle-full .carrouselSlide img {
  opacity: 1;
  vertical-align: middle;
  z-index: 10;
  width: 100%;
  max-width: 100vw;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  object-fit: cover;
  /* HEIGHT WITH JS FULL */
}
.carrousel.modeleMidlle-lg .carrouselSlide .carrouselText, .carrousel.modeleMidlle-xxl .carrouselSlide .carrouselText, .carrousel.modeleMidlle-full .carrouselSlide .carrouselText {
  position: absolute;
  text-align: center;
  left: 64px;
  right: 64px;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 479px) {
  .carrousel.modeleMidlle-lg .carrouselSlide .carrouselText, .carrousel.modeleMidlle-xxl .carrouselSlide .carrouselText, .carrousel.modeleMidlle-full .carrouselSlide .carrouselText {
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleMidlle-lg .carrouselSlide .carrouselText, .carrousel.modeleMidlle-xxl .carrouselSlide .carrouselText, .carrousel.modeleMidlle-full .carrouselSlide .carrouselText {
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleMidlle-lg .carrouselSlide .carrouselText, .carrousel.modeleMidlle-xxl .carrouselSlide .carrouselText, .carrousel.modeleMidlle-full .carrouselSlide .carrouselText {
    left: 64px;
    right: 64px;
  }
}
.carrousel.modeleMidlle-lg .carrouselSlide .carrouselLink, .carrousel.modeleMidlle-xxl .carrouselSlide .carrouselLink, .carrousel.modeleMidlle-full .carrouselSlide .carrouselLink {
  position: relative;
  text-align: center;
  margin: auto;
  margin-top: 32px;
}
.carrousel.modeleMidlle-lg .owl-nav, .carrousel.modeleMidlle-xxl .owl-nav, .carrousel.modeleMidlle-full .owl-nav {
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.carrousel.modeleMidlle-lg .owl-nav .owl-prev, .carrousel.modeleMidlle-lg .owl-nav .owl-next, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev, .carrousel.modeleMidlle-xxl .owl-nav .owl-next, .carrousel.modeleMidlle-full .owl-nav .owl-prev, .carrousel.modeleMidlle-full .owl-nav .owl-next {
  position: absolute;
  width: 240px;
  transition: all ease-in-out 0.125s;
  display: flex;
  align-items: center;
}
@media (max-width: 479px) {
  .carrousel.modeleMidlle-lg .owl-nav .owl-prev, .carrousel.modeleMidlle-lg .owl-nav .owl-next, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev, .carrousel.modeleMidlle-xxl .owl-nav .owl-next, .carrousel.modeleMidlle-full .owl-nav .owl-prev, .carrousel.modeleMidlle-full .owl-nav .owl-next {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleMidlle-lg .owl-nav .owl-prev, .carrousel.modeleMidlle-lg .owl-nav .owl-next, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev, .carrousel.modeleMidlle-xxl .owl-nav .owl-next, .carrousel.modeleMidlle-full .owl-nav .owl-prev, .carrousel.modeleMidlle-full .owl-nav .owl-next {
    display: none;
  }
}
.carrousel.modeleMidlle-lg .owl-nav .owl-prev i, .carrousel.modeleMidlle-lg .owl-nav .owl-next i, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev i, .carrousel.modeleMidlle-xxl .owl-nav .owl-next i, .carrousel.modeleMidlle-full .owl-nav .owl-prev i, .carrousel.modeleMidlle-full .owl-nav .owl-next i {
  font-size: 24px;
  color: #000000;
  opacity: 0;
  transition: all ease-in-out 0.125s;
  width: 56px;
  border-radius: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carrousel.modeleMidlle-lg .owl-nav .owl-prev:hover i, .carrousel.modeleMidlle-lg .owl-nav .owl-prev:focus i, .carrousel.modeleMidlle-lg .owl-nav .owl-next:hover i, .carrousel.modeleMidlle-lg .owl-nav .owl-next:focus i, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev:hover i, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev:focus i, .carrousel.modeleMidlle-xxl .owl-nav .owl-next:hover i, .carrousel.modeleMidlle-xxl .owl-nav .owl-next:focus i, .carrousel.modeleMidlle-full .owl-nav .owl-prev:hover i, .carrousel.modeleMidlle-full .owl-nav .owl-prev:focus i, .carrousel.modeleMidlle-full .owl-nav .owl-next:hover i, .carrousel.modeleMidlle-full .owl-nav .owl-next:focus i {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.carrousel.modeleMidlle-lg .owl-nav .owl-prev, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev, .carrousel.modeleMidlle-full .owl-nav .owl-prev {
  left: 0;
  justify-content: flex-start;
  padding-left: 32px !important;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleMidlle-lg .owl-nav .owl-prev:hover, .carrousel.modeleMidlle-lg .owl-nav .owl-prev:focus, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev:hover, .carrousel.modeleMidlle-xxl .owl-nav .owl-prev:focus, .carrousel.modeleMidlle-full .owl-nav .owl-prev:hover, .carrousel.modeleMidlle-full .owl-nav .owl-prev:focus {
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}
.carrousel.modeleMidlle-lg .owl-nav .owl-next, .carrousel.modeleMidlle-xxl .owl-nav .owl-next, .carrousel.modeleMidlle-full .owl-nav .owl-next {
  right: 0;
  justify-content: flex-end;
  padding-right: 32px !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleMidlle-lg .owl-nav .owl-next:hover, .carrousel.modeleMidlle-lg .owl-nav .owl-next:focus, .carrousel.modeleMidlle-xxl .owl-nav .owl-next:hover, .carrousel.modeleMidlle-xxl .owl-nav .owl-next:focus, .carrousel.modeleMidlle-full .owl-nav .owl-next:hover, .carrousel.modeleMidlle-full .owl-nav .owl-next:focus {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}
.carrousel.modeleMidlle-lg .owl-dots, .carrousel.modeleMidlle-xxl .owl-dots, .carrousel.modeleMidlle-full .owl-dots {
  position: absolute;
  z-index: 1;
  bottom: 32px;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .carrousel.modeleMidlle-lg .owl-dots, .carrousel.modeleMidlle-xxl .owl-dots, .carrousel.modeleMidlle-full .owl-dots {
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleMidlle-lg .owl-dots, .carrousel.modeleMidlle-xxl .owl-dots, .carrousel.modeleMidlle-full .owl-dots {
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
.carrousel.modeleMidlle-lg .owl-dots:hover, .carrousel.modeleMidlle-lg .owl-dots:focus, .carrousel.modeleMidlle-xxl .owl-dots:hover, .carrousel.modeleMidlle-xxl .owl-dots:focus, .carrousel.modeleMidlle-full .owl-dots:hover, .carrousel.modeleMidlle-full .owl-dots:focus {
  opacity: 1;
}
.carrousel.modeleMidlle-lg .owl-dots .owl-dot span, .carrousel.modeleMidlle-xxl .owl-dots .owl-dot span, .carrousel.modeleMidlle-full .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 12px;
  background: transparent;
  border: 1px solid;
  border-radius: 8px;
  border-color: #FFF;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleMidlle-lg .owl-dots .owl-dot.active span, .carrousel.modeleMidlle-xxl .owl-dots .owl-dot.active span, .carrousel.modeleMidlle-full .owl-dots .owl-dot.active span {
  background: #FFF;
}
.carrousel.modeleMidlle-lg .owl-dots .owl-dot:hover span, .carrousel.modeleMidlle-lg .owl-dots .owl-dot:focus span, .carrousel.modeleMidlle-xxl .owl-dots .owl-dot:hover span, .carrousel.modeleMidlle-xxl .owl-dots .owl-dot:focus span, .carrousel.modeleMidlle-full .owl-dots .owl-dot:hover span, .carrousel.modeleMidlle-full .owl-dots .owl-dot:focus span {
  background: #FFF;
}
.carrousel.modeleMidlle-lg .carrouselSlide img {
  /* HEIGHT WITH 400 */
  height: 400px;
}
.carrousel.modeleMidlle-lg .owl-next {
  height: 400px;
}
.carrousel.modeleMidlle-lg .owl-prev {
  height: 400px;
}
.carrousel.modeleMidlle-xxl .carrouselSlide img {
  /* HEIGHT WITH 560 */
  height: 560px;
}
.carrousel.modeleMidlle-xxl .owl-next {
  height: 560px;
}
.carrousel.modeleMidlle-xxl .owl-prev {
  height: 560px;
}

/*  ==========================================================================
    CARROUSEL VERSION FULL
    ========================================================================== */
.carrousel {
  /* IMAGE SIZE */
  /* POSITION NAV DOTS TXT */
}
.carrousel.modeleClassic-md, .carrousel.modeleClassic-xl, .carrousel.modeleClassic-max {
  position: relative;
  /*  OWL NAVIGATION
  ========================================================================== */
}
.carrousel.modeleClassic-md .carrouselModule, .carrousel.modeleClassic-xl .carrouselModule, .carrousel.modeleClassic-max .carrouselModule {
  position: relative;
}
.carrousel.modeleClassic-md .carrouselSlide, .carrousel.modeleClassic-xl .carrouselSlide, .carrousel.modeleClassic-max .carrouselSlide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.carrousel.modeleClassic-md .carrouselSlide:after, .carrousel.modeleClassic-xl .carrouselSlide:after, .carrousel.modeleClassic-max .carrouselSlide:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 160px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.carrousel.modeleClassic-md .carrouselSlide img, .carrousel.modeleClassic-xl .carrouselSlide img, .carrousel.modeleClassic-max .carrouselSlide img {
  opacity: 1;
  vertical-align: middle;
  z-index: 10;
  width: 100%;
  max-width: 100vw;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  object-fit: cover;
  /* HEIGHT WITH JS FULL */
}
.carrousel.modeleClassic-md .carrouselSlide .carrouselText, .carrousel.modeleClassic-xl .carrouselSlide .carrouselText, .carrousel.modeleClassic-max .carrouselSlide .carrouselText {
  z-index: 2;
}
.carrousel.modeleClassic-md .owl-nav, .carrousel.modeleClassic-xl .owl-nav, .carrousel.modeleClassic-max .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: inherit;
  bottom: 72px;
  z-index: 2;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-md .owl-nav, .carrousel.modeleClassic-xl .owl-nav, .carrousel.modeleClassic-max .owl-nav {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-md .owl-nav, .carrousel.modeleClassic-xl .owl-nav, .carrousel.modeleClassic-max .owl-nav {
    display: none;
  }
}
.carrousel.modeleClassic-md .owl-nav .owl-prev, .carrousel.modeleClassic-md .owl-nav .owl-next, .carrousel.modeleClassic-xl .owl-nav .owl-prev, .carrousel.modeleClassic-xl .owl-nav .owl-next, .carrousel.modeleClassic-max .owl-nav .owl-prev, .carrousel.modeleClassic-max .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 72px;
  width: 72px;
  text-align: center;
}
.carrousel.modeleClassic-md .owl-nav .owl-prev i, .carrousel.modeleClassic-md .owl-nav .owl-next i, .carrousel.modeleClassic-xl .owl-nav .owl-prev i, .carrousel.modeleClassic-xl .owl-nav .owl-next i, .carrousel.modeleClassic-max .owl-nav .owl-prev i, .carrousel.modeleClassic-max .owl-nav .owl-next i {
  color: rgba(255, 255, 255, 0.5);
}
.carrousel.modeleClassic-md .owl-nav .owl-prev:hover i, .carrousel.modeleClassic-md .owl-nav .owl-prev:focus i, .carrousel.modeleClassic-md .owl-nav .owl-next:hover i, .carrousel.modeleClassic-md .owl-nav .owl-next:focus i, .carrousel.modeleClassic-xl .owl-nav .owl-prev:hover i, .carrousel.modeleClassic-xl .owl-nav .owl-prev:focus i, .carrousel.modeleClassic-xl .owl-nav .owl-next:hover i, .carrousel.modeleClassic-xl .owl-nav .owl-next:focus i, .carrousel.modeleClassic-max .owl-nav .owl-prev:hover i, .carrousel.modeleClassic-max .owl-nav .owl-prev:focus i, .carrousel.modeleClassic-max .owl-nav .owl-next:hover i, .carrousel.modeleClassic-max .owl-nav .owl-next:focus i {
  color: #FFF;
}
.carrousel.modeleClassic-md .owl-nav .owl-prev, .carrousel.modeleClassic-xl .owl-nav .owl-prev, .carrousel.modeleClassic-max .owl-nav .owl-prev {
  left: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleClassic-md .owl-nav .owl-next, .carrousel.modeleClassic-xl .owl-nav .owl-next, .carrousel.modeleClassic-max .owl-nav .owl-next {
  right: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleClassic-md .owl-nav .owl-next:hover, .carrousel.modeleClassic-md .owl-nav .owl-next:focus, .carrousel.modeleClassic-xl .owl-nav .owl-next:hover, .carrousel.modeleClassic-xl .owl-nav .owl-next:focus, .carrousel.modeleClassic-max .owl-nav .owl-next:hover, .carrousel.modeleClassic-max .owl-nav .owl-next:focus {
  background: transparent !important;
}
.carrousel.modeleClassic-md .owl-dots, .carrousel.modeleClassic-xl .owl-dots, .carrousel.modeleClassic-max .owl-dots {
  position: absolute;
  z-index: 1;
  bottom: 32px;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.carrousel.modeleClassic-md .owl-dots:hover, .carrousel.modeleClassic-md .owl-dots:focus, .carrousel.modeleClassic-xl .owl-dots:hover, .carrousel.modeleClassic-xl .owl-dots:focus, .carrousel.modeleClassic-max .owl-dots:hover, .carrousel.modeleClassic-max .owl-dots:focus {
  opacity: 1;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-md .owl-dots, .carrousel.modeleClassic-xl .owl-dots, .carrousel.modeleClassic-max .owl-dots {
    justify-content: center;
    left: 0;
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-md .owl-dots, .carrousel.modeleClassic-xl .owl-dots, .carrousel.modeleClassic-max .owl-dots {
    justify-content: center;
    left: 0;
    position: relative;
    bottom: inherit;
    margin: 16px;
    margin-top: 32px;
  }
}
.carrousel.modeleClassic-md .owl-dots .owl-dot span, .carrousel.modeleClassic-xl .owl-dots .owl-dot span, .carrousel.modeleClassic-max .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 12px;
  background: transparent;
  border: 1px solid;
  border-radius: 8px;
  border-color: #FFF;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-md .owl-dots .owl-dot span, .carrousel.modeleClassic-xl .owl-dots .owl-dot span, .carrousel.modeleClassic-max .owl-dots .owl-dot span {
    border-color: #000000;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-md .owl-dots .owl-dot span, .carrousel.modeleClassic-xl .owl-dots .owl-dot span, .carrousel.modeleClassic-max .owl-dots .owl-dot span {
    border-color: #000000;
  }
}
.carrousel.modeleClassic-md .owl-dots .owl-dot.active span, .carrousel.modeleClassic-xl .owl-dots .owl-dot.active span, .carrousel.modeleClassic-max .owl-dots .owl-dot.active span {
  background: #FFF;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-md .owl-dots .owl-dot.active span, .carrousel.modeleClassic-xl .owl-dots .owl-dot.active span, .carrousel.modeleClassic-max .owl-dots .owl-dot.active span {
    background: #000000;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-md .owl-dots .owl-dot.active span, .carrousel.modeleClassic-xl .owl-dots .owl-dot.active span, .carrousel.modeleClassic-max .owl-dots .owl-dot.active span {
    background: #000000;
  }
}
.carrousel.modeleClassic-md .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-md .owl-dots .owl-dot:focus span, .carrousel.modeleClassic-xl .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-xl .owl-dots .owl-dot:focus span, .carrousel.modeleClassic-max .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-max .owl-dots .owl-dot:focus span {
  background: #FFF;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-md .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-md .owl-dots .owl-dot:focus span, .carrousel.modeleClassic-xl .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-xl .owl-dots .owl-dot:focus span, .carrousel.modeleClassic-max .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-max .owl-dots .owl-dot:focus span {
    background: #000000;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-md .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-md .owl-dots .owl-dot:focus span, .carrousel.modeleClassic-xl .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-xl .owl-dots .owl-dot:focus span, .carrousel.modeleClassic-max .owl-dots .owl-dot:hover span, .carrousel.modeleClassic-max .owl-dots .owl-dot:focus span {
    background: #000000;
  }
}
.carrousel.modeleClassic-md .carrouselSlide img {
  /* HEIGHT WITH 320 */
  height: 320px;
}
.carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselTitle {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselTitle {
    font-size: 1.25em;
  }
}
.carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselSubTitle {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselSubTitle {
    font-size: 1.125em;
  }
}
.carrousel.modeleClassic-md .owl-next {
  height: 320px;
}
.carrousel.modeleClassic-md .owl-prev {
  height: 320px;
}
.carrousel.modeleClassic-xl .carrouselSlide img {
  /* HEIGHT WITH 480 */
  height: 480px;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-xl .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-xl .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-xl .carrouselSlide img {
    height: 400px;
  }
}
.carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselTitle {
  font-size: 2em;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselTitle {
    font-size: 1.5em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselTitle {
    font-size: 1.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselTitle {
    font-size: 1.5em;
  }
}
.carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselSubTitle {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselSubTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselSubTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselSubTitle {
    font-size: 1.25em;
  }
}
.carrousel.modeleClassic-xl .owl-next {
  height: 480px;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-xl .owl-next {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-xl .owl-next {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-xl .owl-next {
    height: 400px;
  }
}
.carrousel.modeleClassic-xl .owl-prev {
  height: 480px;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-xl .owl-prev {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-xl .owl-prev {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-xl .owl-prev {
    height: 400px;
  }
}
.carrousel.modeleClassic-max .carrouselSlide img {
  /* HEIGHT WITH 640 */
  height: 640px;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-max .carrouselSlide img {
    height: 560px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-max .carrouselSlide img {
    height: 560px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-max .carrouselSlide img {
    height: 560px;
  }
}
.carrousel.modeleClassic-max .owl-next {
  height: 640px;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-max .owl-next {
    height: 560px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-max .owl-next {
    height: 560px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-max .owl-next {
    height: 560px;
  }
}
.carrousel.modeleClassic-max .owl-prev {
  height: 640px;
}
@media (max-width: 479px) {
  .carrousel.modeleClassic-max .owl-prev {
    height: 560px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modeleClassic-max .owl-prev {
    height: 560px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modeleClassic-max .owl-prev {
    height: 560px;
  }
}
.carrousel.positionTopLeft {
  position: relative;
}
.carrousel.positionTopLeft .carrouselSlide:after {
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.carrousel.positionTopLeft .carrouselText {
  position: absolute;
  left: 32px;
  top: 32px;
}
@media (max-width: 479px) {
  .carrousel.positionTopLeft .carrouselText {
    left: 32px;
    right: 32px;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionTopLeft .carrouselText {
    left: 32px;
    right: 32px;
    text-align: center;
  }
}
.carrousel.positionTopLeft .carrouselLink {
  position: absolute;
  bottom: 72px;
  left: 32px;
}
@media (max-width: 479px) {
  .carrousel.positionTopLeft .carrouselLink {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionTopLeft .carrouselLink {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
.carrousel.positionTopLeft .owl-nav {
  left: 0;
  right: 0;
  top: inherit;
  bottom: 72px;
}
.carrousel.positionTopLeft .owl-nav .owl-prev {
  display: none;
}
.carrousel.positionTopLeft .owl-dots {
  justify-content: flex-start;
  left: 16px;
  right: 0;
}
@media (max-width: 479px) {
  .carrousel.positionTopLeft .owl-dots {
    justify-content: center;
    left: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionTopLeft .owl-dots {
    justify-content: center;
    left: 0;
  }
}
.carrousel.positionTopCenter {
  position: relative;
}
.carrousel.positionTopCenter .carrouselSlide:after {
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.carrousel.positionTopCenter .carrouselText {
  position: absolute;
  left: 32px;
  right: 32px;
  text-align: center;
  margin: auto;
  top: 32px;
}
@media (max-width: 479px) {
  .carrousel.positionTopCenter .carrouselText {
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionTopCenter .carrouselText {
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.positionTopCenter .carrouselText {
    left: 32px;
    right: 32px;
  }
}
.carrousel.positionTopCenter .carrouselLink {
  position: absolute;
  bottom: 72px;
  left: 32px;
  right: 32px;
  margin: auto;
  text-align: center;
}
@media (max-width: 479px) {
  .carrousel.positionTopCenter .carrouselLink {
    bottom: 32px;
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionTopCenter .carrouselLink {
    bottom: 32px;
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.positionTopCenter .carrouselLink {
    bottom: 32px;
    left: 32px;
    right: 32px;
  }
}
.carrousel.positionTopCenter .owl-nav {
  left: 0;
  right: 0;
  top: inherit;
  bottom: 72px;
}
.carrousel.positionTopCenter .owl-dots {
  justify-content: center;
  left: 0;
  right: 0;
}
.carrousel.positionBottomLeft {
  position: relative;
}
.carrousel.positionBottomLeft .carrouselSlide:after {
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.carrousel.positionBottomLeft .carrouselText {
  position: absolute;
  left: 32px;
  bottom: 72px;
}
@media (max-width: 479px) {
  .carrousel.positionBottomLeft .carrouselText {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionBottomLeft .carrouselText {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.positionBottomLeft .carrouselText {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
.carrousel.positionBottomLeft .carrouselLink {
  position: relative;
  margin-top: 32px;
}
@media (max-width: 479px) {
  .carrousel.positionBottomLeft .carrouselLink {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionBottomLeft .carrouselLink {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.positionBottomLeft .carrouselLink {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
.carrousel.positionBottomLeft .owl-nav {
  left: 0;
  right: 0;
  top: inherit;
  bottom: 72px;
}
.carrousel.positionBottomLeft .owl-nav .owl-prev {
  display: none;
}
.carrousel.positionBottomLeft .owl-dots {
  justify-content: flex-start;
  left: 16px;
  right: 0;
}
@media (max-width: 479px) {
  .carrousel.positionBottomLeft .owl-dots {
    justify-content: center;
    left: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionBottomLeft .owl-dots {
    justify-content: center;
    left: 0;
  }
}
.carrousel.positionBottomCenter {
  position: relative;
}
.carrousel.positionBottomCenter .carrouselSlide:after {
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.carrousel.positionBottomCenter .carrouselText {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 72px;
  text-align: center;
  margin: auto;
}
@media (max-width: 479px) {
  .carrousel.positionBottomCenter .carrouselText {
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.positionBottomCenter .carrouselText {
    left: 32px;
    right: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.positionBottomCenter .carrouselText {
    left: 64px;
    right: 64px;
  }
}
.carrousel.positionBottomCenter .carrouselLink {
  position: relative;
  margin: auto;
  margin-top: 32px;
  text-align: center;
}
.carrousel.positionBottomCenter .owl-nav {
  left: 0;
  right: 0;
  top: inherit;
  bottom: 72px;
}
.carrousel.positionBottomCenter .owl-dots {
  justify-content: center;
  left: 0;
  right: 0;
}

/*  ==========================================================================
    CARROUSEL VERSION PRO
    ========================================================================== */
.carrousel.modelePRO {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .carrousel.modelePRO {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.carrousel.modelePRO .carrouselContent {
  width: calc(100% - 96px);
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .carrousel.modelePRO .carrouselContent {
    padding-left: 16px;
  }
}
.carrousel.modelePRO .carrouselContent .owl-stage-outer {
  overflow: visible;
}
.carrousel.modelePRO .carrouselContent .carrouselSlide {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  overflow: hidden;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide {
    border-radius: 0;
    background-color: #FFF !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide {
    border-radius: 0;
    background-color: #FFF !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide {
    border-radius: 0;
    background-color: #FFF !important;
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide img {
  opacity: 1;
  vertical-align: middle;
  z-index: 10;
  width: 100%;
  max-width: 100vw;
  display: block;
  border-radius: 0px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  object-fit: cover;
  height: 560px;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide img {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide img {
    height: 480px;
  }
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide img {
    border-radius: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide img {
    border-radius: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide img {
    border-radius: 0;
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText {
  position: absolute;
  text-align: right;
  right: 48px;
  margin: auto;
  top: 88px;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: left;
    padding: 8px 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: left;
    padding: 8px 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: left;
    padding: 8px 16px;
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle {
    margin-bottom: inherit;
    padding-bottom: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle {
    margin-bottom: inherit;
    padding-bottom: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle {
    margin-bottom: inherit;
    padding-bottom: inherit;
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle:after {
  content: "";
  position: absolute;
  height: 1px;
  width: calc(32px * 5);
  right: 0;
  bottom: 0;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle:after {
    content: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle:after {
    content: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .carrouselTitle:after {
    content: none;
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-light:after {
  background: #FFF;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-light {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-light {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-light {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark:after {
  background: rgb(38.25, 38.25, 38.25);
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark {
    text-shadow: none;
    color: rgb(38.25, 38.25, 38.25);
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink {
  position: absolute;
  text-align: center;
  right: 48px;
  margin: auto;
  bottom: calc(48px + 0px);
}
@media (max-width: 479px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(400px - (55px + 16px));
    left: 16px;
    right: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(400px - (55px + 16px));
    left: 16px;
    right: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink {
    bottom: inherit;
    top: calc(480px - (55px + 16px));
    left: 16px;
    right: 16px;
  }
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink button.btn.btn-outline-secondary,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink a.btn.btn-outline-secondary,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink .btn.btn-outline-secondary {
  background-color: #FFF;
  border-color: #FFF;
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink button.btn.btn-outline-secondary:hover, .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink button.btn.btn-outline-secondary:active, .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink button.btn.btn-outline-secondary:focus,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink a.btn.btn-outline-secondary:hover,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink a.btn.btn-outline-secondary:active,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink a.btn.btn-outline-secondary:focus,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink .btn.btn-outline-secondary:hover,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink .btn.btn-outline-secondary:active,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink .btn.btn-outline-secondary:focus {
  background-color: #FFF;
  border-color: #FFF;
  color: rgb(90.2071823204, 95.361878453, 60.138121547);
}
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink button.btn.btn-outline-secondary:not([disabled]):not(.disabled):active, .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink button.btn.btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink button.btn.btn-outline-secondary.dropdown-toggle,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink a.btn.btn-outline-secondary:not([disabled]):not(.disabled):active,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink a.btn.btn-outline-secondary:not([disabled]):not(.disabled).active,
.show > .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink a.btn.btn-outline-secondary.dropdown-toggle,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink .btn.btn-outline-secondary:not([disabled]):not(.disabled):active,
.carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink .btn.btn-outline-secondary:not([disabled]):not(.disabled).active,
.show > .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselLink .btn.btn-outline-secondary.dropdown-toggle {
  box-shadow: none;
  background-color: #FFF;
  border-color: #FFF;
  color: rgb(82.8107734807, 87.5428176796, 55.2071823204);
}
.carrousel.modelePRO .owl-nav {
  position: absolute;
  bottom: 64px;
  right: 0;
  z-index: 2;
}
.carrousel.modelePRO .owl-nav .owl-prev, .carrousel.modelePRO .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 64px;
  width: inherit;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .owl-nav .owl-prev, .carrousel.modelePRO .owl-nav .owl-next {
    height: 480px;
    width: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .owl-nav .owl-prev, .carrousel.modelePRO .owl-nav .owl-next {
    height: 480px;
    width: inherit;
  }
}
.carrousel.modelePRO .owl-nav .owl-prev i, .carrousel.modelePRO .owl-nav .owl-next i {
  font-size: 24px;
  color: #a8b462;
}
.carrousel.modelePRO .owl-nav .owl-prev:hover i, .carrousel.modelePRO .owl-nav .owl-prev:focus i, .carrousel.modelePRO .owl-nav .owl-next:hover i, .carrousel.modelePRO .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.carrousel.modelePRO .owl-nav .owl-prev {
  left: 0;
  display: none;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modelePRO .owl-nav .owl-next {
  right: calc(16px - 80px);
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.carrousel.modelePRO .owl-nav .owl-next:hover, .carrousel.modelePRO .owl-nav .owl-next:focus {
  background: transparent !important;
}
.carrousel.modelePRO .owl-dots {
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  height: 64px;
  padding-left: 8px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .carrousel.modelePRO .owl-dots {
    justify-content: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .carrousel.modelePRO .owl-dots {
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carrousel.modelePRO .owl-dots {
    justify-content: center;
  }
}
.carrousel.modelePRO .owl-dots .owl-dot {
  margin: 0 8px;
}
.carrousel.modelePRO .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 0 solid;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.25);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.carrousel.modelePRO .owl-dots .owl-dot.active span {
  transform: scale(2);
  border-radius: 32px;
  background-color: #a8b462;
  background: #a8b462;
}
.carrousel.modelePRO .owl-dots .owl-dot:hover span, .carrousel.modelePRO .owl-dots .owl-dot:focus span {
  background: #a8b462;
}

/*  ==========================================================================
    CARTOGRAPHY VERSIONS DIFFERENTES HAUTEUR
    ========================================================================== */
.cartography.modeleStandard-md .cartographyContent {
  height: 320px;
}
.cartography.modeleStandard-max .cartographyContent {
  height: 640px;
}
@media (max-width: 479px) {
  .cartography.modeleStandard-max .cartographyContent {
    height: 320px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartography.modeleStandard-max .cartographyContent {
    height: 320px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cartography.modeleStandard-max .cartographyContent {
    height: 400px;
  }
}
.cartography.modeleStandard-full .cartographyContent {
  height: 100vh;
}
@media (max-width: 479px) {
  .cartography.modeleStandard-full .cartographyContent {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .cartography.modeleStandard-full .cartographyContent {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cartography.modeleStandard-full .cartographyContent {
    height: 480px;
  }
}

/*  ==========================================================================
    MODULE CONTACT VERSION MATERIAL
    ========================================================================== */
.contact.modeleMaterial .form-control {
  background-color: rgba(0, 0, 0, 0.03);
  border: 0;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.25);
}
.contact.modeleMaterial .select2-container *:focus {
  outline: none;
}
.contact.modeleMaterial .select2-container .select2-selection--single {
  background-color: rgba(0, 0, 0, 0.03);
  border: 0;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.25);
}
.contact.modeleMaterial .select2-container .select2-dropdown--below {
  border: 0;
}
.contact.modeleMaterial .select2-container.select2-container--open .select2-dropdown--below {
  border: 0;
}

/*  ==========================================================================
    MODULE CONTACT RICH VERSION STANDARD
    ========================================================================== */
/*  ==========================================================================
    MODULE CONTACT RICH VERSION MATERIAL
    ========================================================================== */
.contactRich.modeleMaterial {
  /* CHECKBOX  */
  /* RADIOBOX  */
}
.contactRich.modeleMaterial .form-control {
  background-color: rgba(0, 0, 0, 0.03);
  border: 0;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.25);
}
.contactRich.modeleMaterial .select2-container *:focus {
  outline: none;
}
.contactRich.modeleMaterial .select2-container .select2-selection--single {
  background-color: rgba(0, 0, 0, 0.03);
  border: 0;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.25);
}
.contactRich.modeleMaterial .select2-container .select2-dropdown--below {
  border: 0;
}
.contactRich.modeleMaterial .select2-container.select2-container--open .select2-dropdown--below {
  border: 0;
}
.contactRich.modeleMaterial .checkbox label:before {
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid transparent;
  border-bottom: 1px solid #D9D9D9;
}
.contactRich.modeleMaterial .checkbox.checkbox-secondary input[type=checkbox]:checked + label:before {
  border-color: transparent;
  border-bottom: 1px solid #D9D9D9;
}
.contactRich.modeleMaterial .checkbox input[type=checkbox]:checked + label::after {
  color: #696f46;
}
.contactRich.modeleMaterial .checkbox input[type=checkbox]:checked + label:before {
  border-width: 1px;
}
.contactRich.modeleMaterial .radio label:before {
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid #D9D9D9;
}
.contactRich.modeleMaterial .radio.radio-secondary input[type=radio]:checked + label:before {
  border-color: #696f46;
}

/*  ==========================================================================
    DOCUMENT VERSION STANDARD
    ========================================================================== */
.document.modeleStandard.alignLeft .documentModule {
  text-align: left;
}
.document.modeleStandard.alignCenter .documentModule {
  text-align: center;
}

/*  ==========================================================================
    EVENT VERSION STANDARD
    ========================================================================== */
.event.modeleStandard .eventLegende {
  text-align: center;
}

/*  ==========================================================================
    MODULE INFOS LEGALES
    ========================================================================== */
.infosLegales.modeleStandard {
  /*
          div.row {

              &>[class*="col-lg-6"] {
                  &:nth-child(even) {
                      padding: 0 0 0 $multi-025;

                      @media (max-width: 479px) {
                          padding: 0 $multi-025;
                      }

                      @media (min-width: 480px) and (max-width: 767px) {
                          padding: 0 $multi-025;
                      }

                  }

                  &:nth-child(odd) {
                      padding: 0 $multi-025 0 0;

                      @media (max-width: 479px) {
                          padding: 0 $multi-025;
                      }

                      @media (min-width: 480px) and (max-width: 767px) {
                          padding: 0 $multi-025;
                      }
                  }
              }
          }*/
}
.infosLegales.modeleStandard .infosLegalesImg {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  margin-right: 16px;
  flex: none;
  /* HEIGHT DEFAUT */
  height: 80px;
  width: 80px;
  border-radius: 0px;
}
.infosLegales.modeleStandard .infosLegalesImg span.img-shadow:before {
  box-shadow: none;
}
.infosLegales.modeleStandard .infosLegalesImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*  ==========================================================================
    FLUX VERSION STANDARD
    ========================================================================== */
.flux.modeleStandard div.row {
  justify-content: flex-start;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row {
    justify-content: flex-start;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-3] {
  padding: 0;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-3] {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-3] {
    padding: 0 16px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+2) .fluxItem, .flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+3) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+1) {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+1) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+1) {
    padding: 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+1) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+4) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+4) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+4) {
    padding: 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-3]:nth-child(4n+4) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > [class*=col-lg-4], .flux.modeleStandard div.row > [class*=col-md-4] {
  padding: 0;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-4], .flux.modeleStandard div.row > [class*=col-md-4] {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-4], .flux.modeleStandard div.row > [class*=col-md-4] {
    padding: 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+2) .fluxItem, .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+2) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+1), .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+1) {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+1), .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+1) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+1), .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+1) {
    padding: 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+1) .fluxItem, .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+1) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+3), .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+3) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+3), .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+3) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+3), .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+3) {
    padding: 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-4]:nth-child(3n+3) .fluxItem, .flux.modeleStandard div.row > [class*=col-md-4]:nth-child(3n+3) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(odd) {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(odd) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(even) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-lg-6]:nth-child(even) .fluxItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-md-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-md-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flux.modeleStandard div.row > [class*=col-md-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-md-6]:nth-child(odd) .fluxItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-md-6]:nth-child(even) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-md-6]:nth-child(even) {
    padding: 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flux.modeleStandard div.row > [class*=col-md-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
.flux.modeleStandard div.row > [class*=col-md-6]:nth-child(even) .fluxItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flux.modeleStandard div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
.flux.modeleStandard div.row > [class*=col-6]:nth-child(odd) .fluxItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .flux.modeleStandard div.row > [class*=col-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleStandard div.row > [class*=col-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flux.modeleStandard div.row > [class*=col-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
.flux.modeleStandard div.row > [class*=col-6]:nth-child(even) .fluxItem {
  padding: 8px;
}
.flux.modeleStandard div.row > .col-12 {
  padding: 0 16px;
}
.flux.modeleStandard .fluxModule {
  text-align: center;
}

/*  ==========================================================================
    FLUX VERSION LIST PRO
    ========================================================================== */
.flux.modeleListFormation .fluxItem {
  display: flex;
  align-items: center;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 0px;
}
.flux.modeleListFormation .fluxImg {
  margin-right: 16px;
  margin-bottom: 0;
  border-radius: 0px;
  flex: none;
  /* HEIGHT PRO */
  width: 48px;
  height: 48px;
}
.flux.modeleListFormation .fluxTitle {
  min-height: inherit;
  margin-bottom: 0;
}
.flux.modeleListFormation .fluxContent {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: flex-end;
  width: 100%;
}
.flux.modeleListFormation .fluxContentFirst {
  display: flex;
  align-items: center;
  /*@media (min-width: 768px) and (max-width: 991px) {display: block;}*/
}
@media (max-width: 479px) {
  .flux.modeleListFormation .fluxContentFirst {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleListFormation .fluxContentFirst {
    display: block;
  }
}
.flux.modeleListFormation .titleH5 {
  color: #FFF;
}
.flux.modeleListFormation .subTitleH5 {
  color: #FFF;
  text-transform: uppercase;
}
.flux.modeleListFormation .fluxCategorySubTitle {
  margin-left: auto;
  flex: none;
}
.flux.modeleListFormation .fluxSeparateText {
  margin: 0 4px;
  color: #FFF;
}

/*  ==========================================================================
    FLUX VERSION LIST PRO
    ========================================================================== */
.flux.modeleListPRO div.row {
  justify-content: flex-start;
}
@media (max-width: 479px) {
  .flux.modeleListPRO div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleListPRO div.row {
    justify-content: flex-start;
  }
}
.flux.modeleListPRO .fluxItem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flux.modeleListPRO .fluxImg {
  margin-right: 8px;
  margin-bottom: 0;
  border-radius: 0px;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}
@media (max-width: 479px) {
  .flux.modeleListPRO .fluxImg {
    height: 80px;
    width: 80px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleListPRO .fluxImg {
    height: 80px;
    width: 80px;
  }
}
.flux.modeleListPRO .fluxTitle {
  min-height: inherit;
  margin-bottom: 0;
}

/*  ==========================================================================
    FLUX VERSION BOOK
    ========================================================================== */
.flux.modeleBook .fluxItem {
  position: relative;
  margin-bottom: 32px;
  border-radius: 0px;
  overflow: hidden;
}
.flux.modeleBook .fluxItem:hover .fluxContent, .flux.modeleBook .fluxItem:focus .fluxContent {
  opacity: 1;
}
.flux.modeleBook .fluxImg {
  margin-right: 16px;
  margin-bottom: 0;
  border-radius: 0px;
  flex: none;
  /* HEIGHT PRO */
  height: 400px;
}
@media (max-width: 479px) {
  .flux.modeleBook .fluxImg {
    width: 100%;
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .flux.modeleBook .fluxImg {
    width: 100%;
    height: 400px;
  }
}
.flux.modeleBook .fluxTitle {
  position: absolute;
  bottom: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.flux.modeleBook .fluxCategory {
  position: absolute;
  top: 32px;
}
.flux.modeleBook .fluxContent {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  position: absolute;
  padding: 16px;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.flux.modeleBook .titleH4 {
  color: #FFF;
}
.flux.modeleBook .subTitleH4 {
  color: #FFF;
}

/*  ==========================================================================
    FLUX VERSION STANDARD
    ========================================================================== */
.flux.modeleListSimple div.row > .col-12 {
  padding: 0 16px;
}
.flux.modeleListSimple .fluxItem {
  margin-bottom: 16px;
  transition: all ease-in-out 0.125s;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flux.modeleListSimple .fluxImg {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
  /* HEIGHT DEFAUT */
  height: 120px;
  width: 120px;
  margin-bottom: 0;
  margin-right: 16px;
  flex: none;
}
.flux.modeleListSimple .fluxImg span.img-shadow:before {
  box-shadow: none;
}
.flux.modeleListSimple .fluxImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*  ==========================================================================
    LABELS VERSION STANDARD
    ========================================================================== */
.label.modeleStandard.labelXl .labelItem .labelImg {
  /* HEIGHT XL */
  width: 160px;
  height: 160px;
}
@media (max-width: 479px) {
  .label.modeleStandard.labelXl .labelItem .labelImg {
    height: 128px;
    width: 128px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .label.modeleStandard.labelXl .labelItem .labelImg {
    height: 128px;
    width: 128px;
  }
}
.label.modeleStandard.labelLarge .labelItem .labelImg {
  /* HEIGHT LARGE */
  width: 96px;
  height: 96px;
}
@media (max-width: 479px) {
  .label.modeleStandard.labelLarge .labelItem .labelImg {
    height: 80px;
    width: 80px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .label.modeleStandard.labelLarge .labelItem .labelImg {
    height: 80px;
    width: 80px;
  }
}
.label.modeleStandard.labelMedium .labelItem .labelImg {
  /* HEIGHT MEDIUM */
  width: 80px;
  height: 80px;
}
@media (max-width: 479px) {
  .label.modeleStandard.labelMedium .labelItem .labelImg {
    height: 64px;
    width: 64px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .label.modeleStandard.labelMedium .labelItem .labelImg {
    height: 64px;
    width: 64px;
  }
}
.label.modeleStandard.labelSmall .labelItem .labelImg {
  /* HEIGHT SMALL */
  width: 64px;
  height: 64px;
}
@media (max-width: 479px) {
  .label.modeleStandard.labelSmall .labelItem .labelImg {
    height: 48px;
    width: 48px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .label.modeleStandard.labelSmall .labelItem .labelImg {
    height: 48px;
    width: 48px;
  }
}
/*  ==========================================================================
    LISTE VERSION STANDARD
    ========================================================================== */
.liste {
  background-color: #FFF;
}
.liste.modeleStandard div.row {
  /*
  & > [class*="col-lg"] {
      &:nth-child(odd) {
          padding: 0 $multi-025 0 $multi-050;
          @media (max-width: 479px) {padding: 0 $multi-050;}
          @media (min-width: 480px) and (max-width: 767px) {padding: 0 $multi-050;}

      }
      &:nth-child(even) {
          padding: 0 $multi-050 0 $multi-025;
          @media (max-width: 479px) {padding: 0 $multi-050;}
          @media (min-width: 480px) and (max-width: 767px) {padding: 0 $multi-050;}

      }
      &.lastItem {
          padding: 0 $multi-050 0 $multi-050;
          @media (max-width: 479px) {padding: 0 $multi-050;}
          @media (min-width: 480px) and (max-width: 767px) {padding: 0 $multi-050;}
      }
      &:not(:only-child):not(:last-child) {
      }
      &:not(:only-child):not(:first-child) {}
  }
  & > .col-12 {
      padding: 0 $multi-050;
  }
  */
}
.liste.modeleStandard .listeItem {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
.liste.modeleStandard .listeItem.imgLeft .listeImgContent {
  left: 0;
}
.liste.modeleStandard .listeItem.imgLeft .listeContent {
  padding: 32px 0 32px 16px;
}
@media (max-width: 479px) {
  .liste.modeleStandard .listeItem.imgLeft .listeContent {
    padding: 32px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleStandard .listeItem.imgLeft .listeContent {
    padding: 32px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleStandard .listeItem.imgLeft .listeContent {
    padding: 32px 0;
  }
}
.liste.modeleStandard .listeItem.imgRight .listeImgContent {
  right: 0;
}
.liste.modeleStandard .listeItem.imgRight .listeContent {
  padding: 32px 16px 32px 0;
}
@media (max-width: 479px) {
  .liste.modeleStandard .listeItem.imgRight .listeContent {
    padding: 32px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleStandard .listeItem.imgRight .listeContent {
    padding: 32px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleStandard .listeItem.imgRight .listeContent {
    padding: 32px 0;
  }
}
.liste.modeleStandard .listeItem .listeImgContent {
  position: absolute;
  width: calc(50% - 0px);
  height: 100%;
}
@media (max-width: 479px) {
  .liste.modeleStandard .listeItem .listeImgContent {
    width: 100%;
    position: relative;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleStandard .listeItem .listeImgContent {
    width: 100%;
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleStandard .listeItem .listeImgContent {
    width: 100%;
    position: relative;
  }
}
.liste.modeleStandard .listeItem span.img-shadow {
  float: none;
  position: static;
}
.liste.modeleStandard .listeItem span.img-shadow img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.liste.modeleStandard .listeContent .titleListe, .liste.modeleStandard .listeContent .txtListe {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.liste.modeleStandard .listeImg {
  height: 100%;
}
@media (max-width: 479px) {
  .liste.modeleStandard .listeImg {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleStandard .listeImg {
    height: 480px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleStandard .listeImg {
    height: 400px;
  }
}

/*  ==========================================================================
    LIST VERSION STANDARD
    ========================================================================== */
.liste.modelePRO .listeItem {
  position: relative;
}
.liste.modelePRO .listeItem .listeImgContent {
  position: relative;
}
@media (max-width: 479px) {
  .liste.modelePRO .listeItem .listeImgContent {
    width: 100%;
    position: relative;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modelePRO .listeItem .listeImgContent {
    width: 100%;
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modelePRO .listeItem .listeImgContent {
    width: 100%;
    position: relative;
  }
}
.liste.modelePRO .listeItem .listeImg {
  border-radius: 0px;
}
.liste.modelePRO .listeContent {
  padding: 16px 0;
}
.liste.modelePRO .listeContent .titleListe, .liste.modelePRO .listeContent .txtListe {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.liste.modelePRO .listeContent .listeTitle {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .liste.modelePRO .listeContent .listeTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modelePRO .listeContent .listeTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modelePRO .listeContent .listeTitle {
    font-size: 1.25em;
  }
}
.liste.modelePRO .listeContent .listeSubTitle {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .liste.modelePRO .listeContent .listeSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modelePRO .listeContent .listeSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modelePRO .listeContent .listeSubTitle {
    font-size: 1.125em;
  }
}
/*  ==========================================================================
    LIST VERSION OFFRE
    ========================================================================== */
.liste {
  background-color: #FFF;
}
.liste.modeleOffres div.row {
  justify-content: flex-start;
}
@media (max-width: 479px) {
  .liste.modeleOffres div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffres div.row {
    justify-content: flex-start;
  }
}
.liste.modeleOffres div.row > [class*=col-lg-4], .liste.modeleOffres div.row > [class*=col-md-4] {
  padding: 0;
}
@media (max-width: 479px) {
  .liste.modeleOffres div.row > [class*=col-lg-4], .liste.modeleOffres div.row > [class*=col-md-4] {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffres div.row > [class*=col-lg-4], .liste.modeleOffres div.row > [class*=col-md-4] {
    padding: 0 8px;
  }
}
.liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+2) .listeItem, .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+2) .listeItem {
  padding: 16px;
}
.liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+1), .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+1) {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+1), .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+1) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+1), .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+1) {
    padding: 0 8px;
  }
}
.liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+1) .listeItem, .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+1) .listeItem {
  padding: 16px;
}
.liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+3), .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+3) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+3), .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+3) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+3), .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+3) {
    padding: 0 8px;
  }
}
.liste.modeleOffres div.row > [class*=col-lg-4]:nth-child(3n+3) .listeItem, .liste.modeleOffres div.row > [class*=col-md-4]:nth-child(3n+3) .listeItem {
  padding: 16px;
}
.liste.modeleOffres .listeItem {
  height: 100%;
  transition: all ease-in-out 0.125s;
}
.liste.modeleOffres .listeItem:hover {
  background-color: #FFF;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  border-radius: 0px;
}
.liste.modeleOffres .listeItem .listeImg {
  height: 400px;
  border-radius: 0px;
}
@media (max-width: 479px) {
  .liste.modeleOffres .listeItem .listeImg {
    height: 480px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffres .listeItem .listeImg {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleOffres .listeItem .listeImg {
    height: 400px;
  }
}
.liste.modeleOffres .listeItem .listeContent {
  text-align: center;
}
.liste.modeleOffres .listeItem .listeParagraphe {
  padding-top: 32px;
  border-top: 1px solid #D9D9D9;
}
.liste.modeleOffres .listeItem .listeIntro {
  margin-bottom: 32px;
}
.liste.modeleOffres .listeItem .listeTitle {
  margin-bottom: 0;
}
.liste.modeleOffres .listeItem .listeSubTitle {
  margin-bottom: 32px;
}
.liste.modeleOffres .btn, .liste.modeleOffres .listLink {
  margin-top: 0;
  margin-bottom: 32px;
}

/*  ==========================================================================
    LIST VERSION OFFRE ALT
    ========================================================================== */
.liste {
  background-color: #FFF;
}
.liste.modeleOffresAlt .listeItem {
  transition: all ease-in-out 0.125s;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.075);
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 32px;
}
.liste.modeleOffresAlt .listeItem:hover {
  background-color: #FFF;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);
  border-radius: 0px;
}
.liste.modeleOffresAlt .listeItem .listeImg {
  height: 100%;
}
@media (max-width: 479px) {
  .liste.modeleOffresAlt .listeItem .listeImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffresAlt .listeItem .listeImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleOffresAlt .listeItem .listeImg {
    height: 240px;
  }
}
.liste.modeleOffresAlt .listeItem .listeContent {
  text-align: left;
  padding: 32px;
}
@media (max-width: 479px) {
  .liste.modeleOffresAlt .listeItem .listeContent {
    padding: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffresAlt .listeItem .listeContent {
    padding: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleOffresAlt .listeItem .listeContent {
    padding: 16px;
  }
}
.liste.modeleOffresAlt .listeItem .listeHook {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.liste.modeleOffresAlt .listeItem .listeParagraphe {
  padding-top: 16px;
  border-top: 1px dashed #D9D9D9;
  margin-bottom: 0;
}
.liste.modeleOffresAlt .listeItem .listeIntro {
  margin-bottom: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.liste.modeleOffresAlt .listeItem .listeTitle {
  margin-bottom: 0;
  transition: color ease-in-out 0.125s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.liste.modeleOffresAlt .listeItem .listeSubTitle {
  margin-bottom: 16px;
  transition: color ease-in-out 0.125s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink {
  display: inline-block;
  border-radius: 0px;
  padding: 16px;
  width: 100%;
  border: 1px solid transparent;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink:hover, .liste.modeleOffresAlt .listeItem .listeOfferLink:active, .liste.modeleOffresAlt .listeItem .listeOfferLink:focus {
  text-decoration: none;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary {
  background-color: #a8b462;
  border-color: #a8b462;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:hover, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:active, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:focus {
  background-color: rgb(125.9375, 136.3599137931, 65.1400862069);
  border-color: rgb(125.9375, 136.3599137931, 65.1400862069);
  color: #FFF;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:hover .listeTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:hover .listeSubTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:active .listeTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:active .listeSubTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:focus .listeTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:focus .listeSubTitle {
  color: #FFF;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary .listeOfferLinkBtn, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary i {
  color: #FFF;
  transition: color ease-in-out 0.125s;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary {
  background-color: transparent;
  border-color: #a8b462;
  color: #a8b462;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:hover, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:active, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:focus {
  background-color: #a8b462;
  border-color: #a8b462;
  color: #FFF;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:hover .listeTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:hover .listeSubTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:hover .listeOfferLinkBtn, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:hover i, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:active .listeTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:active .listeSubTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:active .listeOfferLinkBtn, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:active i, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:focus .listeTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:focus .listeSubTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:focus .listeOfferLinkBtn, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary:focus i {
  color: #FFF;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary .listeOfferLinkBtn, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary i {
  color: #a8b462;
  transition: color ease-in-out 0.125s;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.no-link {
  background-color: rgba(0, 0, 0, 0.05);
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.no-link:hover, .liste.modeleOffresAlt .listeItem .listeOfferLink.no-link:active, .liste.modeleOffresAlt .listeItem .listeOfferLink.no-link:focus {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink.no-link .listeTitle, .liste.modeleOffresAlt .listeItem .listeOfferLink.no-link .listeSubTitle {
  margin-bottom: 0;
}
.liste.modeleOffresAlt .listeItem .listeOfferLink .listeOfferLinkBtn {
  font-family: "Barlow", sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFF;
  text-shadow: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .liste.modeleOffresAlt .listeItem .divOrder-1 {
    order: 1;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffresAlt .listeItem .divOrder-1 {
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleOffresAlt .listeItem .divOrder-1 {
    order: 1;
  }
}
@media (max-width: 479px) {
  .liste.modeleOffresAlt .listeItem .divOrder-2 {
    order: 2;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .liste.modeleOffresAlt .listeItem .divOrder-2 {
    order: 2;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .liste.modeleOffresAlt .listeItem .divOrder-2 {
    order: 2;
  }
}

/*  ==========================================================================
    MEDIA ALIGNEMENT
    ========================================================================== */
.mediaBloc.modeleStandardFull .imgContent img {
  border-radius: 0;
  overflow: hidden;
}
@media (max-width: 479px) {
  .mediaBloc.modeleStandardFull .imgContent img {
    border-radius: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleStandardFull .imgContent img {
    border-radius: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleStandardFull .imgContent img {
    border-radius: 0;
  }
}

.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(odd), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(odd) {
  padding: 0 8px 0 0;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(odd), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(odd), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(odd), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(odd) {
  padding: 0 8px 0 0;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(even), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(even), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(even), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-lg-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(odd) div.row > [class*=col-md-6]:nth-child(even) {
  padding: 0 0 0 8px;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(even), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(even) {
  padding: 0 0 0 8px;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(odd), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(odd), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(odd), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(odd),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(odd) {
  padding: 0 8px 0 0;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(even), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(even), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(even), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-lg-6]:nth-child(even),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-6]:nth-child(even) div.row > [class*=col-md-6]:nth-child(even) {
  padding: 0 0 0 8px;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-4], .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-4], .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-3], .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-3],
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-4],
.mediaBloc .mediaModule.container > div.row > [class*=col-md-4],
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-3],
.mediaBloc .mediaModule.container > div.row > [class*=col-md-3] {
  padding: 0 8px 0 8px;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-4]:first-child, .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-4]:first-child, .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-3]:first-child, .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-3]:first-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-4]:first-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-md-4]:first-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-3]:first-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-md-3]:first-child {
  padding: 0 8px 0 0;
}
.mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-4]:last-child, .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-4]:nth-last-child(2), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-4]:last-child, .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-4]:nth-last-child(2), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-3]:last-child, .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-lg-3]:nth-last-child(2), .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-3]:last-child, .mediaBloc .mediaModule.container-fluid > div.row > [class*=col-md-3]:nth-last-child(2),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-4]:last-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-4]:nth-last-child(2),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-4]:last-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-md-4]:nth-last-child(2),
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-3]:last-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-lg-3]:nth-last-child(2),
.mediaBloc .mediaModule.container > div.row > [class*=col-md-3]:last-child,
.mediaBloc .mediaModule.container > div.row > [class*=col-md-3]:nth-last-child(2) {
  padding: 0 0 0 8px;
}

/*  ==========================================================================
    MEDIA VERSION LAN
    ========================================================================== */
.mediaBloc.modeleLAN {
  padding-bottom: 64px;
}
.mediaBloc.modeleLAN .imgContentSlider, .mediaBloc.modeleLAN .imgContentMediaCarrousel {
  overflow: inherit;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-nav, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: inherit;
  bottom: 0;
  z-index: 2;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-prev, .mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-next, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-prev, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 64px;
  width: 64px;
  text-align: center;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-prev i, .mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-next i, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-prev i, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-next i {
  color: rgba(168, 180, 98, 0.5);
}
.mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-prev:hover i, .mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-prev:focus i, .mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-next:hover i, .mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-next:focus i, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-prev:hover i, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-prev:focus i, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-next:hover i, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-prev, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-prev {
  left: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-next, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-next {
  right: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-next:hover, .mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-next:focus, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-next:hover, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-next:focus {
  background: transparent !important;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-dots, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -64px;
  opacity: 1;
  top: inherit;
  height: 64px;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .mediaBloc.modeleLAN .imgContentSlider .owl-dots, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots {
    position: absolute;
    bottom: inherit;
    margin: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleLAN .imgContentSlider .owl-dots, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots {
    position: relative;
    height: inherit;
    bottom: inherit;
    margin: 16px;
    justify-content: center;
  }
}
.mediaBloc.modeleLAN .imgContentSlider .owl-dots .owl-dot span, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots .owl-dot span {
  height: 8px;
  width: 8px;
  margin: 0 7.5px;
  background: transparent;
  border: 1px solid;
  border-radius: 10px;
  border-color: rgba(168, 180, 98, 0.5);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-dots .owl-dot.active span, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots .owl-dot.active span {
  background: #a8b462;
}
.mediaBloc.modeleLAN .imgContentSlider .owl-dots .owl-dot:hover span, .mediaBloc.modeleLAN .imgContentSlider .owl-dots .owl-dot:focus span, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots .owl-dot:hover span, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots .owl-dot:focus span {
  background: #a8b462;
}

/*  ==========================================================================
    MODULE MEDIA
    ========================================================================== */
.mediaBloc.modelePro {
  overflow: hidden;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro {
  width: calc(100% - 64px);
}
@media (max-width: 479px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro {
    padding-left: 16px;
  }
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-stage-outer {
  overflow: visible;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav {
  position: absolute;
  bottom: 64px;
  right: 0;
  z-index: 2;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev,
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 64px;
  width: inherit;
}
@media (max-width: 479px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev,
  .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next {
    height: 240px;
    width: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev,
  .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next {
    height: 240px;
    width: inherit;
  }
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev i,
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next i {
  font-size: 24px;
  color: #a8b462;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev:hover i, .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev:focus i,
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next:hover i,
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev {
  left: 0;
  display: none;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next {
  right: calc(16px - 80px);
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next:hover, .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next:focus {
  background: transparent !important;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots {
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  height: 64px;
  padding-left: 8px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots {
    justify-content: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots {
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots {
    justify-content: center;
  }
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot {
  margin: 0 8px;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 0 solid;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.25);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot.active span {
  transform: scale(2);
  border-radius: 32px;
  background-color: #a8b462;
  background: #a8b462;
}
.mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot:hover span, .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot:focus span {
  background: #a8b462;
}

/*  ==========================================================================
    MEDIA VERSION LAN
    ========================================================================== */
.mediaBloc.modeleBasique .imgContentSlider, .mediaBloc.modeleBasique .imgContentMediaCarrousel {
  overflow: inherit;
  /* SLIDER */
}
.mediaBloc.modeleBasique .imgContentSlider .owl-stage-outer, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-stage-outer {
  border-radius: 0px;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav {
  position: relative;
  left: 0;
  right: 0;
  top: inherit;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  opacity: 1 !important;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next {
  position: relative;
  top: 0;
  bottom: 0;
  height: 64px;
  width: 64px;
  text-align: center;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev i, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next i, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev i, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next i {
  color: rgba(0, 0, 0, 0.25);
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev:hover i, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev:focus i, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next:hover i, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next:focus i, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev:hover i, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev:focus i, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next:hover i, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev i.icon-backward, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next i.icon-backward, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev i.icon-backward, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next i.icon-backward {
  font-family: "nbs-icones-fleches" !important;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev i.icon-backward:before, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next i.icon-backward:before, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev i.icon-backward:before, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next i.icon-backward:before {
  content: "朗";
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev i.icon-next, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next i.icon-next, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev i.icon-next, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next i.icon-next {
  font-family: "nbs-icones-fleches" !important;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev i.icon-next:before, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next i.icon-next:before, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev i.icon-next:before, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next i.icon-next:before {
  content: "虜";
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev {
  left: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next {
  right: 0;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next:hover, .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-next:focus, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next:hover, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-next:focus {
  background: transparent !important;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-dots, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-dots {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  top: inherit;
  width: calc(100% - 128px);
  margin: auto;
  height: 64px;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-dots .owl-dot span, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-dots .owl-dot span {
  height: 12px;
  width: 12px;
  margin: 0 10px;
  background: transparent;
  border: 1px solid;
  border-radius: 10px;
  border-color: rgba(0, 0, 0, 0.25);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-dots .owl-dot.active span, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-dots .owl-dot.active span {
  background: #a8b462;
  border-color: #a8b462;
}
.mediaBloc.modeleBasique .imgContentSlider .owl-dots .owl-dot:hover span, .mediaBloc.modeleBasique .imgContentSlider .owl-dots .owl-dot:focus span, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-dots .owl-dot:hover span, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-dots .owl-dot:focus span {
  background: #a8b462;
  border-color: #a8b462;
}

/*  ==========================================================================
    MEDIA VERSION LOGO
    ========================================================================== */
.mediaBloc {
  position: relative;
}
.mediaBloc.modeleLogo .mediaLogoHoverContent {
  margin: 0;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 479px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent {
    top: calc(50% - 32px);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent {
    top: calc(50% - 32px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent {
    top: calc(50% - 32px);
  }
}
.mediaBloc.modeleLogo .mediaLogoHoverContent.logoOnTop {
  top: calc(25% - 16px);
}
@media (max-width: 479px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent.logoOnTop {
    top: calc(50% - 32px);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent.logoOnTop {
    top: calc(50% - 32px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent.logoOnTop {
    top: calc(50% - 32px);
  }
}
.mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover {
  margin: auto;
  height: 160px;
  min-width: 160px;
  line-height: 80px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover {
    height: 120px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover {
    height: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover {
    height: 120px;
  }
}
.mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-md {
  height: 160px;
  min-width: 160px;
  line-height: 80px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-md {
    height: 120px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-md {
    height: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-md {
    height: 120px;
  }
}
.mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-xl {
  height: 240px;
  min-width: 240px;
  line-height: 120px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-xl {
    height: 160px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-xl {
    height: 160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-xl {
    height: 160px;
  }
}
.mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-max {
  height: 240px;
  min-width: 240px;
  line-height: 120px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-max {
    height: 160px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-max {
    height: 160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover.height-max {
    height: 160px;
  }
}
.mediaBloc.modeleLogo .mediaLogoHoverContent .mediaLogoHover img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: fill;
}

/*  ==========================================================================
    MODULE MEDIA
    ========================================================================== */
.mediaBloc.modeleFreeHeight {
  overflow: hidden;
}
.mediaBloc.modeleFreeHeight .titleMedia {
  margin-top: 16px;
  padding: 0 16px;
}
.mediaBloc.modeleFreeHeight.modeleContainer .imgContent {
  margin-bottom: 32px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleFreeHeight.modeleContainer .imgContent {
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleFreeHeight.modeleContainer .imgContent {
    margin-bottom: 16px;
  }
}
.mediaBloc.modeleFreeHeight.modeleContainer .imgContent:last-child {
  margin-bottom: 0;
}
.mediaBloc.modeleFreeHeight.modeleContainer .containerSmall {
  max-width: 560px;
}
.mediaBloc.modeleFreeHeight.modeleFluid .imgContent {
  margin-bottom: 16px;
  border-radius: 0px;
  overflow: hidden;
}
.mediaBloc.modeleFreeHeight.modeleFluid .imgContent:last-child {
  margin-bottom: 0;
}
.mediaBloc.modeleFreeHeight.modeleFull .imgContent img {
  border-radius: 0;
}
.mediaBloc.modeleFreeHeight.modeleFull .titleMedia, .mediaBloc.modeleFreeHeight.modeleFluid .titleMedia {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
  padding: 24px;
  background-color: rgba(0, 0, 0, 0.35);
  color: #FFF !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.mediaBloc.modeleSquare {
  overflow: hidden;
}
.mediaBloc.modeleSquare .mediaModule {
  margin: auto;
}
.mediaBloc.modeleSquare .mediaModule .imgContent img {
  border-radius: 0;
}
.mediaBloc.modeleSquare .mediaModule-grid {
  display: grid;
  column-gap: 4px;
  row-gap: 4px;
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--small .imgContent, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--small .imgContent, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--small .imgContent, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--small .imgContent {
  height: auto;
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--small .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--small .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--small .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--small .imgContent .img-shadow {
  height: 320px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0.mediaModule--small .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--small .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--small .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--small .imgContent .img-shadow {
    height: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--medium .imgContent, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--medium .imgContent, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--medium .imgContent, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--medium .imgContent {
  height: auto;
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--medium .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--medium .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--medium .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--medium .imgContent .img-shadow {
  height: 400px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0.mediaModule--medium .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--medium .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--medium .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--medium .imgContent .img-shadow {
    height: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--tall .imgContent, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--tall .imgContent, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--tall .imgContent, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--tall .imgContent {
  height: auto;
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--tall .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--tall .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--tall .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--tall .imgContent .img-shadow {
  height: 480px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0.mediaModule--tall .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--tall .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--tall .imgContent .img-shadow, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--tall .imgContent .img-shadow {
    height: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--0.mediaModule--small .mediaModule-grid {
  width: 320px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--0.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--0.mediaModule--medium .mediaModule-grid {
  width: 400px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--0.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--0.mediaModule--tall .mediaModule-grid {
  width: 480px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--0.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0 .mediaModule-grid--small {
  grid-template-columns: 320px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0 .mediaModule-grid--small {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0 .mediaModule-grid--medium {
  grid-template-columns: 400px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0 .mediaModule-grid--medium {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--0 .mediaModule-grid--tall {
  grid-template-columns: 480px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--0 .mediaModule-grid--tall {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--1.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--small .mediaModule-grid {
  width: 644px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--1.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--1.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--medium .mediaModule-grid {
  width: 804px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--1.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--1.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--tall .mediaModule-grid {
  width: 964px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--1.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--1.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--1 .mediaModule-grid--small {
  grid-template-columns: 320px 320px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--1 .mediaModule-grid--small {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--1 .mediaModule-grid--medium {
  grid-template-columns: 400px 400px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--1 .mediaModule-grid--medium {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--1 .mediaModule-grid--tall {
  grid-template-columns: 480px 480px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--1 .mediaModule-grid--tall {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--2.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--small .mediaModule-grid {
  width: 964px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--2.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--2.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--medium .mediaModule-grid {
  width: 1204px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--2.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--2.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--tall .mediaModule-grid {
  width: 1444px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--2.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--2.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--2 .mediaModule-grid--small {
  grid-template-columns: 320px 320px 320px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--2 .mediaModule-grid--small {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--2 .mediaModule-grid--medium {
  grid-template-columns: 400px 400px 400px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--2 .mediaModule-grid--medium {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--2 .mediaModule-grid--tall {
  grid-template-columns: 480px 480px 480px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--2 .mediaModule-grid--tall {
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--3.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--3.mediaModule--small .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--small .mediaModule-grid {
  width: 482px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--3.mediaModule--small .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--3.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--3.mediaModule--medium .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--medium .mediaModule-grid {
  width: 602px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--3.mediaModule--medium .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--3.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--3.mediaModule--tall .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--tall .mediaModule-grid {
  width: 722px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--3.mediaModule--tall .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--4.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--3 .imgContent, .mediaBloc.modeleSquare .mediaModule--4 .imgContent {
  height: 100%;
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid {
  grid-auto-flow: column;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid {
    grid-auto-flow: row;
  }
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--small, .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--small {
  grid-template-rows: 158px 158px;
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--medium, .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--medium {
  grid-template-rows: 198px 198px;
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--tall, .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--tall {
  grid-template-rows: 238px 238px;
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid .imgContent:first-child {
  grid-column: 1;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid .imgContent:first-child {
    grid-column: 1/3;
    grid-row: 1;
  }
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--small {
  grid-template-columns: 320px 158px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--small {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--medium {
  grid-template-columns: 400px 198px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--medium {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--tall {
  grid-template-columns: 480px 238px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--3 .mediaModule-grid--tall {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid .imgContent:last-child {
  grid-column: 2;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid .imgContent:last-child {
    grid-column: 1/3;
    grid-row: 2;
  }
}
.mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--small {
  grid-template-columns: 158px 320px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--small {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--medium {
  grid-template-columns: 198px 400px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--medium {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--tall {
  grid-template-columns: 238px 480px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--4 .mediaModule-grid--tall {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 375px;
  }
}
@media (min-width: 1292px) {
  .mediaBloc.modeleSquare .mediaModule--5.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--small .mediaModule-grid {
    width: 1292px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--5.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 1612px) {
  .mediaBloc.modeleSquare .mediaModule--5.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--medium .mediaModule-grid {
    width: 1612px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--5.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 1932px) {
  .mediaBloc.modeleSquare .mediaModule--5.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--tall .mediaModule-grid {
    width: 1932px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--5.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--5.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--small {
  grid-template-columns: 320px 320px 320px 320px;
}
@media (min-width: 1292px) {
  .mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--small {
    width: 1292px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--small {
    width: 375px;
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--medium {
  grid-template-columns: 400px 400px 400px 400px;
}
@media (min-width: 1612px) {
  .mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--medium {
    width: 1612px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--medium {
    width: 375px;
    grid-template-columns: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--tall {
  grid-template-columns: 480px 480px 480px 480px;
}
@media (min-width: 1932px) {
  .mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--tall {
    width: 1932px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--5 .mediaModule-grid--tall {
    width: 375px;
    grid-template-columns: 185.5px;
  }
}
@media (min-width: 806px) {
  .mediaBloc.modeleSquare .mediaModule--6.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--6.mediaModule--small .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--small .mediaModule-grid {
    width: 806px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--6.mediaModule--small .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 1006px) {
  .mediaBloc.modeleSquare .mediaModule--6.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--6.mediaModule--medium .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--medium .mediaModule-grid {
    width: 1006px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--6.mediaModule--medium .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 1206px) {
  .mediaBloc.modeleSquare .mediaModule--6.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--6.mediaModule--tall .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--tall .mediaModule-grid {
    width: 1206px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--6.mediaModule--tall .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--7.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--6 .imgContent, .mediaBloc.modeleSquare .mediaModule--7 .imgContent {
  height: 100%;
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid {
  grid-auto-flow: column;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid {
    grid-auto-flow: row;
  }
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaLegend-list, .mediaBloc.modeleSquare .mediaModule--7 .mediaLegend-list {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6 .mediaLegend-list, .mediaBloc.modeleSquare .mediaModule--7 .mediaLegend-list {
    display: none;
  }
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaLegend-list--small {
  grid-template-columns: 320px 478px;
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaLegend-list--medium {
  grid-template-columns: 400px 598px;
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaLegend-list--tall {
  grid-template-columns: 480px 718px;
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaLegend-listItem:first-child {
  grid-row: 1/4;
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid .imgContent:first-child {
  grid-column: 1;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid .imgContent:first-child {
    grid-column: 1/3;
    grid-row: 1;
  }
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid .imgContent:first-child + .imgContent {
  grid-column: 2;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid .imgContent:first-child + .imgContent {
    grid-column: 1/3;
    grid-row: 2;
  }
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid--small {
  grid-template-columns: 320px 320px 158px;
  grid-template-rows: 158px 158px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid--small {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 375px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid--medium {
  grid-template-columns: 400px 400px 198px;
  grid-template-rows: 198px 198px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid--medium {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 375px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid--tall {
  grid-template-columns: 480px 480px 238px;
  grid-template-rows: 238px 238px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--6 .mediaModule-grid--tall {
    grid-template-columns: 158px 158px;
    grid-template-rows: 320px 320px 158px;
  }
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaLegend-list--small {
  grid-template-columns: 478px 320px;
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaLegend-list--medium {
  grid-template-columns: 598px 400px;
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaLegend-list--tall {
  grid-template-columns: 718px 480px;
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaLegend-listItem:last-child {
  grid-row: 1/4;
  grid-column: 2;
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid .imgContent:first-child {
  grid-column: 1;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid .imgContent:first-child {
    grid-column: 1/3;
    grid-row: 1;
  }
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid .imgContent:last-child {
  grid-column: 3;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid .imgContent:last-child {
    grid-column: 1/3;
    grid-row: 3;
  }
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid--small {
  grid-template-columns: 320px 158px 320px;
  grid-template-rows: 158px 158px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid--small {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid--medium {
  grid-template-columns: 400px 198px 400px;
  grid-template-rows: 198px 198px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid--medium {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid--tall {
  grid-template-columns: 480px 238px 480px;
  grid-template-rows: 238px 238px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--7 .mediaModule-grid--tall {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px 375px;
  }
}
@media (min-width: 644px) {
  .mediaBloc.modeleSquare .mediaModule--8.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--8.mediaModule--small .mediaModule-grid {
    width: 644px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--8.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--8.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 804px) {
  .mediaBloc.modeleSquare .mediaModule--8.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--8.mediaModule--medium .mediaModule-grid {
    width: 804px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--8.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--8.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 964px) {
  .mediaBloc.modeleSquare .mediaModule--8.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--8.mediaModule--tall .mediaModule-grid {
    width: 964px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--8.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--8.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--8 .mediaModule-grid--small {
  grid-template-columns: 320px 320px;
  grid-template-rows: 320px 320px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--8 .mediaModule-grid--small {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--8 .mediaModule-grid--medium {
  grid-template-columns: 400px 400px;
  grid-template-rows: 400px 400px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--8 .mediaModule-grid--medium {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--8 .mediaModule-grid--tall {
  grid-template-columns: 480px 480px;
  grid-template-rows: 480px 480px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--8 .mediaModule-grid--tall {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 185.5px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--8 .imgContent {
    height: 185.5px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleSquare .mediaModule--8 .imgContent.height-small {
    height: 320px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleSquare .mediaModule--8 .imgContent.height-small {
    height: 320px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleSquare .mediaModule--8 .imgContent.height-medium {
    height: 400px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleSquare .mediaModule--8 .imgContent.height-medium {
    height: 400px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc.modeleSquare .mediaModule--8 .imgContent.height-tall {
    height: 480px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc.modeleSquare .mediaModule--8 .imgContent.height-tall {
    height: 480px !important;
  }
}
@media (min-width: 644px) {
  .mediaBloc.modeleSquare .mediaModule--9.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--9.mediaModule--small .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--small .mediaModule-grid {
    width: 644px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--9.mediaModule--small .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--small .mediaLegend, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--small .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 804px) {
  .mediaBloc.modeleSquare .mediaModule--9.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--9.mediaModule--medium .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--medium .mediaModule-grid {
    width: 804px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--9.mediaModule--medium .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--medium .mediaLegend, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--medium .mediaModule-grid {
    width: 375px;
  }
}
@media (min-width: 964px) {
  .mediaBloc.modeleSquare .mediaModule--9.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--9.mediaModule--tall .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--tall .mediaModule-grid {
    width: 964px;
  }
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--9.mediaModule--tall .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--tall .mediaLegend, .mediaBloc.modeleSquare .mediaModule--10.mediaModule--tall .mediaModule-grid {
    width: 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--9 .imgContent, .mediaBloc.modeleSquare .mediaModule--10 .imgContent {
  height: 100%;
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid {
  grid-auto-flow: column;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid, .mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid {
    grid-auto-flow: row;
  }
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaLegend-list, .mediaBloc.modeleSquare .mediaModule--10 .mediaLegend-list {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9 .mediaLegend-list, .mediaBloc.modeleSquare .mediaModule--10 .mediaLegend-list {
    display: none;
  }
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaLegend-list--small, .mediaBloc.modeleSquare .mediaModule--10 .mediaLegend-list--small {
  grid-template-columns: 320px 320px;
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaLegend-list--medium, .mediaBloc.modeleSquare .mediaModule--10 .mediaLegend-list--medium {
  grid-template-columns: 400px 400px;
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaLegend-list--tall, .mediaBloc.modeleSquare .mediaModule--10 .mediaLegend-list--tall {
  grid-template-columns: 480px 480px;
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid .imgContent:first-child {
  grid-column: 1;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid .imgContent:first-child {
    grid-column: 1/3;
    grid-row: 1;
  }
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaLegend-listItem:first-child {
  grid-row: 1/5;
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid--small {
  grid-template-columns: 320px 158px 158px;
  grid-template-rows: 158px 158px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid--small {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid--medium {
  grid-template-columns: 400px 198px 198px;
  grid-template-rows: 198px 198px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid--medium {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid--tall {
  grid-template-columns: 480px 238px 238px;
  grid-template-rows: 238px 238px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--9 .mediaModule-grid--tall {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 375px 185.5px 185.5px;
  }
}
.mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid .imgContent:last-child {
  grid-column: 3;
  grid-row: 1/3;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid .imgContent:last-child {
    grid-column: 1/3;
    grid-row: 3;
  }
}
.mediaBloc.modeleSquare .mediaModule--10 .mediaLegend-listItem:last-child {
  grid-column: 2;
  grid-row: 1/5;
}
.mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid--small {
  grid-template-columns: 158px 158px 320px;
  grid-template-rows: 158px 158px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid--small {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 185.5px 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid--medium {
  grid-template-columns: 198px 198px 400px;
  grid-template-rows: 198px 198px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid--medium {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 185.5px 375px;
  }
}
.mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid--tall {
  grid-template-columns: 238px 238px 480px;
  grid-template-rows: 238px 238px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaModule--10 .mediaModule-grid--tall {
    grid-template-columns: 185.5px 185.5px;
    grid-template-rows: 185.5px 185.5px 375px;
  }
}
.mediaBloc.modeleSquare .row {
  justify-content: center;
  width: 100%;
  margin: 0;
  overflow-x: auto;
}
.mediaBloc.modeleSquare .row > [class*=col] {
  padding: 0;
  flex: none;
}
.mediaBloc.modeleSquare .imgLegend {
  display: block;
  padding-top: 16px;
  text-align: center;
  clear: both;
}
.mediaBloc.modeleSquare .mediaLegend {
  margin: auto;
  padding: 16px;
}
@media (max-width: 479px) {
  .mediaBloc.modeleSquare .mediaLegend {
    display: none;
  }
}
.mediaBloc.modeleSquare .mediaLegend [class*=nbs-icones-] {
  margin-right: 8px;
  font-size: 16px;
  color: inherit;
}
.mediaBloc.modeleSquare .imgContentMediaCarrousel {
  overflow: initial;
}
.mediaBloc.modeleSquare .imgContentMediaCarrousel .owl-nav .owl-prev, .mediaBloc.modeleSquare .imgContentMediaCarrousel .owl-nav .owl-next {
  background: none !important;
}
.mediaBloc.modeleSquare .imgContentMediaCarrousel .owl-nav .owl-prev i, .mediaBloc.modeleSquare .imgContentMediaCarrousel .owl-nav .owl-next i {
  color: rgba(0, 0, 0, 0.25);
}
.mediaBloc.modeleSquare .imgContentMediaCarrousel .owl-nav .owl-prev {
  left: -76px;
}
.mediaBloc.modeleSquare .imgContentMediaCarrousel .owl-nav .owl-next {
  right: -76px;
}
.mediaBloc.modeleSquare .owl-dots {
  position: static;
  margin-top: 32px;
}

/*  ==========================================================================
    MEDIA VERSION LOGO
    ========================================================================== */
.mediaBloc {
  position: relative;
}
.mediaBloc.modeleTxt {
  /*  OWL NAVIGATION
  ========================================================================== */
}
.mediaBloc.modeleTxt .imgContent img {
  border-radius: 0;
}
.mediaBloc.modeleTxt .imgLegend {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 0 32px;
  font: 3.5em/1.25 "Barlow", sans-serif;
  font-weight: 600;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  text-align: center;
  color: white;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.64);
  overflow: hidden;
}
.mediaBloc.modeleTxt .owl-nav {
  position: relative;
  margin: 0;
}
.mediaBloc.modeleTxt .owl-nav .owl-prev, .mediaBloc.modeleTxt .owl-nav .owl-next {
  position: absolute;
  width: 64px;
  height: 48px;
  background: none !important;
}
.mediaBloc.modeleTxt .owl-nav .owl-prev i, .mediaBloc.modeleTxt .owl-nav .owl-next i {
  font-size: 24px;
  color: #D9D9D9;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleTxt .owl-nav .owl-prev {
  left: 0;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleTxt .owl-nav .owl-prev:hover i, .mediaBloc.modeleTxt .owl-nav .owl-prev:focus i {
  color: #a8b462;
}
.mediaBloc.modeleTxt .owl-nav .owl-next {
  right: 0;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleTxt .owl-nav .owl-next:hover i, .mediaBloc.modeleTxt .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.mediaBloc.modeleTxt .owl-dots {
  position: relative;
  bottom: auto;
  z-index: -1;
  display: flex;
  justify-content: center;
  opacity: 1;
  height: 48px;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleTxt .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  margin: 0 8px;
  background: transparent;
  border: 1px solid;
  border-radius: 16px;
  border-color: #D9D9D9;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.mediaBloc.modeleTxt .owl-dots .owl-dot.active span {
  border-color: #a8b462;
  background: #a8b462;
}
.mediaBloc.modeleTxt .owl-dots .owl-dot:hover span, .mediaBloc.modeleTxt .owl-dots .owl-dot:focus span {
  border-color: #a8b462;
  background: #a8b462;
}
.mediaBloc--single.modeleTxt .imgLegend {
  top: 50%;
  transform: translateY(-50%);
  max-height: 290px;
}
@media (max-width: 479px) {
  .mediaBloc--single.modeleTxt .imgLegend {
    padding: 0 16px;
    max-height: 200px;
    font-size: 2.5em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mediaBloc--single.modeleTxt .imgLegend {
    padding: 0 16px;
    max-height: 200px;
    font-size: 2.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaBloc--single.modeleTxt .imgLegend {
    padding: 0 16px;
    max-height: 200px;
    font-size: 2.5em;
  }
}
.mediaBloc--multi.modeleTxt .imgLegend {
  font-size: 1.25em;
  bottom: 32px;
}

/*  ==========================================================================
    OFFERS VERSION STANDARD
    ========================================================================== */
.thumbOffer.modeleStandard .thumbOfferModule .thumbOfferItem {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  /* HOVER EFFECT */
}
.thumbOffer.modeleStandard .thumbOfferModule .thumbOfferItem .borderRight {
  border-right: 1px solid #D9D9D9;
}
@media (max-width: 479px) {
  .thumbOffer.modeleStandard .thumbOfferModule .thumbOfferItem .borderRight {
    border-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleStandard .thumbOfferModule .thumbOfferItem .borderRight {
    border-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .thumbOffer.modeleStandard .thumbOfferModule .thumbOfferItem .borderRight {
    border-right: 0;
  }
}
.thumbOffer.modeleStandard .thumbOfferModule .thumbOfferItem:hover, .thumbOffer.modeleStandard .thumbOfferModule .thumbOfferItem:focus {
  background: rgb(229.5, 229.5, 229.5);
}
.thumbOffer.modeleStandard .thumbOfferModule .thumbOfferBtn {
  align-content: center;
  text-align: center;
}
.thumbOffer.modeleStandard .thumbOfferModule .thumbOfferBtn p {
  text-align: center;
  justify-content: center;
}
.thumbOffer.modeleStandard .thumbOfferModule .spaceEmpty {
  min-height: 24px;
}
@media (max-width: 479px) {
  .thumbOffer.modeleStandard .thumbOfferModule .spaceEmpty {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleStandard .thumbOfferModule .spaceEmpty {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .thumbOffer.modeleStandard .thumbOfferModule .spaceEmpty {
    display: none;
  }
}

/*  ==========================================================================
    OFFERS VERSION STANDARD LIGHT
    ========================================================================== */
.thumbOffer.modeleLight .thumbOfferModule .thumbOfferItem {
  justify-content: space-between;
  padding: 16px 0;
  align-items: center;
  /* HOVER EFFECT */
}
.thumbOffer.modeleLight .thumbOfferModule .thumbOfferItem:hover, .thumbOffer.modeleLight .thumbOfferModule .thumbOfferItem:focus {
  background: rgb(229.5, 229.5, 229.5);
}
.thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemContent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 479px) {
  .thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemContent {
    display: block;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemContent {
    display: block;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemContent {
    display: block;
    text-align: center;
  }
}
.thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemImg {
  margin-right: 16px;
  flex: none;
}
@media (max-width: 479px) {
  .thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemImg {
    margin: auto;
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemImg {
    margin: auto;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .thumbOffer.modeleLight .thumbOfferModule .thumbOfferItemImg {
    margin: auto;
    margin-bottom: 16px;
  }
}
.thumbOffer.modeleLight .thumbOfferModule .thumbOfferBtn {
  text-align: center;
}
/*  ==========================================================================
    OFFERS VERSION VARIANT STANDARD
    ========================================================================== */
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem {
  background-color: #F7F7F7;
  padding: 32px;
}
@media (max-width: 479px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem {
    padding: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem {
    padding: 16px;
  }
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferDescription {
  font-size: 1.125em;
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantTop {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #D9D9D9;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantTop .thumbOfferVariantImg {
  margin-right: 16px;
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantPrice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #D9D9D9;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantPrice {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 4px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantPrice {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 4px;
  }
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantStock {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantStock {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantStock {
    display: block;
  }
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferInfosLegales {
  border-top: 1px solid #D9D9D9;
  padding-top: 16px;
  margin-top: 16px;
}
@media (max-width: 479px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferInfosLegales {
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferInfosLegales {
    text-align: center;
  }
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferBtn {
  align-content: center;
  text-align: center;
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferBtn p {
  text-align: center;
  justify-content: center;
}
.thumbOffer.modeleVariantStandard .thumbOfferModule .thumbOfferItem .thumbOfferVariantImg {
  /* HEIGHT DEFAUT */
  height: 64px;
  width: 64px;
}

/*  ==========================================================================
    MODULE TABLE
    ========================================================================== */
.modeleGastro .tableModule .tableList .tableItem {
  border-bottom: 0;
  padding: 32px 0;
  position: relative;
  text-align: center;
}
.modeleGastro .tableModule .tableList .tableItem:after {
  content: "";
  width: 160px;
  height: 1px;
  border-top: 4px dotted #696f46;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.modeleGastro .tableModule .tableList .tableItem .tableItemTop {
  display: block;
  margin-bottom: 16px;
}
.modeleGastro .tableModule .tableList .tableItem .tableItemTop .tableTitle {
  margin-right: 0;
  text-align: center;
  display: initial;
}
.modeleGastro .tableModule .tableList .tableItem .tableItemTop .tableDescription {
  margin-top: 4px;
  display: initial;
}
.modeleGastro .tableModule .tableList .tableItem .tableItemTop .tablePrice {
  display: inline;
}
.modeleGastro .tableModule .tableList .tableItem .tableItemTop .tableUnity {
  display: initial;
}
.modeleGastro .tableModule .tableList .tableItem .tableTitle {
  font-size: 1.5em;
}
.modeleGastro .tableModule .tableList .tableItem .tablePrice {
  font-size: 1.5em;
  opacity: 0.65;
}
.modeleGastro .tableModule .tableList .tableItem .tableUnity {
  font-size: 1.25em;
}
.modeleGastro .tableModule .tableList .tableItem .tableSeparateur {
  margin: 0 4px;
  opacity: 0.65;
  display: initial;
}

/*  ==========================================================================
    SIGNATURE VERSION INLINE
    ========================================================================== */
.signature.inline .signatureItem {
  margin-bottom: 32px;
}
.signature.inline .signatureItem .signatureImg {
  margin: 0;
  text-align: left;
  /* HEIGHT DEFAUT */
  border-radius: 80px;
  height: 80px;
  width: 80px;
}
@media (max-width: 479px) {
  .signature.inline .signatureItem .signatureImg {
    height: 64px;
    width: 64px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .signature.inline .signatureItem .signatureImg {
    height: 64px;
    width: 64px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .signature.inline .signatureItem .signatureImg {
    height: 80px;
    width: 64px;
  }
}
.signature.inline .signatureItem .signatureTxt {
  margin-left: 16px;
  margin-top: 0;
  text-align: left;
}
/*  ==========================================================================
    SIGNATURE VERSION TEXTUELLE
    ========================================================================== */
.signature.modeleText .signatureItem {
  border-top: 1px solid #D9D9D9;
  padding-top: 32px;
}

/*  ==========================================================================
    SIMPLE VERSION PRO
    ========================================================================== */
.vertical_PRO_01 .alignTop {
  margin-top: calc(24px + 1px);
  min-height: 50px;
}
@media (max-width: 479px) {
  .vertical_PRO_01 .alignTop {
    margin-top: 32px;
    min-height: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vertical_PRO_01 .alignTop {
    margin-top: 32px;
    min-height: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vertical_PRO_01 .alignTop {
    margin-top: 32px;
    min-height: inherit;
  }
}
.vertical_PRO_01 .borderBottom {
  padding-bottom: 16px;
  margin-bottom: 16px;
  min-height: 50px;
}
.vertical_PRO_01 .borderBottom:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #D9D9D9;
  bottom: 0;
  left: 0;
  right: 16px;
}
@media (max-width: 479px) {
  .vertical_PRO_01 .borderBottom:after {
    right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vertical_PRO_01 .borderBottom:after {
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vertical_PRO_01 .borderBottom:after {
    right: 0;
  }
}
.vertical_PRO_01 .borderTop, .vertical_PRO_01 .titleModule, .vertical_PRO_01 .subTitleModule {
  padding-top: 16px;
  margin-top: 16px;
}
.vertical_PRO_01 .borderTop:before, .vertical_PRO_01 .titleModule:before, .vertical_PRO_01 .subTitleModule:before {
  content: "";
  position: absolute;
  width: 180px;
  top: 16px;
  border-top: 1px solid #D9D9D9;
  left: 0;
  right: 0;
}
@media (max-width: 479px) {
  .vertical_PRO_01 .borderTop:before, .vertical_PRO_01 .titleModule:before, .vertical_PRO_01 .subTitleModule:before {
    width: 100%;
    left: 0;
    right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vertical_PRO_01 .borderTop:before, .vertical_PRO_01 .titleModule:before, .vertical_PRO_01 .subTitleModule:before {
    width: 100%;
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vertical_PRO_01 .borderTop:before, .vertical_PRO_01 .titleModule:before, .vertical_PRO_01 .subTitleModule:before {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.vertical_PRO_01 .borderTop:after, .vertical_PRO_01 .titleModule:after, .vertical_PRO_01 .subTitleModule:after {
  content: none;
}
.vertical_PRO_01 .titleModule + .subTitleModule {
  margin-top: -16px;
}
.vertical_PRO_01 [class*=container] .borderTop:before, .vertical_PRO_01 [class*=container] .titleModule:before {
  left: 0;
  right: 16px;
}
@media (max-width: 479px) {
  .vertical_PRO_01 [class*=container] .borderTop:before, .vertical_PRO_01 [class*=container] .titleModule:before {
    left: 0;
    right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vertical_PRO_01 [class*=container] .borderTop:before, .vertical_PRO_01 [class*=container] .titleModule:before {
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vertical_PRO_01 [class*=container] .borderTop:before, .vertical_PRO_01 [class*=container] .titleModule:before {
    left: 0;
    right: 0;
  }
}
.vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .titleModule:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .titleModule:before {
  left: 8px;
  right: 16px;
}
@media (max-width: 479px) {
  .vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .titleModule:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .titleModule:before {
    left: 0;
    right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .titleModule:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .titleModule:before {
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-lg-6]:nth-child(even) .titleModule:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .borderTop:before, .vertical_PRO_01 .pageContent > div.row > [class*=col-md-6]:nth-child(even) .titleModule:before {
    left: 0;
    right: 0;
  }
}

/*  ==========================================================================
    SIMPLE VERSION BASELINE
    ========================================================================== */
.modeleBaseLine .tinyMce {
  line-height: 1;
}
@media (max-width: 479px) {
  .modeleBaseLine .tinyMce {
    line-height: 1.2;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .modeleBaseLine .tinyMce {
    line-height: 1.2;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modeleBaseLine .tinyMce {
    line-height: 1.2;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modeleBaseLine .tinyMce {
    line-height: 1.2;
  }
}
.modeleBaseLine .tinyMce p {
  font-size: 4.5rem;
}
@media (max-width: 479px) {
  .modeleBaseLine .tinyMce p {
    font-size: 2rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .modeleBaseLine .tinyMce p {
    font-size: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modeleBaseLine .tinyMce p {
    font-size: 3rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modeleBaseLine .tinyMce p {
    font-size: 4rem;
  }
}
.modeleBaseLine .tinyMce a {
  color: inherit;
  text-decoration: underline;
  font-weight: inherit;
}

/*  ==========================================================================
    SUGGEST VERSION STANDARD
    ========================================================================== */
.suggest.modeleStandard {
  text-align: center;
}
.suggest.modeleStandard div.row {
  justify-content: center;
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row {
    justify-content: flex-start;
  }
}
.suggest.modeleStandard div.row > [class*=col-lg-3], .suggest.modeleStandard div.row > [class*=col-lg-4] {
  padding: 0;
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row > [class*=col-lg-3], .suggest.modeleStandard div.row > [class*=col-lg-4] {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row > [class*=col-lg-3], .suggest.modeleStandard div.row > [class*=col-lg-4] {
    padding: 0 16px;
  }
}
.suggest.modeleStandard div.row > [class*=col-lg-3] .suggestItem, .suggest.modeleStandard div.row > [class*=col-lg-4] .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard div.row > [class*=col-lg-3]:first-child, .suggest.modeleStandard div.row > [class*=col-lg-4]:first-child {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row > [class*=col-lg-3]:first-child, .suggest.modeleStandard div.row > [class*=col-lg-4]:first-child {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row > [class*=col-lg-3]:first-child, .suggest.modeleStandard div.row > [class*=col-lg-4]:first-child {
    padding: 0 8px;
  }
}
.suggest.modeleStandard div.row > [class*=col-lg-3]:first-child .suggestItem, .suggest.modeleStandard div.row > [class*=col-lg-4]:first-child .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard div.row > [class*=col-lg-3]:last-child, .suggest.modeleStandard div.row > [class*=col-lg-3]:nth-last-child(2), .suggest.modeleStandard div.row > [class*=col-lg-4]:last-child, .suggest.modeleStandard div.row > [class*=col-lg-4]:nth-last-child(2) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row > [class*=col-lg-3]:last-child, .suggest.modeleStandard div.row > [class*=col-lg-3]:nth-last-child(2), .suggest.modeleStandard div.row > [class*=col-lg-4]:last-child, .suggest.modeleStandard div.row > [class*=col-lg-4]:nth-last-child(2) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row > [class*=col-lg-3]:last-child, .suggest.modeleStandard div.row > [class*=col-lg-3]:nth-last-child(2), .suggest.modeleStandard div.row > [class*=col-lg-4]:last-child, .suggest.modeleStandard div.row > [class*=col-lg-4]:nth-last-child(2) {
    padding: 0 8px;
  }
}
.suggest.modeleStandard div.row > [class*=col-lg-3]:last-child .suggestItem, .suggest.modeleStandard div.row > [class*=col-lg-3]:nth-last-child(2) .suggestItem, .suggest.modeleStandard div.row > [class*=col-lg-4]:last-child .suggestItem, .suggest.modeleStandard div.row > [class*=col-lg-4]:nth-last-child(2) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard div.row > [class*=col-lg-6]:nth-child(odd) {
  padding: 0 8px 0 16px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 16px;
  }
}
.suggest.modeleStandard div.row > [class*=col-lg-6]:nth-child(even) {
  padding: 0 16px 0 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 8px 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 8px 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modeleStandard div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 8px 0 16px;
  }
}
@media (max-width: 479px) {
  .suggest.modeleStandard div.row > [class*=col-6]:nth-child(even) {
    padding: 0 16px 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard div.row > [class*=col-6]:nth-child(even) {
    padding: 0 16px 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modeleStandard div.row > [class*=col-6]:nth-child(even) {
    padding: 0 16px 0 8px;
  }
}
.suggest.modeleStandard div.row > .col-12 {
  padding: 0 16px;
}
.suggest .suggestItem .suggestImg {
  /* HEIGHT DEFAUT */
  height: 240px;
}
@media (max-width: 479px) {
  .suggest .suggestItem .suggestImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest .suggestItem .suggestImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest .suggestItem .suggestImg {
    height: 240px;
  }
}

/*  ==========================================================================
    SUGGEST VERSION STANDARD 02
    ========================================================================== */
.suggest.modeleStandard02 {
  text-align: center;
}
.suggest.modeleStandard02 div.row {
  justify-content: flex-start;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row {
    justify-content: flex-start;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-3] {
  padding: 0;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-3] {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-3] {
    padding: 0 16px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+2) .suggestItem, .suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+3) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+1) {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+1) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+1) {
    padding: 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+1) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+4) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+4) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+4) {
    padding: 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-3]:nth-child(4n+4) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > [class*=col-lg-4] {
  padding: 0;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-4] {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-4] {
    padding: 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+2) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+1) {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+1) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+1) {
    padding: 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+1) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+3) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+3) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+3) {
    padding: 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-4]:nth-child(3n+3) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(odd) {
  padding: 0 0 0 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(odd) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(even) {
  padding: 0 8px 0 0;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-lg-6]:nth-child(even) .suggestItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(odd) {
    padding: 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(odd) .suggestItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(even) {
    padding: 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(even) {
    padding: 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-md-6]:nth-child(even) .suggestItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 0 0 8px;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(odd) .suggestItem {
  padding: 8px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(even) {
    padding: 0 8px 0 0;
  }
}
.suggest.modeleStandard02 div.row > [class*=col-6]:nth-child(even) .suggestItem {
  padding: 8px;
}
.suggest.modeleStandard02 div.row > .col-12 {
  padding: 0 16px;
}
.suggest.modeleStandard02 .suggestContent {
  text-align: center;
}
.suggest.modeleStandard02 .suggestItem .suggestImg {
  /* HEIGHT DEFAUT */
  height: 320px;
}
@media (max-width: 479px) {
  .suggest.modeleStandard02 .suggestItem .suggestImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleStandard02 .suggestItem .suggestImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modeleStandard02 .suggestItem .suggestImg {
    height: 320px;
  }
}

/*  ==========================================================================
    SUGGEST VERSION A LA UNE
    ========================================================================== */
.suggest.modele_aLaUne div.row {
  justify-content: center;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row {
    justify-content: flex-start;
  }
}
.suggest.modele_aLaUne div.row > [class*=col-lg-3], .suggest.modele_aLaUne div.row > [class*=col-lg-4] {
  padding: 0 8px 0 8px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-3], .suggest.modele_aLaUne div.row > [class*=col-lg-4] {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-3], .suggest.modele_aLaUne div.row > [class*=col-lg-4] {
    padding: 0 16px;
  }
}
.suggest.modele_aLaUne div.row > [class*=col-lg-3]:first-child, .suggest.modele_aLaUne div.row > [class*=col-lg-4]:first-child {
  padding: 0 8px 0 16px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-3]:first-child, .suggest.modele_aLaUne div.row > [class*=col-lg-4]:first-child {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-3]:first-child, .suggest.modele_aLaUne div.row > [class*=col-lg-4]:first-child {
    padding: 0 16px;
  }
}
.suggest.modele_aLaUne div.row > [class*=col-lg-3]:last-child, .suggest.modele_aLaUne div.row > [class*=col-lg-4]:last-child {
  padding: 0 16px 0 8px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-3]:last-child, .suggest.modele_aLaUne div.row > [class*=col-lg-4]:last-child {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-3]:last-child, .suggest.modele_aLaUne div.row > [class*=col-lg-4]:last-child {
    padding: 0 16px;
  }
}
.suggest.modele_aLaUne div.row > [class*=col-lg-6]:nth-child(odd) {
  padding: 0 8px 0 16px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-6]:nth-child(odd) {
    padding: 0 16px;
  }
}
.suggest.modele_aLaUne div.row > [class*=col-lg-6]:nth-child(even) {
  padding: 0 16px 0 8px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row > [class*=col-lg-6]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 8px 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row > [class*=col-6]:nth-child(odd) {
    padding: 0 8px 0 16px;
  }
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne div.row > [class*=col-6]:nth-child(even) {
    padding: 0 16px 0 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne div.row > [class*=col-6]:nth-child(even) {
    padding: 0 16px 0 8px;
  }
}
.suggest.modele_aLaUne div.row > .col-12 {
  padding: 0 16px;
}
.suggest.modele_aLaUne .suggestItem {
  margin-bottom: 0;
  /* HOVER EFFECT */
}
.suggest.modele_aLaUne .suggestItem:hover, .suggest.modele_aLaUne .suggestItem:focus {
  background: transparent;
}
.suggest.modele_aLaUne .suggestContent {
  padding: 16px 0;
}
.suggest.modele_aLaUne .suggestImg {
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 0px;
  /* HEIGHT */
  height: 400px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne .suggestImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne .suggestImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUne .suggestImg {
    height: 320px;
  }
}
.suggest.modele_aLaUne .suggestTitle {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne .suggestTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne .suggestTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUne .suggestTitle {
    font-size: 1.25em;
  }
}
.suggest.modele_aLaUne .suggestSubTitle {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUne .suggestSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUne .suggestSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUne .suggestSubTitle {
    font-size: 1.125em;
  }
}

/*  ==========================================================================
    SUGGEST VERSION A LA UNE CARROUSEL
    ========================================================================== */
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav {
  position: absolute;
  left: 0;
  margin: 0;
  right: 0;
  bottom: 32px;
  z-index: 2;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav.disabled {
  display: none;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-prev, .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-next {
  position: absolute;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-prev i, .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-next i {
  font-size: 2rem;
  color: #a8b462;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-prev {
  display: none;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-next {
  right: 0;
  transition: all 0.2s ease-in-out;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  opacity: 1;
  display: flex;
  justify-content: flex-start;
  position: relative;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots {
    position: relative;
    justify-content: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots {
    position: relative;
    justify-content: center;
  }
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots.disabled {
  display: none;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots:hover, .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots:focus {
  opacity: 1;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 0 7.5px;
  background: transparent;
  border: 1px solid;
  border-radius: 10px;
  border-color: #696f46;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots .owl-dot.active span {
  background: #696f46;
}
.suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots .owl-dot:hover span, .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots .owl-dot:focus span {
  background: #696f46;
}
.suggest.modele_aLaUneCarousel .suggestItem {
  /* HOVER EFFECT */
}
.suggest.modele_aLaUneCarousel .suggestItem:hover, .suggest.modele_aLaUneCarousel .suggestItem:focus {
  background: transparent;
}
.suggest.modele_aLaUneCarousel .suggestImg {
  overflow: hidden;
  border-radius: 0px;
  /* HEIGHT */
  height: 400px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarousel .suggestImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarousel .suggestImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarousel .suggestImg {
    height: 320px;
  }
}
.suggest.modele_aLaUneCarousel .suggestTitle {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarousel .suggestTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarousel .suggestTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarousel .suggestTitle {
    font-size: 1.25em;
  }
}
.suggest.modele_aLaUneCarousel .suggestSubTitle {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarousel .suggestSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarousel .suggestSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarousel .suggestSubTitle {
    font-size: 1.125em;
  }
}

/*  ==========================================================================
    SUGGEST VERSION LIST
    ========================================================================== */
.suggest.modeleList div.row {
  justify-content: center;
}
.suggest.modeleList div.row > .col-12 {
  padding: 0 16px;
}
.suggest.modeleList .suggestItem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.suggest.modeleList .suggestItem .suggestImg {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-align: inherit;
  margin-bottom: 0;
  border-radius: 0px;
  flex: none;
  /* HEIGHT */
  width: 80px;
  height: 80px;
}
@media (max-width: 479px) {
  .suggest.modeleList .suggestItem .suggestImg {
    height: 80px;
    width: 80px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleList .suggestItem .suggestImg {
    height: 80px;
    width: 80px;
  }
}
.suggest.modeleList .suggestItem .suggestImg span.img-shadow:before {
  box-shadow: none;
}
.suggest.modeleList .suggestItem .suggestImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.suggest.modeleList .suggestItem .suggestContent {
  padding: 16px;
}
.suggest.modeleList .suggestItem .suggestTitle {
  margin-bottom: 0;
}
.suggest.modeleList-xl .suggestItem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.suggest.modeleList-xl .suggestItem .suggestImg {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-align: inherit;
  margin-bottom: 0;
  border-radius: 0px;
  flex: none;
  /* HEIGHT */
  width: 160px;
  height: 120px;
}
@media (max-width: 479px) {
  .suggest.modeleList-xl .suggestItem .suggestImg {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modeleList-xl .suggestItem .suggestImg {
    height: 120px;
    width: 120px;
  }
}
.suggest.modeleList-xl .suggestItem .suggestImg span.img-shadow:before {
  box-shadow: none;
}
.suggest.modeleList-xl .suggestItem .suggestImg span.img-shadow img {
  opacity: 1;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.suggest.modeleList-xl .suggestItem .suggestContent {
  padding: 16px;
}
.suggest.modeleList-xl .suggestItem .suggestTitle {
  margin-bottom: 0;
}

/*  ==========================================================================
    SUGGEST VERSION A LA UNE CARROUSEL
    ========================================================================== */
.suggest.modele_aLaUneCarouselPro {
  overflow: hidden;
  /* OWL-CAROUSEL */
}
.suggest.modele_aLaUneCarouselPro .suggestItem {
  margin-bottom: 0;
  /* HOVER EFFECT */
}
.suggest.modele_aLaUneCarouselPro .suggestItem:hover, .suggest.modele_aLaUneCarouselPro .suggestItem:focus {
  background: transparent;
}
.suggest.modele_aLaUneCarouselPro .suggestImg {
  overflow: hidden;
  border-radius: 0px;
  /* HEIGHT */
  height: 400px;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarouselPro .suggestImg {
    height: 240px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarouselPro .suggestImg {
    height: 240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarouselPro .suggestImg {
    height: 320px;
  }
}
.suggest.modele_aLaUneCarouselPro .suggestTitle {
  font-size: 1.5em;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarouselPro .suggestTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarouselPro .suggestTitle {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarouselPro .suggestTitle {
    font-size: 1.25em;
  }
}
.suggest.modele_aLaUneCarouselPro .suggestSubTitle {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarouselPro .suggestSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarouselPro .suggestSubTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarouselPro .suggestSubTitle {
    font-size: 1.125em;
  }
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne {
  width: calc(100% - 64px);
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne {
    padding-left: 16px;
  }
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-stage-outer {
  overflow: visible;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav {
  position: absolute;
  bottom: 32px;
  right: 0;
  z-index: 2;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 32px;
  width: inherit;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next {
    height: 240px;
    width: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next {
    height: 240px;
    width: inherit;
  }
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev i, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next i {
  font-size: 24px;
  color: #a8b462;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev:hover i, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev:focus i, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next:hover i, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next:focus i {
  color: #a8b462;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev {
  left: 0;
  display: none;
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next {
  right: calc(16px - 80px);
  background: transparent !important;
  transition: all 0.2s ease-in-out;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next:hover, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next:focus {
  background: transparent !important;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots {
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  height: 32px;
  padding-left: 8px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots {
    justify-content: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots {
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots {
    justify-content: center;
  }
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot {
  margin: 0 8px;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 0 solid;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.25);
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 0.2s ease-in-out;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot.active span {
  transform: scale(2);
  border-radius: 32px;
  background-color: #a8b462;
  background: #a8b462;
}
.suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot:hover span, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot:focus span {
  background: #a8b462;
}

/*  ==========================================================================
    SUGGEST VERSION LIST PRO
    ========================================================================== */
.suggest.modelePRO .suggestItem {
  display: flex;
  align-items: center;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 0px;
}
.suggest.modelePRO .suggestImg {
  margin-right: 16px;
  margin-bottom: 0;
  border-radius: 0px;
  flex: none;
  /* HEIGHT PRO */
  width: 48px;
  height: 48px;
}
.suggest.modelePRO .suggestTitle {
  min-height: inherit;
  margin-bottom: 0;
}
.suggest.modelePRO .suggestContent {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: flex-end;
  width: 100%;
}
.suggest.modelePRO .suggestContentFirst {
  display: flex;
  align-items: center;
  /*@media (min-width: 768px) and (max-width: 991px) {display: block;}*/
}
@media (max-width: 479px) {
  .suggest.modelePRO .suggestContentFirst {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .suggest.modelePRO .suggestContentFirst {
    display: block;
  }
}
.suggest.modelePRO .titleH5 {
  color: #FFF;
}
.suggest.modelePRO .subTitleH5 {
  color: #FFF;
  text-transform: uppercase;
}
.suggest.modelePRO .suggestCategorySubTitle {
  margin-left: auto;
  flex: none;
}
.suggest.modelePRO .suggestSeparateText {
  margin: 0 4px;
  color: #FFF;
}

/*  ==========================================================================
    VIGNETTE VERSION STANDARD
    ========================================================================== */
.userGroup.modeleStandard a.userGroupItem:hover, .userGroup.modeleStandard a.userGroupItem:focus {
  text-decoration: none;
}
.userGroup.modeleStandard a.userGroupItem:hover .userGroupTxt .userGroupTitle, .userGroup.modeleStandard a.userGroupItem:focus .userGroupTxt .userGroupTitle {
  color: #a8b462;
}

/*  ==========================================================================
    VIGNETTE VERSION COLLAPSE
    ========================================================================== */
.userGroup.collapseVersion .collapseBloc {
  border-bottom: 1px solid #D9D9D9;
}
.userGroup.collapseVersion .collapseBloc:first-child {
  border-top: 1px solid #D9D9D9;
}
.userGroup.collapseVersion .collapseBloc .titleH3 {
  font-size: 1.25rem;
}
.userGroup.collapseVersion a.userGroupItem:hover, .userGroup.collapseVersion a.userGroupItem:focus {
  text-decoration: none;
}
.userGroup.collapseVersion a.userGroupItem:hover .userGroupTxt .userGroupTitle, .userGroup.collapseVersion a.userGroupItem:focus .userGroupTxt .userGroupTitle {
  color: #a8b462;
}
.userGroup.collapseVersion .userGroupItem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.userGroup.collapseVersion .userGroupItem .userGroupImg {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin: 0;
  text-align: left;
}
.userGroup.collapseVersion .userGroupItem .userGroupImg span.img-shadow {
  border-radius: 32px;
}
.userGroup.collapseVersion .userGroupItem .userGroupImg span.img-shadow:before {
  border-radius: 32px;
}
.userGroup.collapseVersion .userGroupItem .userGroupImg span.img-shadow img {
  border-radius: 32px;
}
.userGroup.collapseVersion .userGroupItem .userGroupTxt {
  margin: 0 16px;
}

/*  ==========================================================================
    VIGNETTE VERSION THUMB LIST
    ========================================================================== */
.userGroup.thumbList .userGroupLink {
  position: relative;
  display: block;
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
  transition: all ease-in-out 0.125s;
}
.userGroup.thumbList .userGroupLink:hover, .userGroup.thumbList .userGroupLink:focus {
  text-decoration: none;
  background: rgb(229.5, 229.5, 229.5);
  padding-left: 16px;
}
.userGroup.thumbList .userGroupLink:hover .userIconLink, .userGroup.thumbList .userGroupLink:focus .userIconLink {
  opacity: 0.25;
}
.userGroup.thumbList .userGroupLink .userGroupDots {
  font-size: 1.5rem;
}
.userGroup.thumbList .userGroupLink .userIconLink {
  opacity: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  transition: all ease-in-out 0.125s;
}
.userGroup.thumbList .row [class*=col-xl-12]:last-child .userGroupLink {
  border-bottom: 0;
}

/*  ==========================================================================
    VIGNETTE VERSION DESCRIPTION LIST
    ========================================================================== */
.userGroup.descriptionList .userGroupBloc {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.userGroup.descriptionList .userGroupName {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 479px) {
  .userGroup.descriptionList .userGroupName {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .userGroup.descriptionList .userGroupName {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .userGroup.descriptionList .userGroupName {
    display: block;
  }
}
.userGroup.descriptionList .userGroupLabel {
  flex: none;
  width: 96px;
  height: 96px;
  border-radius: 96px;
  display: block;
  margin-right: 32px;
}
@media (max-width: 479px) {
  .userGroup.descriptionList .userGroupLabel {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .userGroup.descriptionList .userGroupLabel {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .userGroup.descriptionList .userGroupLabel {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.userGroup.descriptionList .userGroupDescription {
  padding-top: 16px;
  padding-left: calc(96px + 32px);
}
@media (max-width: 479px) {
  .userGroup.descriptionList .userGroupDescription {
    padding-left: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .userGroup.descriptionList .userGroupDescription {
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .userGroup.descriptionList .userGroupDescription {
    padding-left: 0;
  }
}
.userGroup.descriptionList .userGroupSubTitle {
  min-height: 96px;
  display: flex;
  align-items: center;
}
@media (max-width: 479px) {
  .userGroup.descriptionList .userGroupSubTitle {
    min-height: 0;
    margin-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .userGroup.descriptionList .userGroupSubTitle {
    min-height: 0;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .userGroup.descriptionList .userGroupSubTitle {
    min-height: 0;
    margin-bottom: 16px;
  }
}
.userGroup.descriptionList .userGroupTxt .userGroupTitle {
  display: inline-flex;
}
.userGroup.descriptionList .userGroupLink {
  position: relative;
  display: block;
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
  transition: all ease-in-out 0.125s;
}
.userGroup.descriptionList .userGroupLink:hover, .userGroup.descriptionList .userGroupLink:focus {
  text-decoration: none;
  background: rgb(229.5, 229.5, 229.5);
  padding-left: 16px;
}
.userGroup.descriptionList .userGroupLink:hover .userIconLink, .userGroup.descriptionList .userGroupLink:focus .userIconLink {
  opacity: 0.25;
}
.userGroup.descriptionList .userGroupLink:last-child {
  border-bottom: 0;
}
.userGroup.descriptionList .userGroupLink .userGroupDots {
  font-size: 1.5rem;
}
.userGroup.descriptionList .userGroupLink .userIconLink {
  opacity: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  transition: all ease-in-out 0.125s;
}

/*  ==========================================================================
    VIGNETTE VERSION STANDARD
    ========================================================================== */
.vignette.modeleStandard {
  text-align: center;
}
.vignette.modeleStandard div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(odd) {
  padding: 0 8px 0 16px;
}
@media (max-width: 479px) {
  .vignette.modeleStandard div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleStandard div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleStandard div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
.vignette.modeleStandard div.row > [class*=col-lg]:nth-child(even), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(even) {
  padding: 0 16px 0 8px;
}
@media (max-width: 479px) {
  .vignette.modeleStandard div.row > [class*=col-lg]:nth-child(even), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleStandard div.row > [class*=col-lg]:nth-child(even), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleStandard div.row > [class*=col-lg]:nth-child(even), .vignette.modeleStandard div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
.vignette.modeleStandard div.row > [class*=col-lg].lastItem, .vignette.modeleStandard div.row > [class*=col-md].lastItem {
  padding: 0 16px 0 16px;
}
@media (max-width: 479px) {
  .vignette.modeleStandard div.row > [class*=col-lg].lastItem, .vignette.modeleStandard div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleStandard div.row > [class*=col-lg].lastItem, .vignette.modeleStandard div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleStandard div.row > [class*=col-lg].lastItem, .vignette.modeleStandard div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
.vignette.modeleStandard div.row > .col-12:nth-child(odd), .vignette.modeleStandard div.row > .col-lg-12:nth-child(odd), .vignette.modeleStandard div.row > .col-md-12:nth-child(odd) {
  padding: 0 16px;
}
.vignette.modeleStandard div.row > .col-12:nth-child(even), .vignette.modeleStandard div.row > .col-lg-12:nth-child(even), .vignette.modeleStandard div.row > .col-md-12:nth-child(even) {
  padding: 0 16px;
}
.vignette.modeleStandard div.row > .col-12.lastItem, .vignette.modeleStandard div.row > .col-lg-12.lastItem, .vignette.modeleStandard div.row > .col-md-12.lastItem {
  padding: 0 16px;
}
.vignette.modeleStandard .vignetteItem {
  margin-bottom: 16px;
  border-radius: 0px;
}
.vignette.modeleStandard .vignetteContent {
  position: absolute;
  left: 32px;
  right: 32px;
  top: 32px;
}
.vignette.modeleStandard .vignetteContent .vignetteTitle, .vignette.modeleStandard .vignetteContent .vignetteSubTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vignette.modeleStandard .vignetteContent .t-light {
  color: #FFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.vignette.modeleStandard .vignetteContent .t-dark {
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.35);
}
.vignette.modeleStandard .vignetteLink {
  position: absolute;
  z-index: 2;
  left: 32px;
  right: 32px;
  bottom: 48px;
}

/*  ==========================================================================
    VIGNETTE VERSION PRO
    ========================================================================== */
.vignette.modeleCategoriePRO .vignetteItem {
  margin-bottom: 16px;
  border-radius: 0px;
}
.vignette.modeleCategoriePRO .vignetteLinkFull {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.vignette.modeleCategoriePRO a.vignetteLinkFull:hover, .vignette.modeleCategoriePRO a.vignetteLinkFull:focus {
  text-decoration: none;
}
.vignette.modeleCategoriePRO .vignetteImg {
  margin-right: 16px;
  border-radius: 0px;
  flex: none;
  /* HEIGHT PRO */
  width: 48px;
  height: 48px;
}
.vignette.modeleCategoriePRO .vignetteSubTitle {
  margin-left: auto;
}
.vignette.modeleCategoriePRO .vignetteLink {
  margin-left: 16px;
}
.vignette.modeleCategoriePRO .t-light {
  color: #FFF;
}
.vignette.modeleCategoriePRO .t-dark {
  color: rgb(38.25, 38.25, 38.25);
}
.vignette.modeleCategoriePRO .vignetteTitle {
  font-size: 1.25em;
}
@media (max-width: 479px) {
  .vignette.modeleCategoriePRO .vignetteTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleCategoriePRO .vignetteTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleCategoriePRO .vignetteTitle {
    font-size: 1.125em;
  }
}
.vignette.modeleCategoriePRO .vignetteSubTitle {
  font-size: 1.125em;
}
@media (max-width: 479px) {
  .vignette.modeleCategoriePRO .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleCategoriePRO .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleCategoriePRO .vignetteSubTitle {
    font-size: 1em;
  }
}

/*  ==========================================================================
    VIGNETTE VERSION MINI
    ========================================================================== */
.vignette.modeleMini div.row {
  justify-content: center;
}
@media (max-width: 479px) {
  .vignette.modeleMini div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini div.row {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini div.row {
    justify-content: flex-start;
  }
}
.vignette.modeleMini div.row > [class*=col-lg], .vignette.modeleMini div.row > [class*=col-lg-4], .vignette.modeleMini div.row > [class*=col-md-auto] {
  padding: 0 8px 0 8px;
}
@media (max-width: 479px) {
  .vignette.modeleMini div.row > [class*=col-lg], .vignette.modeleMini div.row > [class*=col-lg-4], .vignette.modeleMini div.row > [class*=col-md-auto] {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini div.row > [class*=col-lg], .vignette.modeleMini div.row > [class*=col-lg-4], .vignette.modeleMini div.row > [class*=col-md-auto] {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini div.row > [class*=col-lg], .vignette.modeleMini div.row > [class*=col-lg-4], .vignette.modeleMini div.row > [class*=col-md-auto] {
    padding: 0 16px;
  }
}
.vignette.modeleMini div.row > [class*=col-lg]:first-child, .vignette.modeleMini div.row > [class*=col-lg-4]:first-child, .vignette.modeleMini div.row > [class*=col-md-auto]:first-child {
  padding: 0 8px 0 16px;
}
@media (max-width: 479px) {
  .vignette.modeleMini div.row > [class*=col-lg]:first-child, .vignette.modeleMini div.row > [class*=col-lg-4]:first-child, .vignette.modeleMini div.row > [class*=col-md-auto]:first-child {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini div.row > [class*=col-lg]:first-child, .vignette.modeleMini div.row > [class*=col-lg-4]:first-child, .vignette.modeleMini div.row > [class*=col-md-auto]:first-child {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini div.row > [class*=col-lg]:first-child, .vignette.modeleMini div.row > [class*=col-lg-4]:first-child, .vignette.modeleMini div.row > [class*=col-md-auto]:first-child {
    padding: 0 16px;
  }
}
.vignette.modeleMini div.row > [class*=col-lg]:last-child, .vignette.modeleMini div.row > [class*=col-lg-4]:last-child, .vignette.modeleMini div.row > [class*=col-md-auto]:last-child {
  padding: 0 16px 0 8px;
}
@media (max-width: 479px) {
  .vignette.modeleMini div.row > [class*=col-lg]:last-child, .vignette.modeleMini div.row > [class*=col-lg-4]:last-child, .vignette.modeleMini div.row > [class*=col-md-auto]:last-child {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini div.row > [class*=col-lg]:last-child, .vignette.modeleMini div.row > [class*=col-lg-4]:last-child, .vignette.modeleMini div.row > [class*=col-md-auto]:last-child {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini div.row > [class*=col-lg]:last-child, .vignette.modeleMini div.row > [class*=col-lg-4]:last-child, .vignette.modeleMini div.row > [class*=col-md-auto]:last-child {
    padding: 0 16px;
  }
}
.vignette.modeleMini div.row > .col-12 {
  padding: 0 16px;
}
.vignette.modeleMini .vignetteItem {
  position: relative;
  background: transparent !important;
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteItem {
    padding-bottom: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteItem {
    padding-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteItem {
    padding-bottom: 16px;
  }
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteItem:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 32px);
    background-color: #D9D9D9;
    bottom: 0;
    left: -16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteItem:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 32px);
    background-color: #D9D9D9;
    bottom: 0;
    left: -16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteItem:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 32px);
    background-color: #D9D9D9;
    bottom: 0;
    left: -16px;
  }
}
.vignette.modeleMini .vignetteLinkFull {
  width: 100%;
}
.vignette.modeleMini .vignetteLinkFull:hover, .vignette.modeleMini .vignetteLinkFull:focus {
  text-decoration: none;
}
.vignette.modeleMini .vignetteLinkFull i {
  font-size: 20px;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteItem, .vignette.modeleMini .vignetteLinkFull {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteItem, .vignette.modeleMini .vignetteLinkFull {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteItem, .vignette.modeleMini .vignetteLinkFull {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.vignette.modeleMini .vignetteContent {
  position: relative;
  margin: auto;
  text-align: center;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteContent {
    text-align: left;
    margin-left: 16px;
    justify-content: center;
    padding-right: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteContent {
    text-align: left;
    margin-left: 16px;
    justify-content: center;
    padding-right: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteContent {
    text-align: left;
    margin-left: 16px;
    justify-content: center;
    padding-right: 16px;
  }
}
.vignette.modeleMini .vignetteContent .vignetteTitle, .vignette.modeleMini .vignetteContent .vignetteSubTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 120px;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteContent .vignetteTitle, .vignette.modeleMini .vignetteContent .vignetteSubTitle {
    max-width: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteContent .vignetteTitle, .vignette.modeleMini .vignetteContent .vignetteSubTitle {
    max-width: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteContent .vignetteTitle, .vignette.modeleMini .vignetteContent .vignetteSubTitle {
    max-width: inherit;
  }
}
.vignette.modeleMini .vignetteContent .vignetteTitle {
  font-size: 1.125em;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteContent .vignetteTitle {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteContent .vignetteTitle {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteContent .vignetteTitle {
    font-size: 1em;
  }
}
.vignette.modeleMini .vignetteContent .vignetteSubTitle {
  font-size: 1.125em;
  margin-top: 8px;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteContent .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteContent .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteContent .vignetteSubTitle {
    font-size: 1em;
  }
}
.vignette.modeleMini .vignetteContent .t-light {
  color: #FFF;
}
.vignette.modeleMini .vignetteContent .t-dark {
  color: rgb(38.25, 38.25, 38.25);
}
.vignette.modeleMini .vignetteLink {
  text-align: center;
  display: block;
  font-size: 1.125rem;
  line-height: 1.25rem;
  margin-top: 8px;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteLink {
    display: flex;
    align-items: center;
    margin: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteLink {
    display: flex;
    align-items: center;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteLink {
    display: flex;
    align-items: center;
    margin: 0;
  }
}
.vignette.modeleMini .vignetteLink i {
  font-size: 20px;
}
.vignette.modeleMini .vignetteImg {
  max-width: 240px;
  min-width: 64px;
  height: 64px;
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .vignette.modeleMini .vignetteImg {
    flex: none;
    width: 64px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMini .vignetteImg {
    flex: none;
    width: 64px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMini .vignetteImg {
    flex: none;
    width: 64px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
.vignette.modeleMini .vignetteImg span.img-shadow img {
  max-height: 100%;
  height: auto;
  width: auto;
  object-fit: cover;
  vertical-align: middle;
}
.vignette.miniPlus .vignetteImg {
  max-width: 240px;
  min-width: 96px;
  height: 96px;
}
@media (max-width: 479px) {
  .vignette.miniPlus .vignetteImg {
    flex: none;
    width: 96px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.miniPlus .vignetteImg {
    flex: none;
    width: 96px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.miniPlus .vignetteImg {
    flex: none;
    width: 96px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
.vignette.miniMax .vignetteImg {
  max-width: 240px;
  min-width: 120px;
  height: 120px;
}
@media (max-width: 479px) {
  .vignette.miniMax .vignetteImg {
    flex: none;
    width: 120px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.miniMax .vignetteImg {
    flex: none;
    width: 120px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.miniMax .vignetteImg {
    flex: none;
    width: 120px;
    min-width: inherit;
    max-width: inherit;
    margin-bottom: 0;
  }
}

/*  ==========================================================================
    VIGNETTE VERSION LAN
    ========================================================================== */
.vignette.modeleLAN {
  text-align: center;
}
.vignette.modeleLAN div.row {
  justify-content: flex-start;
}
.vignette.modeleLAN div.row > [class*=col-lg], .vignette.modeleLAN div.row > [class*=col-lg-4], .vignette.modeleLAN div.row > [class*=col-md-auto] {
  padding: 0;
}
.vignette.modeleLAN div.row > .col-12 {
  padding: 0;
}
.vignette.modeleLAN .vignetteContent {
  position: absolute;
  left: 32px;
  right: 32px;
  top: 0;
  bottom: 0;
  height: 320px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vignette.modeleLAN .vignetteContent .vignetteTitle, .vignette.modeleLAN .vignetteContent .vignetteSubTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vignette.modeleLAN .vignetteContent .t-light {
  color: #FFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.vignette.modeleLAN .vignetteContent .t-dark {
  color: #000000;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.35);
}
.vignette.modeleLAN .vignetteLink {
  position: absolute;
  z-index: 2;
  left: 32px;
  right: 32px;
  bottom: 48px;
}

/*  ==========================================================================
    VIGNETTE VERSION LAN BORDER
    ========================================================================== */
.vignette.modeleLANBorder {
  text-align: center;
}
.vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(odd) {
  padding: 0 8px 0 16px;
}
@media (max-width: 479px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
.vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(even), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(even) {
  padding: 0 16px 0 8px;
}
@media (max-width: 479px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(even), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(even), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg]:nth-child(even), .vignette.modeleLANBorder div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
.vignette.modeleLANBorder div.row > [class*=col-lg].lastItem, .vignette.modeleLANBorder div.row > [class*=col-md].lastItem {
  padding: 0 16px 0 16px;
}
@media (max-width: 479px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg].lastItem, .vignette.modeleLANBorder div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg].lastItem, .vignette.modeleLANBorder div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleLANBorder div.row > [class*=col-lg].lastItem, .vignette.modeleLANBorder div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
.vignette.modeleLANBorder div.row > .col-12:nth-child(odd), .vignette.modeleLANBorder div.row > .col-lg-12:nth-child(odd), .vignette.modeleLANBorder div.row > .col-md-12:nth-child(odd) {
  padding: 0 16px;
}
.vignette.modeleLANBorder div.row > .col-12:nth-child(even), .vignette.modeleLANBorder div.row > .col-lg-12:nth-child(even), .vignette.modeleLANBorder div.row > .col-md-12:nth-child(even) {
  padding: 0 16px;
}
.vignette.modeleLANBorder div.row > .col-12.lastItem, .vignette.modeleLANBorder div.row > .col-lg-12.lastItem, .vignette.modeleLANBorder div.row > .col-md-12.lastItem {
  padding: 0 16px;
}
.vignette.modeleLANBorder .vignetteItem {
  margin-bottom: 16px;
  border-radius: 0px;
}
.vignette.modeleLANBorder .vignetteContent {
  position: absolute;
  left: 32px;
  right: 32px;
  top: 0;
  bottom: 0;
  height: 320px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vignette.modeleLANBorder .vignetteContent .vignetteTitle, .vignette.modeleLANBorder .vignetteContent .vignetteSubTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vignette.modeleLANBorder .vignetteContent .t-light {
  color: #FFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.vignette.modeleLANBorder .vignetteContent .t-dark {
  color: #000000;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.35);
}
.vignette.modeleLANBorder .vignetteContent .vignetteTitle {
  font-size: 2.5em;
}
@media (max-width: 479px) {
  .vignette.modeleLANBorder .vignetteContent .vignetteTitle {
    font-size: 2em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleLANBorder .vignetteContent .vignetteTitle {
    font-size: 2em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleLANBorder .vignetteContent .vignetteTitle {
    font-size: 2em;
  }
}
.vignette.modeleLANBorder .vignetteContent .vignetteSubTitle {
  font-size: 2em;
}
@media (max-width: 479px) {
  .vignette.modeleLANBorder .vignetteContent .vignetteSubTitle {
    font-size: 1.5em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleLANBorder .vignetteContent .vignetteSubTitle {
    font-size: 1.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleLANBorder .vignetteContent .vignetteSubTitle {
    font-size: 1.5em;
  }
}
.vignette.modeleLANBorder .vignetteLink {
  position: absolute;
  z-index: 2;
  left: 32px;
  right: 32px;
  bottom: 48px;
}

/*  ==========================================================================
    VIGNETTE VERSION STANDARD
    ========================================================================== */
.vignette.modeleCenter {
  text-align: center;
}
.vignette.modeleCenter div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(odd) {
  padding: 0 8px 0 16px;
}
@media (max-width: 479px) {
  .vignette.modeleCenter div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleCenter div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleCenter div.row > [class*=col-lg]:nth-child(odd), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(odd) {
    padding: 0 16px;
  }
}
.vignette.modeleCenter div.row > [class*=col-lg]:nth-child(even), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(even) {
  padding: 0 16px 0 8px;
}
@media (max-width: 479px) {
  .vignette.modeleCenter div.row > [class*=col-lg]:nth-child(even), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleCenter div.row > [class*=col-lg]:nth-child(even), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleCenter div.row > [class*=col-lg]:nth-child(even), .vignette.modeleCenter div.row > [class*=col-md]:nth-child(even) {
    padding: 0 16px;
  }
}
.vignette.modeleCenter div.row > [class*=col-lg].lastItem, .vignette.modeleCenter div.row > [class*=col-md].lastItem {
  padding: 0 16px 0 16px;
}
@media (max-width: 479px) {
  .vignette.modeleCenter div.row > [class*=col-lg].lastItem, .vignette.modeleCenter div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleCenter div.row > [class*=col-lg].lastItem, .vignette.modeleCenter div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleCenter div.row > [class*=col-lg].lastItem, .vignette.modeleCenter div.row > [class*=col-md].lastItem {
    padding: 0 16px;
  }
}
.vignette.modeleCenter div.row > .col-12:nth-child(odd), .vignette.modeleCenter div.row > .col-lg-12:nth-child(odd), .vignette.modeleCenter div.row > .col-md-12:nth-child(odd) {
  padding: 0 16px;
}
.vignette.modeleCenter div.row > .col-12:nth-child(even), .vignette.modeleCenter div.row > .col-lg-12:nth-child(even), .vignette.modeleCenter div.row > .col-md-12:nth-child(even) {
  padding: 0 16px;
}
.vignette.modeleCenter div.row > .col-12.lastItem, .vignette.modeleCenter div.row > .col-lg-12.lastItem, .vignette.modeleCenter div.row > .col-md-12.lastItem {
  padding: 0 16px;
}
.vignette.modeleCenter .vignetteItem {
  margin-bottom: 16px;
  border-radius: 0px;
}
.vignette.modeleCenter .vignetteItem .vignetteImg {
  /* HEIGHT DEFAUT */
  height: 480px;
}
@media (max-width: 479px) {
  .vignette.modeleCenter .vignetteItem .vignetteImg {
    height: 400px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleCenter .vignetteItem .vignetteImg {
    height: 400px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleCenter .vignetteItem .vignetteImg {
    height: 400px;
  }
}
.vignette.modeleCenter .vignetteContent {
  position: absolute;
  z-index: 2;
  left: 32px;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.vignette.modeleCenter .vignetteContent .vignetteTitle, .vignette.modeleCenter .vignetteContent .vignetteSubTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vignette.modeleCenter .vignetteContent .t-light {
  color: #FFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.vignette.modeleCenter .vignetteContent .t-dark {
  color: rgb(38.25, 38.25, 38.25);
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.35);
}
.vignette.modeleCenter .vignetteLink {
  position: relative;
  margin-top: 32px;
}

/*  ==========================================================================
    VIGNETTE VERSION MINI
    ========================================================================== */
.vignette.modeleMiniMatrix .row-grid {
  display: grid;
  grid-gap: 0;
  grid-template-columns: repeat(auto-fit, minmax(144px, 1fr));
  width: 83.33333%;
  margin: auto;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .row-grid {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .row-grid {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMiniMatrix .row-grid {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vignette.modeleMiniMatrix .row-grid {
    width: 100%;
  }
}
.vignette.modeleMiniMatrix .vignetteItem {
  position: relative;
  z-index: 1;
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.125s;
  background: transparent !important;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem {
    width: 100%;
    height: inherit;
    display: block;
    padding: 16px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem {
    width: 100%;
    height: inherit;
    display: block;
    padding: 16px 0;
  }
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem > div, .vignette.modeleMiniMatrix .vignetteItem > a > div {
    display: flex;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem > div, .vignette.modeleMiniMatrix .vignetteItem > a > div {
    display: flex;
  }
}
.vignette.modeleMiniMatrix .vignetteItem:hover, .vignette.modeleMiniMatrix .vignetteItem:focus {
  z-index: 2;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  transform: scale(1.5);
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover, .vignette.modeleMiniMatrix .vignetteItem:focus {
    transform: none;
    box-shadow: none;
    border-radius: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover, .vignette.modeleMiniMatrix .vignetteItem:focus {
    transform: none;
    box-shadow: none;
    border-radius: 0;
  }
}
.vignette.modeleMiniMatrix .vignetteItem:hover .bottom-100 .vignetteContent, .vignette.modeleMiniMatrix .vignetteItem:focus .bottom-100 .vignetteContent {
  bottom: 0;
}
.vignette.modeleMiniMatrix .vignetteItem:hover .bottom-100 .vignetteImg, .vignette.modeleMiniMatrix .vignetteItem:focus .bottom-100 .vignetteImg {
  margin-bottom: 32px;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .bottom-100 .vignetteImg, .vignette.modeleMiniMatrix .vignetteItem:focus .bottom-100 .vignetteImg {
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .bottom-100 .vignetteImg, .vignette.modeleMiniMatrix .vignetteItem:focus .bottom-100 .vignetteImg {
    margin-bottom: 0;
  }
}
.vignette.modeleMiniMatrix .vignetteItem:hover .bottom-050 .vignetteImg, .vignette.modeleMiniMatrix .vignetteItem:focus .bottom-050 .vignetteImg {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .bottom-050 .vignetteImg, .vignette.modeleMiniMatrix .vignetteItem:focus .bottom-050 .vignetteImg {
    margin-bottom: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .bottom-050 .vignetteImg, .vignette.modeleMiniMatrix .vignetteItem:focus .bottom-050 .vignetteImg {
    margin-bottom: 0;
  }
}
.vignette.modeleMiniMatrix .vignetteItem:hover .vignetteContent, .vignette.modeleMiniMatrix .vignetteItem:focus .vignetteContent {
  display: block;
  transform: scale(0.6666);
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .vignetteContent, .vignette.modeleMiniMatrix .vignetteItem:focus .vignetteContent {
    transform: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .vignetteContent, .vignette.modeleMiniMatrix .vignetteItem:focus .vignetteContent {
    transform: none;
  }
}
.vignette.modeleMiniMatrix .vignetteItem:hover .vignetteIconLinkStyle, .vignette.modeleMiniMatrix .vignetteItem:focus .vignetteIconLinkStyle {
  opacity: 0.25;
  transform: scale(0.6666);
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .vignetteIconLinkStyle, .vignette.modeleMiniMatrix .vignetteItem:focus .vignetteIconLinkStyle {
    transform: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem:hover .vignetteIconLinkStyle, .vignette.modeleMiniMatrix .vignetteItem:focus .vignetteIconLinkStyle {
    transform: none;
  }
}
.vignette.modeleMiniMatrix .vignetteItem:hover .borderStyle, .vignette.modeleMiniMatrix .vignetteItem:focus .borderStyle {
  opacity: 0;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteItem:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 32px);
    background-color: #D9D9D9;
    bottom: 0;
    left: -16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteItem:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 32px);
    background-color: #D9D9D9;
    bottom: 0;
    left: -16px;
  }
}
.vignette.modeleMiniMatrix .vignetteLinkFull {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vignette.modeleMiniMatrix .vignetteLinkFull:hover, .vignette.modeleMiniMatrix .vignetteLinkFull:focus {
  text-decoration: none;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteLinkFull {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteLinkFull {
    display: block;
  }
}
.vignette.modeleMiniMatrix .vignetteContent {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  margin: auto;
  text-align: center;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteContent {
    position: relative;
    display: block;
    left: inherit;
    right: inherit;
    bottom: inherit;
    text-align: left;
    margin-left: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteContent {
    position: relative;
    display: block;
    left: inherit;
    right: inherit;
    bottom: inherit;
    text-align: left;
    margin-left: 0;
  }
}
.vignette.modeleMiniMatrix .vignetteContent .vignetteTitle, .vignette.modeleMiniMatrix .vignetteContent .vignetteSubTitle {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.vignette.modeleMiniMatrix .vignetteContent .vignetteTitle {
  font-size: 1.125em;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteContent .vignetteTitle {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteContent .vignetteTitle {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMiniMatrix .vignetteContent .vignetteTitle {
    font-size: 1em;
  }
}
.vignette.modeleMiniMatrix .vignetteContent .vignetteSubTitle {
  font-size: 1.125em;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteContent .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteContent .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleMiniMatrix .vignetteContent .vignetteSubTitle {
    font-size: 1em;
  }
}
.vignette.modeleMiniMatrix .vignetteContent .t-light {
  color: #FFF;
  color: rgb(38.25, 38.25, 38.25);
}
.vignette.modeleMiniMatrix .vignetteContent .t-dark {
  color: rgb(38.25, 38.25, 38.25);
}
.vignette.modeleMiniMatrix .vignetteLink {
  text-align: center;
  font-size: 1.125em;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteLink {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteLink {
    font-size: 1em;
  }
}
.vignette.modeleMiniMatrix .vignetteLink i {
  font-size: 20px;
}
.vignette.modeleMiniMatrix .vignetteImg {
  width: 64px;
  height: 64px;
  margin: auto;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteImg {
    width: 48px;
    height: 48px;
    margin: 0 16px 0 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteImg {
    width: 48px;
    height: 48px;
    margin: 0 16px 0 0;
  }
}
.vignette.modeleMiniMatrix .vignetteImg span.img-shadow img {
  max-height: 100%;
  height: auto;
  width: auto;
  object-fit: cover;
  vertical-align: middle;
}
.vignette.modeleMiniMatrix .vignetteIconLinkStyle {
  position: absolute;
  opacity: 0;
  top: 8px;
  right: 8px;
}
@media (max-width: 479px) {
  .vignette.modeleMiniMatrix .vignetteIconLinkStyle {
    position: relative;
    opacity: 0.25;
    top: inherit;
    right: inherit;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleMiniMatrix .vignetteIconLinkStyle {
    position: relative;
    opacity: 0.25;
    top: inherit;
    right: inherit;
  }
}

/*  ==========================================================================
    VIGNETTE VERSION MINI
    ========================================================================== */
.vignette.modeleInline .vignetteItem {
  position: relative;
  background: transparent !important;
  margin-bottom: 16px;
}
.vignette.modeleInline .vignetteLinkFull {
  width: 100%;
}
.vignette.modeleInline .vignetteLinkFull:hover, .vignette.modeleInline .vignetteLinkFull:focus {
  text-decoration: none;
}
.vignette.modeleInline .vignetteAlign {
  display: flex;
  align-items: center;
  padding: 32px;
  border: 1px solid #D9D9D9;
  border-radius: 0px;
  transition: all ease-in-out 0.125s;
}
@media (max-width: 479px) {
  .vignette.modeleInline .vignetteAlign {
    padding: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleInline .vignetteAlign {
    padding: 16px;
  }
}
.vignette.modeleInline .vignetteAlign:hover, .vignette.modeleInline .vignetteAlign:focus {
  background: rgb(229.5, 229.5, 229.5);
  border-color: #D9D9D9;
  box-shadow: inset 0px 0px 64px #D9D9D9;
}
.vignette.modeleInline .vignetteAlign:hover .vignetteIconLinkStyle i, .vignette.modeleInline .vignetteAlign:focus .vignetteIconLinkStyle i {
  color: #FFF;
}
.vignette.modeleInline .vignetteImg {
  flex: none;
  border-radius: 0px;
  width: 64px;
  height: 64px;
  margin-right: 32px;
}
@media (max-width: 479px) {
  .vignette.modeleInline .vignetteImg {
    margin-right: 16px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleInline .vignetteImg {
    margin-right: 16px;
  }
}
.vignette.modeleInline .vignetteImg span.img-shadow img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  vertical-align: middle;
}
.vignette.modeleInline .vignetteIconLinkStyle {
  flex: none;
  margin-left: auto;
  padding-left: 32px;
}
@media (max-width: 479px) {
  .vignette.modeleInline .vignetteIconLinkStyle {
    padding-left: 16px;
    display: flex;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleInline .vignetteIconLinkStyle {
    padding-left: 16px;
    display: flex;
  }
}
@media (max-width: 479px) {
  .vignette.modeleInline .vignetteIconLinkStyle i {
    color: #a8b462;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleInline .vignetteIconLinkStyle i {
    color: #a8b462;
  }
}
.vignette.modeleInline .vignetteLink {
  display: inline-block;
  margin-top: 8px;
}
@media (max-width: 479px) {
  .vignette.modeleInline .vignetteLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleInline .vignetteLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.vignette.modeleInline .vignetteTitle {
  font-size: 1.25em;
  overflow: inherit;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
}
.vignette.modeleInline .vignetteTitle.t-light {
  color: #FFF;
}
.vignette.modeleInline .vignetteTitle.t-dark {
  color: rgb(38.25, 38.25, 38.25);
}
@media (max-width: 479px) {
  .vignette.modeleInline .vignetteTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleInline .vignetteTitle {
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleInline .vignetteTitle {
    font-size: 1.125em;
  }
}
.vignette.modeleInline .vignetteSubTitle {
  font-size: 1.125em;
  overflow: inherit;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
}
.vignette.modeleInline .vignetteSubTitle.t-light {
  color: #FFF;
}
.vignette.modeleInline .vignetteSubTitle.t-dark {
  color: rgb(38.25, 38.25, 38.25);
}
@media (max-width: 479px) {
  .vignette.modeleInline .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vignette.modeleInline .vignetteSubTitle {
    font-size: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vignette.modeleInline .vignetteSubTitle {
    font-size: 1em;
  }
}

/* IMPORT Variations Pages */
/*  ==========================================================================
    PAGE USER VARATION BULLE
    ========================================================================== */
.backWhite {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 16px;
  z-index: 17;
  position: relative;
}
@media (max-width: 479px) {
  .backWhite {
    padding: 0;
    z-index: 1;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .backWhite {
    padding: 0;
    z-index: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .backWhite {
    padding: 0;
    z-index: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .backWhite {
    z-index: 1;
  }
}

.transformLeft .backWhite {
  transform: translateX(-220px);
}
@media (max-width: 479px) {
  .transformLeft .backWhite {
    transform: translateX(0px);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .transformLeft .backWhite {
    transform: translateX(0px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .transformLeft .backWhite {
    transform: translateX(0px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .transformLeft .backWhite {
    transform: translateX(0px);
    margin-top: 16px;
  }
}

.leftPanelHide .leftPanelCenter {
  display: none;
}