@media print, screen and (max-width: 640px) {
  :root {
    --largeurmenusmartphone: 100vw;
    --tailleheadersmartphone: 50px;
    --tailleheadertablette: calc(var(--margindebasevertical));
  }

  header {
    width: var(--largeurmenusmartphone);
  }

  article section * {
    transition: none;
  }

  article section *:hover {
    transition: none;
  }

  .s-hide {
    display: none !important;
  }

  .s-show {
    display: block !important;
  }

  .s-grid {
    display: flex;
    flex-wrap: wrap;
  }

  .s-normal {
    font-weight: normal;
  }

  .s-bold {
    font-weight: bold;
  }

  .s-italic {
    font-style: italic;
  }

  .s-light {
    font-weight: lighter;
  }

  .s-center {
    text-align: center;
    margin: auto;
  }

  .s-left {
    text-align: left;
  }

  .s-right {
    text-align: right;
  }

  .s-justify {
    text-align: justify;
  }

  .s-center-h {
    justify-content: space-around;
    display: flex;
  }

  .s-center-v {
    align-items: center;
    display: flex;
  }

  .s-center-vh {
    justify-content: space-around;
    align-items: center;
    display: flex;
  }

  .s-left-h {
    justify-content: flex-start;
    display: flex;
  }

  .s-left-v {
    align-items: flex-start;
    display: flex;
  }

  .s-left-vh {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .s-right-h {
    justify-content: flex-end;
    display: flex;
  }

  .s-right-v {
    align-items: flex-end;
    display: flex;
  }

  .s-right-vh {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .s-flex-space-between {
    justify-content: space-between;
    display: flex;
  }

  .s-flex-space-around {
    justify-content: space-around;
    display: flex;
  }

  .s-align-space-between {
    align-content: space-between;
  }

  .s-align-space-raound {
    align-content: space-around;
  }

  .s-flex-center {
    justify-content: center;
    display: flex;
  }

  .s-column {
    display: flex;
    flex-direction: column;
  }

  .s-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .s-row {
    display: flex;
    flex-direction: row;
  }

  .s-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }

  .s1 {
    width: calc((100% / var(--nombredecolonnes)) * 1) !important;
    box-sizing: border-box;
  }

  .s2 {
    width: calc((100% / var(--nombredecolonnes)) * 2) !important;
    box-sizing: border-box;
  }

  .s3 {
    width: calc((100% / var(--nombredecolonnes)) * 3) !important;
    box-sizing: border-box;
  }

  .s4 {
    width: calc((100% / var(--nombredecolonnes)) * 4) !important;
    box-sizing: border-box;
  }

  .s5 {
    width: calc((100% / var(--nombredecolonnes)) * 5) !important;
    box-sizing: border-box;
  }

  .s6 {
    width: calc((100% / var(--nombredecolonnes)) * 6) !important;
    box-sizing: border-box;
  }

  .s7 {
    width: calc((100% / var(--nombredecolonnes)) * 7) !important;
    box-sizing: border-box;
  }

  .s8 {
    width: calc((100% / var(--nombredecolonnes)) * 8) !important;
    box-sizing: border-box;
  }

  .s9 {
    width: calc((100% / var(--nombredecolonnes)) * 9) !important;
    box-sizing: border-box;
  }

  .s10 {
    width: calc((100% / var(--nombredecolonnes)) * 10) !important;
    box-sizing: border-box;
  }

  .s11 {
    width: calc((100% / var(--nombredecolonnes)) * 11) !important;
    box-sizing: border-box;
  }

  .s12 {
    width: calc((100% / var(--nombredecolonnes)) * 12) !important;
    box-sizing: border-box;
  }

  /*=============================Elements==============================
=====================================================================
===================================================================*/

  .s-margin-0 {
    margin: 0 !important;
  }

  .s-padding-0 {
    padding: 0 !important;
  }

  .s-margin-trbl {
    margin: var(--margindebasevertical) var(--margindebasehorizontal) !important;
  }

  .s-margin-trbl-1-5 {
    margin: calc(var(--margindebasevertical) / 1.5)
      calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-margin-trbl-2 {
    margin: calc(var(--margindebasevertical) / 2)
      calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-margin-trbl-3 {
    margin: calc(var(--margindebasevertical) / 3)
      calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-margin-trbl-4 {
    margin: calc(var(--margindebasevertical) / 4)
      calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-padding-trbl {
    box-sizing: border-box;
    padding: var(--margindebasevertical) var(--margindebasehorizontal) !important;
  }

  .s-padding-trbl-1-5 {
    box-sizing: border-box;
    padding: calc(var(--margindebasevertical) / 1.5)
      calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-padding-trbl-2 {
    box-sizing: border-box;
    padding: calc(var(--margindebasevertical) / 2)
      calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-padding-trbl-3 {
    box-sizing: border-box;
    padding: calc(var(--margindebasevertical) / 3)
      calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-padding-trbl-4 {
    box-sizing: border-box;
    padding: calc(var(--margindebasevertical) / 4)
      calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-margin-tb {
    margin-top: var(--margindebasevertical) !important;
    margin-bottom: var(--margindebasevertical) !important;
  }

  .s-margin-tb-1-5 {
    margin-top: calc(var(--margindebasevertical) / 1.5) !important;
    margin-bottom: calc(var(--margindebasevertical) / 1.5) !important;
  }

  .s-margin-tb-2 {
    margin-top: calc(var(--margindebasevertical) / 2) !important;
    margin-bottom: calc(var(--margindebasevertical) / 2) !important;
  }

  .s-margin-tb-3 {
    margin-top: calc(var(--margindebasevertical) / 3) !important;
    margin-bottom: calc(var(--margindebasevertical) / 3) !important;
  }

  .s-margin-tb-4 {
    margin-top: calc(var(--margindebasevertical) / 4) !important;
    margin-bottom: calc(var(--margindebasevertical) / 4) !important;
  }

  .s-padding-tb {
    box-sizing: border-box;
    padding-top: var(--margindebasevertical) !important;
    padding-bottom: var(--margindebasevertical) !important;
  }

  .s-padding-tb-1-5 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 1.5) !important;
    padding-bottom: calc(var(--margindebasevertical) / 1.5) !important;
  }

  .s-padding-tb-2 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 2) !important;
    padding-bottom: calc(var(--margindebasevertical) / 2) !important;
  }

  .s-padding-tb-3 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 3) !important;
    padding-bottom: calc(var(--margindebasevertical) / 3) !important;
  }

  .s-padding-tb-4 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 4) !important;
    padding-bottom: calc(var(--margindebasevertical) / 4) !important;
  }

  .s-margin-lr {
    margin-left: var(--margindebasehorizontal) !important;
    margin-right: var(--margindebasehorizontal) !important;
  }

  .s-margin-lr-1-5 {
    margin-left: calc(var(--margindebasehorizontal) / 1.5) !important;
    margin-right: calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-margin-lr-2 {
    margin-left: calc(var(--margindebasehorizontal) / 2) !important;
    margin-right: calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-margin-lr-3 {
    margin-left: calc(var(--margindebasehorizontal) / 3) !important;
    margin-right: calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-margin-lr-4 {
    margin-left: calc(var(--margindebasehorizontal) / 4) !important;
    margin-right: calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-padding-lr {
    box-sizing: border-box;
    padding-left: var(--margindebasehorizontal) !important;
    padding-right: var(--margindebasehorizontal) !important;
  }

  .s-padding-lr-1-5 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 1.5) !important;
    padding-right: calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-padding-lr-2 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 2) !important;
    padding-right: calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-padding-lr-3 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 3) !important;
    padding-right: calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-padding-lr-4 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 4) !important;
    padding-right: calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-margin-l {
    margin-left: var(--margindebasehorizontal) !important;
  }

  .s-margin-l-1-5 {
    margin-left: calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-margin-l-2 {
    margin-left: calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-margin-l-3 {
    margin-left: calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-margin-l-4 {
    margin-left: calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-padding-l {
    box-sizing: border-box;
    padding-left: var(--margindebasehorizontal) !important;
  }

  .s-padding-l-1-5 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-padding-l-2 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-padding-l-3 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-padding-l-4 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-margin-r {
    margin-right: var(--margindebasehorizontal) !important;
  }

  .s-margin-r-1-5 {
    margin-right: calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-margin-r-2 {
    margin-right: calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-margin-r-3 {
    margin-right: calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-margin-r-4 {
    margin-right: calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-padding-r {
    box-sizing: border-box;
    padding-right: var(--margindebasehorizontal) !important;
  }

  .s-padding-r-1-5 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) / 1.5) !important;
  }

  .s-padding-r-2 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) / 2) !important;
  }

  .s-padding-r-3 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) / 3) !important;
  }

  .s-padding-r-4 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) / 4) !important;
  }

  .s-margin-b {
    margin-bottom: var(--margindebasevertical) !important;
  }

  .s-margin-b-1-5 {
    margin-bottom: calc(var(--margindebasevertical) / 1.5) !important;
  }

  .s-margin-b-2 {
    margin-bottom: calc(var(--margindebasevertical) / 2) !important;
  }

  .s-margin-b-3 {
    margin-bottom: calc(var(--margindebasevertical) / 3) !important;
  }

  .s-margin-b-4 {
    margin-bottom: calc(var(--margindebasevertical) / 4) !important;
  }

  .s-padding-b {
    box-sizing: border-box;
    padding-bottom: var(--margindebasevertical) !important;
  }

  .s-padding-b-1-5 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) / 1.5) !important;
  }

  .s-padding-b-2 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) / 2) !important;
  }

  .s-padding-b-3 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) / 3) !important;
  }

  .s-padding-b-4 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) / 4) !important;
  }

  .s-margin-t {
    margin-top: var(--margindebasevertical) !important;
  }

  .s-margin-t-1-5 {
    margin-top: calc(var(--margindebasevertical) / 1.5) !important;
  }

  .s-margin-t-2 {
    margin-top: calc(var(--margindebasevertical) / 2) !important;
  }

  .s-margin-t-3 {
    margin-top: calc(var(--margindebasevertical) / 3) !important;
  }

  .s-margin-t-4 {
    margin-top: calc(var(--margindebasevertical) / 4) !important;
  }

  .s-padding-t {
    box-sizing: border-box;
    padding-top: var(--margindebasevertical) !important;
  }

  .s-padding-t-1-5 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 1.5) !important;
  }

  .s-padding-t-2 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 2) !important;
  }

  .s-padding-t-3 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 3) !important;
  }

  .s-padding-t-4 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) / 4) !important;
  }

  .s-margin-trblx1-5 {
    margin: calc(var(--margindebasevertical) * 1.5)
      calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-margin-trblx2 {
    margin: calc(var(--margindebasevertical) * 2)
      calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-margin-trblx3 {
    margin: calc(var(--margindebasevertical) * 3)
      calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-margin-trblx4 {
    margin: calc(var(--margindebasevertical) * 4)
      calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-padding-trblx1-5 {
    padding: calc(var(--margindebasevertical) * 1.5)
      calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-padding-trblx2 {
    padding: calc(var(--margindebasevertical) * 2)
      calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-padding-trblx3 {
    padding: calc(var(--margindebasevertical) * 3)
      calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-padding-trblx4 {
    padding: calc(var(--margindebasevertical) * 4)
      calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-margin-tbx1-5 {
    margin-top: calc(var(--margindebasevertical) * 1.5) !important;
    margin-bottom: calc(var(--margindebasevertical) * 1.5) !important;
  }

  .s-margin-tbx2 {
    margin-top: calc(var(--margindebasevertical) * 2) !important;
    margin-bottom: calc(var(--margindebasevertical) * 2) !important;
  }

  .s-margin-tbx3 {
    margin-top: calc(var(--margindebasevertical) * 3) !important;
    margin-bottom: calc(var(--margindebasevertical) * 3) !important;
  }

  .s-margin-tbx4 {
    margin-top: calc(var(--margindebasevertical) * 4) !important;
    margin-bottom: calc(var(--margindebasevertical) * 4) !important;
  }

  .s-padding-tbx1-5 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 1.5) !important;
    padding-bottom: calc(var(--margindebasevertical) * 1.5) !important;
  }

  .s-padding-tbx2 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 2) !important;
    padding-bottom: calc(var(--margindebasevertical) * 2) !important;
  }

  .s-padding-tbx3 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 3) !important;
    padding-bottom: calc(var(--margindebasevertical) * 3) !important;
  }

  .s-padding-tbx4 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 4) !important;
    padding-bottom: calc(var(--margindebasevertical) * 4) !important;
  }

  .s-margin-lrx1-5 {
    margin-left: calc(var(--margindebasehorizontal) * 1.5) !important;
    margin-right: calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-margin-lrx2 {
    margin-left: calc(var(--margindebasehorizontal) * 2) !important;
    margin-right: calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-margin-lrx3 {
    margin-left: calc(var(--margindebasehorizontal) * 3) !important;
    margin-right: calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-margin-lrx4 {
    margin-left: calc(var(--margindebasehorizontal) * 4) !important;
    margin-right: calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-padding-lrx1-5 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 1.5) !important;
    padding-right: calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-padding-lrx2 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 2) !important;
    padding-right: calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-padding-lrx3 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 3) !important;
    padding-right: calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-padding-lrx4 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 4) !important;
    padding-right: calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-margin-lx1-5 {
    margin-left: calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-margin-lx2 {
    margin-left: calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-margin-lx3 {
    margin-left: calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-margin-lx4 {
    margin-left: calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-padding-lx1-5 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-padding-lx2 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-padding-lx3 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-padding-lx4 {
    box-sizing: border-box;
    padding-left: calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-margin-rx1-5 {
    margin-right: calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-margin-rx2 {
    margin-right: calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-margin-rx3 {
    margin-right: calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-margin-rx4 {
    margin-right: calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-padding-rx1-5 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) * 1.5) !important;
  }

  .s-padding-rx2 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) * 2) !important;
  }

  .s-padding-rx3 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) * 3) !important;
  }

  .s-padding-rx4 {
    box-sizing: border-box;
    padding-right: calc(var(--margindebasehorizontal) * 4) !important;
  }

  .s-margin-bx1-5 {
    margin-bottom: calc(var(--margindebasevertical) * 1.5) !important;
  }

  .s-margin-bx2 {
    margin-bottom: calc(var(--margindebasevertical) * 2) !important;
  }

  .s-margin-bx3 {
    margin-bottom: calc(var(--margindebasevertical) * 3) !important;
  }

  .s-margin-bx4 {
    margin-bottom: calc(var(--margindebasevertical) * 4) !important;
  }

  .s-padding-bx1-5 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) * 1.5) !important;
  }

  .s-padding-bx2 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) * 2) !important;
  }

  .s-padding-b-3 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) * 3) !important;
  }

  .s-padding-bx4 {
    box-sizing: border-box;
    padding-bottom: calc(var(--margindebasevertical) * 4) !important;
  }

  .s-margin-tx1-5 {
    margin-top: calc(var(--margindebasevertical) * 1.5) !important;
  }

  .s-margin-tx2 {
    margin-top: calc(var(--margindebasevertical) * 2) !important;
  }

  .s-margin-tx3 {
    margin-top: calc(var(--margindebasevertical) * 3) !important;
  }

  .s-margin-tx4 {
    margin-top: calc(var(--margindebasevertical) * 4) !important;
  }

  .s-padding-tx1-5 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 1.5) !important;
  }

  .s-padding-tx2 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 2) !important;
  }

  .s-padding-tx3 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 3) !important;
  }

  .s-padding-tx4 {
    box-sizing: border-box;
    padding-top: calc(var(--margindebasevertical) * 4) !important;
  }

  .s-c-blanc {
    color: #fff !important;
  }

  .s-c-blanc::placeholder {
    color: #fff !important;
    opacity: 1;
  }

  .s-c-blanc::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1;
  }

  .s-c-blanc::moz-placeholder {
    color: #fff !important;
    opacity: 1;
  }

  .s-c-blanc:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1;
  }

  .s-c-color1 {
    color: var(--color1) !important;
  }

  .s-c-color1::placeholder {
    color: var(--color1) !important;
    opacity: 1;
  }

  .s-c-color1::-webkit-input-placeholder {
    color: var(--color1) !important;
    opacity: 1;
  }

  .s-c-color1::moz-placeholder {
    color: var(--color1) !important;
    opacity: 1;
  }

  .s-c-color1:-ms-input-placeholder {
    color: var(--color1) !important;
    opacity: 1;
  }

  .s-c-color2 {
    color: var(--color2) !important;
  }

  .s-c-color2::placeholder {
    color: var(--color2) !important;
    opacity: 1;
  }

  .s-c-color2::-webkit-input-placeholder {
    color: var(--color2) !important;
    opacity: 1;
  }

  .s-c-color2::moz-placeholder {
    color: var(--color2) !important;
    opacity: 1;
  }

  .s-c-color2:-ms-input-placeholder {
    color: var(--color2) !important;
    opacity: 1;
  }

  .s-c-color3 {
    color: var(--color3) !important;
  }

  .s-c-color3::placeholder {
    color: var(--color3) !important;
    opacity: 1;
  }

  .s-c-color3::-webkit-input-placeholder {
    color: var(--color3) !important;
    opacity: 1;
  }

  .s-c-color3::moz-placeholder {
    color: var(--color3) !important;
    opacity: 1;
  }

  .s-c-color3:-ms-input-placeholder {
    color: var(--color3) !important;
    opacity: 1;
  }

  .s-c-color4 {
    color: var(--color4) !important;
  }

  .s-c-color4::placeholder {
    color: var(--color4) !important;
    opacity: 1;
  }

  .s-c-color4::-webkit-input-placeholder {
    color: var(--color4) !important;
    opacity: 1;
  }

  .s-c-color4::moz-placeholder {
    color: var(--color4) !important;
    opacity: 1;
  }

  .s-c-color4:-ms-input-placeholder {
    color: var(--color4) !important;
    opacity: 1;
  }

  .s-c-color5 {
    color: var(--color5) !important;
  }

  .s-c-color5::placeholder {
    color: var(--color5) !important;
    opacity: 1;
  }

  .s-c-color5::-webkit-input-placeholder {
    color: var(--color5) !important;
    opacity: 1;
  }

  .s-c-color5::moz-placeholder {
    color: var(--color5) !important;
    opacity: 1;
  }

  .s-c-color5:-ms-input-placeholder {
    color: var(--color5) !important;
    opacity: 1;
  }

  .s-c-color6 {
    color: var(--color6) !important;
  }

  .s-c-color6::placeholder {
    color: var(--color6) !important;
    opacity: 1;
  }

  .s-c-color6::-webkit-input-placeholder {
    color: var(--color6) !important;
    opacity: 1;
  }

  .s-c-color6::moz-placeholder {
    color: var(--color6) !important;
    opacity: 1;
  }

  .s-c-color6:-ms-input-placeholder {
    color: var(--color6) !important;
    opacity: 1;
  }

  .s-c-color7 {
    color: var(--color7) !important;
  }

  .s-c-color7::placeholder {
    color: var(--color7) !important;
    opacity: 1;
  }

  .s-c-color7::-webkit-input-placeholder {
    color: var(--color7) !important;
    opacity: 1;
  }

  .s-c-color7::moz-placeholder {
    color: var(--color7) !important;
    opacity: 1;
  }

  .s-c-color7:-ms-input-placeholder {
    color: var(--color7) !important;
    opacity: 1;
  }

  .s-c-noir {
    color: #000 !important;
  }

  .s-c-noir::placeholder {
    color: #000 !important;
    opacity: 1;
  }

  .s-c-noir::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1;
  }

  .s-c-noir::moz-placeholder {
    color: #000 !important;
    opacity: 1;
  }

  .s-c-noir:-ms-input-placeholder {
    color: #000 !important;
    opacity: 1;
  }

  .s-b-transparent,
  .b-transparent.full-bg-img:before {
    background: transparent !important;
    border-color: transparent !important;
  }

  .s-b-blanc {
    background: #fff !important;
    border-color: #fff !important;
  }

  .s-b-noir {
    background: #000 !important;
    border-color: #000 !important;
  }

  .s-b-color1 {
    background: var(--color1) !important;
    border-color: var(--color1) !important;
  }

  .s-b-color2 {
    background: var(--color2) !important;
    border-color: var(--color2) !important;
  }

  .s-b-color3 {
    background: var(--color3) !important;
    border-color: var(--color3) !important;
  }

  .s-b-color4 {
    background: var(--color4) !important;
    border-color: var(--color4) !important;
  }

  .s-b-color5 {
    background: var(--color5) !important;
    border-color: var(--color5) !important;
  }

  .s-b-color6 {
    background: var(--color6) !important;
    border-color: var(--color6) !important;
  }

  .s-b-color7 {
    background: var(--color7) !important;
    border-color: var(--color7) !important;
  }

  .s-border-blanc {
    border-color: #fff !important;
  }

  .s-border-color1 {
    border-color: var(--color1) !important;
  }

  .s-border-color2 {
    border-color: var(--color2) !important;
  }

  .s-border-color3 {
    border-color: var(--color3) !important;
  }

  .s-border-color4 {
    border-color: var(--color4) !important;
  }

  .s-border-color5 {
    border-color: var(--color5) !important;
  }

  .s-border-color6 {
    border-color: var(--color6) !important;
  }

  .s-border-color7 {
    border-color: var(--color7) !important;
  }

  .s-border-clair {
    border-color: var(--clair) !important;
  }

  .s-border-sombre {
    border-color: var(--sombre) !important;
  }

  .s-border-texte {
    border-color: var(--texte) !important;
  }

  .s-border-noir {
    border-color: #000 !important;
  }

  .s-border-0 {
    border: none;
  }

  .s-border-trbl {
    border: 1px solid;
  }

  .s-border-tb {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  .s-border-lr {
    border-left: 1px solid;
    border-right: 1px solid;
  }

  .s-border-t {
    border-top: 1px solid;
  }

  .s-border-r {
    border-right: 1px solid;
  }

  .s-border-b {
    border-bottom: 1px solid;
  }

  .s-border-l {
    border-left: 1px solid;
  }

  .s-b-transparent {
    background: transparent !important;
  }

  .s-border-radius-5 {
    border-radius: 5px !important;
    overflow: hidden;
  }

  .s-border-radius-10 {
    border-radius: 10px !important;
    overflow: hidden;
  }

  .s-border-radius-25 {
    border-radius: 25px !important;
    overflow: hidden;
  }

  .s-border-radius-255 {
    border-radius: 255px !important;
    overflow: hidden;
  }

  .s-border-width-2 {
    border-width: 2px !important;
  }

  .s-border-width-5 {
    border-width: 5px !important;
  }

  .s-hr-100 {
    width: 100%;
  }

  .s-hr-75 {
    width: 75%;
  }

  .s-hr-50 {
    width: 50%;
  }

  .s-hr-25 {
    width: 25%;
  }

  .s-hr-15 {
    width: 15%;
  }

  .s-hr-10 {
    width: 10%;
  }

  .s-hr-5 {
    width: 5%;
  }

  .s-box-shadow-0 {
    box-shadow: none;
  }

  .s-box-shadow {
    box-shadow: 0 15px 32px rgba(0, 0, 0, 0.21);
  }

  .s-font-50 {
    font-size: 50px;
  }

  .s-font-35 {
    font-size: 35px;
  }

  .s-font-30 {
    font-size: 30px;
  }

  .s-font-25 {
    font-size: 25px;
  }

  .s-font-20 {
    font-size: 20px;
  }

  .s-font-16 {
    font-size: 16px;
  }

  .s-font-15 {
    font-size: 15px;
  }

  .s-font-14 {
    font-size: 14px;
  }

  .s-line-height-initial {
    line-height: 1;
  }

  .s-relative {
    position: relative;
  }

  .s-line-height-30 {
    line-height: 30px;
  }

  .s-line-height-35 {
    line-height: 35px;
  }

  .s-font-family-1 {
    font-family: Verdana;
  }

  .s-font-family-2 {
    font-family: Georgia;
  }

  .s-nowrap {
    white-space: nowrap;
  }

  .s-wrap {
    white-space: inherit;
  }

  .s-image-cover {
    overflow: hidden;
  }

  .s-image-cover > img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .barre-orange:before {
    display: none;
  }

  /*=============================Header================================
=====================================================================
===================================================================*/
  header,
  header nav {
    height: var(--tailleheadersmartphone);
  }

  header nav ul:not(.sous-menu) {
    top: var(--tailleheadersmartphone);
  }

  /*=============================Footer================================
=====================================================================
===================================================================*/

  /*=============================Formulaire=============================*/

  #form-devis label {
    flex: inherit;
  }

  #form-contact input:not([type="submit"]),
  #form-contact select {
    text-indent: 0;
    background: inherit !important;
  }

  /*=============================UNIQUES=============================*/

  /*Menu pays*/

  .image-intro {
    /* height:var(--taillecover); */
    width: 100vw;
  }

  #menu-pays {
    height: calc(var(--margindebasevertical) * 11);
  }

  .page-menu-pays section.image-intro {
    padding-top: calc(var(--margindebasevertical) * 10);
  }

  /*Form top*/

  section.form-top {
    padding-top: calc(var(--margindebasevertical) * 8);
  }

  /*Offres*/

  .offres.offressmart > div > div > div:first-of-type {
    border-radius: 25px;
    padding: var(--margindebasevertical) var(--margindebasehorizontal);
  }

  .offres.offressmart > div.offresdisplay > div > div:first-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: calc(var(--margindebasevertical) * 2);
  }

  .offres.offressmart > div > div > div:first-of-type > div {
    padding: var(--margindebasevertical) var(--margindebasehorizontal) !important;
  }

  .offres.offressmart > div > div > div:first-of-type > div > p {
    font-size: 18px;
    text-align: left;
    position: relative;
  }

  .offres.offressmart > div > div > div:nth-of-type(2) {
    margin-top: calc(var(--margindebasevertical) * -1);
  }

  .offres.offressmart > div > div > div:first-of-type > div > p:after {
    content: "+";
    width: var(--margindebasehorizontal);
    height: var(--margindebasehorizontal);
    padding: var(--margindebasehorizontal);
    border-radius: 255px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color2);
    position: absolute;
    background: #fff;
    border: 1px solid #fff;
    left: calc(100% - (var(--margindebasehorizontal) * 1.5));
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 25px;
  }

  .offres.offressmart
    > div.offresdisplay
    > div
    > div:first-of-type
    > div
    > p:after {
    content: "-";
    color: tomato;
  }

  .offres.offressmart > div > div > div:nth-of-type(2) {
    display: none;
  }

  .offres.offressmart > div.offresdisplay > div > div:nth-of-type(2) {
    display: block;
  }

  .gridcss {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }

  .gridcssoffres {
    grid-template-columns: repeat(1, 1fr);
    align-content: baseline; /* Alignement vertical */
    /* grid-template-rows: repeat(3, 1fr); */
  }

  .gridcssoffres > label {
    align-self: end; /* Assurez-vous que les labels s'alignent en haut */
  }

  .s-border-radius-0 {
    border-radius: 0 !important;
  }

  .option {
    overflow-x: hidden;
  }

  select {
    height: 80px;
    font-size: 16px;
  }
}