@charset "UTF-8";
/* IMPORT SASS POUR SURCHARGER */
/* IMPORT FONT FAMILY */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poiret+One&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 MODULES */
/* 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 */
/* NAV SERVICES */
/* 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(106, 120, 113, 0.8);
  backdrop-filter: blur(5px);
  color: #FFFFFF; }
  .alert.primary .close {
    color: #d9d9d9; }

.alert.info {
  background: rgba(55, 176, 233, 0.8);
  backdrop-filter: blur(5px);
  color: #FFFFFF; }
  .alert.info .close {
    color: #0b4763; }

.alert.success {
  background: rgba(150, 193, 0, 0.8);
  backdrop-filter: blur(5px);
  color: #FFFFFF; }
  .alert.success .close {
    color: #475b00; }

.alert.warning {
  background: rgba(245, 147, 49, 0.8);
  backdrop-filter: blur(5px);
  color: #FFFFFF; }
  .alert.warning .close {
    color: #864707; }

.alert.error {
  background: rgba(230, 0, 6, 0.8);
  backdrop-filter: blur(5px);
  color: #FFFFFF; }
  .alert.error .close {
    color: #4d0002; }

.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: "Roboto Condensed", sans-serif;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #575757;
  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: #FFFFFF; }

.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: rgba(171, 162, 151, 0.05);
  padding: 32px 0; }

.backColor {
  background-color: rgba(171, 162, 151, 0.05); }

.backColorRadius {
  background-color: rgba(171, 162, 151, 0.05);
  border-radius: 5px; }

.backPaddingSmall {
  padding: 16px 0; }

.backBorderRadius {
  border-radius: 5px; }

span.a-link {
  color: #ABA297; }
  span.a-link:hover, span.a-link:focus {
    color: #ABA297; }

span.a-primary {
  color: #6a7871; }
  span.a-primary:hover, span.a-primary:focus {
    color: #6a7871; }

span.a-black {
  color: #000; }
  span.a-black:hover, span.a-black:focus {
    color: #000; }

span.a-white {
  color: #FFFFFF; }
  span.a-white:hover, span.a-white:focus {
    color: #FFFFFF; }

span.a-Off {
  opacity: 0.5; }

a, p.linkStyle, .linkStyle {
  font-family: "Roboto Condensed", sans-serif;
  font-size: inherit;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #766269;
  text-shadow: inherit; }
  a:hover, a:focus, p.linkStyle:hover, p.linkStyle:focus, .linkStyle:hover, .linkStyle:focus {
    color: #766269; }
  a:visited, p.linkStyle:visited, .linkStyle:visited {
    color: #3e3437; }
  a.a-link, p.linkStyle.a-link, .linkStyle.a-link {
    color: #6a7871; }
    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: #ABA297; }
  a.linkColor, p.linkStyle.linkColor, .linkStyle.linkColor {
    color: #766269; }
    a.linkColor i, p.linkStyle.linkColor i, .linkStyle.linkColor i {
      color: #766269; }
    a.linkColor:hover, a.linkColor:focus, p.linkStyle.linkColor:hover, p.linkStyle.linkColor:focus, .linkStyle.linkColor:hover, .linkStyle.linkColor:focus {
      color: #766269; }
      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: #766269; }
    a.linkColor:visited, p.linkStyle.linkColor:visited, .linkStyle.linkColor:visited {
      color: #3e3437; }
      a.linkColor:visited i, p.linkStyle.linkColor:visited i, .linkStyle.linkColor:visited i {
        color: #3e3437; }
  a.linkColorAlt, p.linkStyle.linkColorAlt, .linkStyle.linkColorAlt {
    color: #6a7871; }
    a.linkColorAlt i, p.linkStyle.linkColorAlt i, .linkStyle.linkColorAlt i {
      color: #6a7871; }
    a.linkColorAlt:hover, a.linkColorAlt:focus, p.linkStyle.linkColorAlt:hover, p.linkStyle.linkColorAlt:focus, .linkStyle.linkColorAlt:hover, .linkStyle.linkColorAlt:focus {
      color: #6a7871; }
      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: #6a7871; }
    a.linkColorAlt:visited, p.linkStyle.linkColorAlt:visited, .linkStyle.linkColorAlt:visited {
      color: #3a423e; }
      a.linkColorAlt:visited i, p.linkStyle.linkColorAlt:visited i, .linkStyle.linkColorAlt:visited i {
        color: #3a423e; }
  a.a-primary, p.linkStyle.a-primary, .linkStyle.a-primary {
    color: #6a7871; }
    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: #6a7871; }
  a.a-secondary, p.linkStyle.a-secondary, .linkStyle.a-secondary {
    color: #ABA297; }
    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: #ABA297; }
  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: #313131; }
    a.linkTxt:hover, a.linkTxt:focus, p.linkStyle.linkTxt:hover, p.linkStyle.linkTxt:focus, .linkStyle.linkTxt:hover, .linkStyle.linkTxt:focus {
      color: #313131; }
  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: #ABA297;
  color: #FFFFFF;
  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: #94897b;
    cursor: pointer;
    text-decoration: none;
    color: #FFFFFF; }
  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: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFFFFF;
  text-shadow: inherit;
  border-radius: 1px;
  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: #FFFFFF; }
  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: .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: #313131; }
    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: #cbcbcb;
      border-color: #cbcbcb; }
    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: #d8d8d8;
      border-color: #d8d8d8; }
  button.btn.btn-primary,
  a.btn.btn-primary, .btn.btn-primary {
    background-color: #766269;
    border-color: #766269; }
    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: #4c3f44;
      border-color: #4c3f44; }
    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: #5a4b50;
      border-color: #5a4b50; }
    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: #766269;
      border-color: #766269; }
  button.btn.btn-secondary,
  a.btn.btn-secondary, .btn.btn-secondary {
    background-color: #ABA297;
    border-color: #ABA297; }
    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: #887c6e;
      border-color: #887c6e; }
    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: #94897b;
      border-color: #94897b; }
    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: #ABA297;
      border-color: #ABA297; }
  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: #5b7500;
      border-color: #5b7500; }
    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: #6e8e00;
      border-color: #6e8e00; }
  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: #9a0004;
      border-color: #9a0004; }
    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: #b30005;
      border-color: #b30005; }
  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: #1588bf;
      border-color: #1588bf; }
    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: #1799d6;
      border-color: #1799d6; }
  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: #cf6d0a;
      border-color: #cf6d0a; }
    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: #e87a0b;
      border-color: #e87a0b; }
  button.btn.btn-border,
  a.btn.btn-border, .btn.btn-border {
    background-color: rgba(171, 162, 151, 0.15);
    border-color: rgba(171, 162, 151, 0.15);
    color: #313131; }
    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: rgba(136, 124, 110, 0.15);
      border-color: rgba(136, 124, 110, 0.15); }
    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: rgba(148, 137, 123, 0.15);
      border-color: rgba(148, 137, 123, 0.15); }
  button.btn.btn-border,
  a.btn.btn-border, .btn.btn-border {
    background-color: #313131;
    border-color: #313131;
    color: #FFFFFF; }
    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: #0b0b0b;
      border-color: #0b0b0b; }
    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: #181818;
      border-color: #181818; }
  button.btn.btn-white,
  a.btn.btn-white, .btn.btn-white {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #313131; }
    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: #e6e6e6;
      border-color: #e6e6e6;
      color: #313131; }
    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: #FFFFFF;
      border-color: #FFFFFF;
      color: #313131; }
  button.btn.btn-outline-defaut,
  a.btn.btn-outline-defaut, .btn.btn-outline-defaut {
    background-color: transparent;
    border-color: #F1F1F1;
    color: #313131; }
    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: #FFFFFF; }
  button.btn.btn-outline-primary,
  a.btn.btn-outline-primary, .btn.btn-outline-primary {
    background-color: transparent;
    border-color: #766269;
    color: #766269; }
    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: #766269;
      border-color: #766269;
      color: #FFFFFF; }
    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: #766269;
      border-color: #766269;
      color: #FFFFFF; }
    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: #766269; }
  button.btn.btn-outline-secondary,
  a.btn.btn-outline-secondary, .btn.btn-outline-secondary {
    background-color: transparent;
    border-color: #ABA297;
    color: #ABA297; }
    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: #ABA297;
      border-color: #ABA297;
      color: #FFFFFF; }
    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: #ABA297;
      border-color: #ABA297;
      color: #FFFFFF; }
    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: #ABA297; }
  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: #FFFFFF; }
    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: #FFFFFF; }
  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: #FFFFFF; }
    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: #FFFFFF; }
    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: #FFFFFF; }
  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: #FFFFFF; }
    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: #FFFFFF; }
  button.btn.btn-outline-border,
  a.btn.btn-outline-border, .btn.btn-outline-border {
    background-color: transparent;
    border-color: rgba(171, 162, 151, 0.15);
    color: rgba(171, 162, 151, 0.15); }
    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: rgba(171, 162, 151, 0.15);
      border-color: rgba(171, 162, 151, 0.15);
      color: #FFFFFF; }
    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: rgba(171, 162, 151, 0.15);
      border-color: rgba(171, 162, 151, 0.15);
      color: #FFFFFF; }
  button.btn.btn-outline-txt,
  a.btn.btn-outline-txt, .btn.btn-outline-txt {
    background-color: transparent;
    border-color: #313131;
    color: #313131; }
    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: #313131;
      border-color: #313131;
      color: #FFFFFF; }
    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: #313131;
      border-color: #313131;
      color: #FFFFFF; }
  button.btn.btn-outline-white,
  a.btn.btn-outline-white, .btn.btn-outline-white {
    background-color: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF; }
    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: #FFFFFF;
      border-color: #FFFFFF;
      color: #313131; }
    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: #FFFFFF;
      border-color: #FFFFFF;
      color: #313131; }
  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: #766269; }
    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: #5a4b50; }
    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: #5a4b50; }
    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: #766269; }
  button.btn.btn-color-secondary,
  a.btn.btn-color-secondary, .btn.btn-color-secondary {
    color: #ABA297; }
    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: #94897b; }
    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: #94897b; }
    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: #ABA297; }
  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: #6e8e00; }
    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: #6e8e00; }
  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: #b30005; }
    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: #b30005; }
  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: #1799d6; }
    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: #1799d6; }
  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: #e87a0b; }
    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: #e87a0b; }
  button.btn.btn-color-border,
  a.btn.btn-color-border, .btn.btn-color-border {
    color: rgba(171, 162, 151, 0.15); }
    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: rgba(148, 137, 123, 0.15); }
    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: rgba(148, 137, 123, 0.15); }
  button.btn.btn-color-txt,
  a.btn.btn-color-txt, .btn.btn-color-txt {
    color: #313131; }
    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: #181818; }
    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: #181818; }
  button.btn.btn-color-white,
  a.btn.btn-color-white, .btn.btn-color-white {
    color: #FFFFFF; }
    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: #e6e6e6; }
    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: #e6e6e6; }
  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: #6a7871; }
    button.btn.btnReset:hover, button.btn.btnReset:focus,
    a.btn.btnReset:hover,
    a.btn.btnReset:focus, .btn.btnReset:hover, .btn.btnReset:focus {
      color: #6a7871; }
  button.btn.btnDisabled,
  a.btn.btnDisabled, .btn.btnDisabled {
    opacity: 0.65;
    color: rgba(171, 162, 151, 0.15);
    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: #6a7871; }
  .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: 5px;
    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: 5px;
    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: #FFFFFF; }
    .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 .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 .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 .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: #6a7871;
      display: block;
      -webkit-backface-visibility: visible;
      transition: all .2s ease-in-out; }
    .imgContentSlider .owl-dots .owl-dot.active span, .imgContentMediaCarrousel .owl-dots .owl-dot.active span {
      background: #6a7871; }
    .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: #6a7871; }
  .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: rgba(171, 162, 151, 0.15);
        transition: all .2s ease-in-out; }
    .imgContentSliderAutoHeight .owl-nav .owl-prev {
      left: 0;
      transition: all .2s ease-in-out; }
      .imgContentSliderAutoHeight .owl-nav .owl-prev:hover i, .imgContentSliderAutoHeight .owl-nav .owl-prev:focus i {
        color: #ABA297; }
    .imgContentSliderAutoHeight .owl-nav .owl-next {
      right: 0;
      transition: all .2s ease-in-out; }
      .imgContentSliderAutoHeight .owl-nav .owl-next:hover i, .imgContentSliderAutoHeight .owl-nav .owl-next:focus i {
        color: #ABA297; }
  .imgContentSliderAutoHeight .owl-dots {
    position: relative;
    z-index: -1;
    display: flex;
    justify-content: center;
    opacity: 1;
    height: 48px;
    transition: all .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: rgba(171, 162, 151, 0.15);
      display: block;
      -webkit-backface-visibility: visible;
      transition: all .2s ease-in-out; }
    .imgContentSliderAutoHeight .owl-dots .owl-dot.active span {
      border-color: #ABA297;
      background: #ABA297; }
    .imgContentSliderAutoHeight .owl-dots .owl-dot:hover span, .imgContentSliderAutoHeight .owl-dots .owl-dot:focus span {
      border-color: #ABA297;
      background: #ABA297; }

.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; }
  .input-group-append .input-group-text {
    background: transparent;
    border-left: 1px solid #FFFFFF; }

/* FORM-CONTROL
------------------------------ */
.form-control {
  min-height: 56px;
  border-color: #D9D9D9;
  border-radius: 1px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #575757;
  text-shadow: inherit; }
  .form-control::placeholder {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-transform: inherit;
    font-style: italic;
    text-decoration: inherit;
    color: rgba(171, 162, 151, 0.5);
    text-shadow: inherit; }
  .form-control.placeholderRight::placeholder {
    text-align: right; }
  .form-control:focus {
    box-shadow: none;
    border-color: #b3b3b3;
    color: #313131; }
  .form-control.placeholderDefault::placeholder {
    text-transform: none; }

textarea.form-control {
  min-height: 154px;
  padding: 16px;
  border-radius: 1px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #575757;
  text-shadow: inherit; }

select.form-control {
  height: 56px;
  border-color: rgba(171, 162, 151, 0.15);
  padding: 10px 5px;
  border-radius: 1px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #575757;
  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: #ABA297; }
      .file-input .input-group-append .btn-upload i {
        margin-left: 8px;
        color: #ABA297; }
      .file-input .input-group-append .btn-upload:hover, .file-input .input-group-append .btn-upload:focus {
        color: #887c6e; }
        .file-input .input-group-append .btn-upload:hover i, .file-input .input-group-append .btn-upload:focus i {
          color: #887c6e; }
    .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: 1px; }
  .file-caption.icon-visible input.file-caption-name {
    padding: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.125em;
    font-weight: 300;
    text-transform: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: #575757;
    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: rgba(171, 162, 151, 0.15);
  padding: 14px 0.75rem;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #575757;
  text-shadow: inherit; }
  .selectize-input input {
    text-transform: uppercase;
    opacity: 0.5;
    font-size: 0.825rem; }

.selectize-dropdown .active {
  background-color: rgba(171, 162, 151, 0.1); }

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

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

/* 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: 1px; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 1.125em;
      font-weight: 300;
      text-transform: inherit;
      font-style: inherit;
      text-decoration: inherit;
      color: #575757;
      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: #ABA297; }
  .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: #FFFFFF; }

.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: #FFFFFF;
  border: 1px solid rgba(171, 162, 151, 0.15);
  transform: translateY(-50%);
  top: 50%; }

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

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

.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: #6a7871; }

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

.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: #FFFFFF;
  border: 1px solid rgba(171, 162, 151, 0.15);
  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: #FFFFFF; }

.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: #6a7871; }

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

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

.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: .2s ease;
      display: inline-block;
      height: 15px;
      width: 35px;
      position: relative;
      box-shadow: inset 0 0 0px 1px rgba(171, 162, 151, 0.35);
      border-radius: 60px;
      margin: 0;
      cursor: pointer;
      background: rgba(171, 162, 151, 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: #FFFFFF;
        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: #FFFFFF;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(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 rgba(171, 162, 151, 0.15);
      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: .2s ease;
      display: inline-block;
      height: 30px;
      width: 50px;
      position: relative;
      box-shadow: inset 0 0 0px 1px rgba(171, 162, 151, 0.35);
      border-radius: 60px;
      margin: 0;
      cursor: pointer;
      background: rgba(171, 162, 151, 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: #FFFFFF;
        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: #FFFFFF;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(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 rgba(171, 162, 151, 0.15);
      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: #6a7871; }
  .toggle.toggle-secondary input:checked + label:before {
    background: #ABA297; }
  .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 rgba(171, 162, 151, 0.15);
      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(49, 49, 49, 0.5); }
    .radio-group .input-field .radio-button:checked + .radio-title {
      border: 2px solid #ABA297; }
      .radio-group .input-field .radio-button:checked + .radio-title .radio-label {
        color: #313131;
        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( 5px + 2px); }
  .radio-group-multi .input-field {
    position: relative;
    border-radius: 5px;
    height: 46px;
    min-width: 46px;
    width: 100%;
    margin-top: -.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: 5px;
      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: "Roboto Condensed", sans-serif;
      font-size: 1rem;
      font-weight: 300;
      text-transform: uppercase;
      font-style: inherit;
      text-decoration: inherit;
      color: #575757;
      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: #FFFFFF;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
      color: #6a7871; }
      .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( 5px + 2px); }
  .radio-group-style-box .input-field {
    position: relative;
    height: 50px;
    margin-top: -.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: 5px;
      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(49, 49, 49, 0.5); }
    .radio-group-style-box .input-field .radio-button:checked + .radio-title {
      background-color: #FFFFFF;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
      color: #6a7871; }
      .radio-group-style-box .input-field .radio-button:checked + .radio-title .radio-label {
        color: #313131;
        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: #ABA297;
    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: #FFFFFF;
    border-radius: 1px;
    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: #FFFFFF;
        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: #ABA297 !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 .4s ease;
      transition: all .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: #FFFFFF;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .toggle-admin input + label:before {
        display: none; }
    .toggle-admin input:checked + label:after {
      left: 24px; }
  .toggle-admin.toggle-active input + label {
    background: #bfbfbf; }
  .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: "Poiret One", cursive;
  font-size: 2.75em;
  font-weight: 600;
  line-height: 1.25;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: black;
  text-shadow: inherit; }
  @media (max-width: 479px) {
    .titleH1, .titleH2, .titleH3, .titleH4, .titleH5, .titleH6 {
      font-size: 2em;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -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: 2;
      -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: 2;
      -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: "Poiret One", cursive;
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1.25;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #8a8a8a;
  text-shadow: inherit; }
  @media (max-width: 479px) {
    .subTitleH1, .subTitleH2, .subTitleH3, .subTitleH4, .subTitleH5 {
      font-size: 1.5em;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -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: 2;
      -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: 2;
      -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: 2em; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .titleH2 {
      font-size: 2em; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .titleH2 {
      font-size: 2em; } }

.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: 2em; }
  @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: "Roboto Condensed", sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.25;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: #6a7871;
  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: "Roboto Condensed", sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #ABA297;
  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: "Roboto Condensed", sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  text-transform: inherit;
  font-style: italic;
  text-decoration: inherit;
  color: #ABA297;
  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: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: #ABA297;
  text-shadow: inherit; }
  @media (max-width: 479px) {
    .textHook {
      font-size: 1em; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .textHook {
      font-size: 1em; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .textHook {
      font-size: 1em; } }
  .textHook a {
    font-family: inherit; }

.titleCitation, .tinyMce blockquote {
  font-family: "Poiret One", cursive;
  font-size: 1.125em;
  font-weight: 400;
  text-transform: inherit;
  font-style: italic;
  text-decoration: inherit;
  color: #485156;
  text-shadow: inherit;
  margin: 16px 0; }
  .titleCitation a, .tinyMce blockquote a {
    font-family: inherit; }

.titleLegende {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: inherit;
  font-style: italic;
  text-decoration: inherit;
  color: rgba(171, 162, 151, 0.5) !important;
  text-shadow: inherit; }
  .titleLegende a {
    font-family: inherit; }

.titleFooter {
  font-family: "Poiret One", cursive;
  font-size: 1em;
  font-weight: 600;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #ABA297;
  text-shadow: inherit; }

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

.textCopyright {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.875em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: rgba(171, 162, 151, 0.35);
  text-shadow: inherit; }
  .textCopyright a {
    font-family: inherit; }

.textTxt, .areaTxt, .tinyMce {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125em;
  font-weight: 300;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #575757;
  text-shadow: inherit; }

.titrageH1, .h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  text-transform: inherit;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFFFFF;
  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: 2;
      -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: 2;
      -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: 2;
      -webkit-box-orient: vertical; } }

[class^="icon-"], [class*=" icon-"] {
  font-size: 24px;
  color: #575757; }

[class^="nbs-icones-"], [class*=" nbs-icones-"] {
  font-size: 24px;
  color: #575757; }

.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: #485156; }

/*  ==========================================================================
    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: #FFFFFF;
    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: #ABA297;
        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: #6a7871;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px); }
  .modal-backdrop.show {
    opacity: .85; }

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

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

.modal-header {
  padding: 32px;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .modal-header .modalIcon {
    background-color: #6a7871;
    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: #6a7871; }

.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: #FFFFFF; }
  @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: 5px;
    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: #ABA297;
    border-color: #ABA297;
    color: #FFFFFF; }
    .cookies .btn.btn-white:hover, .cookies .btn.btn-white:active, .cookies .btn.btn-white:focus {
      color: #FFFFFF;
      background-color: #887c6e;
      border-color: #887c6e; }
    .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: #FFFFFF;
      background-color: #887c6e;
      border-color: #887c6e; }
  .cookies .btn.btn-outline-white {
    border-color: #ABA297;
    color: #ABA297; }
    .cookies .btn.btn-outline-white:hover, .cookies .btn.btn-outline-white:active, .cookies .btn.btn-outline-white:focus {
      background-color: #ABA297;
      color: #FFFFFF; }
    .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: #ABA297;
      color: #FFFFFF; }
  .cookies.cookiesPrimaryColor {
    background-color: #ABA297; }
    .cookies.cookiesPrimaryColor .titleH5, .cookies.cookiesPrimaryColor .textTxt {
      color: #FFFFFF; }
    .cookies.cookiesPrimaryColor .btn.btn-white {
      background-color: #FFFFFF;
      border-color: #FFFFFF;
      color: #ABA297; }
      .cookies.cookiesPrimaryColor .btn.btn-white:hover, .cookies.cookiesPrimaryColor .btn.btn-white:active, .cookies.cookiesPrimaryColor .btn.btn-white:focus {
        color: #ABA297;
        background-color: #d9d9d9;
        border-color: #d9d9d9; }
      .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: #ABA297;
        background-color: #d9d9d9;
        border-color: #d9d9d9; }
    .cookies.cookiesPrimaryColor .btn.btn-outline-white {
      background: transparent;
      border-color: #FFFFFF;
      color: #FFFFFF; }
      .cookies.cookiesPrimaryColor .btn.btn-outline-white:hover, .cookies.cookiesPrimaryColor .btn.btn-outline-white:active, .cookies.cookiesPrimaryColor .btn.btn-outline-white:focus {
        background: white;
        border-color: white;
        color: #ABA297; }
      .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: white;
        border-color: white;
        color: #ABA297; }

.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: 5px;
  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: #ABA297; }
  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 rgba(171, 162, 151, 0.15); }
      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: "Roboto Condensed", sans-serif;
        font-size: 1em;
        font-weight: 300;
        text-transform: inherit;
        font-style: inherit;
        text-decoration: inherit;
        color: #ABA297;
        text-shadow: inherit; }
        footer .footerInfos .footerNavInfos ul li a.linkFooterLine i {
          color: #ABA297; }
        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 .25s ease-in-out;
          color: rgba(171, 162, 151, 0.5); }
        footer .footerNav ul.footerMainNav li p {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 0.875em;
          font-weight: 300;
          text-transform: initial;
          font-style: inherit;
          text-decoration: inherit;
          color: rgba(171, 162, 151, 0.5);
          text-shadow: inherit;
          text-transform: uppercase; }
        footer .footerNav ul.footerMainNav li a {
          display: block;
          font-family: "Roboto Condensed", sans-serif;
          font-size: 0.875em;
          font-weight: 300;
          text-transform: initial;
          font-style: inherit;
          text-decoration: inherit;
          color: rgba(171, 162, 151, 0.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: #ABA297; }
        @media (max-width: 479px) {
          footer .footerNav ul.footerMainNav li {
            display: block;
            padding: 16px 16px;
            border-bottom: 1px solid;
            border-color: rgba(171, 162, 151, 0.15);
            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: rgba(171, 162, 151, 0.15);
            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: rgba(171, 162, 151, 0.15);
            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 .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 .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 .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: .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: #FFFFFF;
    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: .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: "Roboto Condensed", sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    font-style: inherit;
    text-decoration: inherit;
    color: #8a8a8a;
    text-shadow: inherit;
    transition: background ease-in-out .125s; }
    nav.headerNav ul li a:hover {
      font-weight: 300;
      color: #6a7871; }
    nav.headerNav ul li a:focus {
      font-weight: 300;
      color: #6a7871; }
    nav.headerNav ul li a.active {
      font-weight: 400;
      color: #6a7871; }

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: #8a8a8a;
  transition: all .2s ease-in-out; }
  nav.headerNavAlt ul li a i, nav.headerNavAlt ul li button i {
    font-size: 24px;
    color: #8a8a8a; }
  nav.headerNavAlt ul li a:hover, nav.headerNavAlt ul li button:hover {
    color: #6a7871; }
    nav.headerNavAlt ul li a:hover i, nav.headerNavAlt ul li button:hover i {
      color: #6a7871; }
  nav.headerNavAlt ul li a:focus, nav.headerNavAlt ul li button:focus {
    color: #6a7871; }
    nav.headerNavAlt ul li a:focus i, nav.headerNavAlt ul li button:focus i {
      color: #6a7871; }
  nav.headerNavAlt ul li a:active, nav.headerNavAlt ul li button:active {
    color: #6a7871; }
    nav.headerNavAlt ul li a:active i, nav.headerNavAlt ul li button:active i {
      color: #6a7871; }
  nav.headerNavAlt ul li a.active, nav.headerNavAlt ul li button.active {
    color: #6a7871; }
    nav.headerNavAlt ul li a.active i, nav.headerNavAlt ul li button.active i {
      color: #6a7871; }
  nav.headerNavAlt ul li a.customLink, nav.headerNavAlt ul li button.customLink {
    margin: 0;
    padding: 0;
    transition: ease-in-out all .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: "Roboto Condensed", sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    font-style: inherit;
    text-decoration: inherit;
    color: #6a7871;
    text-shadow: inherit;
    transition: all .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: 300;
      color: #6a7871; }
    nav.responsiveNav ul li a:focus {
      text-decoration: none; }
    nav.responsiveNav ul li a.active {
      font-weight: 400;
      color: #FFFFFF; }
      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 .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 .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 .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 .25s, width .25s, left .25s, top .25s;
      -moz-transition: -moz-transform .25s, width .25s, left .25s, top .25s;
      -o-transition: -o-transform .25s, width .25s, left .25s, top .25s;
      transition: transform .25s, width .25s, left .25s, top .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: "Roboto Condensed", sans-serif;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    font-style: inherit;
    text-decoration: inherit;
    color: #8a8a8a;
    text-shadow: inherit; }
    nav.leftPanelNav ul li a:hover {
      font-weight: 300;
      color: #6a7871; }
    nav.leftPanelNav ul li a:focus {
      font-weight: 300;
      color: #6a7871; }
    nav.leftPanelNav ul li a.active {
      font-weight: 400;
      color: #6a7871; }

/*  ==========================================================================
    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: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-transform: initial;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFFFFF;
  text-shadow: inherit; }
  .filterNav ul li a:hover, .filterNav ul li a:focus {
    font-weight: 300;
    color: #FFFFFF; }
  .filterNav ul li a.active {
    font-weight: 500;
    color: #FFFFFF; }

/* SUBNAV Responsive */
.subNavResponsive {
  transition: all .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 .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 .2s ease-in-out;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 1em;
        font-weight: 300;
        text-transform: initial;
        font-style: inherit;
        text-decoration: inherit;
        color: #FFFFFF;
        text-shadow: inherit; }
        .subNavResponsive .filterNav ul li a:hover, .subNavResponsive .filterNav ul li a:focus {
          text-decoration: none;
          font-weight: 300;
          color: #FFFFFF; }
        .subNavResponsive .filterNav ul li a.active {
          font-weight: 500;
          color: #FFFFFF; }
        .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: "Poiret One", cursive;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: initial;
    font-style: inherit;
    text-decoration: inherit;
    color: #ABA297;
    text-shadow: inherit; }
  .headerServices .headerServicesContactPhone  {
    font-size: 0.875rem; }

/* IMPORT Pages */
/*  ==========================================================================
    PAGE 403 - 404 CORE
    ========================================================================== */
.page40x {
  position: relative; }

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

/*  ==========================================================================
    PAGES GENERIC
    ========================================================================== */
/*  ==========================================================================
    PAGE CART
    ========================================================================== */
.cartVariant {
  border-bottom: 1px solid rgba(171, 162, 151, 0.15);
  transition: all ease-in-out .125s;
  /* VARIANT OFFRES */
  /* VARIANT SERVICES */ }
  .cartVariant.table-body-add {
    border-color: red; }
  .cartVariant:last-child {
    border-bottom: 0; }
  .cartVariant .cartVariantLine {
    background: rgba(171, 162, 151, 0.05);
    border-radius: 1px;
    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 rgba(171, 162, 151, 0.15);
        border-radius: 5px;
        /* 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 rgba(171, 162, 151, 0.15);
      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: .5; }
    .cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartVariantServicesUnitPrice {
      opacity: .5; }
    .cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartServicesSelectQuantity {
      opacity: .5; }
    .cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartVariantServicesTotalPrice {
      opacity: .5; }
    .cartVariant .cartVariantServices .cartVariantServicesLine.serviceDisabled .cartVariantServicesAction {
      opacity: .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: #575757; }
    @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: .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: .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 rgba(171, 162, 151, 0.15); }
  .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(49, 49, 49, 0.5);
  border-style: inset;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 5px;
  opacity: .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 #ABA297;
    background: #FFFFFF; }
    .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: 7.5px;
    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: #575757; }
    @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 .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 rgba(171, 162, 151, 0.15); }
  @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 rgba(171, 162, 151, 0.15); }

.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: #575757;
  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: .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: rgba(171, 162, 151, 0.05);
  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: #ABA297; }
  .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: "Roboto Condensed", sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  font-style: inherit;
  text-decoration: inherit;
  color: #FFFFFF;
  text-shadow: inherit;
  border-radius: 1px;
  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 #FFFFFF;
  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 rgba(171, 162, 151, 0.15); }
  @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 rgba(171, 162, 151, 0.15);
  transition: all ease-in-out .125s; }
  .myAddressTable .myAddressTableLine:hover, .myAddressTable .myAddressTableLine:focus {
    background-color: #e6e6e6;
    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 rgba(171, 162, 151, 0.15); }
  @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 rgba(171, 162, 151, 0.15);
  transition: all ease-in-out .125s; }
  .myOrdersTable .myOrdersTableLine:hover, .myOrdersTable .myOrdersTableLine:focus {
    background-color: #e6e6e6;
    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: #313131; }
  .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: #313131;
    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: '\d219'; }

/*  ==========================================================================
    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 rgba(171, 162, 151, 0.15); }

.dividerDotted {
  border-bottom: 1px dotted rgba(171, 162, 151, 0.15); }

.dividerDashed {
  border-bottom: 1px dashed rgba(171, 162, 151, 0.15); }

/* 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: #6a7871; }

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

.t-secondary {
  color: #ABA297; }

.t-black {
  color: #262626; }

.t-white {
  color: #FFFFFF; }

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

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

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

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

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

.t-txt85 {
  color: #575757 !important; }

.t-txt65 {
  color: #8a8a8a !important; }

.t-txt50 {
  color: #b1b1b1 !important; }

.t-txt35 {
  color: #d7d7d7 !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: #6a7871; }

.back-secondary {
  background: #ABA297; }

.back-black {
  background: #000; }

.back-white {
  background: #FFFFFF; }

.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: "\b100"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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: "\f900"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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: "\c100"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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: "\d100"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nbs-icones-ux-factory:before {
  content: "\d16c"; }

.nbs-icones-ux-filters-cursors:before {
  content: "\d16d"; }

.nbs-icones-ux-filters:before {
  content: "\d16e"; }

.nbs-icones-ux-flag-outilne-valid:before {
  content: "\d16f"; }

.nbs-icones-ux-flag-outline:before {
  content: "\d170"; }

.nbs-icones-ux-flag-solid-valid:before {
  content: "\d171"; }

.nbs-icones-ux-flag-solid:before {
  content: "\d172"; }

.nbs-icones-ux-folder:before {
  content: "\d173"; }

.nbs-icones-ux-france-exa:before {
  content: "\d174"; }

.nbs-icones-ux-france-outline:before {
  content: "\d175"; }

.nbs-icones-ux-france-solid:before {
  content: "\d176"; }

.nbs-icones-ux-game-and-watch:before {
  content: "\d177"; }

.nbs-icones-ux-game-boy:before {
  content: "\d178"; }

.nbs-icones-ux-game-pad:before {
  content: "\d179"; }

.nbs-icones-ux-ghost:before {
  content: "\d17a"; }

.nbs-icones-ux-gift:before {
  content: "\d17b"; }

.nbs-icones-ux-graduate-people:before {
  content: "\d17c"; }

.nbs-icones-ux-graduation-hat:before {
  content: "\d17d"; }

.nbs-icones-ux-grape:before {
  content: "\d17e"; }

.nbs-icones-ux-group:before {
  content: "\d17f"; }

.nbs-icones-ux-hail:before {
  content: "\d180"; }

.nbs-icones-ux-hand:before {
  content: "\d181"; }

.nbs-icones-ux-heart-outline:before {
  content: "\d182"; }

.nbs-icones-ux-heart-solid:before {
  content: "\d183"; }

.nbs-icones-ux-home:before {
  content: "\d184"; }

.nbs-icones-ux-information-circle:before {
  content: "\d185"; }

.nbs-icones-ux-information-light:before {
  content: "\d186"; }

.nbs-icones-ux-invisible:before {
  content: "\d187"; }

.nbs-icones-ux-key-h:before {
  content: "\d188"; }

.nbs-icones-ux-key-old-h:before {
  content: "\d189"; }

.nbs-icones-ux-key-old-v:before {
  content: "\d18a"; }

.nbs-icones-ux-key-v:before {
  content: "\d18b"; }

.nbs-icones-ux-kitchen-tools-1:before {
  content: "\d18c"; }

.nbs-icones-ux-kitchen-tools-2:before {
  content: "\d18d"; }

.nbs-icones-ux-laptop:before {
  content: "\d18e"; }

.nbs-icones-ux-legal:before {
  content: "\d18f"; }

.nbs-icones-ux-life-buoy:before {
  content: "\d190"; }

.nbs-icones-ux-light-bulb-idea:before {
  content: "\d191"; }

.nbs-icones-ux-light-bulb:before {
  content: "\d192"; }

.nbs-icones-ux-like:before {
  content: "\d193"; }

.nbs-icones-ux-link-to-download:before {
  content: "\d194"; }

.nbs-icones-ux-link-to-share:before {
  content: "\d195"; }

.nbs-icones-ux-link-to-url:before {
  content: "\d196"; }

.nbs-icones-ux-list-check:before {
  content: "\d197"; }

.nbs-icones-ux-list-to-do:before {
  content: "\d198"; }

.nbs-icones-ux-logotype-bs-2020:before {
  content: "\d199"; }

.nbs-icones-ux-lotus:before {
  content: "\d19a"; }

.nbs-icones-ux-magic:before {
  content: "\d19b"; }

.nbs-icones-ux-mail-envelope-love:before {
  content: "\d19c"; }

.nbs-icones-ux-mail-envelope:before {
  content: "\d19d"; }

.nbs-icones-ux-mail-send:before {
  content: "\d19e"; }

.nbs-icones-ux-map:before {
  content: "\d19f"; }

.nbs-icones-ux-matrix-table:before {
  content: "\d1a0"; }

.nbs-icones-ux-medal-1:before {
  content: "\d1a1"; }

.nbs-icones-ux-medal-2:before {
  content: "\d1a2"; }

.nbs-icones-ux-megaphone:before {
  content: "\d1a3"; }

.nbs-icones-ux-minus-circle:before {
  content: "\d1a4"; }

.nbs-icones-ux-minus-large:before {
  content: "\d1a5"; }

.nbs-icones-ux-minus-light:before {
  content: "\d1a6"; }

.nbs-icones-ux-moped:before {
  content: "\d1a7"; }

.nbs-icones-ux-mouse-mac-scroll:before {
  content: "\d1a8"; }

.nbs-icones-ux-mouse-mac:before {
  content: "\d1a9"; }

.nbs-icones-ux-mouse-pc-scroll:before {
  content: "\d1aa"; }

.nbs-icones-ux-mouse-pc:before {
  content: "\d1ab"; }

.nbs-icones-ux-move-free:before {
  content: "\d1ac"; }

.nbs-icones-ux-move-left-right:before {
  content: "\d1ad"; }

.nbs-icones-ux-move-up-down:before {
  content: "\d1ae"; }

.nbs-icones-ux-music-notes:before {
  content: "\d1af"; }

.nbs-icones-ux-newspaper:before {
  content: "\d1b0"; }

.nbs-icones-ux-no-content-1:before {
  content: "\d1b1"; }

.nbs-icones-ux-no-content-2:before {
  content: "\d1b2"; }

.nbs-icones-ux-number-0:before {
  content: "\d1b3"; }

.nbs-icones-ux-number-1:before {
  content: "\d1b4"; }

.nbs-icones-ux-number-2:before {
  content: "\d1b5"; }

.nbs-icones-ux-number-3:before {
  content: "\d1b6"; }

.nbs-icones-ux-number-4:before {
  content: "\d1b7"; }

.nbs-icones-ux-number-5:before {
  content: "\d1b8"; }

.nbs-icones-ux-number-6:before {
  content: "\d1b9"; }

.nbs-icones-ux-number-7:before {
  content: "\d1ba"; }

.nbs-icones-ux-number-8:before {
  content: "\d1bb"; }

.nbs-icones-ux-number-9:before {
  content: "\d1bc"; }

.nbs-icones-ux-padlock-error:before {
  content: "\d1bd"; }

.nbs-icones-ux-padlock-open:before {
  content: "\d1be"; }

.nbs-icones-ux-padlock-unknow:before {
  content: "\d1bf"; }

.nbs-icones-ux-padlock:before {
  content: "\d1c0"; }

.nbs-icones-ux-pan:before {
  content: "\d1c1"; }

.nbs-icones-ux-pannel-cross-road-ahead:before {
  content: "\d1c2"; }

.nbs-icones-ux-pannel-cross-road-left:before {
  content: "\d1c3"; }

.nbs-icones-ux-pannel-cross-road-right:before {
  content: "\d1c4"; }

.nbs-icones-ux-pannel-road-go-ahead:before {
  content: "\d1c5"; }

.nbs-icones-ux-pannel-road-left:before {
  content: "\d1c6"; }

.nbs-icones-ux-pannel-road-right:before {
  content: "\d1c7"; }

.nbs-icones-ux-pannel-rod-u-turn:before {
  content: "\d1c8"; }

.nbs-icones-ux-paperclip:before {
  content: "\d1c9"; }

.nbs-icones-ux-parking-car:before {
  content: "\d1ca"; }

.nbs-icones-ux-parking:before {
  content: "\d1cb"; }

.nbs-icones-ux-pc-screen:before {
  content: "\d1cc"; }

.nbs-icones-ux-phone-circle:before {
  content: "\d1cd"; }

.nbs-icones-ux-phone-outline:before {
  content: "\d1ce"; }

.nbs-icones-ux-phone-speaker:before {
  content: "\d1cf"; }

.nbs-icones-ux-pin-infos:before {
  content: "\d1d0"; }

.nbs-icones-ux-pin-point-1:before {
  content: "\d1d1"; }

.nbs-icones-ux-pin-point-2:before {
  content: "\d1d2"; }

.nbs-icones-ux-plane-1-outline:before {
  content: "\d1d3"; }

.nbs-icones-ux-plane-1-solid:before {
  content: "\d1d4"; }

.nbs-icones-ux-plane-landing:before {
  content: "\d1d5"; }

.nbs-icones-ux-plane-rising:before {
  content: "\d1d6"; }

.nbs-icones-ux-plate-cutlery:before {
  content: "\d1d7"; }

.nbs-icones-ux-pop-up:before {
  content: "\d1d8"; }

.nbs-icones-ux-preview:before {
  content: "\d1d9"; }

.nbs-icones-ux-printer:before {
  content: "\d1da"; }

.nbs-icones-ux-publication:before {
  content: "\d1db"; }

.nbs-icones-ux-question-circle:before {
  content: "\d1dc"; }

.nbs-icones-ux-question-light:before {
  content: "\d1dd"; }

.nbs-icones-ux-rain:before {
  content: "\d1de"; }

.nbs-icones-ux-random:before {
  content: "\d1df"; }

.nbs-icones-ux-refresh:before {
  content: "\d1e0"; }

.nbs-icones-ux-restore:before {
  content: "\d1e1"; }

.nbs-icones-ux-rocket:before {
  content: "\d1e2"; }

.nbs-icones-ux-seach:before {
  content: "\d1e3"; }

.nbs-icones-ux-secret-glasses:before {
  content: "\d1e4"; }

.nbs-icones-ux-secret-mode:before {
  content: "\d1e5"; }

.nbs-icones-ux-service-bell:before {
  content: "\d1e6"; }

.nbs-icones-ux-set-up:before {
  content: "\d1e7"; }

.nbs-icones-ux-shield-error:before {
  content: "\d1e8"; }

.nbs-icones-ux-shield-secure:before {
  content: "\d1e9"; }

.nbs-icones-ux-shield-valid:before {
  content: "\d1ea"; }

.nbs-icones-ux-shield:before {
  content: "\d1eb"; }

.nbs-icones-ux-shop:before {
  content: "\d1ec"; }

.nbs-icones-ux-shopping-cart-canceled:before {
  content: "\d1ed"; }

.nbs-icones-ux-shopping-cart-full:before {
  content: "\d1ee"; }

.nbs-icones-ux-shopping-cart-ok:before {
  content: "\d1ef"; }

.nbs-icones-ux-shopping-cart:before {
  content: "\d1f0"; }

.nbs-icones-ux-smartphone:before {
  content: "\d1f1"; }

.nbs-icones-ux-smiley:before {
  content: "\d1f2"; }

.nbs-icones-ux-snow:before {
  content: "\d1f3"; }

.nbs-icones-ux-sort-by-list:before {
  content: "\d1f4"; }

.nbs-icones-ux-sort-by-picture:before {
  content: "\d1f5"; }

.nbs-icones-ux-spam-box:before {
  content: "\d1f6"; }

.nbs-icones-ux-star-outline:before {
  content: "\d1f7"; }

.nbs-icones-ux-star-solid:before {
  content: "\d1f8"; }

.nbs-icones-ux-stock-limited:before {
  content: "\d1f9"; }

.nbs-icones-ux-stock-ok:before {
  content: "\d1fa"; }

.nbs-icones-ux-stock-out:before {
  content: "\d1fb"; }

.nbs-icones-ux-sun-cloud:before {
  content: "\d1fc"; }

.nbs-icones-ux-sun:before {
  content: "\d1fd"; }

.nbs-icones-ux-switch-off:before {
  content: "\d1fe"; }

.nbs-icones-ux-switch-on:before {
  content: "\d1ff"; }

.nbs-icones-ux-tablet-smartphone:before {
  content: "\d200"; }

.nbs-icones-ux-tablet:before {
  content: "\d201"; }

.nbs-icones-ux-tank:before {
  content: "\d202"; }

.nbs-icones-ux-thunder:before {
  content: "\d203"; }

.nbs-icones-ux-ticket-outline:before {
  content: "\d204"; }

.nbs-icones-ux-ticket-solid:before {
  content: "\d205"; }

.nbs-icones-ux-time-clock:before {
  content: "\d206"; }

.nbs-icones-ux-time-hourglass:before {
  content: "\d207"; }

.nbs-icones-ux-tool-circle:before {
  content: "\d208"; }

.nbs-icones-ux-tool-outline:before {
  content: "\d209"; }

.nbs-icones-ux-tool-solid:before {
  content: "\d20a"; }

.nbs-icones-ux-train:before {
  content: "\d20b"; }

.nbs-icones-ux-transfer-euros:before {
  content: "\d20c"; }

.nbs-icones-ux-transfer-uk:before {
  content: "\d20d"; }

.nbs-icones-ux-transfer-usd:before {
  content: "\d20e"; }

.nbs-icones-ux-trash:before {
  content: "\d20f"; }

.nbs-icones-ux-tree-scheme:before {
  content: "\d210"; }

.nbs-icones-ux-trophy-1:before {
  content: "\d211"; }

.nbs-icones-ux-trophy-2:before {
  content: "\d212"; }

.nbs-icones-ux-truck:before {
  content: "\d213"; }

.nbs-icones-ux-tv-screen:before {
  content: "\d214"; }

.nbs-icones-ux-user-profile:before {
  content: "\d215"; }

.nbs-icones-ux-user:before {
  content: "\d216"; }

.nbs-icones-ux-valid-circle:before {
  content: "\d217"; }

.nbs-icones-ux-valid-large:before {
  content: "\d218"; }

.nbs-icones-ux-valid-light:before {
  content: "\d219"; }

.nbs-icones-ux-van:before {
  content: "\d21a"; }

.nbs-icones-ux-vault:before {
  content: "\d21b"; }

.nbs-icones-ux-vegetal:before {
  content: "\d21c"; }

.nbs-icones-ux-virus-1:before {
  content: "\d21d"; }

.nbs-icones-ux-way-to-goal:before {
  content: "\d21e"; }

.nbs-icones-ux-wifi:before {
  content: "\d21f"; }

.nbs-icones-ux-wind:before {
  content: "\d220"; }

.nbs-icones-ux-wine-carafe:before {
  content: "\d221"; }

.nbs-icones-ux-wine-glass:before {
  content: "\d222"; }

.nbs-icones-ux-world:before {
  content: "\d223"; }

.nbs-icones-ux-x-circle:before {
  content: "\d224"; }

.nbs-icones-ux-x-large:before {
  content: "\d225"; }

.nbs-icones-ux-x-light:before {
  content: "\d226"; }

.nbs-icones-ux-zen-attitude:before {
  content: "\d227"; }

@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: "\a300"; }

.nbs-icones-asterisk-bold-2:before {
  content: "\a301"; }

.nbs-icones-asterisk-circle-1:before {
  content: "\a302"; }

.nbs-icones-asterisk-circle-2:before {
  content: "\a303"; }

.nbs-icones-asterisk-light-1:before {
  content: "\a304"; }

.nbs-icones-asterisk-light-2:before {
  content: "\a305"; }

/* IMPORT Defaut Modules */
/*  ==========================================================================
    MODULE ACCORDEON
    ========================================================================== */
.accordeon {
  position: relative; }
  .accordeon .collapseBloc {
    border-bottom: 1px solid rgba(171, 162, 151, 0.15); }
    .accordeon .collapseBloc:first-child {
      border-top: 1px solid rgba(171, 162, 151, 0.15); }
  .accordeon .collapseTitle i {
    margin-right: 8px; }
  .accordeon .collapseContent {
    padding: 0 32px;
    padding-bottom: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.125em;
    font-weight: 300;
    text-transform: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: #575757;
    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: #ABA297; }

/*  ==========================================================================
    MODULE BUSINESS CARD
    ========================================================================== */
.business {
  /* BUSINESS CARD */
  /* BUSINESS RESPONSABLE */
  /* MODULE SCHEDULE DANS BUSINESS CARD */
  /* MODULE CARTO DANS BUSINESS CARD */ }
  .business .titrageH1 {
    font-size: 1.38889em;
    color: #575757; }
    .business .titrageH1 i {
      color: #575757;
      margin-right: 8px; }
  .business .collapseBloc {
    border-bottom: 1px solid rgba(171, 162, 151, 0.15); }
    .business .collapseBloc:first-child {
      border-top: 1px solid rgba(171, 162, 151, 0.15); }
  .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 rgba(171, 162, 151, 0.15);
    align-items: center; }
    .business .businessCard .businessCardImg {
      position: relative;
      margin: 0;
      overflow: hidden;
      text-align: center;
      border-radius: 5px;
      margin-right: 16px;
      flex: none;
      background: #f2f2f2;
      /* HEIGHT DEFAUT */
      width: 80px;
      height: 80px;
      line-height: 76.19048px; }
      .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.44444px;
      margin: 0;
      overflow: hidden;
      text-align: center;
      border-radius: 32px;
      margin-right: 16px;
      flex: none;
      background: #f2f2f2; }
      .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 #FFFFFF;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.125em;
    font-weight: 300;
    text-transform: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: #575757;
    text-shadow: inherit;
    background-color: #f2f2f2; }
    .business .scheduleTable .scheduleTableTr:first-child {
      border-top: 1px solid #FFFFFF; }
    .business .scheduleTable .scheduleTableTr.dayThis {
      border-radius: 5px;
      font-weight: 500;
      margin-top: -1px;
      background: rgba(255, 255, 255, 0.05); }
      .business .scheduleTable .scheduleTableTr.dayThis.dayOpen {
        border: 1px solid #ABA297;
        background: #ABA297;
        color: #ABA297;
        color: #FFFFFF; }
      .business .scheduleTable .scheduleTableTr.dayThis.dayClose {
        border: 1px solid #e60006;
        color: #e60006; }
    .business .scheduleTable .scheduleTableTr.dayOff {
      color: rgba(49, 49, 49, 0.25); }
  .business .scheduleTable .scheduleTableEnd {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.125em;
    font-weight: 300;
    text-transform: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: #575757;
    text-shadow: inherit; }
  .business .cartographyContent {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    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: #FFFFFF;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); }
    .carrousel .carrouselContent .carrouselSlide .carrouselText .t-dark {
      color: black;
      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: #FFFFFF;
      border-color: #FFFFFF;
      color: #6a7871;
      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: #6a7871; }
    .carrousel .carrouselContent .carrouselSlide .btn-dark {
      background-color: #6a7871;
      border-color: #6a7871;
      color: #FFFFFF;
      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: #FFFFFF; }

/*  ==========================================================================
    MODULE CARTOGRAPHY
    ========================================================================== */
.cartography .cartographyContent {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  /* 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: #ABA297 !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: black; }

/*  ==========================================================================
    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: #3e3437; }
  .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: #766269; }

/*  ==========================================================================
    MODULE EVENT
    ========================================================================== */
.event .eventLegende {
  margin-bottom: 32px; }
  .event .eventLegende a {
    color: inherit; }

.event .eventList {
  margin-bottom: 32px; }
  .event .eventList .eventItem {
    border-bottom: 1px solid rgba(171, 162, 151, 0.15);
    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: #3e3437; }

/*  ==========================================================================
    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 .125s;
  /* HOVER EFFECT */
  /* BORDER RADIUS */
  border-radius: 5px;
  /*
        .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: #e6e6e6; }
  .flux .fluxItem a:hover, .flux .fluxItem a:focus {
    background: none;
    color: inherit; }
  .flux .fluxItem .fluxImg {
    border-radius: 5px; }
    .flux .fluxItem .fluxImg img {
      border-radius: 5px; }
  .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: 5px;
  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: 5px;
  overflow: hidden; }
  @media (max-width: 479px) {
    .mediaBloc.modeleStandardFluid .imgContent img, .mediaBloc.modeleStandardContainer .imgContent img, .mediaBloc.modeleFluid .imgContent img, .mediaBloc.modeleContainer .imgContent img {
      border-radius: 5px; } }
  @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: 5px; } }
  @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: 5px; } }

.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: 5px; }
  .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: 5px; }
    .thumbOffer .thumbOfferModule .thumbOfferItem .thumbOfferItemImg img {
      border-radius: 5px; }
  .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 rgba(171, 162, 151, 0.15);
    border-bottom: 1px solid rgba(171, 162, 151, 0.15); }
    .schedule .scheduleTable .scheduleTableHeader {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 64px 16px 16px;
      font-family: "Poiret One", cursive;
      font-size: 1.125em;
      font-weight: 600;
      text-transform: inherit;
      font-style: inherit;
      text-decoration: inherit;
      color: black;
      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 #FFFFFF;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 1.125em;
      font-weight: 300;
      text-transform: inherit;
      font-style: inherit;
      text-decoration: inherit;
      color: #575757;
      text-shadow: inherit; }
      .schedule .scheduleTable .scheduleTableTr:first-child {
        border-top: 1px solid #FFFFFF; }
      .schedule .scheduleTable .scheduleTableTr.dayThis {
        border-radius: 5px;
        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(49, 49, 49, 0.25); }
    .schedule .scheduleTable .scheduleTableEnd {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 40px 0 33px;
      padding: 16px 0;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 1.125em;
      font-weight: 300;
      text-transform: inherit;
      font-style: italic;
      text-decoration: inherit;
      color: rgba(171, 162, 151, 0.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: 5px;
    /* 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 .125s;
  /* HOVER EFFECT */
  /* BORDER RADIUS */
  border-radius: 5px; }
  .suggest .suggestItem:hover, .suggest .suggestItem:focus {
    background: #e6e6e6; }
  .suggest .suggestItem a:hover, .suggest .suggestItem a:focus {
    background: none;
    color: inherit; }
  .suggest .suggestItem .suggestImg {
    border-radius: 5px; }
    .suggest .suggestItem .suggestImg img {
      border-radius: 5px; }
  .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 rgba(171, 162, 151, 0.15);
  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: 10px; }
    .vignette .vignetteItem .vignetteImg {
      position: relative;
      width: 100%;
      margin: 0;
      overflow: hidden;
      text-align: center;
      border-radius: 5px;
      /* 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: #FFFFFF;
      text-shadow: none; }
      @media (max-width: 479px) {
        .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-light {
          text-shadow: none;
          color: black; } }
      @media (min-width: 480px) and (max-width: 767px) {
        .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-light {
          text-shadow: none;
          color: black; } }
    .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-dark {
      color: black;
      text-shadow: none; }
      @media (max-width: 479px) {
        .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-dark {
          text-shadow: none;
          color: black; } }
      @media (min-width: 480px) and (max-width: 767px) {
        .carrousel.modeleLAN .carrouselContent .carrouselSlide .carrouselText .t-dark {
          text-shadow: none;
          color: black; } }
  .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: .75s;
  animation-duration: .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: .75s;
  animation-duration: .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(171, 162, 151, 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: #ABA297; }
  .carrousel.modeleLAN .owl-nav .owl-prev {
    left: 0;
    background: transparent !important;
    transition: all .2s ease-in-out; }
  .carrousel.modeleLAN .owl-nav .owl-next {
    right: 0;
    background: transparent !important;
    transition: all .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 .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(171, 162, 151, 0.5);
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .2s ease-in-out; }
  .carrousel.modeleLAN .owl-dots .owl-dot.active span {
    background: #ABA297; }
  .carrousel.modeleLAN .owl-dots .owl-dot:hover span, .carrousel.modeleLAN .owl-dots .owl-dot:focus span {
    background: #ABA297; }

/*  ==========================================================================
    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: black !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: black !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: #FFFFFF; }
    .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 .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 .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 .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: #6a7871;
      display: block;
      -webkit-backface-visibility: visible;
      transition: all .2s ease-in-out; }
    .carrousel.modeleStandard .owl-dots .owl-dot.active span {
      background: #6a7871; }
    .carrousel.modeleStandard .owl-dots .owl-dot:hover span, .carrousel.modeleStandard .owl-dots .owl-dot:focus span {
      background: #6a7871; }

/*  ==========================================================================
    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 .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: #313131;
        opacity: 0;
        transition: all ease-in-out .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 .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 .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 .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: #FFFFFF;
      display: block;
      -webkit-backface-visibility: visible;
      transition: all .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: #FFFFFF; }
    .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: #FFFFFF; }

.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: #FFFFFF; }
      .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 .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 .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 .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: #FFFFFF;
        display: block;
        -webkit-backface-visibility: visible;
        transition: all .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: #313131; } }
        @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: #313131; } }
      .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: #FFFFFF; }
        @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: #313131; } }
        @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: #313131; } }
      .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: #FFFFFF; }
        @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: #313131; } }
        @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: #313131; } }
  .carrousel.modeleClassic-md .carrouselSlide img {
    /* HEIGHT WITH 320 */
    height: 320px; }
  .carrousel.modeleClassic-md .carrouselSlide .carrouselText .carrouselTitle {
    font-size: 2em; }
    @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: 2em; } }
    @media (min-width: 480px) and (max-width: 767px) {
      .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselTitle {
        font-size: 2em; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .carrousel.modeleClassic-xl .carrouselSlide .carrouselText .carrouselTitle {
        font-size: 2em; } }
  .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: 5px;
  border-bottom-left-radius: 5px;
  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: 5px;
      overflow: hidden; }
      @media (max-width: 479px) {
        .carrousel.modelePRO .carrouselContent .carrouselSlide {
          border-radius: 0;
          background-color: #FFFFFF !important; } }
      @media (min-width: 480px) and (max-width: 767px) {
        .carrousel.modelePRO .carrouselContent .carrouselSlide {
          border-radius: 0;
          background-color: #FFFFFF !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .carrousel.modelePRO .carrouselContent .carrouselSlide {
          border-radius: 0;
          background-color: #FFFFFF !important; } }
      .carrousel.modelePRO .carrouselContent .carrouselSlide img {
        opacity: 1;
        vertical-align: middle;
        z-index: 10;
        width: 100%;
        max-width: 100vw;
        display: block;
        border-radius: 5px;
        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: #FFFFFF; }
        @media (max-width: 479px) {
          .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-light {
            text-shadow: none;
            color: black; } }
        @media (min-width: 480px) and (max-width: 767px) {
          .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-light {
            text-shadow: none;
            color: black; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-light {
            text-shadow: none;
            color: black; } }
        .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark:after {
          background: black; }
        @media (max-width: 479px) {
          .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark {
            text-shadow: none;
            color: black; } }
        @media (min-width: 480px) and (max-width: 767px) {
          .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark {
            text-shadow: none;
            color: black; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .carrousel.modelePRO .carrouselContent .carrouselSlide .carrouselText .t-dark {
            text-shadow: none;
            color: black; } }
      .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: #FFFFFF;
          border-color: #FFFFFF; }
          .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: #FFFFFF;
            border-color: #FFFFFF;
            color: #5e6a64; }
          .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: #FFFFFF;
            border-color: #FFFFFF;
            color: #58645e; }
  .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: #ABA297; }
      .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: #ABA297; }
    .carrousel.modelePRO .owl-nav .owl-prev {
      left: 0;
      display: none;
      background: transparent !important;
      transition: all .2s ease-in-out; }
    .carrousel.modelePRO .owl-nav .owl-next {
      right: calc(16px - 80px);
      background: transparent !important;
      transition: all .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 .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(49, 49, 49, 0.25);
        display: block;
        -webkit-backface-visibility: visible;
        transition: all .2s ease-in-out; }
      .carrousel.modelePRO .owl-dots .owl-dot.active span {
        transform: scale(2);
        border-radius: 32px;
        background-color: #ABA297;
        background: #ABA297; }
      .carrousel.modelePRO .owl-dots .owl-dot:hover span, .carrousel.modelePRO .owl-dots .owl-dot:focus span {
        background: #ABA297; }

/*  ==========================================================================
    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 rgba(171, 162, 151, 0.15); }
  .contactRich.modeleMaterial .checkbox.checkbox-secondary input[type=checkbox]:checked + label:before {
    border-color: transparent;
    border-bottom: 1px solid rgba(171, 162, 151, 0.15); }
  .contactRich.modeleMaterial .checkbox input[type=checkbox]:checked + label::after {
    color: #6a7871; }
  .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 rgba(171, 162, 151, 0.15); }
  .contactRich.modeleMaterial .radio.radio-secondary input[type=radio]:checked + label:before {
    border-color: #6a7871; }

/*  ==========================================================================
    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: 5px; }
    .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: 5px; }

.flux.modeleListFormation .fluxImg {
  margin-right: 16px;
  margin-bottom: 0;
  border-radius: 5px;
  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: #FFFFFF; }

.flux.modeleListFormation .subTitleH5 {
  color: #FFFFFF;
  text-transform: uppercase; }

.flux.modeleListFormation .fluxCategorySubTitle {
  margin-left: auto;
  flex: none; }

.flux.modeleListFormation .fluxSeparateText {
  margin: 0 4px;
  color: #FFFFFF; }

/*  ==========================================================================
    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: 5px;
  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: 5px;
  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: 5px;
  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: #FFFFFF; }

.flux.modeleBook .subTitleH4 {
  color: #FFFFFF; }

/*  ==========================================================================
    FLUX VERSION STANDARD
    ========================================================================== */
.flux.modeleListSimple div.row > .col-12 {
  padding: 0 16px; }

.flux.modeleListSimple .fluxItem {
  margin-bottom: 16px;
  transition: all ease-in-out .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: auto;
  min-width: 160px;
  height: 160px; }
  @media (max-width: 479px) {
    .label.modeleStandard.labelXl .labelItem .labelImg {
      height: 128px;
      width: auto;
      min-width: 240px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .label.modeleStandard.labelXl .labelItem .labelImg {
      height: 128px;
      width: auto;
      min-width: 160px; } }

.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: #FFFFFF; }
  .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); }
      @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 .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: 10px; }

.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: 2em; }
    @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: #FFFFFF; }
  .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 .125s; }
    .liste.modeleOffres .listeItem:hover {
      background-color: #FFFFFF;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
      border-radius: 5px; }
    .liste.modeleOffres .listeItem .listeImg {
      height: 400px;
      border-radius: 5px; }
      @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 rgba(171, 162, 151, 0.15); }
    .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: #FFFFFF; }
  .liste.modeleOffresAlt .listeItem {
    transition: all ease-in-out .125s;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.075);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 32px; }
    .liste.modeleOffresAlt .listeItem:hover {
      background-color: #FFFFFF;
      box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);
      border-radius: 5px; }
    .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 rgba(171, 162, 151, 0.15);
      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 .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 .125s;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    .liste.modeleOffresAlt .listeItem .listeOfferLink {
      display: inline-block;
      border-radius: 5px;
      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: #ABA297;
        border-color: #ABA297; }
        .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:hover, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:active, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary:focus {
          background-color: #887c6e;
          border-color: #887c6e;
          color: #FFFFFF; }
          .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: #FFFFFF; }
        .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary .listeOfferLinkBtn, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-secondary i {
          color: #FFFFFF;
          transition: color ease-in-out .125s; }
      .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary {
        background-color: transparent;
        border-color: #ABA297;
        color: #ABA297; }
        .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: #ABA297;
          border-color: #ABA297;
          color: #FFFFFF; }
          .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: #FFFFFF; }
        .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary .listeOfferLinkBtn, .liste.modeleOffresAlt .listeItem .listeOfferLink.style-outline-secondary i {
          color: #ABA297;
          transition: color ease-in-out .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: "Roboto Condensed", sans-serif;
        font-size: 1em;
        font-weight: 500;
        text-transform: uppercase;
        font-style: inherit;
        text-decoration: inherit;
        color: #FFFFFF;
        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 > div.row > [class*="col-lg-6"]:nth-child(odd),
.mediaBloc .mediaModule > div.row > [class*="col-md-6"]:nth-child(odd) {
  padding: 0 8px 0 0; }
  .mediaBloc .mediaModule > div.row > [class*="col-lg-6"]:nth-child(odd) div.row > [class*="col-lg-6"]:nth-child(odd),
  .mediaBloc .mediaModule > div.row > [class*="col-lg-6"]:nth-child(odd) div.row > [class*="col-md-6"]:nth-child(odd),
  .mediaBloc .mediaModule > div.row > [class*="col-md-6"]:nth-child(odd) div.row > [class*="col-lg-6"]:nth-child(odd),
  .mediaBloc .mediaModule > 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 > div.row > [class*="col-lg-6"]:nth-child(odd) div.row > [class*="col-lg-6"]:nth-child(even),
  .mediaBloc .mediaModule > div.row > [class*="col-lg-6"]:nth-child(odd) div.row > [class*="col-md-6"]:nth-child(even),
  .mediaBloc .mediaModule > div.row > [class*="col-md-6"]:nth-child(odd) div.row > [class*="col-lg-6"]:nth-child(even),
  .mediaBloc .mediaModule > 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 > div.row > [class*="col-lg-6"]:nth-child(even),
.mediaBloc .mediaModule > div.row > [class*="col-md-6"]:nth-child(even) {
  padding: 0 0 0 8px; }
  .mediaBloc .mediaModule > div.row > [class*="col-lg-6"]:nth-child(even) div.row > [class*="col-lg-6"]:nth-child(odd),
  .mediaBloc .mediaModule > div.row > [class*="col-lg-6"]:nth-child(even) div.row > [class*="col-md-6"]:nth-child(odd),
  .mediaBloc .mediaModule > div.row > [class*="col-md-6"]:nth-child(even) div.row > [class*="col-lg-6"]:nth-child(odd),
  .mediaBloc .mediaModule > 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 > div.row > [class*="col-lg-6"]:nth-child(even) div.row > [class*="col-lg-6"]:nth-child(even),
  .mediaBloc .mediaModule > div.row > [class*="col-lg-6"]:nth-child(even) div.row > [class*="col-md-6"]:nth-child(even),
  .mediaBloc .mediaModule > div.row > [class*="col-md-6"]:nth-child(even) div.row > [class*="col-lg-6"]:nth-child(even),
  .mediaBloc .mediaModule > 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 > div.row > [class*="col-lg-4"],
.mediaBloc .mediaModule > div.row > [class*="col-md-4"],
.mediaBloc .mediaModule > div.row > [class*="col-lg-3"],
.mediaBloc .mediaModule > div.row > [class*="col-md-3"] {
  padding: 0 8px 0 8px; }
  .mediaBloc .mediaModule > div.row > [class*="col-lg-4"]:first-child,
  .mediaBloc .mediaModule > div.row > [class*="col-md-4"]:first-child,
  .mediaBloc .mediaModule > div.row > [class*="col-lg-3"]:first-child,
  .mediaBloc .mediaModule > div.row > [class*="col-md-3"]:first-child {
    padding: 0 8px 0 0; }
  .mediaBloc .mediaModule > div.row > [class*="col-lg-4"]:last-child, .mediaBloc .mediaModule > div.row > [class*="col-lg-4"]:nth-last-child(2),
  .mediaBloc .mediaModule > div.row > [class*="col-md-4"]:last-child,
  .mediaBloc .mediaModule > div.row > [class*="col-md-4"]:nth-last-child(2),
  .mediaBloc .mediaModule > div.row > [class*="col-lg-3"]:last-child,
  .mediaBloc .mediaModule > div.row > [class*="col-lg-3"]:nth-last-child(2),
  .mediaBloc .mediaModule > div.row > [class*="col-md-3"]:last-child,
  .mediaBloc .mediaModule > 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(171, 162, 151, 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: #ABA297; }
      .mediaBloc.modeleLAN .imgContentSlider .owl-nav .owl-prev, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-nav .owl-prev {
        left: 0;
        background: transparent !important;
        transition: all .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 .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 .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(171, 162, 151, 0.5);
        display: block;
        -webkit-backface-visibility: visible;
        transition: all .2s ease-in-out; }
      .mediaBloc.modeleLAN .imgContentSlider .owl-dots .owl-dot.active span, .mediaBloc.modeleLAN .imgContentMediaCarrousel .owl-dots .owl-dot.active span {
        background: #ABA297; }
      .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: #ABA297; }

/*  ==========================================================================
    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: #ABA297; }
        .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: #ABA297; }
      .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-prev {
        left: 0;
        display: none;
        background: transparent !important;
        transition: all .2s ease-in-out; }
      .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-nav .owl-next {
        right: calc(16px - 80px);
        background: transparent !important;
        transition: all .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 .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(49, 49, 49, 0.25);
          display: block;
          -webkit-backface-visibility: visible;
          transition: all .2s ease-in-out; }
        .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot.active span {
          transform: scale(2);
          border-radius: 32px;
          background-color: #ABA297;
          background: #ABA297; }
        .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot:hover span, .mediaBloc.modelePro .imgContentMediaCarrouselPro .owl-dots .owl-dot:focus span {
          background: #ABA297; }

/*  ==========================================================================
    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: 5px; }
  .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: #ABA297; }
      .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: "\f929"; }
      .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: "\f936"; }
    .mediaBloc.modeleBasique .imgContentSlider .owl-nav .owl-prev, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-nav .owl-prev {
      left: 0;
      background: transparent !important;
      transition: all .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 .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 .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 .2s ease-in-out; }
    .mediaBloc.modeleBasique .imgContentSlider .owl-dots .owl-dot.active span, .mediaBloc.modeleBasique .imgContentMediaCarrousel .owl-dots .owl-dot.active span {
      background: #ABA297;
      border-color: #ABA297; }
    .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: #ABA297;
      border-color: #ABA297; }

/*  ==========================================================================
    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: 5px;
    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: #FFFFFF !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); }

/*  ==========================================================================
    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 rgba(171, 162, 151, 0.15); }
    @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: #e6e6e6; }

.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: #e6e6e6; }

.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: rgba(171, 162, 151, 0.05);
  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 rgba(171, 162, 151, 0.15);
    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 rgba(171, 162, 151, 0.15);
    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 rgba(171, 162, 151, 0.15);
    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 #6a7871;
    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: 2em; }
  .modeleGastro .tableModule .tableList .tableItem .tablePrice {
    font-size: 2em;
    opacity: .65; }
  .modeleGastro .tableModule .tableList .tableItem .tableUnity {
    font-size: 1.25em; }
  .modeleGastro .tableModule .tableList .tableItem .tableSeparateur {
    margin: 0 4px;
    opacity: .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 rgba(171, 162, 151, 0.15);
  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 rgba(171, 162, 151, 0.15);
    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 rgba(171, 162, 151, 0.15);
    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: 5px;
  /* 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: 2em; }
  @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: #ABA297; }
  .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-prev {
    display: none; }
  .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-nav .owl-next {
    right: 0;
    transition: all .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 .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: #6a7871;
    display: block;
    -webkit-backface-visibility: visible;
    transition: all .2s ease-in-out; }
  .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots .owl-dot.active span {
    background: #6a7871; }
  .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots .owl-dot:hover span, .suggest.modele_aLaUneCarousel .suggest_aLaUne .owl-dots .owl-dot:focus span {
    background: #6a7871; }

.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: 5px;
  /* 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: 2em; }
  @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: 5px;
    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: 5px;
    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: 5px;
    /* 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: 2em; }
    @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: #ABA297; }
        .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: #ABA297; }
      .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-prev {
        left: 0;
        display: none;
        background: transparent !important;
        transition: all .2s ease-in-out; }
      .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-nav .owl-next {
        right: calc(16px - 80px);
        background: transparent !important;
        transition: all .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 .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(49, 49, 49, 0.25);
          display: block;
          -webkit-backface-visibility: visible;
          transition: all .2s ease-in-out; }
        .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot.active span {
          transform: scale(2);
          border-radius: 32px;
          background-color: #ABA297;
          background: #ABA297; }
        .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot:hover span, .suggest.modele_aLaUneCarouselPro .suggest_aLaUne .owl-dots .owl-dot:focus span {
          background: #ABA297; }

/*  ==========================================================================
    SUGGEST VERSION LIST PRO
    ========================================================================== */
.suggest.modelePRO .suggestItem {
  display: flex;
  align-items: center;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 5px; }

.suggest.modelePRO .suggestImg {
  margin-right: 16px;
  margin-bottom: 0;
  border-radius: 5px;
  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: #FFFFFF; }

.suggest.modelePRO .subTitleH5 {
  color: #FFFFFF;
  text-transform: uppercase; }

.suggest.modelePRO .suggestCategorySubTitle {
  margin-left: auto;
  flex: none; }

.suggest.modelePRO .suggestSeparateText {
  margin: 0 4px;
  color: #FFFFFF; }

/*  ==========================================================================
    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: #ABA297; }

/*  ==========================================================================
    VIGNETTE VERSION COLLAPSE
    ========================================================================== */
.userGroup.collapseVersion .collapseBloc {
  border-bottom: 1px solid rgba(171, 162, 151, 0.15); }
  .userGroup.collapseVersion .collapseBloc:first-child {
    border-top: 1px solid rgba(171, 162, 151, 0.15); }
  .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: #ABA297; }

.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(171, 162, 151, 0.5);
  transition: all ease-in-out .125s; }
  .userGroup.thumbList .userGroupLink:hover, .userGroup.thumbList .userGroupLink:focus {
    text-decoration: none;
    background: #e6e6e6;
    padding-left: 16px; }
    .userGroup.thumbList .userGroupLink:hover .userIconLink, .userGroup.thumbList .userGroupLink:focus .userIconLink {
      opacity: .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 .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 rgba(171, 162, 151, 0.15);
  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(171, 162, 151, 0.5);
  transition: all ease-in-out .125s; }
  .userGroup.descriptionList .userGroupLink:hover, .userGroup.descriptionList .userGroupLink:focus {
    text-decoration: none;
    background: #e6e6e6;
    padding-left: 16px; }
    .userGroup.descriptionList .userGroupLink:hover .userIconLink, .userGroup.descriptionList .userGroupLink:focus .userIconLink {
      opacity: .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 .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: 10px; }
  .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: #FFFFFF;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); }
    .vignette.modeleStandard .vignetteContent .t-dark {
      color: black;
      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: 10px; }

.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: 10px;
  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: #FFFFFF; }

.vignette.modeleCategoriePRO .t-dark {
  color: black; }

.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: rgba(171, 162, 151, 0.15);
      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: rgba(171, 162, 151, 0.15);
      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: rgba(171, 162, 151, 0.15);
      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: #FFFFFF; }
  .vignette.modeleMini .vignetteContent .t-dark {
    color: black; }

.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: #FFFFFF;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); }
    .vignette.modeleLAN .vignetteContent .t-dark {
      color: #313131;
      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: 10px; }
  .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: #FFFFFF;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); }
    .vignette.modeleLANBorder .vignetteContent .t-dark {
      color: #313131;
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.35); }
    .vignette.modeleLANBorder .vignetteContent .vignetteTitle {
      font-size: 2.75em; }
      @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: 1.75em; }
      @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: 10px; }
    .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: #FFFFFF;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); }
    .vignette.modeleCenter .vignetteContent .t-dark {
      color: black;
      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 .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: 10px;
    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: .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: rgba(171, 162, 151, 0.15);
      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: rgba(171, 162, 151, 0.15);
      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: #FFFFFF;
    color: black; }
  .vignette.modeleMiniMatrix .vignetteContent .t-dark {
    color: black; }

.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: .25;
      top: inherit;
      right: inherit; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .vignette.modeleMiniMatrix .vignetteIconLinkStyle {
      position: relative;
      opacity: .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 rgba(171, 162, 151, 0.15);
  border-radius: 10px;
  transition: all ease-in-out .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: #e6e6e6;
    border-color: rgba(171, 162, 151, 0.15);
    box-shadow: inset 0px 0px 64px rgba(171, 162, 151, 0.15); }
    .vignette.modeleInline .vignetteAlign:hover .vignetteIconLinkStyle i, .vignette.modeleInline .vignetteAlign:focus .vignetteIconLinkStyle i {
      color: #FFFFFF; }

.vignette.modeleInline .vignetteImg {
  flex: none;
  border-radius: 5px;
  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: #ABA297; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .vignette.modeleInline .vignetteIconLinkStyle i {
      color: #ABA297; } }

.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: #FFFFFF; }
  .vignette.modeleInline .vignetteTitle.t-dark {
    color: black; }
  @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: #FFFFFF; }
  .vignette.modeleInline .vignetteSubTitle.t-dark {
    color: #8a8a8a; }
  @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: 5px;
  border-bottom-left-radius: 7.5px;
  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; }