@charset "UTF-8";
/*!
 * Copyright Isagri Ingenierie 2025
 * Theme Bootstrap 2025
 * @version 5 
 * @author : ALP
 * @description : styles de mise en page accessible au webmaster via l'éditeur HTML
 * @projet : ESTERNAY
 */
@import url("//fonts.googleapis.com/icon?family=Material+Icons");
@import url("//fonts.googleapis.com/css?family=Lato:300,400,400italic,700,700italic,900|Bree+Serif");
/*!
 * Copyright Isagri Ingenierie 2025
 * Theme Bootstrap 2025
 * @version 5 
 * @author : ALP
 * @description : Variables du projet 
 * @projet : ESTERNAY
*/
/**
  * Theme Bootstrap 2017
  * @version du 28/08/2018 15:19:13  
  * @projet : cms étalon
  * @author : SD
  * @description : de classes utilitaire pour le thème Bootstrap
*/
.debug * {
  outline: 1px solid gold;
}

.debug-f * {
  outline: 1px solid magenta;
}

.debug-g * {
  outline: 1px solid #00ff00;
}

.debug-w * {
  outline: 1px solid white;
}

.debug-b * {
  outline: 1px solid black;
}

.ovh {
  overflow: hidden;
}

.clear {
  clear: both;
}

.clearfix:after,
.line:after {
  display: table;
  clear: both;
  border-collapse: collapse;
  content: '';
}

.left-auto {
  margin-right: auto;
}

.right-auto {
  margin-left: auto;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

body > script {
  display: none !important;
}

.inbl {
  display: inline-block;
  vertical-align: top;
}

.flexbox-h,
.flexbox-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.flexbox-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flexitem-fluid {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flexitem-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.flexitem-medium {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.flexitem-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.flexitem-center {
  margin: auto;
}

.flexitem-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.flex-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.flex100vh {
  min-height: 100vh;
}

.bz-cb * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fz12 {
  font-size: 12px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz18 {
  font-size: 18px !important;
}

.fz20 {
  font-size: 20px !important;
}

.fz24 {
  font-size: 24px !important;
}

.fz28 {
  font-size: 28px !important;
}

.fz32 {
  font-size: 32px !important;
}

.man,
.ma0 {
  margin: 0;
}

.pan,
.pa0 {
  padding: 0;
}

.mas {
  margin: 5px;
}

.mam {
  margin: 10px;
}

.mal {
  margin: 20px;
}

.pas {
  padding: 5px;
}

.pam {
  padding: 10px;
}

.pal {
  padding: 20px;
}

.mtn,
.mt0 {
  margin-top: 0;
}

.mts {
  margin-top: 5px;
}

.mtm {
  margin-top: 10px;
}

.mtl {
  margin-top: 20px;
}

.mrn,
.mr0 {
  margin-right: 0;
}

.mrs {
  margin-right: 5px;
}

.mrm {
  margin-right: 10px;
}

.mrl {
  margin-right: 20px;
}

.mbn,
.mb0 {
  margin-bottom: 0;
}

.mbs {
  margin-bottom: 5px;
}

.mbm {
  margin-bottom: 10px;
}

.mbl {
  margin-bottom: 20px;
}

.mln,
.ml0 {
  margin-left: 0;
}

.mls {
  margin-left: 5px;
}

.mlm {
  margin-left: 10px;
}

.mll {
  margin-left: 20px;
}

.ptn,
.pt0 {
  padding-top: 0;
}

.pts {
  padding-top: 5px;
}

.ptm {
  padding-top: 10px;
}

.ptl {
  padding-top: 20px;
}

.prn,
.pr0 {
  padding-right: 0;
}

.prs {
  padding-right: 5px;
}

.prm {
  padding-right: 10px;
}

.prl {
  padding-right: 20px;
}

.pbn,
.pb0 {
  padding-bottom: 0;
}

.pbs {
  padding-bottom: 5px;
}

.pbm {
  padding-bottom: 10px;
}

.pbl {
  padding-bottom: 20px;
}

.pln,
.pl0 {
  padding-left: 0;
}

.pls {
  padding-left: 5px;
}

.plm {
  padding-left: 10px;
}

.pll {
  padding-left: 20px;
}

.doc__note {
  position: relative;
  margin: 1.5625em 0;
  padding: 1.9rem 1.2rem;
  border-left: 3.2rem solid #A3C6FF;
  border-radius: .35rem;
  background-color: rgba(163, 198, 255, 0.2);
  font-size: 1.28rem;
}

.doc__note:before {
  position: absolute;
  top: 0.3em;
  left: -2.6rem;
  font-family: 'Material Icons';
  color: #fff;
  font-size: 2rem;
  content: "edit";
  vertical-align: -.25em;
}

.doc__note :first-child {
  margin-top: 0;
}

.doc__note :last-child {
  margin-bottom: 0;
}

.doc__note--quote {
  background-color: rgba(94, 94, 94, 0.2);
  border-left-color: #5e5e5e;
}

.doc__note--quote:before {
  content: "format_quote";
}

.doc__note--danger {
  background-color: rgba(255, 141, 163, 0.2);
  border-left-color: #ff8da3;
}

.doc__note--danger:before {
  content: "flash_on";
}

.doc__note--warning {
  background-color: rgba(255, 201, 130, 0.2);
  border-left-color: #ffc982;
}

.doc__note--warning:before {
  content: "warning";
}

.doc__note--success {
  background-color: rgba(130, 243, 187, 0.2);
  border-left-color: #82f3bb;
}

.doc__note--success:before {
  content: "done";
}

.doc__note--tips {
  background-color: rgba(130, 223, 211, 0.2);
  border-left-color: #82dfd3;
}

.doc__note--tips:before {
  content: "whatshot";
}

.doc__note--summary {
  background-color: rgba(130, 216, 255, 0.2);
  border-left-color: #82d8ff;
}

.doc__note--summary:before {
  content: "subject";
}

.c-site1, .couleur-1 {
  color: #87BD25;
}

.c-site2, .couleur-2 {
  color: #F9AE00 !important;
}

.c-site3, .couleur-3 {
  color: #333333 !important;
}

.bc-site1, .fondCouleur-1 {
  background-color: #87BD25 !important;
}

.bc-site2, .fondCouleur-2 {
  background-color: #F9AE00 !important;
}

.bc-site3, .fondCouleur-3 {
  background-color: #333333 !important;
}

.h1,
h1,
.titre {
  font-family: "Bree Serif", serif;
  font-size: 2.5em;
  font-weight: normal;
  margin-top: 0;
  color: #87BD25;
}

h2,
.h2,
.stitre {
  font-family: "Bree Serif", serif;
  font-size: 1.5em;
  margin-top: 0;
  color: #87BD25;
}

.h1 + h2, .h1 +
.h2, .h1 +
.stitre {
  margin-top: 0;
  margin-bottom: 0;
}

h3,
.h3,
.sstitre {
  font-family: "Bree Serif", serif;
  font-size: 1.1em;
  margin-top: 0;
  letter-spacing: 0.02em;
  color: #444;
}

.h2 + h3, .h2 +
.h3, .h2 +
.sstitre {
  margin-top: 0.25em;
  margin-bottom: 0;
}

h4, .h4 {
  margin-top: 20px;
  margin-bottom: 8px;
  font-family: "Lato", sans-serif;
  font-size: 1em;
  font-weight: bold;
  /*.h3 + & {
    margin-top: 1.2em;
    margin-bottom: 0;
  }*/
}

.ctitre--2 {
  color: #F9AE00 !important;
}

p {
  font-family: "Lato", sans-serif;
  font-size: 1em;
  line-height: 1.6;
}

.normal {
  font-family: "Lato", sans-serif;
  font-size: 1em;
  text-align: justify;
  -ms-hyphens: auto;
      hyphens: auto;
  color: #333333;
  hyphens: auto;
}

.sserif-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #333333;
}

.liste-a-puces-1,
.liste-a-puces-2,
.liste-a-puces-3,
.liste-a-puces-0 {
  padding-left: 1em;
  list-style-type: none;
}

.liste-a-puces-1 li,
.liste-a-puces-2 li,
.liste-a-puces-3 li,
.liste-a-puces-0 li {
  position: relative;
}

.liste-a-puces-1 li::before,
.liste-a-puces-2 li::before,
.liste-a-puces-3 li::before,
.liste-a-puces-0 li::before {
  display: block;
  position: absolute;
  top: 0;
  left: -1.1em;
  width: 1em;
  height: 1em;
  font-family: "FontAwesome", serif;
  font-size: .95em;
  content: '\f0c8';
  color: #87BD25;
}

.liste-a-puces-1 ul,
.liste-a-puces-2 ul,
.liste-a-puces-3 ul,
.liste-a-puces-0 ul {
  padding-left: 1em;
  list-style-type: none;
}

.liste-a-puces-1 ul li:before,
.liste-a-puces-2 ul li:before,
.liste-a-puces-3 ul li:before,
.liste-a-puces-0 ul li:before {
  font-size: .5em;
}

.liste-a-puces-2 li::before {
  color: #F9AE00;
}

.liste-a-puces-3 li::before {
  color: #333333;
}

.liste-a-puces-0 li::before {
  color: #FFF;
}

.bloc-clair {
  margin-bottom: 1em;
  padding: 0 0 0.5em 0;
  background-color: #eee;
}

.bloc-clair * {
  padding: 0 0.5em;
}

.bloc-clair .h2,
.bloc-clair h2 {
  font-family: "Bree Serif", serif;
  font-size: 1.5em;
  position: relative;
  padding: 0.25em 1em 0.25em;
  color: #fff;
  background-color: #87BD25;
}

.bloc-clair .h2::before,
.bloc-clair h2::before {
  font-family: "FontAwesome", serif;
  font-size: 0.8em;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  display: block;
  width: 1em;
  height: 1em;
  content: '\f101';
}

.bloc-clair ul,
.bloc-clair .liste-a-puces {
  padding-left: 2em;
}

.bloc-clair-1,
.bloc-clair-2,
.bloc-clair-3,
.bloc-fonce-1,
.bloc-fonce-2,
.bloc-fonce-3 {
  background-color: #EBEBEB;
  padding: 0 0 0.7em 0;
  margin-bottom: 1em;
}

.bloc-clair-1 *:not(a),
.bloc-clair-2 *:not(a),
.bloc-clair-3 *:not(a),
.bloc-fonce-1 *:not(a),
.bloc-fonce-2 *:not(a),
.bloc-fonce-3 *:not(a) {
  padding: 0 0.5em;
}

.bloc-clair-1 > div:first-child,
.bloc-clair-2 > div:first-child,
.bloc-clair-3 > div:first-child,
.bloc-fonce-1 > div:first-child,
.bloc-fonce-2 > div:first-child,
.bloc-fonce-3 > div:first-child {
  padding: 0;
}

.bloc-clair-1 ul, .bloc-clair-1 ol,
.bloc-clair-1 .liste-a-puces,
.bloc-clair-2 ul,
.bloc-clair-2 ol,
.bloc-clair-2 .liste-a-puces,
.bloc-clair-3 ul,
.bloc-clair-3 ol,
.bloc-clair-3 .liste-a-puces,
.bloc-fonce-1 ul,
.bloc-fonce-1 ol,
.bloc-fonce-1 .liste-a-puces,
.bloc-fonce-2 ul,
.bloc-fonce-2 ol,
.bloc-fonce-2 .liste-a-puces,
.bloc-fonce-3 ul,
.bloc-fonce-3 ol,
.bloc-fonce-3 .liste-a-puces {
  padding-left: 2em;
}

.bloc-clair-1 .h2, .bloc-clair-1 .stitre, .bloc-clair-1 h2,
.bloc-clair-2 .h2,
.bloc-clair-2 .stitre,
.bloc-clair-2 h2,
.bloc-clair-3 .h2,
.bloc-clair-3 .stitre,
.bloc-clair-3 h2,
.bloc-fonce-1 .h2,
.bloc-fonce-1 .stitre,
.bloc-fonce-1 h2,
.bloc-fonce-2 .h2,
.bloc-fonce-2 .stitre,
.bloc-fonce-2 h2,
.bloc-fonce-3 .h2,
.bloc-fonce-3 .stitre,
.bloc-fonce-3 h2 {
  position: relative;
  padding: 0.55em 0.7em 0.55em;
  margin: -10px -10px 14px;
  font-family: "Bree Serif", serif;
  font-size: 1.5em;
  color: #FFF !important;
  background-color: #87BD25;
}

.bloc-clair-1 .h2:before, .bloc-clair-1 .h2:after, .bloc-clair-1 .stitre:before, .bloc-clair-1 .stitre:after, .bloc-clair-1 h2:before, .bloc-clair-1 h2:after,
.bloc-clair-2 .h2:before,
.bloc-clair-2 .h2:after,
.bloc-clair-2 .stitre:before,
.bloc-clair-2 .stitre:after,
.bloc-clair-2 h2:before,
.bloc-clair-2 h2:after,
.bloc-clair-3 .h2:before,
.bloc-clair-3 .h2:after,
.bloc-clair-3 .stitre:before,
.bloc-clair-3 .stitre:after,
.bloc-clair-3 h2:before,
.bloc-clair-3 h2:after,
.bloc-fonce-1 .h2:before,
.bloc-fonce-1 .h2:after,
.bloc-fonce-1 .stitre:before,
.bloc-fonce-1 .stitre:after,
.bloc-fonce-1 h2:before,
.bloc-fonce-1 h2:after,
.bloc-fonce-2 .h2:before,
.bloc-fonce-2 .h2:after,
.bloc-fonce-2 .stitre:before,
.bloc-fonce-2 .stitre:after,
.bloc-fonce-2 h2:before,
.bloc-fonce-2 h2:after,
.bloc-fonce-3 .h2:before,
.bloc-fonce-3 .h2:after,
.bloc-fonce-3 .stitre:before,
.bloc-fonce-3 .stitre:after,
.bloc-fonce-3 h2:before,
.bloc-fonce-3 h2:after {
  content: inherit;
}

.bloc-clair-1 h2 *, .bloc-clair-1 a *,
.bloc-clair-2 h2 *,
.bloc-clair-2 a *,
.bloc-clair-3 h2 *,
.bloc-clair-3 a *,
.bloc-fonce-1 h2 *,
.bloc-fonce-1 a *,
.bloc-fonce-2 h2 *,
.bloc-fonce-2 a *,
.bloc-fonce-3 h2 *,
.bloc-fonce-3 a * {
  padding: 0;
}

.bloc-fonce-1,
.bloc-fonce-2,
.bloc-fonce-3 {
  background-color: #c4c4c4;
}

.bloc-clair-2 .h2, .bloc-clair-2 .stitre, .bloc-clair-2 h2 {
  background-color: #F9AE00;
}

.bloc-fonce-3 .h2, .bloc-fonce-3 .stitre, .bloc-fonce-3 h2 {
  background-color: #333333;
  color: #FFF !important;
}

.bloc-couleur-1,
.bloc-couleur-2,
.bloc-couleur-3 {
  background-color: #87BD25;
  padding: 10px 10px 0.5em 10px;
  margin-bottom: 1em;
  color: #FFF;
}

.bloc-couleur-1 *:not(a),
.bloc-couleur-2 *:not(a),
.bloc-couleur-3 *:not(a) {
  padding: 0 0.5em;
}

.bloc-couleur-1 h3, .bloc-couleur-1 .h3, .bloc-couleur-1 .sstitre, .bloc-couleur-1 h2, .bloc-couleur-1 .h2, .bloc-couleur-1 .stitre,
.bloc-couleur-2 h3,
.bloc-couleur-2 .h3,
.bloc-couleur-2 .sstitre,
.bloc-couleur-2 h2,
.bloc-couleur-2 .h2,
.bloc-couleur-2 .stitre,
.bloc-couleur-3 h3,
.bloc-couleur-3 .h3,
.bloc-couleur-3 .sstitre,
.bloc-couleur-3 h2,
.bloc-couleur-3 .h2,
.bloc-couleur-3 .stitre {
  margin: 10px 0px 15px 5px;
  font-size: 1.5em;
  color: #FFF !important;
}

.bloc-couleur-1 a:not([class]),
.bloc-couleur-2 a:not([class]),
.bloc-couleur-3 a:not([class]) {
  color: #FFF;
}

.bloc-couleur-1 ul, .bloc-couleur-1 ol,
.bloc-couleur-1 .liste-a-puces,
.bloc-couleur-2 ul,
.bloc-couleur-2 ol,
.bloc-couleur-2 .liste-a-puces,
.bloc-couleur-3 ul,
.bloc-couleur-3 ol,
.bloc-couleur-3 .liste-a-puces {
  padding-left: 2em;
}

.bloc-couleur-1 > div:first-child,
.bloc-couleur-2 > div:first-child,
.bloc-couleur-3 > div:first-child {
  padding: 0;
}

.bloc-couleur-1 .table-bordered > thead > tr > td,
.bloc-couleur-1 .table-bordered > thead > tr > th,
.bloc-couleur-2 .table-bordered > thead > tr > td,
.bloc-couleur-2 .table-bordered > thead > tr > th,
.bloc-couleur-3 .table-bordered > thead > tr > td,
.bloc-couleur-3 .table-bordered > thead > tr > th {
  border-bottom-width: 1px;
}

.bloc-couleur-1 .table > tbody > tr > td,
.bloc-couleur-1 .table > thead > tr > th,
.bloc-couleur-1 table > tbody > tr > th,
.bloc-couleur-2 .table > tbody > tr > td,
.bloc-couleur-2 .table > thead > tr > th,
.bloc-couleur-2 table > tbody > tr > th,
.bloc-couleur-3 .table > tbody > tr > td,
.bloc-couleur-3 .table > thead > tr > th,
.bloc-couleur-3 table > tbody > tr > th {
  color: #FFF;
}

.bloc-couleur-1 .table-striped > tbody > tr:nth-of-type(odd),
.bloc-couleur-2 .table-striped > tbody > tr:nth-of-type(odd),
.bloc-couleur-3 .table-striped > tbody > tr:nth-of-type(odd) {
  background: #84b924;
}

.bloc-couleur-1 .table-bordered,
.bloc-couleur-1 .table-bordered > tbody > tr > td,
.bloc-couleur-1 .table-bordered > thead > tr > th,
.bloc-couleur-2 .table-bordered,
.bloc-couleur-2 .table-bordered > tbody > tr > td,
.bloc-couleur-2 .table-bordered > thead > tr > th,
.bloc-couleur-3 .table-bordered,
.bloc-couleur-3 .table-bordered > tbody > tr > td,
.bloc-couleur-3 .table-bordered > thead > tr > th {
  border: 1px solid #FFF;
}

.bloc-couleur-2 {
  background: #F9AE00;
}

.bloc-couleur-2 .table-striped > tbody > tr:nth-of-type(odd) {
  background: #f4aa00;
}

.bloc-couleur-3 {
  background: #333333;
}

.bloc-couleur-3 .table-striped > tbody > tr:nth-of-type(odd) {
  background: #303030;
}

.contenu a:not(.btn) {
  text-decoration: underline;
}

.contenu a:not(.btn):hover, .contenu a:not(.btn):active, .contenu a:not(.btn):focus {
  color: #a1d93c;
  text-decoration: none;
}

/*.btn-primary-border {
  @include button-variant($c-site1, transparent, $c-site1);
  border: 2px solid $c-site1;
}*/
.btn-icn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 19px;
  color: #333333;
  background-color: #eee;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn-icn:hover {
  color: #595959;
}

.ripple-button {
  position: relative;
  overflow: hidden;
}

.ripple-button:hover, .ripple-button:focus {
  outline: none;
  text-decoration: none;
}

.ripple-button.search--web {
  border-radius: 0;
}

.ripple-button .ripple {
  position: absolute;
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-animation: ripple-effect 0.6s linear;
          animation: ripple-effect 0.6s linear;
  background-color: rgba(255, 255, 255, 0.7);
  pointer-events: none;
}

@-webkit-keyframes ripple-effect {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}

@keyframes ripple-effect {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}

.btn-slider {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  border-radius: 0;
  padding: 0.5em 4em;
  font-family: sans-serif !important;
}

.btn-slider:focus, .btn-slider.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #bfbfbf;
}

.btn-slider:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e0e0e0;
}

.btn-slider:active, .btn-slider.active,
.open > .btn-slider.dropdown-toggle {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-color: #e0e0e0;
}

.btn-slider:active:hover, .btn-slider:active:focus, .btn-slider:active.focus, .btn-slider.active:hover, .btn-slider.active:focus, .btn-slider.active.focus,
.open > .btn-slider.dropdown-toggle:hover,
.open > .btn-slider.dropdown-toggle:focus,
.open > .btn-slider.dropdown-toggle.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #bfbfbf;
}

.btn-slider.disabled:hover, .btn-slider.disabled:focus, .btn-slider.disabled.focus, .btn-slider[disabled]:hover, .btn-slider[disabled]:focus, .btn-slider[disabled].focus,
fieldset[disabled] .btn-slider:hover,
fieldset[disabled] .btn-slider:focus,
fieldset[disabled] .btn-slider.focus {
  background-color: transparent;
  border-color: #fff;
}

.btn-slider .badge {
  color: transparent;
  background-color: #fff;
}

.btn-slider:hover {
  background: rgba(255, 255, 255, 0.25);
}

/*.btn-primary, .btn-site2, .btn-site3, .btn-site4, .btn-site5, .btn-site6,
                        .btn-primary-border,
                        .btn-gris,
                        .btn-slider {
                            transition: all 150ms ease-in-out;
                        }*/
/*.btnB-full,
.btn-primary, .btn-site2, .btn-site3, .btn-gris, .btn-white,
.product__actions .product__info, .btn-SupprPanier, .btAnnuler, .btValider, .btRetour, .btnUpd, // styles boutons panier
.module__actualite .readActu,
div.CMS_FloatLeft .dxbButton_KIT0122, div.CMS_FloatLeft .dxbButton_KITS2025, .dxbButton_KITS2025 {
    display: inline-block;
    padding: 0.85rem 1.75rem;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    line-height: 1.8em;
    border: none;
    border-radius: $borderRadius;

    &:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: $c-site1;
        z-index: -2;
        border-radius: $borderRadius;
    }

    &:before {
        content: '';
        font-size: 1.15em;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: darken($c-site1, 8%);
        z-index: -1;
        transition: all .3s;
        border-radius: $borderRadius;
        display:none;
    }

    &:hover, &:focus, &:active {
        text-decoration: none;

        &:before {
            width: 100%;
        }
    }
}*/
.btn-primary, .btn-site2, .btn-site3, .btn-gris, .btn-white,
.product__actions .product__info, .btn-SupprPanier, .btAnnuler, .btValider, .btRetour, .btnUpd,
.module__actualite .readActu,
div.CMS_FloatLeft .dxbButton_KIT0122, div.CMS_FloatLeft .dxbButton_KITS2025, .dxbButton_KITS2025 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 1em;
}

.btn-primary {
  background-color: #87BD25;
  border-color: #78a821;
}

.btn-primary:hover, .btn-primary:focus {
  color: #FFF;
  background-color: #a1d93c;
  border-color: #9bd62f;
}

.btn-site2 {
  color: #FFF;
  background-color: #F9AE00;
  border-color: #e09c00;
}

.btn-site2:hover, .btn-site2:focus {
  color: #FFF;
  background-color: #ffc02d;
  border-color: #ffc337;
}

.btn-gris {
  color: #FFF;
  background-color: #aaa;
  border-color: #9d9d9d;
}

.btn-gris:hover, .btn-gris:focus {
  color: #FFF;
  background-color: #c4c4c4;
  border-color: #c9c9c9;
}

.dxbButton_KITS2025 {
  padding: inherit;
  outline: 0;
  padding: 0.5em 1em;
  border: 1px solid #78a821;
}

.dxbButtonHover_KITS2025 {
  border: 1px solid #87BD25;
}

.dxbButtonHover_KITS2025:hover, .dxbButtonHover_KITS2025:active, .dxbButtonHover_KITS2025:focus {
  background: #a1d93c;
}

.dxbButton_KITS2025.btn-default {
  border: 1px solid #ccc;
}

.dxbButtonHover_KITS2025.btn-default {
  border: 1px solid #ccc;
}

.dxbButtonHover_KITS2025.btn-default:hover, .dxbButtonHover_KITS2025.btn-default:active, .dxbButtonHover_KITS2025.btn-default:focus {
  background-color: #e6e5e5;
  border-color: #adadad;
}

.dxbButtonPressed_KITS2025 {
  outline: 0 !important;
}

/*.btn-default
                .btn-primary

                // Success appears as green
                .btn-success

                // Info appears as blue-green
                .btn-info

                // Warning appears as orange
                .btn-warning 

                // Danger and error appear as red
                .btn-danger*/
.btn-gris::after, .product__actions .product__info::after, .btRetour::after {
  background-color: pink;
}

.btn-gris::before, .product__actions .product__info::before, .btRetour::before {
  background-color: cyan;
}

.btn-SupprPanier::after, .btAnnuler::after {
  background-color: #c83a30;
  color: #FFF;
}

.btn-SupprPanier::before, .btAnnuler::before {
  background-color: #a73028;
}

.btn-site2::after {
  background-color: green;
}

.btn-site2::before {
  background-color: #d09100;
}

.btn-site2:hover, .btn-site2:active, .btn-site2:focus {
  color: #FFF !important;
}

.btRetour {
  background: #eee;
  color: #333333;
}

.btRetour:hover, .btRetour:active, .btRetour:focus {
  background: white;
}

.btn-white {
  color: #87BD25 !important;
}

.btn-white::after {
  background: #FFF;
  border: 1px solid #FFF;
}

.btn-white:hover, .btn-white:active, .btn-white:focus {
  background: transparent;
  border: 1px solid #FFF;
  color: #87BD25;
}

.btn-telechargement,
.lien-telechargement {
  position: relative;
  background: #87BD25;
  color: #fff;
  padding: 0.5em 1em 0.5em 2em;
  border-color: #78a821;
}

.btn-telechargement::before,
.lien-telechargement::before {
  content: '\f019';
  position: absolute;
  left: 0.75em;
  top: 0.5em;
  height: 1em;
  width: 1em;
  font-family: "FontAwesome", serif;
  font-size: 1em;
  color: #fff;
}

.btn-telechargement:hover,
.lien-telechargement:hover {
  background-color: #96d229;
  color: #fff;
  border-color: #9bd62f;
}

.lien-telechargement {
  background-color: transparent;
  color: #87BD25;
  padding-left: 2em;
  text-decoration: underline;
}

.lien-telechargement:hover {
  background-color: transparent;
  color: #87BD25;
  text-decoration: none;
}

.lien-telechargement::before {
  color: #87BD25;
}

.no-link {
  text-decoration: none !important;
}

.no-link:hover {
  text-decoration: none !important;
}

[class^="btn-"] {
  -webkit-transition: all 150ms;
  transition: all 150ms;
}

#btnRechercheSimple.btn-primary {
  height: 42px;
}

#btnRechercheSimple.btn-primary i.fa-search {
  color: #FFF;
}

.tableau-1 th, .tableau-2 th, .tableau-3 th {
  color: white !important;
  background-color: #87BD25;
}

.tableau-1 td, .tableau-2 td, .tableau-3 td {
  color: #333333;
}

.tableau-2 thead, .tableau-2 tr > th {
  background-color: #F9AE00;
}

.tableau-3 thead, .tableau-3 tr > th {
  background-color: #333333;
}

table p,
.table p {
  margin: 0;
  padding: 0;
}

.tableau-neutre {
  border-collapse: collapse;
  border: none !important;
  border-spacing: 0 !important;
}

.img-ombre {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

.carte img:first-child {
  max-width: 100%;
}

.carte .titre {
  text-align: center;
}

pre,
.code {
  display: block;
  padding: 1em;
  margin: 1em 0;
  border: 1px solid #000;
  background-color: #eee;
  font-family: Consolas, monospace;
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  .flex-column-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .order-0-sm {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1-sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2-sm {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.marges-nulles {
  margin-left: -15px;
  margin-right: -15px;
}

.c2-bx-hvr-effect-jazz-p a {
  color: #FFF !important;
  text-decoration: none !important;
}

.liste__metiers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style-type: none;
  padding-left: 0;
}

.liste__metiers .liste__metier__item {
  width: calc(50% - 0.5em);
  text-align: center;
  margin-bottom: 1em;
  border: 1px solid #87BD25;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0);
          box-shadow: 0 0 0.5em rgba(0, 0, 0, 0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.liste__metiers .liste__metier__item:hover {
  border: 1px solid #87BD25;
  -webkit-box-shadow: 0 2em 3em rgba(39, 70, 93, 0.55);
          box-shadow: 0 2em 3em rgba(39, 70, 93, 0.55);
}

@media all and (min-width: 768px) {
  .liste__metiers .liste__metier__item {
    width: calc(16% - 20px);
  }
}

.liste__metiers .metier__titre {
  display: block;
  background-color: #85ADCB;
  padding: 0.25em 0.5em;
  font-size: 1.2em;
  color: #fff;
}

@media all and (min-width: 768px) {
  .liste__metiers .metier__titre {
    font-size: 1em;
  }
}

.cirhyo .sommaire__item .sommaire_link {
  text-decoration: underline;
  color: #87BD25;
}