@media print, screen and (max-width: 768px) {
  :root {
    --largeursitetablette: calc(100vw - 20px);
    --largeurmenutablette: 75vw;
    --tailleheadertablette: calc(var(--margindebasevertical) * 4);
  }

  article {
    margin-top: var(--tailleheadertablette);
    min-height: calc(100vh - var(--tailleheadertablette));
  }

  article > section,
  footer > section {
    width: var(--largeursitetablette);
  }

  article section.full-bg,
  article section.full-bg-img,
  footer section.full-bg {
    width: var(--largeursitetablette);
    padding: 0 calc((100% - var(--largeursitetablette)) / 2);
  }

  .image-intro > div {
    max-width: var(--largeursitetablette);
  }

  #menu-pays > div {
    width: var(--largeursitetablette);
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .t0 {
    width: inherit !important;
    box-sizing: border-box;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .t-border-radius-0 {
    border-radius: 0 !important;
    /*overflow:hidden;*/
  }

  .t-border-radius-5 {
    border-radius: 5px !important;
    /*overflow:hidden;*/
  }

  .t-border-radius-10 {
    border-radius: 10px !important;
    /*overflow:hidden;*/
  }

  .t-border-radius-25 {
    border-radius: 25px !important;
    /*overflow:hidden;*/
  }

  .t-border-radius-255 {
    border-radius: 255px !important;
    /*overflow:hidden;*/
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .t-font-40 {
    font-size: 40px;
  }

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

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

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

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

  .t-font-18 {
    font-size: 18px;
  }

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

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

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

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

  .t-relative {
    position: relative;
  }

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

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

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

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

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

  .t-wrap {
    white-space: normal;
    flex-wrap: wrap;
  }

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

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

  /*=============================Header================================
=====================================================================
===================================================================*/

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

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

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

  .gridcss {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-auto-rows: minmax(180px, auto);
  }

  .gridcssoffres {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }

  .gridcss2 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }

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

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

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