/*
$txt7xl: 4.688rem; //75px
$txt6xl: 2.5rem; //40px
$txt5xl: 2rem; //32px
$txt4xl: 1.875rem; //30px
$txt3xl: 1.75rem; //28px
$txt2xl: 1.5rem; //24px
$txtxl: 1.25rem; //20px
$txtl: 1.125rem; //18px
$txtm: 1rem; //16px
$txts: 0.875rem; //14px
$txtxs: 0.75rem; //12px
$txt2xs: 0.625rem; //10px
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
/* ------- Appel des mixins ------------------------------------------------------------- */
html {
  width: 100%;
  height: auto;
}

body {
  background-color: #ffffff;
  color: #333333;
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  font-size: 1rem;
  line-height: 1.25rem;
}
@media screen and (max-width: 480px) {
  body {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

#container {
  width: 100%;
  margin: 62px 0 0 0;
}
@media print {
  #container {
    margin: 0;
  }
}

.page {
  display: block;
  padding: 0;
  margin: 0 auto;
  max-width: 1280px;
}
@media screen and (max-width: 1280px) {
  .page {
    margin: 0 1rem;
  }
}

h1,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like {
  margin: 1.25rem 0;
}
@media screen and (max-width: 768px) {
  h1,
  h2,
  .h2-like,
  h3,
  .h3-like,
  h4,
  .h4-like,
  h5,
  .h5-like {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

h1 {
  font-size: 2.25rem;
  font-weight: 400;
  color: #01E483;
  line-height: 3rem;
  text-align: center;
  text-transform: uppercase;
  margin: 3rem 0;
}
h1 strong {
  font-size: 2.25rem;
  font-weight: 800;
  color: #0C112C;
}
h1 em {
  font-style: normal;
}
h1 svg {
  display: inline;
  height: 3rem;
  width: auto;
  vertical-align: text-top;
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  h1 strong {
    font-size: 1.5rem;
  }
}

h2,
.h2-like {
  font-size: 1.875rem;
  font-weight: 400;
  color: #01E483;
  line-height: 2.25rem;
  text-transform: uppercase;
  margin: 2rem 0;
}
h2 strong,
.h2-like strong {
  font-size: 1.875rem;
  font-weight: 800;
  color: #0C112C;
}
@media screen and (max-width: 768px) {
  h2,
  .h2-like {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  h2 strong,
  .h2-like strong {
    font-size: 1.25rem;
  }
}

h3,
.h3-like {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0C112C;
  text-transform: uppercase;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  h3,
  .h3-like {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

/*
h4,
.h4-like {
    @include font-style($txtxl, 200, $vert);
    text-transform: uppercase;
    line-height: $txt2xl;

    strong {
        @include font-style($txtxl, 800, $color1dark);
    }
}
    */
h4,
.h4-like {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0C112C;
  text-transform: uppercase;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  h4,
  .h4-like {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

h5,
.h5-like {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

a {
  text-decoration: none;
  color: inherit;
}

p {
  margin: 0 0 10px 0;
}

hr {
  display: block;
  height: 2px;
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #01E483;
  margin: 5rem 0;
}

strong {
  font-weight: bold;
}

ul,
ol {
  padding-left: 2rem;
}

input,
textarea,
select {
  border: none;
  border-radius: 0;
  background-color: #f3f3f3;
  padding: 0 0 0 2px;
}

small {
  font-size: 0.75em;
  font-weight: normal;
}

.fd-visuel {
  width: auto;
}
.fd-visuel img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

iframe {
  margin: 0;
  max-width: 100%;
}

ul.tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  ul.tabs {
    padding: 0 0 10px 0;
  }
}

ul.tabs li {
  color: #333333;
  display: inline-block;
  padding: 15px 30px;
  margin: 0 10px 10px 0;
  cursor: pointer;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.125rem;
  border: 1px solid #a3a3a3;
  vertical-align: top;
}
@media screen and (max-width: 1024px) {
  ul.tabs li {
    width: 48.5%;
    margin: 0 1.4% 1.4% 0;
  }
  ul.tabs li:nth-child(even) {
    margin: 0;
  }
}
ul.tabs li:hover {
  background: #01E483;
  color: #ffffff;
}
ul.tabs li.current {
  background: #0C112C;
  color: #ffffff;
}
ul.tabs li {
  /*
  &:last-child {
      margin: 0;
  }
      */
}

.tab-content {
  display: none;
  margin: 0 0 10px 0;
  padding: 0;
}

.tab-content.current {
  display: inherit;
}

.erreur,
.confirm,
.succes,
.infos {
  width: 100%;
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  padding: 10px;
  margin: 10px 0;
  color: #ffffff;
  border: 0;
  border-radius: 3px;
}
.erreur a,
.confirm a,
.succes a,
.infos a {
  color: #ffffff;
}

.erreur {
  background-color: #cd282a;
}

.confirm,
.succes {
  background-color: #01E483;
}

.infos {
  background-color: #0C112C;
  text-align: left;
  margin: 0 0 10px 0;
}

.cacher {
  display: none !important;
}

aside.mod > img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.infobulle {
  position: absolute;
  z-index: 99999;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  padding: 5px;
  margin: 5px;
  min-width: 100px;
  max-width: 175px;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: left;
  text-transform: none;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
.infobulle:first-letter {
  text-transform: uppercase;
}

div.technique {
  border-bottom: 2px solid #090;
  margin: 0 auto;
  background: #cfc;
  color: #333333;
  width: 100%;
}

span.technique {
  max-width: 1440px;
  padding: 5px;
  display: block;
  margin: 0 auto;
  font-size: 1rem;
}

#page404 img {
  max-width: 100%;
  display: block;
  margin: 2rem auto;
}
#page404 .grid3 {
  text-align: center;
}
#page404 .grid3 svg {
  margin: 0 1rem 0 0;
}
@media screen and (max-width: 768px) {
  #page404 .grid3 {
    text-align: left;
    grid-template-columns: repeat(auto-fill, minmax(180px 1fr));
    grid-gap: 1px;
  }
}

/* ------- Appel des mixins ------------------------------------------------------------- */
/* ------- Tous les boutons ------------------------------------------------------------- */
button {
  border: none;
}

.btbase,
.btminibase,
.ptbtdetails {
  width: auto;
  display: inline-block;
  height: 2rem;
  line-height: 1.75rem;
  padding: 0.1rem 1rem;
  margin: 5px;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  background-color: #0C112C;
  border: none;
  border-radius: 3px;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
  cursor: pointer;
}
.btbase svg,
.btminibase svg,
.ptbtdetails svg {
  width: 18px;
  height: 18px;
  display: inline;
  vertical-align: text-top;
}
.btbase:hover,
.btminibase:hover,
.ptbtdetails:hover {
  font-size: 1rem;
  font-weight: 400;
  color: #0C112C;
  background-color: #01E483;
}

.bt-orange {
  color: #ffffff;
  background-color: #f77d1a;
}

.bt-rouge {
  color: #ffffff;
  background-color: #cd282a;
}

.bt-gris {
  color: #0C112C;
  background-color: #d3d3d3;
}

.bt-vert {
  color: #0C112C;
  background-color: #01E483;
}

.bt-blanc {
  color: #0C112C;
  background-color: #ffffff;
}

.btmini {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  padding: 0.75rem;
  height: 0.875rem;
  color: #0C112C;
  border-radius: 3px;
  border: 1px solid #a3a3a3;
  background-color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btmini:hover {
  background-color: #01E483;
}

/* ------- Appel des mixins ------------------------------------------------------------- */
.clearfix:after,
.line:after,
.mod:after {
  content: "";
  display: table;
  clear: both;
}

.mod,
.item {
  overflow: hidden;
}

.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid12 {
  display: grid;
  grid-column-gap: 2rem;
}
.grid2 > *,
.grid3 > *,
.grid4 > *,
.grid5 > *,
.grid6 > *,
.grid12 > * {
  overflow: hidden;
}

.grid2 {
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}
@media screen and (max-width: 480px) {
  .grid2 {
    grid-template-columns: 100%;
  }
}

.grid3 {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

.grid4 {
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
}

.grid5 {
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}

.grid6 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media screen and (max-width: 480px) {
  .grid6 {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  }
}

.grid12 {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
}

.grid1-2 {
  grid-template-columns: 1fr 2fr;
}

.grid2-1 {
  grid-template-columns: 2fr 1fr;
}

.grid1-3 {
  grid-template-columns: 1fr 3fr;
}

.grid3-1 {
  grid-template-columns: 3fr 1fr;
}

.grid2-4 {
  grid-template-columns: 2fr 4fr;
}

.grid4-2 {
  grid-template-columns: 4fr 2fr;
}
@media screen and (max-width: 480px) {
  .grid4-2 {
    grid-template-columns: 100%;
  }
}
.grid4-2 .grid2 {
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 10px;
  padding: initial;
}
@media screen and (max-width: 480px) {
  .grid4-2 .grid2 {
    grid-template-columns: 100%;
  }
}

.grid1-2,
.grid2-1,
.grid1-3,
.grid3-1,
.grid2-4,
.grid4-2 {
  display: grid;
  grid-column-gap: 10px;
}
@media screen and (max-width: 640px) {
  .grid1-2,
  .grid2-1,
  .grid1-3,
  .grid3-1,
  .grid2-4,
  .grid4-2 {
    grid-template-columns: 1fr;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
}

main {
  max-width: 1280px;
  margin: 0 auto;
}

.top-bar {
  position: sticky;
  top: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
  z-index: 1000;
  display: flex;
  align-items: center;
}
.top-bar .top-bar-content {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 13px;
}
.top-bar .contact-link {
  font-size: 0.75rem;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  margin-right: auto;
  line-height: 1.125rem;
  transition: opacity 0.3s;
}
.top-bar .contact-link:hover {
  opacity: 0.8;
}
.top-bar .language-selector {
  position: relative;
  margin: 0 5px 0 0;
}
.top-bar .language-selector .lang-current {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  text-transform: uppercase;
}
.top-bar .language-selector .lang-current .chevron-svg {
  display: flex;
  height: 20px;
  width: 20px;
  transition: transform 0.3s ease;
}
.top-bar .language-selector .lang-current .chevron-svg svg {
  stroke: #ffffff;
  height: auto;
}
.top-bar .language-selector .lang-current.active .chevron-svg {
  transform: rotate(180deg);
}
.top-bar .language-selector .lang-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #0C112C;
  list-style: none;
  padding: 10px;
  margin: 5px 0 0 0;
  border-radius: 3px;
  z-index: 1000;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
.top-bar .language-selector .lang-dropdown li a {
  font-size: 0.875rem;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
}
.top-bar .language-selector .lang-dropdown li a:hover {
  color: #01E483;
}

/* ------- Appel des mixins ------------------------------------------------------------- */
form.mesinfos,
form.desabon,
form.recuppass,
form.contact,
form.reprise,
form.devis,
#pg-cookies,
#devis-edit,
#pg-inscription,
#pg-mesoffres,
#pg-mescommandes,
#pg-monstock,
#mavitrine,
#pg-panier {
  line-height: 25px;
}
form.mesinfos h2,
form.desabon h2,
form.recuppass h2,
form.contact h2,
form.reprise h2,
form.devis h2,
#pg-cookies h2,
#devis-edit h2,
#pg-inscription h2,
#pg-mesoffres h2,
#pg-mescommandes h2,
#pg-monstock h2,
#mavitrine h2,
#pg-panier h2 {
  display: block;
  width: 100%;
  background-color: #01E483;
  padding: 0 0.5rem;
  margin: 0;
}
form.mesinfos h2 + div,
form.desabon h2 + div,
form.recuppass h2 + div,
form.contact h2 + div,
form.reprise h2 + div,
form.devis h2 + div,
#pg-cookies h2 + div,
#devis-edit h2 + div,
#pg-inscription h2 + div,
#pg-mesoffres h2 + div,
#pg-mescommandes h2 + div,
#pg-monstock h2 + div,
#mavitrine h2 + div,
#pg-panier h2 + div {
  display: block;
  padding: 1rem;
  margin: 0;
  border: 1px solid #d3d3d3;
  border-radius: 0 0 5px 5px;
}
form.mesinfos h3,
form.desabon h3,
form.recuppass h3,
form.contact h3,
form.reprise h3,
form.devis h3,
#pg-cookies h3,
#devis-edit h3,
#pg-inscription h3,
#pg-mesoffres h3,
#pg-mescommandes h3,
#pg-monstock h3,
#mavitrine h3,
#pg-panier h3 {
  margin: 0 0 1rem 0;
}
form.mesinfos fieldset,
form.desabon fieldset,
form.recuppass fieldset,
form.contact fieldset,
form.reprise fieldset,
form.devis fieldset,
#pg-cookies fieldset,
#devis-edit fieldset,
#pg-inscription fieldset,
#pg-mesoffres fieldset,
#pg-mescommandes fieldset,
#pg-monstock fieldset,
#mavitrine fieldset,
#pg-panier fieldset {
  margin-bottom: 10px;
  padding: 0;
  border: none;
}
form.mesinfos label,
form.desabon label,
form.recuppass label,
form.contact label,
form.reprise label,
form.devis label,
#pg-cookies label,
#devis-edit label,
#pg-inscription label,
#pg-mesoffres label,
#pg-mescommandes label,
#pg-monstock label,
#mavitrine label,
#pg-panier label {
  width: 100%;
  font-size: 1rem;
}
form.mesinfos input,
form.mesinfos select,
form.mesinfos textarea,
form.desabon input,
form.desabon select,
form.desabon textarea,
form.recuppass input,
form.recuppass select,
form.recuppass textarea,
form.contact input,
form.contact select,
form.contact textarea,
form.reprise input,
form.reprise select,
form.reprise textarea,
form.devis input,
form.devis select,
form.devis textarea,
#pg-cookies input,
#pg-cookies select,
#pg-cookies textarea,
#devis-edit input,
#devis-edit select,
#devis-edit textarea,
#pg-inscription input,
#pg-inscription select,
#pg-inscription textarea,
#pg-mesoffres input,
#pg-mesoffres select,
#pg-mesoffres textarea,
#pg-mescommandes input,
#pg-mescommandes select,
#pg-mescommandes textarea,
#pg-monstock input,
#pg-monstock select,
#pg-monstock textarea,
#mavitrine input,
#mavitrine select,
#mavitrine textarea,
#pg-panier input,
#pg-panier select,
#pg-panier textarea {
  width: 100%;
  min-height: 2.5rem;
  font-size: 1rem;
  margin: 0 0 10px 0;
  padding: 0.5rem;
  background-color: #f3f3f3;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
form.mesinfos input.btminibase,
form.desabon input.btminibase,
form.recuppass input.btminibase,
form.contact input.btminibase,
form.reprise input.btminibase,
form.devis input.btminibase,
#pg-cookies input.btminibase,
#devis-edit input.btminibase,
#pg-inscription input.btminibase,
#pg-mesoffres input.btminibase,
#pg-mescommandes input.btminibase,
#pg-monstock input.btminibase,
#mavitrine input.btminibase,
#pg-panier input.btminibase {
  width: auto;
  padding: 0.1rem 2rem;
  margin: 5px;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  background-color: #0C112C;
  border-radius: 5px;
  border: none;
}
form.mesinfos input.btminibase:hover,
form.desabon input.btminibase:hover,
form.recuppass input.btminibase:hover,
form.contact input.btminibase:hover,
form.reprise input.btminibase:hover,
form.devis input.btminibase:hover,
#pg-cookies input.btminibase:hover,
#devis-edit input.btminibase:hover,
#pg-inscription input.btminibase:hover,
#pg-mesoffres input.btminibase:hover,
#pg-mescommandes input.btminibase:hover,
#pg-monstock input.btminibase:hover,
#mavitrine input.btminibase:hover,
#pg-panier input.btminibase:hover {
  font-size: 1rem;
  font-weight: 400;
  color: #0C112C;
  background-color: #01E483;
}
form.mesinfos .rstar:before,
form.desabon .rstar:before,
form.recuppass .rstar:before,
form.contact .rstar:before,
form.reprise .rstar:before,
form.devis .rstar:before,
#pg-cookies .rstar:before,
#devis-edit .rstar:before,
#pg-inscription .rstar:before,
#pg-mesoffres .rstar:before,
#pg-mescommandes .rstar:before,
#pg-monstock .rstar:before,
#mavitrine .rstar:before,
#pg-panier .rstar:before {
  content: "*";
  margin: 0 0 0 0.2rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #cd282a;
}
form.mesinfos input[type=text].is-invalid,
form.desabon input[type=text].is-invalid,
form.recuppass input[type=text].is-invalid,
form.contact input[type=text].is-invalid,
form.reprise input[type=text].is-invalid,
form.devis input[type=text].is-invalid,
#pg-cookies input[type=text].is-invalid,
#devis-edit input[type=text].is-invalid,
#pg-inscription input[type=text].is-invalid,
#pg-mesoffres input[type=text].is-invalid,
#pg-mescommandes input[type=text].is-invalid,
#pg-monstock input[type=text].is-invalid,
#mavitrine input[type=text].is-invalid,
#pg-panier input[type=text].is-invalid {
  outline-style: solid;
  outline-color: rgb(248, 148, 6);
}
form.mesinfos input[type=text].is-invalid:focus,
form.desabon input[type=text].is-invalid:focus,
form.recuppass input[type=text].is-invalid:focus,
form.contact input[type=text].is-invalid:focus,
form.reprise input[type=text].is-invalid:focus,
form.devis input[type=text].is-invalid:focus,
#pg-cookies input[type=text].is-invalid:focus,
#devis-edit input[type=text].is-invalid:focus,
#pg-inscription input[type=text].is-invalid:focus,
#pg-mesoffres input[type=text].is-invalid:focus,
#pg-mescommandes input[type=text].is-invalid:focus,
#pg-monstock input[type=text].is-invalid:focus,
#mavitrine input[type=text].is-invalid:focus,
#pg-panier input[type=text].is-invalid:focus {
  outline-width: 2px;
}
form.mesinfos input[type=text].is-invalid,
form.desabon input[type=text].is-invalid,
form.recuppass input[type=text].is-invalid,
form.contact input[type=text].is-invalid,
form.reprise input[type=text].is-invalid,
form.devis input[type=text].is-invalid,
#pg-cookies input[type=text].is-invalid,
#devis-edit input[type=text].is-invalid,
#pg-inscription input[type=text].is-invalid,
#pg-mesoffres input[type=text].is-invalid,
#pg-mescommandes input[type=text].is-invalid,
#pg-monstock input[type=text].is-invalid,
#mavitrine input[type=text].is-invalid,
#pg-panier input[type=text].is-invalid {
  outline-width: 1px;
}
form.mesinfos input[type=text].is-loading,
form.desabon input[type=text].is-loading,
form.recuppass input[type=text].is-loading,
form.contact input[type=text].is-loading,
form.reprise input[type=text].is-loading,
form.devis input[type=text].is-loading,
#pg-cookies input[type=text].is-loading,
#devis-edit input[type=text].is-loading,
#pg-inscription input[type=text].is-loading,
#pg-mesoffres input[type=text].is-loading,
#pg-mescommandes input[type=text].is-loading,
#pg-monstock input[type=text].is-loading,
#mavitrine input[type=text].is-loading,
#pg-panier input[type=text].is-loading {
  background: #f3f3f3;
  background: linear-gradient(110deg, #d9d9d9 8%, #f5f5f5 18%, #d9d9d9 33%);
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}
form.mesinfos .field-checkbox,
form.desabon .field-checkbox,
form.recuppass .field-checkbox,
form.contact .field-checkbox,
form.reprise .field-checkbox,
form.devis .field-checkbox,
#pg-cookies .field-checkbox,
#devis-edit .field-checkbox,
#pg-inscription .field-checkbox,
#pg-mesoffres .field-checkbox,
#pg-mescommandes .field-checkbox,
#pg-monstock .field-checkbox,
#mavitrine .field-checkbox,
#pg-panier .field-checkbox {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  height: 40px;
}
form.mesinfos .field-checkbox .checkcustom,
form.desabon .field-checkbox .checkcustom,
form.recuppass .field-checkbox .checkcustom,
form.contact .field-checkbox .checkcustom,
form.reprise .field-checkbox .checkcustom,
form.devis .field-checkbox .checkcustom,
#pg-cookies .field-checkbox .checkcustom,
#devis-edit .field-checkbox .checkcustom,
#pg-inscription .field-checkbox .checkcustom,
#pg-mesoffres .field-checkbox .checkcustom,
#pg-mescommandes .field-checkbox .checkcustom,
#pg-monstock .field-checkbox .checkcustom,
#mavitrine .field-checkbox .checkcustom,
#pg-panier .field-checkbox .checkcustom {
  cursor: pointer;
  border: none;
  position: relative;
  width: 22px;
  margin: 0 0.5rem 0 0;
}
form.mesinfos .field-checkbox .checkcustom input[type=checkbox],
form.desabon .field-checkbox .checkcustom input[type=checkbox],
form.recuppass .field-checkbox .checkcustom input[type=checkbox],
form.contact .field-checkbox .checkcustom input[type=checkbox],
form.reprise .field-checkbox .checkcustom input[type=checkbox],
form.devis .field-checkbox .checkcustom input[type=checkbox],
#pg-cookies .field-checkbox .checkcustom input[type=checkbox],
#devis-edit .field-checkbox .checkcustom input[type=checkbox],
#pg-inscription .field-checkbox .checkcustom input[type=checkbox],
#pg-mesoffres .field-checkbox .checkcustom input[type=checkbox],
#pg-mescommandes .field-checkbox .checkcustom input[type=checkbox],
#pg-monstock .field-checkbox .checkcustom input[type=checkbox],
#mavitrine .field-checkbox .checkcustom input[type=checkbox],
#pg-panier .field-checkbox .checkcustom input[type=checkbox] {
  display: none;
}
form.mesinfos .field-checkbox .checkcustom input[type=checkbox] + label,
form.desabon .field-checkbox .checkcustom input[type=checkbox] + label,
form.recuppass .field-checkbox .checkcustom input[type=checkbox] + label,
form.contact .field-checkbox .checkcustom input[type=checkbox] + label,
form.reprise .field-checkbox .checkcustom input[type=checkbox] + label,
form.devis .field-checkbox .checkcustom input[type=checkbox] + label,
#pg-cookies .field-checkbox .checkcustom input[type=checkbox] + label,
#devis-edit .field-checkbox .checkcustom input[type=checkbox] + label,
#pg-inscription .field-checkbox .checkcustom input[type=checkbox] + label,
#pg-mesoffres .field-checkbox .checkcustom input[type=checkbox] + label,
#pg-mescommandes .field-checkbox .checkcustom input[type=checkbox] + label,
#pg-monstock .field-checkbox .checkcustom input[type=checkbox] + label,
#mavitrine .field-checkbox .checkcustom input[type=checkbox] + label,
#pg-panier .field-checkbox .checkcustom input[type=checkbox] + label {
  display: inline-block;
  height: 22px;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  color: #0C112C;
  background-color: #f3f3f3;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
form.mesinfos .field-checkbox .checkcustom input[type=checkbox]:checked + label,
form.desabon .field-checkbox .checkcustom input[type=checkbox]:checked + label,
form.recuppass .field-checkbox .checkcustom input[type=checkbox]:checked + label,
form.contact .field-checkbox .checkcustom input[type=checkbox]:checked + label,
form.reprise .field-checkbox .checkcustom input[type=checkbox]:checked + label,
form.devis .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#pg-cookies .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#devis-edit .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#pg-inscription .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#pg-mesoffres .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#pg-mescommandes .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#pg-monstock .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#mavitrine .field-checkbox .checkcustom input[type=checkbox]:checked + label,
#pg-panier .field-checkbox .checkcustom input[type=checkbox]:checked + label {
  background: #01E483 url(../images/svg/check-square.svg) no-repeat;
}
form.mesinfos .field-radio,
form.desabon .field-radio,
form.recuppass .field-radio,
form.contact .field-radio,
form.reprise .field-radio,
form.devis .field-radio,
#pg-cookies .field-radio,
#devis-edit .field-radio,
#pg-inscription .field-radio,
#pg-mesoffres .field-radio,
#pg-mescommandes .field-radio,
#pg-monstock .field-radio,
#mavitrine .field-radio,
#pg-panier .field-radio {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
form.mesinfos .field-radio .faux-label,
form.desabon .field-radio .faux-label,
form.recuppass .field-radio .faux-label,
form.contact .field-radio .faux-label,
form.reprise .field-radio .faux-label,
form.devis .field-radio .faux-label,
#pg-cookies .field-radio .faux-label,
#devis-edit .field-radio .faux-label,
#pg-inscription .field-radio .faux-label,
#pg-mesoffres .field-radio .faux-label,
#pg-mescommandes .field-radio .faux-label,
#pg-monstock .field-radio .faux-label,
#mavitrine .field-radio .faux-label,
#pg-panier .field-radio .faux-label {
  display: inline-block;
  width: auto;
  margin-right: 1rem;
}
form.mesinfos .field-radio .radio-group,
form.desabon .field-radio .radio-group,
form.recuppass .field-radio .radio-group,
form.contact .field-radio .radio-group,
form.reprise .field-radio .radio-group,
form.devis .field-radio .radio-group,
#pg-cookies .field-radio .radio-group,
#devis-edit .field-radio .radio-group,
#pg-inscription .field-radio .radio-group,
#pg-mesoffres .field-radio .radio-group,
#pg-mescommandes .field-radio .radio-group,
#pg-monstock .field-radio .radio-group,
#mavitrine .field-radio .radio-group,
#pg-panier .field-radio .radio-group {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}
form.mesinfos .field-radio .radio-group label,
form.desabon .field-radio .radio-group label,
form.recuppass .field-radio .radio-group label,
form.contact .field-radio .radio-group label,
form.reprise .field-radio .radio-group label,
form.devis .field-radio .radio-group label,
#pg-cookies .field-radio .radio-group label,
#devis-edit .field-radio .radio-group label,
#pg-inscription .field-radio .radio-group label,
#pg-mesoffres .field-radio .radio-group label,
#pg-mescommandes .field-radio .radio-group label,
#pg-monstock .field-radio .radio-group label,
#mavitrine .field-radio .radio-group label,
#pg-panier .field-radio .radio-group label {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  cursor: pointer;
  order: 2;
}
form.mesinfos .field-radio .radio-group .radiocustom,
form.desabon .field-radio .radio-group .radiocustom,
form.recuppass .field-radio .radio-group .radiocustom,
form.contact .field-radio .radio-group .radiocustom,
form.reprise .field-radio .radio-group .radiocustom,
form.devis .field-radio .radio-group .radiocustom,
#pg-cookies .field-radio .radio-group .radiocustom,
#devis-edit .field-radio .radio-group .radiocustom,
#pg-inscription .field-radio .radio-group .radiocustom,
#pg-mesoffres .field-radio .radio-group .radiocustom,
#pg-mescommandes .field-radio .radio-group .radiocustom,
#pg-monstock .field-radio .radio-group .radiocustom,
#mavitrine .field-radio .radio-group .radiocustom,
#pg-panier .field-radio .radio-group .radiocustom {
  order: 1;
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
  width: 22px;
  height: 22px;
  min-height: 22px;
  background-color: #f3f3f3;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  margin: 0 0.5rem 0 0;
}
form.mesinfos .field-radio .radio-group .radiocustom:checked,
form.desabon .field-radio .radio-group .radiocustom:checked,
form.recuppass .field-radio .radio-group .radiocustom:checked,
form.contact .field-radio .radio-group .radiocustom:checked,
form.reprise .field-radio .radio-group .radiocustom:checked,
form.devis .field-radio .radio-group .radiocustom:checked,
#pg-cookies .field-radio .radio-group .radiocustom:checked,
#devis-edit .field-radio .radio-group .radiocustom:checked,
#pg-inscription .field-radio .radio-group .radiocustom:checked,
#pg-mesoffres .field-radio .radio-group .radiocustom:checked,
#pg-mescommandes .field-radio .radio-group .radiocustom:checked,
#pg-monstock .field-radio .radio-group .radiocustom:checked,
#mavitrine .field-radio .radio-group .radiocustom:checked,
#pg-panier .field-radio .radio-group .radiocustom:checked {
  background: #01E483 url(../images/svg/check-square.svg) no-repeat;
}
form.mesinfos input[type=file],
form.desabon input[type=file],
form.recuppass input[type=file],
form.contact input[type=file],
form.reprise input[type=file],
form.devis input[type=file],
#pg-cookies input[type=file],
#devis-edit input[type=file],
#pg-inscription input[type=file],
#pg-mesoffres input[type=file],
#pg-mescommandes input[type=file],
#pg-monstock input[type=file],
#mavitrine input[type=file],
#pg-panier input[type=file] {
  font-size: 1rem;
}
form.mesinfos placeholder,
form.desabon placeholder,
form.recuppass placeholder,
form.contact placeholder,
form.reprise placeholder,
form.devis placeholder,
#pg-cookies placeholder,
#devis-edit placeholder,
#pg-inscription placeholder,
#pg-mesoffres placeholder,
#pg-mescommandes placeholder,
#pg-monstock placeholder,
#mavitrine placeholder,
#pg-panier placeholder {
  font-size: inherit;
}
form.mesinfos > div,
form.desabon > div,
form.recuppass > div,
form.contact > div,
form.reprise > div,
form.devis > div,
#pg-cookies > div,
#devis-edit > div,
#pg-inscription > div,
#pg-mesoffres > div,
#pg-mescommandes > div,
#pg-monstock > div,
#mavitrine > div,
#pg-panier > div {
  margin-bottom: 10px;
}
form.mesinfos .helper-text,
form.desabon .helper-text,
form.recuppass .helper-text,
form.contact .helper-text,
form.reprise .helper-text,
form.devis .helper-text,
#pg-cookies .helper-text,
#devis-edit .helper-text,
#pg-inscription .helper-text,
#pg-mesoffres .helper-text,
#pg-mescommandes .helper-text,
#pg-monstock .helper-text,
#mavitrine .helper-text,
#pg-panier .helper-text {
  margin-left: 25%;
  color: rgb(248, 148, 6);
}
form.mesinfos input.km,
form.desabon input.km,
form.recuppass input.km,
form.contact input.km,
form.reprise input.km,
form.devis input.km,
#pg-cookies input.km,
#devis-edit input.km,
#pg-inscription input.km,
#pg-mesoffres input.km,
#pg-mescommandes input.km,
#pg-monstock input.km,
#mavitrine input.km,
#pg-panier input.km {
  width: 61%;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  form.mesinfos input.km,
  form.desabon input.km,
  form.recuppass input.km,
  form.contact input.km,
  form.reprise input.km,
  form.devis input.km,
  #pg-cookies input.km,
  #devis-edit input.km,
  #pg-inscription input.km,
  #pg-mesoffres input.km,
  #pg-mescommandes input.km,
  #pg-monstock input.km,
  #mavitrine input.km,
  #pg-panier input.km {
    width: 87%;
  }
}
form.mesinfos span.km,
form.desabon span.km,
form.recuppass span.km,
form.contact span.km,
form.reprise span.km,
form.devis span.km,
#pg-cookies span.km,
#devis-edit span.km,
#pg-inscription span.km,
#pg-mesoffres span.km,
#pg-mescommandes span.km,
#pg-monstock span.km,
#mavitrine span.km,
#pg-panier span.km {
  width: 9%;
  font-size: 1.25rem;
  display: inline-block;
  margin-bottom: 10px;
  text-align: right;
}
@media screen and (max-width: 480px) {
  form.mesinfos span.km,
  form.desabon span.km,
  form.recuppass span.km,
  form.contact span.km,
  form.reprise span.km,
  form.devis span.km,
  #pg-cookies span.km,
  #devis-edit span.km,
  #pg-inscription span.km,
  #pg-mesoffres span.km,
  #pg-mescommandes span.km,
  #pg-monstock span.km,
  #mavitrine span.km,
  #pg-panier span.km {
    width: 12%;
  }
}

#pg-inscription h3 {
  margin: 0 0 1rem 0;
}
#pg-inscription h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0C112C;
}
#pg-inscription .field-optin {
  display: flex;
  flex-wrap: wrap;
}
#pg-inscription .field-optin .checkcustom {
  display: inline-block;
  flex: 0 0 22px;
}
#pg-inscription .field-optin p {
  font-size: 0.75rem;
  font-weight: 400;
  color: #333333;
  line-height: 1rem;
  flex: 1 1 80%;
  padding: 0 0 0 0.5rem;
}
#pg-inscription #ident-connexion {
  display: inline-block;
  max-width: 45%;
}
#pg-inscription #mdpforget {
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  text-decoration: underline;
}

.mes-infos-contact ul {
  list-style: disc;
  line-height: 1.5em;
}
.mes-infos-contact img {
  max-width: 170px;
  margin: 10px;
  border-radius: 50%;
}

@keyframes shine {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -200%;
  }
}
.type-compte {
  display: inline-block;
  color: #0C112C;
  background-color: rgba(0, 0, 0, 0.1);
  width: 74%;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 3px;
}
@media screen and (max-width: 480px) {
  .type-compte {
    width: 100%;
  }
}

.pave-logo {
  background-color: #ffffff;
  margin: 10px 0;
  min-height: 150px;
  line-height: 150px;
  text-align: center;
}
.pave-logo > img {
  margin: 5px auto !important;
}

/* ------- Appel des mixins ------------------------------------------------------------- */
.main-nav {
  position: sticky;
  display: block;
  top: 40px;
  height: 46px;
  padding: 0;
  margin: 0 auto;
  z-index: 100;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1280px) {
  .main-nav {
    margin: 0 10px;
  }
}
.main-nav .nav-wrapper {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
}
.main-nav.is-scrolled {
  top: 20px;
  margin: 0;
  background-color: #ffffff;
  box-shadow: 0 5px 12px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
.main-nav.is-scrolled .nav-wrapper {
  box-shadow: none;
  border: 0;
}
.main-nav .nav-logo {
  min-width: 200px;
  background: none;
}
.main-nav .nav-logo a {
  display: block;
  height: 100%;
  font-size: 18px;
  font-weight: 700;
  color: #0C112C;
  text-decoration: none;
}
.main-nav .nav-logo a img {
  max-width: 200px;
  height: auto;
  margin: 4px 0 0 -10px;
}

.nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  max-height: 100vh;
  transition: transform 0.3s ease-in-out;
}
.nav li {
  border-left: 1px solid #0C112C;
}
.nav li svg {
  display: none;
}
.nav li > a {
  display: block;
  height: 26px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  line-height: 28px;
  text-decoration: none;
  padding: 0 10px;
}
.nav li > a .reco-picto,
.nav li > a .p1p-picto {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 10px 0 0;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 600;
  color: #0C112C;
  text-transform: uppercase;
  text-align: center;
  line-height: 19px;
  border: 2px solid #0C112C;
  border-radius: 50%;
  background-color: #ffffff;
}
.nav li > a.active {
  font-size: 0.875rem;
  font-weight: 800;
  color: #0C112C;
}
.nav li > a:hover, .nav li > a.active:hover {
  color: #01E483;
}
.nav li > a:hover .reco-picto,
.nav li > a:hover .p1p-picto, .nav li > a.active:hover .reco-picto,
.nav li > a.active:hover .p1p-picto {
  color: #01E483;
  border-color: #01E483;
}
.nav li:nth-child(1) {
  border-left: none;
}
.nav li .sousnav {
  display: none;
}
.nav li:hover .sousnav {
  display: block;
  position: absolute;
  top: 35px;
  margin: 0;
  padding: 8px;
}
.nav li:hover .sousnav > ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 10px;
  max-width: 300px;
  background: #ffffff;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
  border: 1px solid #d3d3d3;
}
.nav li:hover .sousnav > ul::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 25px;
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #ffffff;
  border-left: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .nav li:hover .sousnav > ul::before {
    right: 84px;
  }
}
.nav li:hover .sousnav > ul li {
  border: none;
}
.nav li:hover .sousnav > ul li a {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  margin: 5px 0;
}
.nav li:hover .sousnav > ul li a svg {
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  .nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 20px;
    left: -100%;
    width: 300px;
    height: 100%;
    z-index: 102;
    background: #ffffff;
    transition: left 0.3s ease-in-out;
    transform: translateX(-100%);
    box-shadow: 0 10px 18px #333333;
    transition: box-shadow 0.3s ease-in-out;
    padding: 2rem 2rem 0 2rem;
  }
  .nav.is-open {
    transform: translateX(0);
    left: 0;
  }
  .nav li,
  .nav li:hover {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #01E483;
  }
  .nav li > a,
  .nav li:hover > a {
    display: flex;
    height: 30px;
    font-size: 1rem;
    font-weight: 800;
    color: #0C112C;
    align-items: center;
    text-align: left;
  }
  .nav li > a svg,
  .nav li:hover > a svg {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin: 0 0.5rem 0 0;
  }
  .nav li .sousnav,
  .nav li:hover .sousnav {
    position: relative;
    display: block;
    top: 0;
    padding: 0;
  }
  .nav li .sousnav > ul,
  .nav li:hover .sousnav > ul {
    list-style: none;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 0 2rem;
    border: 0;
    box-shadow: none;
  }
  .nav li .sousnav > ul::before,
  .nav li:hover .sousnav > ul::before {
    content: none;
  }
  .nav li .sousnav > ul li,
  .nav li:hover .sousnav > ul li {
    border: none;
  }
  .nav li .sousnav > ul li a,
  .nav li:hover .sousnav > ul li a {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 400;
    color: #0C112C;
    margin: 0;
  }
  .nav li .sousnav > ul li a svg,
  .nav li:hover .sousnav > ul li a svg {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin: 0 10px 0 0;
  }
  .nav li .sousnav > ul li:last-child,
  .nav li:hover .sousnav > ul li:last-child {
    border: 0;
  }
}

.nav-tools {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 200px;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .nav-tools {
    width: auto;
  }
}
.nav-tools svg {
  margin: auto;
  transition: transform 0.2s ease;
}
.nav-tools .search-bar {
  display: inline-block;
  background: #f3f3f3;
  max-width: 150px;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  padding: 0;
}
.nav-tools .search-bar .btn-search {
  display: none;
  /*
  display: inline-block;
  width: 28px;
  height: 28px;
  text-decoration: none;
  background: $grisclair;
  border: 1px solid $grisclair;
  cursor: pointer;
  padding: 0;
  border-radius: 4px;
  */
}
.nav-tools .search-bar #nav-search-input {
  display: none;
  max-width: 70px;
  background: #f3f3f3;
  border: none;
  outline: none;
  margin: 0 0 0 5px;
  vertical-align: text-top;
}
.nav-tools .search-bar #nav-search-input.active {
  display: inline-block;
  width: 80px;
}
.nav-tools .icons {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  list-style: none;
}
.nav-tools .icons .btn-cart > a,
.nav-tools .icons .btn-user > a {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-decoration: none;
  padding: 5px;
  border: 1px solid #0C112C;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: middle;
}
.nav-tools .icons .btn-cart > a {
  background: #ffffff;
  color: #0C112C;
}
.nav-tools .icons .btn-cart .miniPanier {
  display: none;
}
.nav-tools .icons .btn-cart:hover > a {
  background: #01E483;
}
.nav-tools .icons .btn-cart:hover .miniPanier {
  display: block;
  position: absolute;
  top: 35px;
  right: 0;
  padding-top: 8px;
}
.nav-tools .icons .btn-cart:hover .miniPanier > div {
  max-width: 300px;
  background: #ffffff;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
  border: 1px solid #d3d3d3;
  padding: 20px;
}
.nav-tools .icons .btn-cart:hover .miniPanier > div h3 {
  margin: 0;
  color: #01E483;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1rem;
}
.nav-tools .icons .btn-cart:hover .miniPanier > div::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 56px;
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #ffffff;
  border-left: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .nav-tools .icons .btn-cart:hover .miniPanier > div::before {
    right: 84px;
  }
}
.nav-tools .icons .btn-cart:hover .miniPanier > div a {
  display: block;
  margin-bottom: 10px;
}
.nav-tools .icons .btn-user > a {
  background: #0C112C;
  color: #ffffff;
}
.nav-tools .icons .btn-user > a.logged {
  background: #01E483;
  color: #0C112C;
}
.nav-tools .icons .btn-user .sousnav-user {
  display: none;
}
.nav-tools .icons .btn-user:hover .sousnav-user {
  display: block;
  position: absolute;
  top: 35px;
  right: -9px;
  padding: 8px;
}
.nav-tools .icons .btn-user:hover .sousnav-user::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 33px;
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #ffffff;
  border-left: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .nav-tools .icons .btn-user:hover .sousnav-user::before {
    right: 84px;
  }
}
.nav-tools .icons .btn-user:hover .sousnav-user ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 10px;
  max-width: 300px;
  background: #ffffff;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
  border: 1px solid #d3d3d3;
}
.nav-tools .icons .btn-user:hover .sousnav-user ul li {
  border: none;
}
.nav-tools .icons .btn-user:hover .sousnav-user ul li a {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  height: 26px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  line-height: 28px;
  text-decoration: none;
  padding: 0 10px;
  margin: 5px 0;
}
.nav-tools .icons .btn-user:hover .sousnav-user ul li a:hover, .nav-tools .icons .btn-user:hover .sousnav-user ul li a.active:hover {
  color: #01E483;
}
.nav-tools .icons .btn-user:hover .sousnav-user ul li a svg {
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 10px 0 0;
}
.nav-tools .icons .menu-icon,
.nav-tools .icons .menu-btn {
  display: none;
}
@media screen and (max-width: 768px) {
  .nav-tools .icons .menu-icon {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: 28px;
    height: 28px;
    user-select: none;
    background-color: #ffffff;
    border: 1px solid #0C112C;
    border-radius: 4px;
    padding: 0 0 0 5px;
  }
  .nav-tools .icons .menu-icon .navicon {
    background: #0C112C;
    display: block;
    height: 3px;
    position: relative;
    transition: all 0.2s ease-out;
    width: 16px;
    border-radius: 1.5px;
  }
  .nav-tools .icons .menu-icon .navicon:before,
  .nav-tools .icons .menu-icon .navicon:after {
    background: #0C112C;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%;
    border-radius: 1.5px;
  }
  .nav-tools .icons .menu-icon .navicon:before {
    top: 7px;
  }
  .nav-tools .icons .menu-icon .navicon:after {
    top: -7px;
  }
  .nav-tools .icons {
    /* menu btn */
  }
  .nav-tools .icons .menu-btn {
    display: none;
  }
  .nav-tools .icons .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  .nav-tools .icons .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  .nav-tools .icons .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  .nav-tools .icons .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .nav-tools .icons .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
}

.openfilters {
  display: none;
}
@media screen and (max-width: 768px) {
  .openfilters {
    display: inline-block;
    margin: 1rem 0;
    border: 1px solid #a3a3a3;
    box-shadow: none;
    cursor: pointer;
  }
}

#sidebar-overlay {
  display: none;
}
#sidebar-overlay.active {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}

.mini-top-bar {
  display: block;
  height: 1rem;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
}

.hero-wrapper {
  position: relative;
  height: 600px;
  z-index: 1;
  top: -48px;
  background: #333333;
  overflow: hidden;
}
.hero-wrapper .bx-wrapper {
  height: 100% !important;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
.hero-wrapper .bx-wrapper .bx-viewport {
  height: 100% !important;
  background: none;
  left: 0;
}
.hero-wrapper .bx-wrapper .bx-viewport .hero-slider {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
}
.hero-wrapper .bx-wrapper .bx-viewport .hero-slider .slide {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 600px;
  background-size: cover;
  background-position: center;
  transition: none !important;
}
.hero-wrapper .bx-wrapper .bx-viewport .hero-slider .slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12, 17, 44, 0.6) 0%, transparent 100%);
}
.hero-wrapper .bx-wrapper .bx-pager {
  bottom: 20px;
  z-index: 10;
  pointer-events: auto;
}
.hero-wrapper .bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  margin: 0;
  cursor: pointer;
}
.hero-wrapper .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {
  background: #a3a3a3;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: none;
}
.hero-wrapper .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active, .hero-wrapper .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link:hover {
  background: #01E483;
  transform: scale(1.2);
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
.hero-wrapper .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
.hero-wrapper .hero-overlay .hero-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-width: 1280px;
  margin: 0 auto;
  pointer-events: none;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine {
  pointer-events: auto;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 640px) {
  .hero-wrapper .hero-overlay .hero-grid .hero-search-engine {
    margin: 0;
  }
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine h2 {
  font-size: 2.25rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 2.25rem;
  margin-bottom: 30px;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group {
  width: 100%;
  max-width: 248px;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group {
    max-width: none;
  }
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block {
  position: relative;
  width: 100%;
  height: 42px;
  background: #ffffff;
  border-radius: 4px;
  padding: 2px 5px;
  margin-bottom: 15px;
  box-shadow: 0px 3px 6px #0C112C;
  transition: all 0.3s;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block:hover {
  box-shadow: 0 5px 12px #0C112C;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block label {
  font-size: 10px;
  font-weight: 400;
  color: #a3a3a3;
  display: block;
  height: 14px;
  padding: 2px 5px;
  margin: 0;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block select {
  width: 100%;
  border: none;
  outline: none;
  font-size: txtl;
  font-weight: 500;
  color: #0C112C;
  background: transparent;
  padding: 0 30px 5px 5px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block .chevron-wrapper {
  position: absolute;
  right: 12px;
  top: 55%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  pointer-events: none;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block .chevron-wrapper svg {
  width: 100%;
  height: auto;
  stroke: #01E483;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block .chevron-wrapper svg path {
  stroke: #01E483;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .form-group .form-block.is-open .chevron-wrapper {
  transform: translateY(-50%) rotate(180deg);
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .link-filter {
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
  margin: 0 0 1rem 0;
  text-decoration: underline;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .btminibase {
  width: -moz-available;
  width: -webkit-fill-available;
  height: 42px;
  background: #0C112C;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px 6px #0C112C;
}
.hero-wrapper .hero-overlay .hero-grid .hero-search-engine .btminibase:hover {
  color: #0C112C;
  background: #01E483;
  box-shadow: 0 5px 12px #0C112C;
}
@media screen and (max-width: 1280px) {
  .hero-wrapper .hero-overlay .hero-grid .hero-search-engine {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 640px) {
  .hero-wrapper .hero-overlay .hero-grid .hero-search-engine {
    font-size: 1.125rem;
    font-weight: 600;
    color: #ffffff;
  }
}
.hero-wrapper .hero-overlay .hero-list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 350px;
  height: 150px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .hero-wrapper .hero-overlay .hero-list {
    display: none;
  }
}
.hero-wrapper .hero-overlay .hero-list .hero-box {
  position: absolute;
  top: 0;
  right: -10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 0;
  visibility: hidden;
  transform: translateX(20px);
  transition: all 0.6s ease-in-out;
}
.hero-wrapper .hero-overlay .hero-list .hero-box.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.hero-wrapper .hero-overlay .hero-list .hero-box .hero-label {
  background: #0C112C;
  color: #ffffff;
  padding: 5px 90px 5px 10px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #ffffff;
  box-shadow: 0px 3px 6px #0C112C;
  border-radius: 3px;
  margin: 0 0 5px 0;
}
.hero-wrapper .hero-overlay .hero-list .hero-box .hero-text {
  background: #ffffff;
  padding: 5px 60px 5px 10px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #0C112C;
  box-shadow: 0px 3px 6px #0C112C;
  border-radius: 3px;
}

.gd-titre {
  display: block;
  padding: 5rem;
}
@media screen and (max-width: 768px) {
  .gd-titre {
    padding: 3rem;
  }
}
@media screen and (max-width: 640px) {
  .gd-titre {
    padding: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .gd-titre {
    padding: 1rem;
  }
}

#infos {
  width: 100%;
  padding: 0;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  #infos {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
@media screen and (max-width: 768px) {
  #infos {
    padding: 0 1rem;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}
@media screen and (max-width: 768px) {
  #infos {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}
#infos a {
  display: block;
  text-align: center;
  color: #0C112C;
  overflow: hidden;
  border: 1px solid #ffffff;
  background-color: #f3f3f3;
  padding: 0;
}
#infos a svg {
  max-width: 180px;
  height: auto;
  padding: 25%;
  margin: 0;
}
#infos a h3 {
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  text-align: center;
  background-color: #ffffff;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #infos a h3 {
    font-size: 0.75rem;
  }
}
#infos a:hover {
  background-color: #01E483;
  border: 1px solid #01E483;
}
#infos a:hover svg {
  background-color: #01E483;
}

.fd-gallerie-marques {
  position: relative;
  display: block;
  height: auto;
  margin: 0 0 6rem 0;
  padding: 3rem 6rem 6rem 6rem;
  background-color: #0C112C;
  text-align: center;
}
.fd-gallerie-marques::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
  top: 0;
  left: 0;
}
@media screen and (max-width: 480px) {
  .fd-gallerie-marques {
    padding: 3rem 2rem 6rem 2rem;
  }
}
@media screen and (max-width: 360px) {
  .fd-gallerie-marques {
    padding: 3rem 1rem 6rem 1rem;
  }
}
.fd-gallerie-marques h2 strong {
  color: #ffffff;
}
.fd-gallerie-marques ul {
  margin: 0 0 2rem 0;
  padding: 0;
  gap: 1rem;
}
.fd-gallerie-marques ul li {
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 5px;
  border: 1px solid #f3f3f3;
  border-radius: 3px;
}
.fd-gallerie-marques ul li a {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  color: #0C112C;
}
.fd-gallerie-marques .btminibase {
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  color: #0C112C;
}
.fd-gallerie-marques .btminibase:hover {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background-color: #01E483;
}

#avis-google {
  display: block;
  padding: 0 0 30px 0;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  #avis-google {
    margin-bottom: 3rem;
  }
}
#avis-google .grid2-1 {
  grid-template-columns: 2fr 1fr;
  align-items: center;
}
#avis-google .grid2-1 div:nth-child(2) {
  justify-self: end;
  display: flex;
  gap: 10px;
}
#avis-google .grid2-1 div:nth-child(2) .btn-square-left,
#avis-google .grid2-1 div:nth-child(2) .btn-square-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border: 1px solid #0C112C;
  border-radius: 4px;
  cursor: pointer;
  color: #0C112C;
}
#avis-google .grid2-1 div:nth-child(2) .btn-square-left svg,
#avis-google .grid2-1 div:nth-child(2) .btn-square-right svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2px;
}
#avis-google .grid2-1 div:nth-child(2) .btn-square-left:hover,
#avis-google .grid2-1 div:nth-child(2) .btn-square-right:hover {
  background-color: #01E483;
}
#avis-google .bx-wrapper {
  box-shadow: none;
  border: none;
  background: none;
}
#avis-google .bx-wrapper .bx-pager {
  bottom: -50px;
  /* Style des points */
}
#avis-google .bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  margin: 0;
  cursor: pointer;
}
#avis-google .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {
  background: #a3a3a3;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: none;
  /* Le point actif (couleur MC Automobiles) */
}
#avis-google .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active, #avis-google .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link:hover {
  background: #01E483;
  transform: scale(1.2);
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  #avis-google .bx-wrapper {
    max-width: none !important;
  }
  #avis-google .bx-wrapper .bx-viewport {
    padding-bottom: 30px;
  }
  #avis-google .bx-wrapper .bx-viewport .bx-pager {
    bottom: -30px;
  }
}
#avis-google .review_list {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
}
#avis-google .review_list li {
  flex: 0 1 16%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  align-content: baseline;
  min-height: 220px;
  padding: 1rem;
  margin: 0 0 1rem 0;
  background-color: #eee;
  color: #0C112C;
  border-radius: 3px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #avis-google .review_list li {
    height: auto;
  }
}
#avis-google .review_list .avis_icon {
  grid-column: 1/2;
  grid-row: 1/2;
  height: 46px;
}
#avis-google .review_list .avis_name {
  grid-column: 2/5;
  grid-row: 1/2;
  font-size: 0.875rem;
  height: 46px;
  line-height: 23px;
  text-transform: capitalize;
}
#avis-google .review_list .avis_rating {
  grid-column: 1/5;
  grid-row: 2/3;
  display: flex;
  gap: 0.3rem;
}
#avis-google .review_list .avis_rating .review_star svg {
  height: 22px;
  width: 22px;
  display: inline-block;
}
#avis-google .review_list .avis_rating .review_star.filled {
  color: #0C112C;
}
#avis-google .review_list .avis_rating .review_star.filled svg {
  fill: currentColor;
  stroke: none;
}
#avis-google .review_list .avis_rating .review_star.empty {
  color: #0C112C;
}
#avis-google .review_list .avis_rating .review_star.empty svg {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 2px;
}
#avis-google .review_list .avis_date {
  grid-column: 3/5;
  grid-row: 2/3;
  display: none;
}
#avis-google .review_list .avis_text {
  grid-column: 1/5;
  grid-row: 3/4;
  font-size: 0.875rem;
  line-height: 1rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 1rem 0;
}

.index-text .grid-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3rem;
}
.index-text .grid-item .item-image img {
  border-radius: 5px;
  margin: 3rem 3rem -2rem 6rem;
}
.index-text .grid-item .item-text {
  margin: 3rem 6rem 3rem 0;
}
.index-text .grid-item:nth-child(even) {
  background-color: #0C112C;
  color: #ffffff;
  flex-direction: row-reverse;
  margin: -2rem 0 3rem 0;
}
.index-text .grid-item:nth-child(even) .item-image img {
  margin: 3rem 6rem 3rem 3rem;
}
.index-text .grid-item:nth-child(even) .item-text {
  margin: 3rem 0 3rem 6rem;
}
@media screen and (max-width: 768px) {
  .index-text {
    flex-direction: column;
    gap: 0;
  }
  .index-text .grid-item {
    flex-direction: column-reverse;
    padding: 0 0 20% 0;
    margin: 0;
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #0C112C 80%, #0C112C 100%);
  }
  .index-text .grid-item .item-image {
    margin: 0;
  }
  .index-text .grid-item .item-image img {
    margin: 0;
  }
  .index-text .grid-item .item-text {
    margin: 0;
  }
  .index-text .grid-item:nth-child(even) {
    flex-direction: column-reverse;
    padding: 0;
    margin: 0;
    background: linear-gradient(to bottom, #0C112C 0%, #0C112C 70%, #ffffff 70%, #ffffff 100%);
  }
  .index-text .grid-item:nth-child(even) .item-text {
    margin: 0;
    padding: 1rem;
  }
  .index-text .grid-item:nth-child(even) .item-image {
    margin: 0 0 3rem 0;
  }
  .index-text .grid-item:nth-child(even) .item-image img {
    margin: 0;
  }
}

#filariane {
  position: relative;
  display: block;
  margin: 20px auto 0 0;
  max-width: 1280px;
  z-index: 99;
}
#filariane ol {
  display: flex;
  padding: 0;
  list-style: none;
}
#filariane ol li {
  margin-left: 0.25rem;
  font-size: 0.625rem;
  font-weight: 200;
  color: #a3a3a3;
}
#filariane ol li::after {
  content: " / ";
}
#filariane ol li:last-child {
  font-weight: bold;
}
#filariane ol li:last-child::after {
  content: "";
}

/* ------- Appel des mixins ------------------------------------------------------------- */
#moteur-recherche {
  padding: 0 2rem 0 0;
}
#moteur-recherche hr {
  margin: 0.5rem 0;
}
#moteur-recherche #moteur_stock h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0C112C;
  line-height: 1.875rem;
  margin: 0 0 1rem 0;
  padding: 0;
  text-transform: initial;
}
#moteur-recherche #moteur_stock hr {
  margin: 0.25rem 0;
}
#moteur-recherche #moteur_stock fieldset {
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
  border: none;
  border-bottom: 1px solid #01E483;
  padding: 0.25rem;
}
#moteur-recherche #moteur_stock fieldset label {
  cursor: pointer;
}
#moteur-recherche #moteur_stock fieldset legend {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
  width: 100%;
  margin-top: 3px;
  cursor: pointer;
}
#moteur-recherche #moteur_stock fieldset legend::after {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../images/svg/chevron-down.svg) no-repeat;
  transition: transform 0.5s ease-in-out;
}
#moteur-recherche #moteur_stock fieldset legend.active {
  font-weight: 600;
}
#moteur-recherche #moteur_stock fieldset legend.active::after {
  content: "";
  transform: rotate(180deg);
}
#moteur-recherche #moteur_stock fieldset ul {
  list-style: none;
  padding: 0;
}
#moteur-recherche #moteur_stock fieldset ul li > div:nth-child(1) {
  margin: 0 0 10px 0;
}
#moteur-recherche #moteur_stock fieldset ul li > div:nth-child(2) {
  grid: 1fr 1fr;
  gap: 0;
}
#moteur-recherche #moteur_stock fieldset ul li > div:nth-child(2) span {
  display: inline-block;
  margin: 0;
  padding: 0.2rem;
  max-width: 48%;
  font-size: 0.875rem;
  font-weight: 400;
  color: #a3a3a3;
}
#moteur-recherche #moteur_stock fieldset ul li > div:nth-child(2) span input {
  margin: 0.2rem 0 0 0;
  padding: 0.2rem;
  max-width: 90%;
}
#moteur-recherche #moteur_stock fieldset ul ul {
  padding-left: 1.25rem;
}
#moteur-recherche #moteur_stock fieldset input {
  padding: 0.2rem 0 0.2rem 0.2rem;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
}
#moteur-recherche #moteur_stock fieldset input[type=checkbox] {
  display: none;
}
#moteur-recherche #moteur_stock fieldset input[type=checkbox] + label {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  margin: 0.25rem 0;
  padding: 0;
  cursor: pointer;
}
#moteur-recherche #moteur_stock fieldset input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  margin: 0 10px 0 2px;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  background-color: #f3f3f3;
}
#moteur-recherche #moteur_stock fieldset input[type=checkbox]:checked + label::before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  margin: 0 10px 0 2px;
  background: #01E483 url(../images/svg/check-square.svg) no-repeat;
}
#moteur-recherche #moteur_stock fieldset {
  /* Style noUiSlider */
}
#moteur-recherche #moteur_stock fieldset .nouislider {
  height: 10px;
}
#moteur-recherche #moteur_stock fieldset .nouislider .noUi-connect {
  background: #01E483;
}
#moteur-recherche #moteur_stock fieldset .nouislider .noUi-handle {
  height: 20px;
  width: 20px;
  top: -6px;
  right: -10px;
  border-radius: 10px;
  cursor: pointer;
}
#moteur-recherche #moteur_stock .btminibase {
  margin: 1rem 4%;
  width: 90%;
}
#moteur-recherche > div {
  align-items: center;
}
#moteur-recherche > div .btminibase {
  font-size: 0.75rem;
}

/* ------- Appel des mixins ------------------------------------------------------------- */
.contact-box {
  position: relative;
  display: block;
  max-width: 99%;
  overflow: hidden;
  padding: 1rem;
  margin: 2rem 0 0 0;
  background-color: #0C112C;
  color: #ffffff;
  border-radius: 3px;
}
.contact-box::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
  top: 0;
  left: 0;
}
.contact-box h3 {
  display: inline-block;
  margin: 0.5rem 0;
  width: 75%;
  font-size: 1.125rem;
  font-weight: 400;
  color: #01E483;
  text-transform: uppercase;
  line-height: 1.5rem;
}
.contact-box img {
  display: inline-block;
  width: 20%;
  margin: 0;
  border: 2px solid #01E483;
  border-radius: 50%;
}
.contact-box p {
  font-size: 0.875rem;
  font-weight: 200;
  color: #ffffff;
  line-height: 1.25rem;
}
.contact-box p .btminibase {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0C112C;
  background-color: #01E483;
  margin: 10px 10px 10px 0;
}
.contact-box ul {
  font-size: 0.875rem;
  font-weight: 200;
  color: #ffffff;
  line-height: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact-box ul span {
  font-size: 0.75rem;
  font-weight: 200;
  color: #ffffff;
}
.contact-box ul a:hover {
  color: #01E483;
}
.contact-box hr {
  margin: 1.5rem 0;
}
.contact-box .bienvenue-details h3 {
  color: #01E483;
}
.contact-box .commercial-details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.contact-box .commercial-details h3 {
  flex: 0 0 80%;
  align-content: center;
}
.contact-box .commercial-details img {
  flex: 0 0 20%;
  margin: 0 0 0 auto;
}
.contact-box .commercial-details p {
  flex: 0 0 100%;
}
.contact-box .commercial-details p:first-of-type {
  flex: 0 0 80%;
}
.contact-box .commercial-details p em {
  font-style: normal;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin: 1.5rem 0 0 0;
}
.contact-box .commercial-details p .commercial-mail {
  background-color: #ffffff;
  margin: 5px 10px 10px 0;
}

#details {
  max-width: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 2rem auto 0 auto;
}
@media print {
  #details {
    background-color: #ffffff;
  }
}
#details .photos_defaut img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#details .galleryImg,
#details .description,
#details .pave-options {
  height: auto;
  padding: 10px;
  margin: 0 0 10px 0;
  border-radius: 3px;
  border: 1px solid #f3f3f3;
}
@media screen and (max-width: 768px) {
  #details .galleryImg,
  #details .description,
  #details .pave-options {
    width: 100%;
  }
}
#details h1 {
  text-align: left;
  padding: 0 5px;
  margin: 0;
}
#details h1 em {
  font-style: normal;
  text-transform: uppercase;
  line-height: 2.5rem;
}
#details h1 em:nth-child(1) {
  font-size: 2.25rem;
  font-weight: 600;
  color: #0C112C;
  background-color: #01E483;
  border-radius: 3px;
  padding: 0 3px;
}
#details h1 em:nth-child(2) {
  font-size: 2.25rem;
  font-weight: 600;
  color: #0C112C;
}
#details h1 em:nth-child(3) {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  color: #0C112C;
  line-height: 1.875rem;
}
#details .mini-descriptif {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  margin: 1rem 5px;
}
#details .mini-descriptif span {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0C112C;
  display: flex;
  align-items: center;
}
#details .mini-descriptif span:not(:last-child)::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #01E483;
  border-radius: 50%;
  margin: 0 10px;
  flex-shrink: 0;
}
#details .product-details {
  width: calc(70% - 1rem);
  max-width: none;
}
#details .product-details .pastilles {
  position: absolute;
  height: 100%;
  width: 12.5%;
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
  padding: 10px;
  z-index: 1;
}
#details .product-details .pastilles .remise,
#details .product-details .pastilles .promo,
#details .product-details .pastilles .nouveaute,
#details .product-details .pastilles .garantie,
#details .product-details .pastilles .reco {
  display: block;
  overflow: hidden;
  height: 100px;
  width: 100px;
  z-index: 1000;
  margin: 0 0 1% 0;
  color: #ffffff;
  text-align: center;
  font-family: "Ubuntu Condensed", sans-serif;
  background-color: #01E483;
  border-radius: 50%;
  border: solid 2px #ffffff;
}
@media screen and (max-width: 768px) {
  #details .product-details .pastilles .remise,
  #details .product-details .pastilles .promo,
  #details .product-details .pastilles .nouveaute,
  #details .product-details .pastilles .garantie,
  #details .product-details .pastilles .reco {
    height: 80px;
    width: 80px;
  }
}
@media screen and (max-width: 640px) {
  #details .product-details .pastilles .remise,
  #details .product-details .pastilles .promo,
  #details .product-details .pastilles .nouveaute,
  #details .product-details .pastilles .garantie,
  #details .product-details .pastilles .reco {
    height: 60px;
    width: 60px;
  }
}
@media screen and (max-width: 480px) {
  #details .product-details .pastilles .remise,
  #details .product-details .pastilles .promo,
  #details .product-details .pastilles .nouveaute,
  #details .product-details .pastilles .garantie,
  #details .product-details .pastilles .reco {
    height: 40px;
    width: 40px;
  }
}
@media print {
  #details .product-details .pastilles .remise,
  #details .product-details .pastilles .promo,
  #details .product-details .pastilles .nouveaute,
  #details .product-details .pastilles .garantie,
  #details .product-details .pastilles .reco {
    display: none;
  }
}
#details .product-details .pastilles .remise span,
#details .product-details .pastilles .promo span,
#details .product-details .pastilles .nouveaute span,
#details .product-details .pastilles .garantie span,
#details .product-details .pastilles .reco span {
  display: block;
  height: 65%;
  width: 100%;
  line-height: 75px;
  font-size: 65px;
  margin: 0 0 5% 0;
}
@media screen and (max-width: 768px) {
  #details .product-details .pastilles .remise span,
  #details .product-details .pastilles .promo span,
  #details .product-details .pastilles .nouveaute span,
  #details .product-details .pastilles .garantie span,
  #details .product-details .pastilles .reco span {
    line-height: 55px;
    font-size: 50px;
    margin: 0 0 3% 0;
  }
}
@media screen and (max-width: 640px) {
  #details .product-details .pastilles .remise span,
  #details .product-details .pastilles .promo span,
  #details .product-details .pastilles .nouveaute span,
  #details .product-details .pastilles .garantie span,
  #details .product-details .pastilles .reco span {
    line-height: 40px;
    font-size: 35px;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  #details .product-details .pastilles .remise span,
  #details .product-details .pastilles .promo span,
  #details .product-details .pastilles .nouveaute span,
  #details .product-details .pastilles .garantie span,
  #details .product-details .pastilles .reco span {
    line-height: 35px;
    font-size: 30px;
  }
}
#details .product-details .pastilles .remise small,
#details .product-details .pastilles .promo small,
#details .product-details .pastilles .nouveaute small,
#details .product-details .pastilles .garantie small,
#details .product-details .pastilles .reco small {
  display: block;
  height: 35%;
  width: 100%;
  line-height: 15px;
  font-size: 14px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #details .product-details .pastilles .remise small,
  #details .product-details .pastilles .promo small,
  #details .product-details .pastilles .nouveaute small,
  #details .product-details .pastilles .garantie small,
  #details .product-details .pastilles .reco small {
    line-height: 12px;
    font-size: 12px;
  }
}
@media screen and (max-width: 640px) {
  #details .product-details .pastilles .remise small,
  #details .product-details .pastilles .promo small,
  #details .product-details .pastilles .nouveaute small,
  #details .product-details .pastilles .garantie small,
  #details .product-details .pastilles .reco small {
    line-height: 10px;
    font-size: 10px;
  }
}
@media screen and (max-width: 480px) {
  #details .product-details .pastilles .remise small,
  #details .product-details .pastilles .promo small,
  #details .product-details .pastilles .nouveaute small,
  #details .product-details .pastilles .garantie small,
  #details .product-details .pastilles .reco small {
    display: none;
  }
}
#details .product-details .pastilles .remise {
  background-color: #73a1ff;
}
#details .product-details .pastilles .remise span {
  line-height: 80px;
  font-size: 55px;
  letter-spacing: -3px;
}
@media screen and (max-width: 768px) {
  #details .product-details .pastilles .remise span {
    line-height: 60px;
    font-size: 40px;
  }
}
@media screen and (max-width: 640px) {
  #details .product-details .pastilles .remise span {
    line-height: 45px;
    font-size: 30px;
    letter-spacing: -2px;
  }
}
@media screen and (max-width: 480px) {
  #details .product-details .pastilles .remise span {
    line-height: 35px;
    font-size: 20px;
    letter-spacing: normal;
  }
}
#details .product-details .pastilles .promo {
  background-color: #cd282a;
}
#details .product-details .pastilles .nouveaute {
  background-color: #0C112C;
}
#details .product-details .pastilles .reco {
  background-color: #01E483;
}
#details .product-details .pastilles .garantie {
  background-color: #8236E6;
}
@media screen and (max-width: 768px) {
  #details .product-details {
    width: 100%;
  }
}
#details .product-price {
  display: inline-block;
  width: 30%;
  padding: 0;
  background-color: #ffffff;
  transition: 0.2s all ease;
  z-index: 1;
}
#details .bt-box,
#details .services-box {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0 0 10px 0;
}
#details .bt-box .ptbtdetails,
#details .services-box .ptbtdetails {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0.5rem;
  min-height: 3rem;
  line-height: 3rem;
  font-size: 1.125rem;
  font-weight: 400;
  color: #0C112C;
  background-color: #d3d3d3;
  box-shadow: none;
  border-radius: 3px;
}
#details .bt-box .ptbtdetails svg,
#details .services-box .ptbtdetails svg {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: auto 1rem auto 0;
}
#details .bt-box .ptbtdetails span.voir,
#details .services-box .ptbtdetails span.voir {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0C112C;
  align-items: right;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  #details .bt-box .ptbtdetails span.voir,
  #details .services-box .ptbtdetails span.voir {
    display: none;
  }
}
#details .bt-box .ptbtdetails:hover,
#details .services-box .ptbtdetails:hover {
  font-size: 1.125rem;
  font-weight: 400;
  color: #ffffff;
  background-color: #0C112C;
}
#details .bt-box .ptbtdetails:hover span.voir,
#details .services-box .ptbtdetails:hover span.voir {
  color: #ffffff;
}
#details .bt-box .bt-prix,
#details .services-box .bt-prix {
  height: auto;
  background-color: #ffffff;
  border: 1px solid #0C112C;
}
#details .bt-box .bt-prix:hover,
#details .services-box .bt-prix:hover {
  font-size: 1.125rem;
  font-weight: 400;
  color: #0C112C;
  background-color: #ffffff;
}
#details .bt-box .bt-prix,
#details .services-box .bt-prix {
  /* Prix normal - sans promo */
}
#details .bt-box .bt-prix .prix-final,
#details .services-box .bt-prix .prix-final {
  display: inline-block;
  width: auto;
  font-size: 1.5rem;
  font-weight: 600;
  color: #0C112C;
}
#details .bt-box .bt-prix,
#details .services-box .bt-prix {
  /* Les prix promos - Dans Pave prix, pour prix premium et prix promo */
}
#details .bt-box .bt-prix .boite-prix-promos,
#details .services-box .bt-prix .boite-prix-promos {
  display: inline-block;
  line-height: 25px;
  margin: 0.5rem 0;
  text-align: left;
}
#details .bt-box .bt-prix .boite-prix-promos .prix-ancien,
#details .bt-box .bt-prix .boite-prix-promos .prix-promos,
#details .bt-box .bt-prix .boite-prix-promos .prix-premium,
#details .bt-box .bt-prix .boite-prix-promos .prix-golden,
#details .services-box .bt-prix .boite-prix-promos .prix-ancien,
#details .services-box .bt-prix .boite-prix-promos .prix-promos,
#details .services-box .bt-prix .boite-prix-promos .prix-premium,
#details .services-box .bt-prix .boite-prix-promos .prix-golden {
  display: inline-block;
  text-align: left;
  margin: 0;
}
#details .bt-box .bt-prix .boite-prix-promos .prix-promos,
#details .services-box .bt-prix .boite-prix-promos .prix-promos {
  font-size: 1.5rem;
  font-weight: 600;
  color: #cd282a;
}
#details .bt-box .bt-prix .boite-prix-promos .prix-ancien,
#details .services-box .bt-prix .boite-prix-promos .prix-ancien {
  font-size: 1.25rem;
  font-weight: 400;
  color: #0C112C;
}
#details .bt-box .bt-service,
#details .services-box .bt-service {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0.5rem;
  margin: 5px;
  min-height: 3rem;
  line-height: 3rem;
  font-size: 1.125rem;
  font-weight: 400;
  color: #0C112C;
  background-color: #d3d3d3;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  #details .bt-box .bt-service,
  #details .services-box .bt-service {
    width: 100%;
  }
}
#details .bt-box .bt-service img,
#details .bt-box .bt-service svg,
#details .services-box .bt-service img,
#details .services-box .bt-service svg {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: auto 10px auto 0;
}
#details .bt-box .bt-service p,
#details .services-box .bt-service p {
  flex: 0 1 100%;
  margin: 0 0 0 34px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  line-height: 1.125rem;
}
#details .bt-box .bt-service p .btminibase,
#details .services-box .bt-service p .btminibase {
  display: inline-block;
  margin: 10px 5px 10px 0;
}
#details .bt-box .bt-service span,
#details .services-box .bt-service span {
  flex: 0 0 70%;
  height: 48px;
}
#details .bt-box .bt-service span.voir,
#details .services-box .bt-service span.voir {
  flex: 0 0 15%;
  font-size: 0.75rem;
  font-weight: 400;
  color: #0C112C;
  align-items: right;
  text-align: right;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  #details .bt-box .bt-service span.voir,
  #details .services-box .bt-service span.voir {
    display: none;
  }
}
#details .bt-box .bt-service .btminibase,
#details .services-box .bt-service .btminibase {
  box-shadow: none;
  border: 1px solid #0C112C;
  font-size: 0.875rem;
}
#details .bt-box details.details-inscription,
#details .services-box details.details-inscription {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #details .bt-box,
  #details .services-box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 2%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
  }
  #details .bt-box .ptbtdetails,
  #details .services-box .ptbtdetails {
    flex: 1 1 48%;
    display: inline-block;
    height: auto;
    min-height: 2rem;
    padding: 0.5rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #0C112C;
    line-height: 2rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #details .bt-box .ptbtdetails svg,
  #details .services-box .ptbtdetails svg {
    margin: auto 0.25rem auto 0;
  }
  #details .bt-box .bt-service,
  #details .services-box .bt-service {
    margin: 0;
  }
  #details .bt-box .bt-service svg,
  #details .services-box .bt-service svg {
    margin: auto 0.5rem auto 0;
  }
}
@media screen and (max-width: 768px) {
  #details .contact-box {
    max-width: none;
    margin: 10px 0 0 0;
  }
}
#details #photoprint {
  visibility: hidden;
  display: none;
}
@media print {
  #details #photoprint {
    visibility: visible;
    display: block;
    margin: 10px 15%;
    height: auto;
  }
}
#details .description h2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 800;
  color: #0C112C;
  background-color: #01E483;
  padding: 0 1rem;
  margin: 0;
}
#details .description h2 svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
#details .description h2 svg.is-rotated {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  #details .description h2 {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}
#details .description ul.blocklist {
  display: block;
  list-style: none;
  margin: 0;
  padding: 1rem;
  columns: 2;
  column-rule: 2px solid #01E483;
  border: 1px solid #a3a3a3;
  border-radius: 0 0 5px 5px;
}
#details .description ul.blocklist li {
  display: grid;
  width: 100%;
  grid-template-columns: 16% 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  overflow: hidden;
  margin: 0;
  padding: 0 0 1rem 0;
  color: #0C112C;
}
#details .description ul.blocklist li svg {
  grid-row: 1/3;
  grid-column: 1;
  width: 24px;
  height: 24px;
  margin: 0.2rem 2rem 0 1rem;
  stroke: currentColor;
}
#details .description ul.blocklist li span:nth-child(1) {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  text-transform: uppercase;
}
#details .description ul.blocklist li span:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  text-transform: lowercase;
  display: block;
  height: 25px;
  margin: 0.2rem 0 0 0;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 700;
  color: #0C112C;
}
#details .description ul.blocklist li span:nth-child(2)::first-letter {
  text-transform: uppercase;
}
#details .description ul.blocklist li .poids-lien {
  margin: 0 0 0 20px;
  font-size: 0.875rem;
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  #details .description ul.blocklist {
    padding: 0.5rem;
  }
  #details .description ul.blocklist li svg {
    margin: 0.5rem 0.5rem 0 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  #details .description ul.blocklist {
    padding: 0.5rem;
  }
  #details .description ul.blocklist li {
    grid-template-columns: 20% 1fr;
  }
  #details .description ul.blocklist li svg {
    margin: 0.2rem 0.5rem 0 0;
  }
  #details .description ul.blocklist li span {
    display: inline-block;
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media print {
  #details .pave-options {
    display: block;
    min-height: 80px;
    width: 100%;
  }
  #details .pave-options > span:first-child {
    display: none;
  }
}
#details .pave-options ul.tabs {
  display: flex;
  margin: 0;
  padding: 0.5rem;
  border-right: 1px solid #a3a3a3;
  border-left: 1px solid #a3a3a3;
  list-style: none;
}
#details .pave-options ul.tabs li {
  flex: 1 1 0%;
  max-width: 50%;
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  #details .pave-options ul.tabs li {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  #details .pave-options ul.tabs li {
    font-size: 0.875rem;
  }
}
#details .pave-options ul.tabs li:last-child {
  margin-right: 0;
}
#details .pave-options ul.tabs li:hover {
  background: #01E483;
}
#details .pave-options ul.tabs li.current {
  background: #01E483;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  border: none;
}
#details .pave-options .tab-content {
  display: none;
  background: #ffffff;
  margin: 0;
  padding: 0 1rem 1rem 1rem;
  columns: 2;
  border: 1px solid #a3a3a3;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
@media screen and (max-width: 768px) {
  #details .pave-options .tab-content {
    columns: 1;
  }
}
#details .pave-options .tab-content ul {
  width: 100%;
  margin: 0;
  padding: 0 1rem 1rem 1rem;
  min-height: 522px;
}
@media screen and (max-width: 768px) {
  #details .pave-options .tab-content ul {
    min-height: 100px;
  }
}
#details .pave-options .tab-content ul li {
  list-style: disc;
  font-size: 1rem;
  font-weight: 400;
  color: #0C112C;
  margin: 0.2rem 0 0.5rem 0.5rem;
  padding-bottom: 5px;
  text-transform: lowercase;
}
#details .pave-options .tab-content ul li:first-letter {
  text-transform: capitalize;
}
#details .pave-options .tab-content ul li::marker {
  color: #01E483;
  font-size: 1.75rem;
}
#details .pave-options .tab-content.current {
  display: inherit;
}

@media print {
  .img-stock {
    display: none;
  }
}

.voir-photo {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

.photo-modal,
.p360 {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.photo-modal-visible,
.p360-visible {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
}

.photo-modal-visible > div,
.p360-visible > div {
  position: relative;
  width: 820px;
  height: 620px;
  margin: 10px auto;
  padding: 10px;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .photo-modal-visible > div,
  .p360-visible > div {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
    z-index: 2147483001;
  }
}

.photo-modal-visible > div > img {
  width: auto;
  height: auto;
  margin: 0;
  max-width: 100%;
  max-height: 100%;
}

.p360-visible > div > iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  max-height: 100%;
}

.pave-service {
  position: relative;
  display: block;
  padding: 1rem;
  margin: 0.5rem 0;
  background-color: #0C112C;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 200;
  color: #ffffff;
}
.pave-service h3 {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #01E483;
  text-transform: uppercase;
}
.pave-service .intro-service {
  display: block;
  font-size: 0.875rem;
  font-weight: 200;
  color: #ffffff;
}
.pave-service .ident-service {
  display: block;
  font-size: 0.875rem;
  font-weight: 200;
  color: #ffffff;
}
.pave-service .img-service {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  display: block;
}
.pave-service .img-service img {
  border: 2px solid #01E483;
  border-radius: 50%;
  max-height: 100px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .pave-service {
    height: auto;
  }
}
@media print {
  .pave-service {
    display: none;
  }
}

.pave-transport {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.pave-transport .btminibase {
  margin: 0;
  box-shadow: none;
  border: 1px solid #0C112C;
}
.pave-transport p {
  margin: 10px 0;
  flex: 0 0 100%;
}
.pave-transport .blocklist-service {
  flex: 0 0 100%;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
.pave-transport .blocklist-service li {
  flex: 1 0 24%;
  margin: 0;
  padding: 5px;
  background-color: #f3f3f3;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .pave-transport .blocklist-service li {
    flex: 1 0 47%;
  }
}
.pave-transport .blocklist-service li a {
  display: block;
  min-height: 90px;
  padding: 10px;
}
.pave-transport .blocklist-service li a:hover {
  background-color: #01E483;
}
.pave-transport .blocklist-service li span:nth-child(1) {
  display: block;
  min-height: 42px;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
.pave-transport .blocklist-service li span:nth-child(2) {
  background-color: #01E483;
  font-size: 1.125rem;
  font-weight: 600;
  color: #0C112C;
  text-transform: uppercase;
  padding: 5px;
  margin: 5px auto 10px 0;
}

#popInPanierAdd {
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
}
#popInPanierAdd > div {
  position: relative;
  width: 600px;
  padding: 20px;
  background: #ffffff;
}
#popInPanierAdd > div h3 {
  margin-top: 0;
  text-align: center;
}
#popInPanierAdd > div nav {
  display: flex;
  justify-content: space-around;
}

.nouveautes-index .grid2-1 {
  padding: 0 !important;
}

/* ------- Appel des mixins ------------------------------------------------------------- */
#footer {
  position: relative;
  display: block;
  background-color: #0C112C;
  padding: 2rem 0;
}
#footer::before {
  content: "";
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
  top: 0;
  left: 0;
}
#footer .footer-block {
  max-width: 1280px;
  display: grid;
  grid-template-columns: 18% 18% 40% 18%;
  gap: 2%;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  #footer .footer-block {
    padding: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  #footer .footer-block {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  #footer .footer-block > div:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2;
  }
  #footer .footer-block > div:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  #footer .footer-block > div:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
  }
  #footer .footer-block > div:nth-child(4) {
    grid-row: 1;
    grid-column: 3;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-block {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  #footer .footer-block > div:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 2;
  }
  #footer .footer-block > div:nth-child(4) {
    grid-column: 1/-1;
    grid-row: 3;
  }
}
@media screen and (max-width: 640px) {
  #footer .footer-block > div:nth-child(1) {
    grid-column: 1/-1;
    grid-row: 1;
  }
  #footer .footer-block > div:nth-child(2) {
    grid-row: 2;
    grid-column: 1;
  }
  #footer .footer-block > div:nth-child(4) {
    grid-row: 2;
    grid-column: 2;
  }
  #footer .footer-block > div:nth-child(3) {
    grid-column: 1/-1;
    grid-row: 3;
  }
}
#footer .footer-block > div {
  color: #ffffff;
}
#footer .footer-block > div h4 {
  display: block;
  height: 48px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 48px;
  width: 100%;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 640px) {
  #footer .footer-block > div h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
  }
}
#footer .footer-block > div h4 {
  background-image: linear-gradient(#01E483, #01E483);
  background-size: 30px 2px;
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-bottom: 5px;
}
#footer .footer-block > div ul {
  list-style: none;
  padding: 0;
}
#footer .footer-block > div ul li {
  font-size: 0.875rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.875rem;
}
#footer .footer-block > div ul li a:hover {
  font-weight: 800;
}
#footer .footer-block div:nth-child(1) a {
  display: block;
  padding: 0;
}
#footer .footer-block div:nth-child(1) a img {
  width: 100%;
  height: auto;
  margin: 0 0 0 -14px;
}
#footer .footer-block div:nth-child(1) strong {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 2rem;
}
#footer .footer-block div:nth-child(1) p {
  display: block;
  font-size: 0.875rem;
}
#footer .footer-block div:nth-child(3) ul {
  columns: 3;
}
@media screen and (max-width: 1024px) {
  #footer .footer-block div:nth-child(3) ul {
    columns: 4;
  }
}
#footer .bottom-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0.5rem 0;
  border-top: 1px solid #01E483;
  border-bottom: 1px solid #01E483;
  color: #ffffff;
}
@media screen and (max-width: 1280px) {
  #footer .bottom-block {
    padding: 0 1rem;
  }
}
#footer .bottom-block #entreprise {
  margin: 0 auto 20px auto;
  /* a commenter pour changer en 2 colonnes */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #footer .bottom-block #entreprise {
    grid-template-columns: 1fr;
  }
}
#footer .bottom-block #entreprise div:nth-child(3) {
  display: none;
}
#footer .bottom-block #entreprise {
  /* jusqu'ici */
}
#footer .bottom-block #entreprise div {
  display: grid;
  grid-template-columns: 80px 1fr 1fr;
  grid-template-rows: 30px 1fr 1fr;
  gap: 0 20px;
  padding: 10px;
  margin: 0;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
}
#footer .bottom-block #entreprise div:after {
  display: none;
}
#footer .bottom-block #entreprise div > a {
  height: 80px;
  grid-column: 1/2;
  grid-row: 1;
}
#footer .bottom-block #entreprise div > a img {
  width: 80px;
  height: 80px;
  border-radius: 3px;
  margin: 0;
}
#footer .bottom-block #entreprise div h5 {
  grid-column: 2/4;
  grid-row: 1/2;
  font-size: 1.5rem;
  margin: 0;
  font-family: "Ubuntu Condensed", sans-serif;
  font-weight: 700;
  height: 1.125rem;
}
#footer .bottom-block #entreprise div p {
  grid-column: 2/4;
  grid-row: 2/4;
  margin: 0;
  text-align: left;
  font-size: 1rem;
}
#footer .bottom-block #entreprise div p .btminibase {
  margin: 10px 0 0 0;
  border: 0;
  padding: 0 20px;
  line-height: 30px;
}
#footer .bottom-block div.links-foot {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: left;
  padding: 0 10px 0 0;
}
#footer .bottom-block div.links-foot strong {
  font-size: 1.875rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #footer .bottom-block div.links-foot {
    width: 85%;
  }
}
@media screen and (max-width: 640px) {
  #footer .bottom-block div.links-foot {
    width: 80%;
  }
  #footer .bottom-block div.links-foot strong {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  #footer .bottom-block div.links-foot {
    width: 72%;
  }
}
#footer .bottom-block div.social-foot {
  text-align: right;
  display: inline-block;
  line-height: 1.125rem;
  padding: 0 0 0 10px;
}
#footer .bottom-block div.social-foot a {
  color: #01E483;
}
#footer .bottom-block div.social-foot span:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  #footer .bottom-block div.social-foot {
    padding: 0 5px;
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  #footer .bottom-block div.social-foot {
    width: 80px;
  }
}
@media print {
  #footer .bottom-block {
    max-width: 99%;
    margin: 0;
  }
  #footer .bottom-block p {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    text-align: center;
    height: auto;
    margin: 0;
    padding: 10px;
    border-right: none;
  }
  #footer .bottom-block div.social-foot {
    display: none;
  }
}

#rgpd {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 150px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  z-index: 99999;
  border-top: 1px solid #f3f3f3;
}
#rgpd h4 {
  color: #ffffff;
}
#rgpd span.bt-fermer {
  cursor: pointer;
  right: 5px;
  top: 5px;
  margin: 5px;
}
#rgpd div {
  max-width: 1440px;
  padding: 10px;
  margin: 0 auto;
}
#rgpd div p {
  font-size: 1.125rem;
  line-height: 1.25rem;
}
#rgpd div.boutons {
  margin: 0 auto 10px auto;
}
#rgpd div.boutons #cookies_accord,
#rgpd div.boutons #cookies_refus,
#rgpd div.boutons #cookies_perso {
  vertical-align: top;
  margin: 0 2.5px 10px 2.5px;
}

#pg-cookies h3 {
  margin: 1rem 0 2rem -2.25rem;
}
#pg-cookies > p {
  margin: 0 0 2rem 0;
}
#pg-cookies .avantage-list {
  margin: 0 1rem 2rem 1rem;
}
#pg-cookies .avantage-list .faux-label {
  display: block;
  width: 100%;
}
#pg-cookies .avantage-list li {
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
  #pg-cookies {
    padding: 0 1rem;
  }
}

/* ------- Appel des mixins ------------------------------------------------------------- */
.hm-fleche-ouvert {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 24px 5px 3px 5px;
  background: url(../images/sprite-icon.png) no-repeat -74px -42px;
}

.hm-fleche-ferme {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 24px 5px 3px 5px;
  background: url(../images/sprite-icon.png) no-repeat -42px -42px;
}

.hm-fleche-gauche {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url(../images/sprite-icon.png) no-repeat -108px -42px;
}

.fleche-vert-d {
  display: inline-block;
  height: 12px;
  width: 16px;
  margin-right: 5px;
  background: url(../images/sprite-icon.png) no-repeat -230px -42px;
}

/* - icon flèche verte vers le haut */
.fleche-vert-haut {
  display: block;
  height: 7px;
  width: 12px;
  margin: 5px auto 0 auto;
  background: url(../images/sprite-icon.png) no-repeat -298px -12px;
}

/* - icon flèche verte vers le bas */
.fleche-vert-bas {
  display: block;
  height: 7px;
  width: 12px;
  margin: 5px auto 0 auto;
  background: url(../images/sprite-icon.png) no-repeat -298px -45px;
}

.bt-fermer {
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
  display: block;
  height: 25px;
  width: 25px;
  padding: 2.5px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
}
.bt-fermer svg {
  height: 20px;
  width: 20px;
  background-color: transparent;
}

/* - Icone photo */
.photo-icon {
  display: block;
  margin: 2px auto;
  height: 20px;
  width: 20px;
  background: url(../images/sprite-icon.png) no-repeat -328px -8px;
}

/* - Icone expertise */
.xpt-icon {
  display: block;
  margin: 2px auto;
  height: 16px;
  width: 12px;
  background: url(../images/sprite-icon.png) no-repeat -330px -40px;
}

/* - Drapeau Espagnol */
.es-lang {
  display: inline-block;
  height: 11px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -168px -105px;
}

/* - Drapeau anglais */
.gb-lang {
  display: inline-block;
  height: 11px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -200px -43px;
}

/* - Drapeau français */
.fr-lang {
  display: inline-block;
  height: 11px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -168px -43px;
}

/* - twitter */
.twt-icon {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 2px 0 0;
  background: url(../images/sprite-icon.png) no-repeat -32px 0px;
}

/* - facebook */
.fb-icon {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 2px 0 0;
  background: url(../images/sprite-icon.png) no-repeat -64px 0px;
}

/* - instagram  */
.insta-icon {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 2px 0 0;
  background: url(../images/sprite-icon.png) no-repeat -96px 0px;
}

/* - Linkedin */
.lkn-icon {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 2px 0 0;
  background: url(../images/sprite-icon.png) no-repeat -128px 0px;
}

/* - Legende VP */
.vp-lg-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 2px 5px 2px;
  height: 16px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -8px -72px;
}

/* - Legende VU */
.vu-lg-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 2px 5px 2px;
  height: 16px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -40px -72px;
}

/* - Partager */
.share-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 5px 3px 2px;
  height: 15px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -72px -72px;
}

/* - Enregistrer */
.save-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 5px 3px 2px;
  height: 15px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -104px -72px;
}

/* - Icone panier */
.panier-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  height: 32px;
  width: 32px;
  background: url(../images/sprite-icon.png) no-repeat -128px -64px;
}

/* - Icone panier plus vert */
.panier-plus-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  height: 32px;
  width: 32px;
  background: url(../images/sprite-icon.png) no-repeat -160px -64px;
}

/* - editer/modifier */
.modif-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 5px 3px 2px;
  height: 15px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -200px -72px;
}

/* - mail */
.mail-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 5px 5px 2px;
  height: 12px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -264px -72px;
}

/* - Impression */
.print-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 5px 3px 2px;
  height: 15px;
  width: 16px;
  background: url(../images/sprite-icon.png) no-repeat -232px -72px;
}

/* - Plus de critères */
.hm-critere-plus {
  display: inline-block;
  vertical-align: bottom;
  margin: 20px 5px 3px 5px;
  height: 17px;
  width: 19px;
  background: url(../images/sprite-icon.png) no-repeat -199px -71px;
}

/* - Moins de critères */
.hm-critere-moins {
  display: inline-block;
  vertical-align: bottom;
  margin: 20px 5px 3px 5px;
  height: 17px;
  width: 19px;
  background: url(../images/sprite-icon.png) no-repeat -231px -71px;
}

/* - Poubelle: Supression des critères */
/*
.hm-critere-bin {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    height: 18px;
    width: 22px;
    background: url(../images/sprite-icon.png) no-repeat -261px -71px;
}
    */
/* - Icone PDF */
.pdf-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  height: 20px;
  width: 22px;
  background: url(../images/sprite-icon.png) no-repeat -299px -71px;
}

/* - Icone XLS */
.xls-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  height: 20px;
  width: 22px;
  background: url(../images/sprite-icon.png) no-repeat -332px -71px;
}

/* - tableau icone */
.tableau-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  height: 20px;
  width: 22px;
  background: url(../images/sprite-icon.png) no-repeat -8px -104px;
}

/* - tableau icone */
.images-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  height: 20px;
  width: 22px;
  background: url(../images/sprite-icon.png) no-repeat -40px -104px;
}

/*
h1 {
  display: block;
  width: 100%;
  padding: 3rem 1rem;
  margin: 20px 0 0 0; // hauteur de la nav
  text-align: center;
  text-transform: uppercase;
  line-height: $txt4xl;


  .marque {
    font-style: normal;
    background-color: $vert;
    @include font-style($txt3xl, 600, $color1dark);
    border-radius: 3px;
  }

  .marchand {
    font-style: normal;
    @include font-style($txt3xl, 400, $vert);
  }
}
  */
.outils {
  display: flex;
  width: 100%;
  min-height: 32px;
  list-style: none;
  padding: 2px 0;
  margin: 0 0 1rem 0;
  justify-content: space-between;
  align-items: flex-start;
}
.outils > li {
  flex: 1;
  display: flex;
  align-items: center;
  vertical-align: middle;
  min-height: 32px;
  margin: 0 3px 0 0;
  text-align: left;
  font-size: 1rem;
}
.outils > li a,
.outils > li button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  text-align: center;
  color: #0C112C;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #a3a3a3;
  cursor: pointer;
}
.outils > li a svg,
.outils > li button svg {
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  stroke: currentColor;
}
.outils > li a:hover,
.outils > li button:hover {
  background-color: #01E483;
}
.outils #nb-resultats {
  flex: 0 0 180px;
  height: 32px;
  line-height: 32px;
  font-size: 1rem;
  font-weight: 200;
  color: #a3a3a3;
}
.outils #openfilters {
  display: none;
  width: 0;
}
.outils #clasmt-bloc {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 170px;
}
.outils #clasmt-bloc svg {
  position: absolute;
  top: 8px;
  left: 8px;
  pointer-events: none;
  width: 18px;
  height: 18px;
}
.outils #clasmt-bloc select {
  appearance: none;
  padding-left: 28px;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 5px 0 28px;
  cursor: pointer;
  vertical-align: top;
  color: #0C112C;
  border-radius: 3px;
  border: 1px solid #a3a3a3;
  background: none;
}
.outils #clasmt-bloc select:hover {
  background-color: #01E483;
}
.outils #crit-bloc {
  flex: 3;
  display: flex;
  margin: 0 auto 0 0;
}
.outils #crit-bloc .crit-list {
  list-style: none;
  width: 100%;
  min-height: 32px;
  display: flex;
  justify-content: flex-start;
  padding: 0;
  flex-wrap: wrap;
  gap: 5px;
}
.outils #crit-bloc .crit-list > li {
  order: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  text-align: left;
  padding: 0 0 0 5px;
  font-size: 0.75rem;
  font-weight: 400;
  color: #333333;
  background-color: #f3f3f3;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
.outils #crit-bloc .crit-list > li button {
  width: 30px;
  height: 30px;
  margin: 0 0 0 5px;
  font-size: 0.875rem;
  border: none;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.outils #crit-bloc .crit-list > li button:hover {
  background-color: #01E483;
}
.outils #crit-bloc .crit-list #bin {
  order: -1;
  height: 32px;
  width: 32px;
  text-align: center;
  color: #0C112C;
  padding: 0;
  margin: 0 5px 0 0;
}
.outils #crit-bloc .crit-list #bin button {
  margin: 0;
  border-radius: 3px;
}
.outils #crit-bloc .crit-list #bin button svg {
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  stroke: currentColor;
}
.outils #voir-tableau,
.outils #voir-images {
  cursor: pointer;
  margin-right: 0;
}
.outils #voir-tableau,
.outils #voir-images,
.outils #dl-pdf,
.outils #dl-xls {
  flex: 0 0 32px;
  height: 32px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .outils #dl-pdf,
  .outils #dl-xls {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .outils {
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    gap: 5px;
  }
  .outils #nb-resultats {
    flex: 0 0 100%;
    margin-bottom: 5px;
  }
  .outils #openfilters {
    display: inline-block;
    width: auto;
  }
  .outils #openfilters button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 75px;
    padding: 0 4px;
    cursor: pointer;
  }
  .outils #openfilters button svg {
    margin: 0 10px 0 0;
  }
  .outils #clasmt-bloc {
    flex: 0 1 180px;
  }
  .outils #crit-bloc {
    flex: 0 0 100%;
    order: 10;
    align-items: flex-start;
    height: auto;
  }
  .outils #crit-bloc .crit-list {
    flex-wrap: wrap;
    gap: 5px;
  }
  .outils #crit-bloc .crit-list #bin {
    order: -1;
    padding: 0;
  }
}

.erreur {
  margin: 0 0 10px 0;
}

section.text-marque {
  padding: 10px 0 0 0;
  margin: 0 0 20px 0;
}

.tab-stock {
  width: 100%;
  padding: 0;
  overflow: visible;
  margin: 0;
}
.tab-stock .tab_recherche,
.tab-stock .tab_rechercheH {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #ffffff;
  border-radius: 5px;
}
.tab-stock .tab_recherche a,
.tab-stock .tab_rechercheH a {
  text-decoration: none;
}
.tab-stock .tab_recherche thead,
.tab-stock .tab_recherche tbody,
.tab-stock .tab_rechercheH thead,
.tab-stock .tab_rechercheH tbody {
  display: table;
  width: 100%;
}
.tab-stock .tab_recherche td,
.tab-stock .tab_recherche th,
.tab-stock .tab_rechercheH td,
.tab-stock .tab_rechercheH th {
  display: table-cell;
  border: none !important;
  outline: none;
  vertical-align: top;
  text-align: center;
  overflow-wrap: anywhere;
  text-transform: lowercase;
}
.tab-stock .tab_recherche td:first-letter,
.tab-stock .tab_recherche th:first-letter,
.tab-stock .tab_rechercheH td:first-letter,
.tab-stock .tab_rechercheH th:first-letter {
  text-transform: uppercase;
}
.tab-stock .tab_recherche td:nth-child(1),
.tab-stock .tab_recherche th:nth-child(1),
.tab-stock .tab_rechercheH td:nth-child(1),
.tab-stock .tab_rechercheH th:nth-child(1) {
  width: 17%;
}
.tab-stock .tab_recherche td:nth-child(2),
.tab-stock .tab_recherche th:nth-child(2),
.tab-stock .tab_rechercheH td:nth-child(2),
.tab-stock .tab_rechercheH th:nth-child(2) {
  width: 23%;
}
.tab-stock .tab_recherche td:nth-child(3),
.tab-stock .tab_recherche th:nth-child(3),
.tab-stock .tab_rechercheH td:nth-child(3),
.tab-stock .tab_rechercheH th:nth-child(3) {
  width: 1%;
}
.tab-stock .tab_recherche td:nth-child(4),
.tab-stock .tab_recherche th:nth-child(4),
.tab-stock .tab_rechercheH td:nth-child(4),
.tab-stock .tab_rechercheH th:nth-child(4) {
  width: 8%;
}
.tab-stock .tab_recherche td:nth-child(5),
.tab-stock .tab_recherche th:nth-child(5),
.tab-stock .tab_rechercheH td:nth-child(5),
.tab-stock .tab_rechercheH th:nth-child(5) {
  width: 8%;
}
.tab-stock .tab_recherche td:nth-child(6),
.tab-stock .tab_recherche th:nth-child(6),
.tab-stock .tab_rechercheH td:nth-child(6),
.tab-stock .tab_rechercheH th:nth-child(6) {
  width: 8%;
}
.tab-stock .tab_recherche td:nth-child(7),
.tab-stock .tab_recherche th:nth-child(7),
.tab-stock .tab_rechercheH td:nth-child(7),
.tab-stock .tab_rechercheH th:nth-child(7) {
  width: 8%;
}
.tab-stock .tab_recherche td:nth-child(8),
.tab-stock .tab_recherche th:nth-child(8),
.tab-stock .tab_rechercheH td:nth-child(8),
.tab-stock .tab_rechercheH th:nth-child(8) {
  width: 8%;
}
.tab-stock .tab_recherche td:nth-child(9),
.tab-stock .tab_recherche th:nth-child(9),
.tab-stock .tab_rechercheH td:nth-child(9),
.tab-stock .tab_rechercheH th:nth-child(9) {
  width: 8%;
}
.tab-stock .tab_recherche td:nth-child(10),
.tab-stock .tab_recherche th:nth-child(10),
.tab-stock .tab_rechercheH td:nth-child(10),
.tab-stock .tab_rechercheH th:nth-child(10) {
  width: 11%;
}
@media screen and (max-width: 1024px) {
  .tab-stock .tab_recherche td:nth-child(1),
  .tab-stock .tab_recherche th:nth-child(1),
  .tab-stock .tab_rechercheH td:nth-child(1),
  .tab-stock .tab_rechercheH th:nth-child(1) {
    width: 12%;
  }
  .tab-stock .tab_recherche td:nth-child(2),
  .tab-stock .tab_recherche th:nth-child(2),
  .tab-stock .tab_rechercheH td:nth-child(2),
  .tab-stock .tab_rechercheH th:nth-child(2) {
    width: 22%;
  }
  .tab-stock .tab_recherche td:nth-child(3),
  .tab-stock .tab_recherche th:nth-child(3),
  .tab-stock .tab_rechercheH td:nth-child(3),
  .tab-stock .tab_rechercheH th:nth-child(3) {
    width: 10%;
  }
  .tab-stock .tab_recherche td:nth-child(4),
  .tab-stock .tab_recherche th:nth-child(4),
  .tab-stock .tab_rechercheH td:nth-child(4),
  .tab-stock .tab_rechercheH th:nth-child(4) {
    width: 10%;
  }
  .tab-stock .tab_recherche td:nth-child(5),
  .tab-stock .tab_recherche th:nth-child(5),
  .tab-stock .tab_rechercheH td:nth-child(5),
  .tab-stock .tab_rechercheH th:nth-child(5) {
    display: none;
  }
  .tab-stock .tab_recherche td:nth-child(6),
  .tab-stock .tab_recherche th:nth-child(6),
  .tab-stock .tab_rechercheH td:nth-child(6),
  .tab-stock .tab_rechercheH th:nth-child(6) {
    width: 10%;
  }
  .tab-stock .tab_recherche td:nth-child(7),
  .tab-stock .tab_recherche th:nth-child(7),
  .tab-stock .tab_rechercheH td:nth-child(7),
  .tab-stock .tab_rechercheH th:nth-child(7) {
    width: 10%;
  }
  .tab-stock .tab_recherche td:nth-child(8),
  .tab-stock .tab_recherche th:nth-child(8),
  .tab-stock .tab_rechercheH td:nth-child(8),
  .tab-stock .tab_rechercheH th:nth-child(8) {
    width: 10%;
  }
  .tab-stock .tab_recherche td:nth-child(9),
  .tab-stock .tab_recherche th:nth-child(9),
  .tab-stock .tab_rechercheH td:nth-child(9),
  .tab-stock .tab_rechercheH th:nth-child(9) {
    width: 10%;
  }
  .tab-stock .tab_recherche td:nth-child(10),
  .tab-stock .tab_recherche th:nth-child(10),
  .tab-stock .tab_rechercheH td:nth-child(10),
  .tab-stock .tab_rechercheH th:nth-child(10) {
    width: 6%;
  }
}
@media screen and (max-width: 768px) {
  .tab-stock .tab_recherche td:nth-child(1),
  .tab-stock .tab_recherche th:nth-child(1),
  .tab-stock .tab_rechercheH td:nth-child(1),
  .tab-stock .tab_rechercheH th:nth-child(1) {
    display: none;
  }
  .tab-stock .tab_recherche td:nth-child(2),
  .tab-stock .tab_recherche th:nth-child(2),
  .tab-stock .tab_rechercheH td:nth-child(2),
  .tab-stock .tab_rechercheH th:nth-child(2) {
    width: 50%;
  }
  .tab-stock .tab_recherche td:nth-child(3),
  .tab-stock .tab_recherche th:nth-child(3),
  .tab-stock .tab_rechercheH td:nth-child(3),
  .tab-stock .tab_rechercheH th:nth-child(3) {
    display: none;
  }
  .tab-stock .tab_recherche td:nth-child(4),
  .tab-stock .tab_recherche th:nth-child(4),
  .tab-stock .tab_rechercheH td:nth-child(4),
  .tab-stock .tab_rechercheH th:nth-child(4) {
    display: none;
  }
  .tab-stock .tab_recherche td:nth-child(5),
  .tab-stock .tab_recherche th:nth-child(5),
  .tab-stock .tab_rechercheH td:nth-child(5),
  .tab-stock .tab_rechercheH th:nth-child(5) {
    display: none;
  }
  .tab-stock .tab_recherche td:nth-child(6),
  .tab-stock .tab_recherche th:nth-child(6),
  .tab-stock .tab_rechercheH td:nth-child(6),
  .tab-stock .tab_rechercheH th:nth-child(6) {
    width: 15%;
  }
  .tab-stock .tab_recherche td:nth-child(7),
  .tab-stock .tab_recherche th:nth-child(7),
  .tab-stock .tab_rechercheH td:nth-child(7),
  .tab-stock .tab_rechercheH th:nth-child(7) {
    width: 15%;
  }
  .tab-stock .tab_recherche td:nth-child(8),
  .tab-stock .tab_recherche th:nth-child(8),
  .tab-stock .tab_rechercheH td:nth-child(8),
  .tab-stock .tab_rechercheH th:nth-child(8) {
    display: none;
  }
  .tab-stock .tab_recherche td:nth-child(9),
  .tab-stock .tab_recherche th:nth-child(9),
  .tab-stock .tab_rechercheH td:nth-child(9),
  .tab-stock .tab_rechercheH th:nth-child(9) {
    display: none;
  }
  .tab-stock .tab_recherche td:nth-child(10),
  .tab-stock .tab_recherche th:nth-child(10),
  .tab-stock .tab_rechercheH td:nth-child(10),
  .tab-stock .tab_rechercheH th:nth-child(10) {
    width: 20%;
  }
}
.tab-stock .tab_recherche tr {
  display: flex;
  align-items: center;
  height: auto;
  border: 1px solid #0C112C;
  border-radius: 5px;
  padding: 0;
  margin: 0 0 10px 0;
  box-shadow: 0 5px 12px #333333;
  transition: box-shadow 0.3s ease-in-out;
  cursor: pointer;
}
.tab-stock .tab_recherche tr td {
  font-size: 0.875rem;
  line-height: 1.125rem;
  vertical-align: middle;
  text-transform: lowercase;
}
.tab-stock .tab_recherche tr td:first-letter {
  text-transform: uppercase;
}
.tab-stock .tab_recherche tr td:nth-child(1) {
  position: relative;
  padding: 0;
}
.tab-stock .tab_recherche tr td:nth-child(1) a.ref {
  position: absolute;
  top: 15px;
  left: 5px;
  padding: 0.1rem 0.4rem;
  text-align: center;
  line-height: 1rem;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #01E483;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .tab-stock .tab_recherche tr td:nth-child(1) a.ref {
    position: relative;
    background: none;
    margin: 0 auto;
  }
}
.tab-stock .tab_recherche tr td:nth-child(1) img {
  display: block;
  margin: 0 5px 0 0;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  height: 120px;
  object-fit: cover;
  object-position: center;
}
.tab-stock .tab_recherche tr td:nth-child(2) {
  text-align: left;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding-left: 15px;
  text-transform: uppercase;
}
.tab-stock .tab_recherche tr td:nth-child(2) h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0C112C;
  line-height: 1rem;
  margin: 0;
}
.tab-stock .tab_recherche tr td:nth-child(2) hr {
  display: none;
}
.tab-stock .tab_recherche tr td:nth-child(2) span.options {
  display: none;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .tab-stock .tab_recherche tr td:nth-child(2) {
    line-height: 1rem;
    padding: 5px;
  }
  .tab-stock .tab_recherche tr td:nth-child(2) h4 {
    line-height: inherit;
  }
}
.tab-stock .tab_recherche tr td:nth-child(4) span {
  display: none;
}
.tab-stock .tab_recherche tr td:nth-child(5) span {
  display: none;
}
.tab-stock .tab_recherche tr td:nth-child(6) span {
  display: none;
}
@media screen and (max-width: 768px) {
  .tab-stock .tab_recherche tr td:nth-child(6) {
    font-size: 0.75rem;
  }
}
.tab-stock .tab_recherche tr td:nth-child(7) span {
  display: none;
}
@media screen and (max-width: 768px) {
  .tab-stock .tab_recherche tr td:nth-child(7) {
    font-size: 0.75rem;
  }
}
.tab-stock .tab_recherche tr td:nth-child(8) span {
  display: none;
}
.tab-stock .tab_recherche tr td:nth-child(8) small {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin: 3px 0 0 0;
  text-transform: lowercase;
}
.tab-stock .tab_recherche tr td:nth-child(8) small:first-letter {
  text-transform: uppercase;
}
.tab-stock .tab_recherche tr td:nth-child(9) span {
  display: none;
}
.tab-stock .tab_recherche tr td:nth-child(9) .expt-picto {
  display: block;
  margin: 5px auto 0 auto;
}
.tab-stock .tab_recherche tr td:nth-child(10) > em {
  display: block;
  width: 100%;
}
.tab-stock .tab_recherche tr td:nth-child(10) > em.loyer-min {
  font-size: 1rem;
  margin: 4px 0 0 0;
}
.tab-stock .tab_recherche tr td:nth-child(10) .btminibase {
  font-size: 0.875rem;
  line-height: 1rem;
  height: auto;
  min-height: 2rem;
  padding: 0.25rem 0.5rem;
}
.tab-stock .tab_recherche tr td:nth-child(10) .btminibase::first-letter {
  text-transform: uppercase;
}
.tab-stock .tab_recherche tr td:nth-child(10) > em + a,
.tab-stock .tab_recherche tr td:nth-child(10) > div + a,
.tab-stock .tab_recherche tr td:nth-child(10) > strong + a,
.tab-stock .tab_recherche tr td:nth-child(10) > button + a {
  display: none;
}
@media screen and (max-width: 768px) {
  .tab-stock .tab_recherche tr td:nth-child(10) em {
    font-size: 0.875rem;
  }
}
.tab-stock .tab_recherche tr.faux-caption {
  display: block;
  height: 32px;
  border: none;
  margin: 0;
  box-shadow: none;
}
.tab-stock .tab_recherche tr.faux-caption td {
  background: transparent;
  height: 32px;
  padding: 0 !important;
  text-align: left;
}
.tab-stock .tab_recherche tr.faux-caption td h3 {
  display: block;
  margin: 0;
  padding: 0;
}
.tab-stock .tab_recherche tr.faux-caption td h3 a {
  position: relative;
  display: inline-block;
  height: 32px;
  top: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: left;
  line-height: 32px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #0C112C;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .tab-stock .tab_recherche tr.faux-caption {
    display: none;
    height: 0;
  }
}
.tab-stock .tab_rechercheH {
  top: 0px;
  z-index: 3;
  margin: 0 0 10px 0;
}
.tab-stock .tab_rechercheH tr {
  display: flex;
  height: 40px;
  margin: 0;
  border: 1px solid #0C112C;
  border-radius: 5px;
  box-shadow: none;
  overflow: hidden;
}
.tab-stock .tab_rechercheH tr th {
  text-align: center;
  height: 32px;
  background-color: #ffffff;
  color: #0C112C;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  font-weight: normal;
}
.tab-stock .tab_rechercheH tr th button {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  background: #ffffff;
  cursor: pointer;
}
.tab-stock .tab_rechercheH tr th button svg {
  height: 18px;
  background: none;
  padding: 0;
  margin: 0;
  transition: transform 0.5s ease-in-out;
}
.tab-stock .tab_rechercheH tr th button svg.flip {
  transform: rotate(-180deg);
}
.tab-stock .tab_rechercheH tr th button:hover {
  font-size: 0.875rem;
  font-weight: 600;
  color: #01E483;
}

.stock-refus .tab_recherche,
.stock-refus .tab_rechercheH {
  width: 100%;
}
.stock-refus .tab_recherche tr,
.stock-refus .tab_rechercheH tr {
  display: flex;
  min-height: 32px;
}
.stock-refus .tab_recherche tr th,
.stock-refus .tab_recherche tr td,
.stock-refus .tab_rechercheH tr th,
.stock-refus .tab_rechercheH tr td {
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  cursor: default;
}
.stock-refus .tab_recherche tr th:nth-child(1),
.stock-refus .tab_recherche tr td:nth-child(1),
.stock-refus .tab_recherche tr th:nth-child(2),
.stock-refus .tab_recherche tr td:nth-child(2),
.stock-refus .tab_recherche tr th:nth-child(3),
.stock-refus .tab_recherche tr td:nth-child(3),
.stock-refus .tab_rechercheH tr th:nth-child(1),
.stock-refus .tab_rechercheH tr td:nth-child(1),
.stock-refus .tab_rechercheH tr th:nth-child(2),
.stock-refus .tab_rechercheH tr td:nth-child(2),
.stock-refus .tab_rechercheH tr th:nth-child(3),
.stock-refus .tab_rechercheH tr td:nth-child(3) {
  flex: 0 0 16%;
  min-height: 32px;
  padding: 5px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
}
.stock-refus .tab_recherche tr th:nth-child(4),
.stock-refus .tab_recherche tr td:nth-child(4),
.stock-refus .tab_rechercheH tr th:nth-child(4),
.stock-refus .tab_rechercheH tr td:nth-child(4) {
  flex: 1 0 50%;
  min-height: 32px;
  padding: 5px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .stock-refus .tab_recherche tr th:nth-child(1),
  .stock-refus .tab_recherche tr td:nth-child(1),
  .stock-refus .tab_recherche tr th:nth-child(2),
  .stock-refus .tab_recherche tr td:nth-child(2),
  .stock-refus .tab_recherche tr th:nth-child(3),
  .stock-refus .tab_recherche tr td:nth-child(3),
  .stock-refus .tab_rechercheH tr th:nth-child(1),
  .stock-refus .tab_rechercheH tr td:nth-child(1),
  .stock-refus .tab_rechercheH tr th:nth-child(2),
  .stock-refus .tab_rechercheH tr td:nth-child(2),
  .stock-refus .tab_rechercheH tr th:nth-child(3),
  .stock-refus .tab_rechercheH tr td:nth-child(3) {
    width: 30%;
    padding: 5px;
  }
  .stock-refus .tab_recherche tr th:nth-child(4),
  .stock-refus .tab_recherche tr td:nth-child(4),
  .stock-refus .tab_rechercheH tr th:nth-child(4),
  .stock-refus .tab_rechercheH tr td:nth-child(4) {
    width: 100%;
    padding: 5px;
  }
}

.img-stock {
  width: 100% !important;
  overflow: visible;
  max-width: 1440px;
  background-color: #ffffff;
  position: relative;
}
.img-stock .tab_rechercheH {
  display: none;
}
.img-stock .tab_recherche {
  display: block;
  width: 100% !important;
}
.img-stock .tab_recherche tbody {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(309px, 1fr));
  grid-gap: 3rem;
  justify-items: center;
  align-content: start;
}
@media screen and (max-width: 1280px) {
  .img-stock .tab_recherche tbody {
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
    grid-gap: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .img-stock .tab_recherche tbody {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 1rem;
  }
}
.img-stock .tab_recherche tr {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 1rem;
  margin: 0;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #0C112C;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
.img-stock .tab_recherche tr td {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-left: none;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  text-transform: lowercase;
}
.img-stock .tab_recherche tr td::first-letter {
  text-transform: uppercase;
}
.img-stock .tab_recherche tr td > span:nth-child(1) {
  display: inline-block;
  width: 33%;
  margin-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #a3a3a3;
  text-transform: lowercase;
}
.img-stock .tab_recherche tr td > span:nth-child(1)::first-letter {
  text-transform: uppercase;
}
.img-stock .tab_recherche tr td:nth-child(1) {
  flex-shrink: 0;
  width: 100%;
  padding: 0;
}
.img-stock .tab_recherche tr td:nth-child(1) .ref {
  position: absolute;
  top: 1.5rem;
  left: 0.66rem;
  padding: 0.1rem 0.4rem;
  line-height: 1rem;
  text-align: center;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #01E483;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
.img-stock .tab_recherche tr td:nth-child(1) img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.img-stock .tab_recherche tr td:nth-child(2) {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
}
.img-stock .tab_recherche tr td:nth-child(2) h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0C112C;
  margin: 0.5rem 0;
}
.img-stock .tab_recherche tr td:nth-child(2) hr {
  margin: 1rem 0;
}
.img-stock .tab_recherche tr td:nth-child(2) .options {
  display: none;
}
.img-stock .tab_recherche tr td:nth-child(7):after {
  content: " Km";
}
.img-stock .tab_recherche tr td:nth-child(8) small {
  font-size: 0.875rem 400;
  font-weight: #f3f3f3;
  color: #0C112C;
}
.img-stock .tab_recherche tr td:nth-child(8) small::before {
  content: "(";
  margin-right: 0.05rem;
}
.img-stock .tab_recherche tr td:nth-child(8) small::after {
  content: ")";
  margin-left: 0.05rem;
}
.img-stock .tab_recherche tr td:nth-child(9) .expt-picto {
  margin: 0 0 0 20px;
}
.img-stock .tab_recherche tr td:last-child {
  margin-top: auto;
  padding-top: 1rem;
  text-align: center;
}
.img-stock .tab_recherche tr td:last-child .btminibase {
  display: block;
  box-shadow: none;
  transition: box-shadow 0.3s ease-in-out;
  margin: 1rem auto 0 auto;
}
.img-stock .tab_recherche tr td:last-child > strong {
  display: block;
  margin: 2% 0;
}
.img-stock .tab_recherche tr td:last-child > strong + a {
  display: none;
}
.img-stock .tab_recherche tr td:last-child > em.loyer-min {
  display: block;
}
.img-stock .tab_recherche tr.faux-caption {
  display: none;
}
.img-stock .tab_recherche tr.orange1,
.img-stock .tab_recherche tr.orange2 {
  border: 1px solid #f77d1a !important;
}
.img-stock.promos-index {
  padding: 3rem;
  z-index: 1;
  background: linear-gradient(to bottom, #0C112C 80%, transparent 80%);
}
.img-stock.promos-index::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .img-stock.promos-index {
    padding: 3rem 0 3rem 1rem;
  }
  .img-stock.promos-index .tab_recherche {
    display: block;
  }
  .img-stock.promos-index .tab_recherche tbody {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 1rem;
    grid-auto-flow: column;
    grid-auto-columns: 85%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .img-stock.promos-index .tab_recherche tbody::-webkit-scrollbar {
    display: none;
  }
  .img-stock.promos-index .tab_recherche tbody {
    scrollbar-width: none;
    padding-bottom: 1rem;
  }
  .img-stock.promos-index .tab_recherche tbody tr {
    scroll-snap-align: center;
  }
}
.img-stock.promos-index .grid2-1 {
  align-items: center;
}
.img-stock.promos-index .grid2-1 div:nth-child(1) h2 strong {
  color: #ffffff;
}
.img-stock.promos-index .grid2-1 div:nth-child(2) {
  justify-self: end;
}
.img-stock.promos-index .grid2-1 div:nth-child(2) .btminibase {
  background-color: #ffffff;
  font-size: 0.875rem;
  font-weight: 800;
  color: #0C112C;
  margin-right: 1rem;
}
.img-stock.promos-index .grid2-1 div:nth-child(2) .btminibase:hover {
  color: #ffffff;
  background-color: #01E483;
}
@media screen and (max-width: 768px) {
  .img-stock.promos-index .grid2-1 {
    grid-template-columns: 1fr 1fr;
  }
}
.img-stock.promos-index p {
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 3rem;
}
.img-stock.nouveautes-index {
  display: block;
  padding: 0;
  z-index: 1;
}
.img-stock.nouveautes-index .grid2-1 {
  align-items: center;
  padding: 0 3rem;
}
.img-stock.nouveautes-index .grid2-1 div:nth-child(2) {
  justify-self: end;
  display: flex;
  gap: 10px;
}
.img-stock.nouveautes-index .grid2-1 div:nth-child(2) .btn-square-left,
.img-stock.nouveautes-index .grid2-1 div:nth-child(2) .btn-square-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border: 1px solid #0C112C;
  border-radius: 4px;
  cursor: pointer;
  color: #0C112C;
}
.img-stock.nouveautes-index .grid2-1 div:nth-child(2) .btn-square-left svg,
.img-stock.nouveautes-index .grid2-1 div:nth-child(2) .btn-square-right svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2px;
}
.img-stock.nouveautes-index .grid2-1 div:nth-child(2) .btn-square-left:hover,
.img-stock.nouveautes-index .grid2-1 div:nth-child(2) .btn-square-right:hover {
  background-color: #01E483;
}
.img-stock.nouveautes-index .nouveautes-break {
  width: 1440px;
  max-width: 100vw;
  position: relative;
  left: -80px;
  right: -80px;
  padding: 0;
}
.img-stock.nouveautes-index .nouveautes-break .tab_recherche .bx-wrapper {
  display: block;
  box-shadow: none;
  border: none;
  background: none;
  max-width: 100vw !important;
}
.img-stock.nouveautes-index .nouveautes-break .tab_recherche .bx-wrapper .bx-viewport {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 1rem;
}
@media screen and (max-width: 1440px) {
  .img-stock.nouveautes-index .nouveautes-break {
    width: auto;
    max-width: break0;
    padding: 3rem;
    position: initial;
  }
  .img-stock.nouveautes-index .nouveautes-break tr:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .img-stock.nouveautes-index .grid2-1 div:nth-child(2) {
    display: none;
  }
  .img-stock.nouveautes-index .nouveautes-break {
    padding: 0;
  }
  .img-stock.nouveautes-index .nouveautes-break .tab_recherche tbody {
    grid-template-columns: repeat(auto-fill, minmax(297px, 1fr));
  }
}

#stock_MCA {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
}
#stock_MCA h1 {
  flex: 0 0 100%;
}
#stock_MCA #moteur-recherche {
  flex: 0 0 19%;
  margin: 0 1% 0 0;
  background: #ffffff;
  transition: transform 0.3s ease-in-out;
  position: sticky;
  top: 80px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}
#stock_MCA #stock-container {
  flex: 0 0 80%;
  flex-wrap: wrap;
}
#stock_MCA #stock-container #afficherPlusResultats {
  display: block;
  margin: 2rem auto;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  color: #0C112C;
  border: 1px solid #0C112C;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
}
#stock_MCA #stock-container #afficherPlusResultats:hover {
  background-color: #01E483;
}
@media screen and (max-width: 768px) {
  #stock_MCA #moteur-recherche {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    z-index: 102;
    flex: none;
    transform: translateX(-100%);
    box-shadow: 0px 3px 6px #333333;
    transition: box-shadow 0.3s ease-in-out;
    padding: 2rem 1.5rem 0 1.5rem;
  }
  #stock_MCA #moteur-recherche.active {
    transform: translateX(0);
  }
  #stock_MCA #stock-container {
    flex: 0 0 100%;
  }
}
#stock_MCA #sidebar-overlay.active {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}

.viewinfo {
  position: initial;
}
.viewinfo > span {
  display: none;
}

#haut {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.tab-stock .pictos-container,
.img-stock .pictos-container {
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  right: 0;
  padding: 2px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 2px;
  z-index: 3;
}
.tab-stock .pictos-container .garantie-picto,
.tab-stock .pictos-container .p1p-picto,
.tab-stock .pictos-container .reco-picto,
.tab-stock .pictos-container .nouveautes-picto,
.tab-stock .pictos-container .promo-picto,
.tab-stock .pictos-container .remise-neuf,
.img-stock .pictos-container .garantie-picto,
.img-stock .pictos-container .p1p-picto,
.img-stock .pictos-container .reco-picto,
.img-stock .pictos-container .nouveautes-picto,
.img-stock .pictos-container .promo-picto,
.img-stock .pictos-container .remise-neuf {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #f3f3f3;
  color: #0C112C;
}
.tab-stock .pictos-container .garantie-picto svg,
.tab-stock .pictos-container .p1p-picto svg,
.tab-stock .pictos-container .reco-picto svg,
.tab-stock .pictos-container .nouveautes-picto svg,
.tab-stock .pictos-container .promo-picto svg,
.tab-stock .pictos-container .remise-neuf svg,
.img-stock .pictos-container .garantie-picto svg,
.img-stock .pictos-container .p1p-picto svg,
.img-stock .pictos-container .reco-picto svg,
.img-stock .pictos-container .nouveautes-picto svg,
.img-stock .pictos-container .promo-picto svg,
.img-stock .pictos-container .remise-neuf svg {
  max-height: 80%;
  margin: 3%;
}
.tab-stock .remise-neuf,
.img-stock .remise-neuf {
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: -0.5px;
  background-color: #73a1ff;
}
.tab-stock .remise-neuf > span,
.img-stock .remise-neuf > span {
  display: block;
  margin: 0;
  font-size: 0.625rem;
  line-height: 24px;
}
.tab-stock .remise-neuf span:nth-child(2),
.img-stock .remise-neuf span:nth-child(2) {
  display: none;
}
.tab-stock,
.img-stock {
  /*
  .nouveautes-picto {
    background: $grisclair;

    svg {
      color: $color1dark;
    }
  }

  .promo-picto {
    background: $grisclair;

    svg {
      color: $color1dark;
    }
  }

  .p1p-picto {
    background-color: $color4;
    font-size: 20px;
    line-height: 24px;
  }

  .garantie-picto {
    background-color: $color3;
    font-size: 20px;
    line-height: 24px;
  }

  .reco-picto {
    background-color: $vert;
    font-size: 20px;
    line-height: 26px;
  }
    */
}
.tab-stock .expt-picto,
.img-stock .expt-picto {
  display: inline-block;
  height: 26px;
  width: 26px;
  text-align: center;
  border: 1px solid #0C112C;
  border-radius: 3px;
  padding: 3px;
  margin: 0 auto;
}
.tab-stock .expt-picto svg,
.img-stock .expt-picto svg {
  height: 18px;
  width: 18px;
}
.tab-stock .expt-picto:hover,
.img-stock .expt-picto:hover {
  background-color: #01E483;
}

.img-stock .pictos-container {
  height: auto;
}

.prix-final {
  display: block;
  width: 100%;
  font-style: normal;
  font-size: 1rem;
}

.prix-ancien,
.prix-promos,
.prix-premium,
.prix-golden {
  font-style: normal;
  font-size: 1rem;
  width: 100%;
  display: inline-block;
}

.prix-ancien {
  text-decoration: line-through;
  font-weight: normal;
  font-size: 0.875rem;
}

.prix-promos {
  color: #cd282a;
  font-size: 1rem;
}

.prix-premium {
  color: #0C112C;
}

.prix-golden {
  color: #f77d1a;
}

@media screen and (max-width: 640px) {
  .img-stock .prix-final {
    font-size: 1.125rem;
    font-weight: 600;
  }
  .img-stock .prix-ancien {
    font-size: 1rem;
  }
  .img-stock .prix-promos {
    font-size: 1.125rem;
    font-weight: 600;
  }
  .tab-stock .prix-ancien {
    font-size: 0.875rem;
  }
}
/*
.affichProposerPrix {
  padding: 2.5px 5px;
  margin: 2px;
  font-size: $txtm;
}
  */
#proposerPrix {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: visible;
  opacity: 1;
}

#proposerPrix-pave {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 72px auto 10px auto;
  padding: 10px;
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
}
#proposerPrix-pave h3 {
  margin: 0 0 10px 0;
}
#proposerPrix-pave p {
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0 0 10px 0;
}
#proposerPrix-pave div {
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  padding: 10px;
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.25rem;
  vertical-align: middle;
}
#proposerPrix-pave div input {
  width: 80px;
  height: 22px;
  text-align: right;
}
#proposerPrix-pave div:last-child {
  display: none;
}
#proposerPrix-pave .confirm,
#proposerPrix-pave .erreur {
  margin: 10px 0 0 0;
}
#proposerPrix-pave button {
  margin: 0;
}

#proposerPrix.proposerPrix-off {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.txt-stock-haut {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 10px 0;
}
.txt-stock-haut p {
  display: inline-block;
  max-width: 80%;
  margin: 0;
  padding: 10px;
}
.txt-stock-haut div.nouveautes,
.txt-stock-haut div.garantie,
.txt-stock-haut div.promos,
.txt-stock-haut div.reco,
.txt-stock-haut div.p1p {
  display: inline-block;
  height: 72px;
  width: 72px;
  min-width: 72px;
  border-radius: 50%;
  border: solid 2px #0C112C;
  margin: 0 0.5rem 0 0;
  text-align: center;
  background-color: #f3f3f3;
}
.txt-stock-haut div.nouveautes span,
.txt-stock-haut div.garantie span,
.txt-stock-haut div.promos span,
.txt-stock-haut div.reco span,
.txt-stock-haut div.p1p span {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 3rem;
  font-weight: 800;
  color: #0C112C;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.15rem;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.txt-stock-haut div.nouveautes span svg,
.txt-stock-haut div.garantie span svg,
.txt-stock-haut div.promos span svg,
.txt-stock-haut div.reco span svg,
.txt-stock-haut div.p1p span svg {
  max-height: 78%;
  margin: 12% auto;
}
.txt-stock-haut div.nouveautes small,
.txt-stock-haut div.garantie small,
.txt-stock-haut div.promos small,
.txt-stock-haut div.reco small,
.txt-stock-haut div.p1p small {
  display: none;
}
.txt-stock-haut {
  /*
  div.nouveautes {
    background-color: $grisclair;

    span {
      color: $color1dark;
    }
  }

  div.promos {
    background-color: $grisclair;

    span {
      color: $color1dark;
    }
  }

  div.reco {
    background-color: $vert;
  }

  div.p1p {
    background-color: $color4;
  }

  div.garantie {
    background-color: $color3;
  }
    */
}

.txt-stock-bas {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.txt-stock-bas div {
  width: 32%;
}
@media screen and (max-width: 768px) {
  .txt-stock-bas {
    display: block;
  }
  .txt-stock-bas div {
    width: 100%;
  }
}

/* ------- Appel des mixins----------------------------*/
.service-visuel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 350px;
  margin: -105px 0 3rem 0;
  padding: 0 1rem;
  background-color: #0C112C;
  overflow: hidden;
}
.service-visuel picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.service-visuel picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.service-visuel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to right, rgba(12, 17, 44, 0.9) 0%, rgba(12, 17, 44, 0.6) 66%, transparent 100%);
  pointer-events: none;
}
.service-visuel .cartouche,
.service-visuel .picto-service {
  position: relative;
  text-align: center;
  margin: 0;
  z-index: 3;
}
.service-visuel .cartouche {
  display: flex;
  flex-direction: column;
}
.service-visuel .cartouche span {
  flex: 0 0 100%;
  text-align: center;
  text-transform: uppercase;
}
.service-visuel .cartouche span:nth-child(1) {
  font-size: 2.25rem;
  font-weight: 800;
  color: #ffffff;
}
.service-visuel .cartouche span:nth-child(2) {
  font-size: 2.25rem;
  font-weight: 200;
  color: #01E483;
}
.service-visuel .picto-service {
  position: relative;
  color: #01E483;
  max-width: 5rem;
  margin: 1rem 0 0 0;
}
@media screen and (max-width: 768px) {
  .service-visuel .picto-service {
    max-width: 4rem;
  }
}
@media screen and (max-width: 640px) {
  .service-visuel .picto-service {
    max-width: 3rem;
  }
}

.services-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
}
.services-container #services-nav {
  flex: 0 0 19%;
  margin: 0 1% 0 0;
  overflow-y: auto;
  background: #fff;
  transition: transform 0.3s ease-in-out;
}
.services-container .services-template {
  flex: 0 0 80%;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .services-container #services-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    max-height: 100vh;
    z-index: 102;
    flex: none;
    transform: translateX(-100%);
    box-shadow: 0 10px 18px #333333;
    transition: box-shadow 0.3s ease-in-out;
    padding: 2rem 1rem 0 1rem;
  }
  .services-container #services-nav.active {
    transform: translateX(0);
  }
  .services-container .services-template {
    flex: 0 1 100%;
  }
}
.services-container #sidebar-overlay.active {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}

#services-nav {
  padding: 0 1rem 0 0;
}
#services-nav .nav-container {
  padding: 1rem;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #services-nav .nav-container {
    border: none;
  }
}
#services-nav .nav-container h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0C112C;
  line-height: 1.875rem;
  margin: 0 0 1rem 0;
  padding: 0;
  text-transform: initial;
}
#services-nav .nav-container hr {
  margin: 1rem 0;
}
#services-nav .nav-container ul {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
#services-nav .nav-container ul li {
  width: 100%;
}
#services-nav .nav-container ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0.25rem 0;
}
#services-nav .nav-container ul li a svg {
  flex-shrink: 0;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 0.5rem 0 0;
  padding: 0;
}
#services-nav .nav-container ul li a:hover {
  color: #01E483;
}
#services-nav .nav-container ul li a.active {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #services-nav .nav-container ul li {
    border-bottom: 1px solid #01E483;
  }
  #services-nav .nav-container ul li a {
    padding: 0.5rem;
    text-align: left;
  }
}

.services-template {
  font-size: 1rem;
  margin: 0;
}
.services-template h1,
.services-template h2,
.services-template h3 {
  text-align: left;
}
.services-template h1 {
  margin-top: 0;
}
.services-template p {
  line-height: 1.5rem;
  margin: 0 0 2rem 0;
}
.services-template .citation {
  display: block;
  margin: 1rem 1rem 2rem 1rem;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 1.875rem;
  border: 1px solid #a3a3a3;
}
.services-template .avantage-list {
  margin: 0 1rem 5rem 1rem;
  padding: 1rem;
  border: 1px solid #a3a3a3;
  border-radius: 5px;
  overflow: visible;
}
.services-template .avantage-list:last-child {
  margin: 0 1rem 2rem 1rem;
}
.services-template .avantage-list h3 {
  display: flex;
  align-items: start;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0C112C;
  line-height: 1.5rem;
  text-transform: uppercase;
  margin: 2rem 0 2rem -2rem;
}
.services-template .avantage-list h3:before {
  content: "";
  display: inline-block;
  height: 32px;
  width: 32px;
  min-width: 32px;
  margin: -7px 10px 0 0;
  background: #01E483 url(../images/svg/right.svg) no-repeat center;
  background-size: 22px 22px;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
}
.services-template .avantage-list ul {
  list-style: square;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0 0 1rem 0;
  padding: 0 1rem 0 1.2rem;
}
.services-template .avantage-list ul li {
  margin: 0 0 0.5rem 0;
}
.services-template .avantage-list ul li::marker {
  color: #01E483;
}
.services-template .avantage-list p {
  flex-grow: 1;
}
.services-template .grid2,
.services-template .grid3 {
  margin: 0;
  padding: 0;
  gap: 2rem;
}
.services-template .services-liste {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: strech;
  align-content: flex-start;
  gap: 1rem;
}
.services-template .services-liste dl {
  flex: 0 1 30%;
  border: 1px solid #a3a3a3;
  border-radius: 5px;
}
.services-template .services-liste dl dt {
  padding: 1rem;
  min-height: 160px;
  background-color: #f3f3f3;
  text-align: center;
  color: #0C112C;
}
.services-template .services-liste dl dt strong {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}
.services-template .services-liste dl dt svg {
  display: block;
  margin: 0 auto 1rem auto;
  width: 50px;
  min-height: 50px;
  color: #0C112C;
}
.services-template .services-liste dl dd {
  margin: 0;
  padding: 1rem;
  text-align: left;
}
.services-template .services-liste dl dd .btminibase {
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.services-template .process-service {
  list-style: none;
  padding: 1rem;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2rem;
}
.services-template .process-service li {
  flex: 1 1 29%;
  position: relative;
  border: 1px solid #a3a3a3;
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 1rem;
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .services-template .process-service li {
    flex: 0 1 47%;
  }
}
@media screen and (max-width: 768px) {
  .services-template .process-service li {
    flex: 0 1 100%;
  }
}
.services-template .process-service li h4 {
  padding: 0;
  margin: 0.5rem 0 1rem 0;
}
.services-template .process-service li h4 span:first-child {
  display: block;
  height: 42px;
  width: 42px;
  background-color: #0C112C;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
  font-size: 1.5rem;
  font-weight: 800;
  color: #01E483;
  text-align: center;
  line-height: 42px;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 2;
}
.services-template .process-service li h4 span:last-child {
  font-size: 1rem;
  font-weight: 600;
  color: #0C112C;
  text-transform: uppercase;
}
.services-template .process-service li p {
  font-size: 1rem;
}
.services-template .docs-immat ul.tabs,
.services-template .transfo-exemples ul.tabs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0.5rem 1rem;
  list-style: none;
}
.services-template .docs-immat ul.tabs li,
.services-template .transfo-exemples ul.tabs li {
  flex: 1 1 0%;
  max-width: 32%;
  min-height: 32px;
  display: inline-block;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
  line-height: 1rem;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .services-template .docs-immat ul.tabs li,
  .services-template .transfo-exemples ul.tabs li {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .services-template .docs-immat ul.tabs li,
  .services-template .transfo-exemples ul.tabs li {
    font-size: 0.875rem;
  }
}
.services-template .docs-immat ul.tabs li:last-child,
.services-template .transfo-exemples ul.tabs li:last-child {
  margin-right: 0;
}
.services-template .docs-immat ul.tabs li:hover,
.services-template .transfo-exemples ul.tabs li:hover {
  background: #01E483;
}
.services-template .docs-immat ul.tabs li.current,
.services-template .transfo-exemples ul.tabs li.current {
  background: #01E483;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0C112C;
}
.services-template .docs-immat .transformations-service,
.services-template .transfo-exemples .transformations-service {
  display: block;
}
.services-template .docs-immat .transformations-service .transformations-exemple,
.services-template .transfo-exemples .transformations-service .transformations-exemple {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
.services-template .docs-immat .transformations-service .transformations-exemple a,
.services-template .transfo-exemples .transformations-service .transformations-exemple a {
  flex: 0 1 19%;
}
.services-template .docs-immat .transformations-service .transformations-exemple a img,
.services-template .transfo-exemples .transformations-service .transformations-exemple a img {
  width: 100%;
  height: auto;
}
.services-template .docs-immat.tab-content {
  padding: 10px;
  border: 1px solid #a3a3a3;
}
.services-template .docs-immat.tab-content ul.mod {
  margin: 0;
  padding: 0;
  list-style: none;
}
.services-template .docs-immat.tab-content ul.mod li {
  margin: 0 0 10px 0;
}
.services-template .docs-immat.tab-content ul.mod li strong {
  line-height: 1.875rem;
}
.services-template .docs-immat.tab-content ul.mod li .btminibase {
  margin: 5px 2.5px 0 0;
}
.services-template .docs-immat.tab-content .requis {
  display: inline-block;
  background-color: #f77d1a;
  color: #ffffff;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding: 2px 5px;
  margin: -2px 10px 0 10px;
  border-radius: 3px;
}

.services-faq {
  display: block;
  width: 100%;
}
.services-faq h2 {
  font-size: 1.875rem;
  font-weight: 400;
  color: #01E483;
  line-height: 1.875rem;
  text-transform: uppercase;
  margin: 2rem 0;
}
.services-faq h2 strong {
  font-size: 1.875rem;
  font-weight: 800;
  color: #0C112C;
}

.slider-container {
  position: relative;
  width: auto;
  max-width: 800px;
  overflow: hidden;
}
.slider-container .after-image {
  position: absolute;
  top: 0;
  left: 0;
}
.slider-container .before-image {
  position: relative;
  clip-path: rect(0 50% 100% 0);
  z-index: 2;
}
.slider-container .before-txt,
.slider-container .after-txt {
  position: absolute;
  width: auto;
  padding: 2px 5px;
  background-color: #ffffff;
  border: 1px solid #a3a3a3;
  z-index: 3;
}
.slider-container .before-txt {
  left: 10px;
  top: 10px;
}
.slider-container .after-txt {
  right: 10px;
  top: 10px;
}
.slider-container .slider-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 100%;
  background-color: #ffffff;
  cursor: ew-resize;
  z-index: 2;
}
.slider-container .slider-handle .round-handle-left,
.slider-container .slider-handle .round-handle-right {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: 6px inset transparent;
  z-index: 4;
}
.slider-container .slider-handle .round-handle-left {
  border-right: 6px solid #ffffff;
  left: 50%;
  margin-left: -18px;
}
.slider-container .slider-handle .round-handle-right {
  border-left: 6px solid #ffffff;
  right: 50%;
  margin-right: -18px;
}
.slider-container .slider-handle::before,
.slider-container .slider-handle::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #0C112C;
  border: 2px solid #ffffff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  left: -16px;
}

.cadre {
  display: inline-block;
  border: 1px solid #a3a3a3;
  padding: 10px;
  margin: 0 0 10px 0;
  background-color: #ffffff;
}

.transporteurs {
  display: block;
  width: 100%;
}
.transporteurs h2 {
  font-size: 1.875rem;
  font-weight: 400;
  color: #01E483;
  line-height: 1.875rem;
  text-transform: uppercase;
  margin: 2rem 0;
}
.transporteurs h2 strong {
  font-size: 1.875rem;
  font-weight: 800;
  color: #0C112C;
}
.transporteurs ul {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.transporteurs ul li {
  overflow: hidden;
  padding: 0;
  border: 1px solid #a3a3a3;
  width: calc(25% - 10px);
  font-size: 0.875rem;
}
@media screen and (max-width: 1280px) {
  .transporteurs ul li {
    width: calc(25% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .transporteurs ul li {
    width: calc(33.3333333333% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .transporteurs ul li {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 640px) {
  .transporteurs ul li {
    width: 100%;
  }
}
.transporteurs ul li div:nth-child(1) {
  height: 150px;
  background-color: #ffffff;
}
.transporteurs ul li div:nth-child(1) img {
  max-height: 100%;
  width: auto;
  margin: auto;
  object-fit: cover;
  object-position: center;
}
.transporteurs ul li div:nth-child(2) {
  height: auto;
  padding: 10px;
  background-color: #f3f3f3;
}
.transporteurs ul li div:nth-child(2) .btminibase {
  margin: 10px 10px 0 0;
  font-size: 0.875rem;
}

#account-title {
  height: 350px;
  width: 100%;
  padding: 5rem 1rem 0 1rem;
  margin: -105px 0 3rem 0;
  background: #0C112C url("../pub/pub-mon-compte.jpg") center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #account-title {
    background: #0C112C url("../pub/pub-mon-compte-768.jpg") center/cover no-repeat;
  }
}
@media screen and (max-width: 640px) {
  #account-title {
    background: #0C112C url("../pub/pub-mon-compte-480.jpg") center/cover no-repeat;
  }
}
#account-title h1 {
  text-align: center;
  margin: 3rem auto 1rem auto;
  font-size: 2.25rem;
  font-weight: 800;
  color: #ffffff;
}
#account-title p {
  text-align: center;
  font-size: 1rem;
  font-weight: 200;
  color: #ffffff;
  margin: 0 0 1rem 0;
}

.account {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
}
.account #account-nav {
  flex: 0 0 19%;
  margin: 0 1% 0 0;
  overflow-y: auto;
  background: #fff;
  transition: transform 0.3s ease-in-out;
}
.account .account-template {
  flex: 0 1 78%;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .account #account-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    max-height: 100vh;
    z-index: 102;
    flex: none;
    transform: translateX(-100%);
    box-shadow: 0 10px 18px #333333;
    transition: box-shadow 0.3s ease-in-out;
    padding: 2rem 1rem 0 1rem;
  }
  .account #account-nav.active {
    transform: translateX(0);
  }
  .account .account-template {
    flex: 0 1 100%;
  }
}
.account #sidebar-overlay.active {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}

.account {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.account #account-nav .nav-container {
  border: 1px solid #a3a3a3;
  border-radius: 5px;
  padding: 1rem;
}
.account #account-nav .nav-container h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0C112C;
  line-height: 1.875rem;
  margin: 0 0 1rem 0;
  padding: 0;
  text-transform: initial;
}
.account #account-nav .nav-container > div strong,
.account #account-nav .nav-container > div span {
  display: block;
  width: 100%;
  margin: 0 0 0.5rem 0;
}
.account #account-nav .nav-container > div span {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.account #account-nav .nav-container hr {
  margin: 1rem 0;
}
.account #account-nav .nav-container ul {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.account #account-nav .nav-container ul li {
  width: 100%;
}
.account #account-nav .nav-container ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0.25rem 0;
}
.account #account-nav .nav-container ul li a svg {
  flex-shrink: 0;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 0.5rem 0 0;
  padding: 0;
}
.account #account-nav .nav-container ul li a:hover {
  color: #01E483;
}
.account #account-nav .nav-container ul li a.active {
  font-weight: bold;
}
.account #account-nav .nav-container .deco {
  font-size: 0.75rem;
  font-weight: 400;
  color: #333333;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .account #account-nav .nav-container {
    border: none;
  }
  .account #account-nav .nav-container ul li {
    width: 100%;
    border-bottom: 1px solid #01E483;
  }
  .account #account-nav .nav-container ul li a {
    padding: 0.5rem;
    text-align: left;
  }
}
.account .account-template h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0C112C;
}
.account .account-template p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #a3a3a3;
  line-height: 1.125rem;
}
.account .account-template hr {
  margin: 2rem 0;
}

#pg-mesoffres #perso-offres {
  padding-bottom: 0;
  width: 100%;
}
#pg-mesoffres #perso-offres header {
  height: auto;
  margin: 0;
}
#pg-mesoffres #perso-offres header .hm-fleche-ouvert,
#pg-mesoffres #perso-offres header .hm-fleche-ferme {
  margin-top: 8px;
  cursor: pointer;
  float: right;
}
#pg-mesoffres #perso-offres .grid2 > div {
  border: 1px solid #f3f3f3;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px;
}
#pg-mesoffres #perso-offres fieldset {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
#pg-mesoffres {
  /* Les 2 Tableaux des  offres : header + resultats */
  /* ************************* */
  /* **** En tableau / PC **** */
  /* ************************* */
  /* Entete du tableau */
}
#pg-mesoffres .tab_offresH {
  width: 100%;
}
#pg-mesoffres .tab_offresH thead {
  border-bottom: 1px dotted #a3a3a3;
}
#pg-mesoffres .tab_offresH thead th {
  font-weight: bold;
  font-size: 0.75rem;
  color: #fff;
  padding: 5px;
  text-align: center;
  border-left: 1px dotted #a3a3a3;
  background-color: #0C112C;
  vertical-align: top;
  overflow: visible;
  text-overflow: ellipsis;
}
#pg-mesoffres .tab_offresH thead th a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  #pg-mesoffres .tab_offresH {
    display: none;
  }
}
#pg-mesoffres {
  /* Tableau des resultats de mes offres */
}
#pg-mesoffres .tab_offres {
  width: 100%;
}
#pg-mesoffres .tab_offres td {
  text-align: center;
  line-height: 25px;
  padding: 2px 5px;
  font-size: 0.875rem;
  border-left: 1px dotted #a3a3a3;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pg-mesoffres .tab_offres td img {
  margin: 10px 5px 5px 5px;
}
#pg-mesoffres .tab_offres td .bt-fermer {
  position: relative;
  margin: 5px auto;
}
#pg-mesoffres .tab_offres tr:nth-child(2n) {
  background-color: #f3f3f3;
}
#pg-mesoffres .tab_offres tr:nth-child(2n+1) {
  background-color: rgba(255, 255, 255, 0.6);
}
#pg-mesoffres {
  /* les largeurs du tableau des offres */
}
#pg-mesoffres .tab_offresH th:nth-child(1),
#pg-mesoffres .tab_offresH td:nth-child(1),
#pg-mesoffres .tab_offres th:nth-child(1),
#pg-mesoffres .tab_offres td:nth-child(1) {
  width: 5%;
  border-left: 0;
}
#pg-mesoffres .tab_offresH th:nth-child(2),
#pg-mesoffres .tab_offresH td:nth-child(2),
#pg-mesoffres .tab_offres th:nth-child(2),
#pg-mesoffres .tab_offres td:nth-child(2) {
  width: 5%;
}
#pg-mesoffres .tab_offresH th:nth-child(3),
#pg-mesoffres .tab_offresH td:nth-child(3),
#pg-mesoffres .tab_offres th:nth-child(3),
#pg-mesoffres .tab_offres td:nth-child(3) {
  width: 20%;
  text-align: left;
}
#pg-mesoffres .tab_offresH th:nth-child(3) a img,
#pg-mesoffres .tab_offresH td:nth-child(3) a img,
#pg-mesoffres .tab_offres th:nth-child(3) a img,
#pg-mesoffres .tab_offres td:nth-child(3) a img {
  margin: 0 12px;
}
#pg-mesoffres .tab_offresH th:nth-child(4),
#pg-mesoffres .tab_offresH td:nth-child(4),
#pg-mesoffres .tab_offres th:nth-child(4),
#pg-mesoffres .tab_offres td:nth-child(4) {
  width: 5%;
}
#pg-mesoffres .tab_offresH th:nth-child(5),
#pg-mesoffres .tab_offresH td:nth-child(5),
#pg-mesoffres .tab_offres th:nth-child(5),
#pg-mesoffres .tab_offres td:nth-child(5) {
  width: 10%;
  text-align: left;
}
#pg-mesoffres .tab_offresH th:nth-child(6),
#pg-mesoffres .tab_offresH td:nth-child(6),
#pg-mesoffres .tab_offres th:nth-child(6),
#pg-mesoffres .tab_offres td:nth-child(6) {
  width: 12%;
  text-align: left;
}
#pg-mesoffres .tab_offresH th:nth-child(7),
#pg-mesoffres .tab_offresH td:nth-child(7),
#pg-mesoffres .tab_offres th:nth-child(7),
#pg-mesoffres .tab_offres td:nth-child(7) {
  width: 20%;
  text-align: left;
}
#pg-mesoffres .tab_offresH th:nth-child(8),
#pg-mesoffres .tab_offresH td:nth-child(8),
#pg-mesoffres .tab_offres th:nth-child(8),
#pg-mesoffres .tab_offres td:nth-child(8) {
  width: 6%;
}
#pg-mesoffres .tab_offresH th:nth-child(9),
#pg-mesoffres .tab_offresH td:nth-child(9),
#pg-mesoffres .tab_offres th:nth-child(9),
#pg-mesoffres .tab_offres td:nth-child(9) {
  width: 5%;
}
#pg-mesoffres .tab_offresH th:nth-child(10),
#pg-mesoffres .tab_offresH td:nth-child(10),
#pg-mesoffres .tab_offres th:nth-child(10),
#pg-mesoffres .tab_offres td:nth-child(10) {
  width: 8%;
}
#pg-mesoffres .tab_offresH th:nth-child(11),
#pg-mesoffres .tab_offresH td:nth-child(11),
#pg-mesoffres .tab_offres th:nth-child(11),
#pg-mesoffres .tab_offres td:nth-child(11) {
  width: 4%;
}
#pg-mesoffres {
  /* **************************** */
  /* **** En images / Mobile **** */
  /* **************************** */
}
@media screen and (max-width: 768px) {
  #pg-mesoffres .tab_offresH {
    display: none;
  }
  #pg-mesoffres .tab_offres tbody {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 10px;
    justify-items: center;
    align-content: start;
    width: 100% !important;
    margin: 10px 0;
  }
  #pg-mesoffres .tab_offres tr {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #d3d3d3;
    width: 100%;
  }
  #pg-mesoffres .tab_offres td {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    border: none;
    vertical-align: top;
    font-size: 1rem;
  }
  #pg-mesoffres .tab_offres td img {
    margin: 3px 5px -3px 5px;
  }
  #pg-mesoffres .tab_offres tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.6);
  }
  #pg-mesoffres .tab_offres tr:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.6);
  }
  #pg-mesoffres .tab_offres a.bt-fermer {
    position: absolute;
    height: 25px;
    width: 25px;
    top: -4px;
    right: 0;
    background-color: #ffffff;
    border: 5px solid #ffffff;
  }
  #pg-mesoffres .tab_offres td:nth-child(1) {
    width: 49.2%;
    text-align: center;
  }
  #pg-mesoffres .tab_offres td:nth-child(1):before {
    content: "Ref : ";
  }
  #pg-mesoffres .tab_offres td:nth-child(2) {
    width: 49.2%;
    text-align: center;
  }
  #pg-mesoffres .tab_offres td:nth-child(3) {
    width: 99.5%;
    text-align: center;
    font-size: 1.25rem;
  }
  #pg-mesoffres .tab_offres td:nth-child(4) {
    width: 99.5%;
    text-align: center;
  }
  #pg-mesoffres .tab_offres td:nth-child(4):after {
    content: " Km";
  }
  #pg-mesoffres .tab_offres td:nth-child(5) {
    width: 99.5%;
    text-align: left;
  }
  #pg-mesoffres .tab_offres td:nth-child(6) {
    width: 99.5%;
    text-align: left;
  }
  #pg-mesoffres .tab_offres td:nth-child(7) {
    width: 99.5%;
    text-align: left;
  }
  #pg-mesoffres .tab_offres td:nth-child(8) {
    width: 49.2%;
    text-align: left;
  }
  #pg-mesoffres .tab_offres td:nth-child(9) {
    width: 49.2%;
    text-align: center;
  }
  #pg-mesoffres .tab_offres td:nth-child(10) {
    width: 49.2%;
    text-align: left;
  }
  #pg-mesoffres .tab_offres td:nth-child(11) {
    width: 49.2%;
    text-align: center;
  }
}

#pg-mescommandes {
  /* ************************* */
  /* **** En tableau / PC **** */
  /* ************************* */
  /* Entete du tableau */
}
#pg-mescommandes .tab_commandesH {
  width: 100%;
}
#pg-mescommandes .tab_commandesH thead tr {
  background-color: #ffffff;
  display: block;
  height: 40px;
  margin: 0 0 2rem 0;
}
#pg-mescommandes .tab_commandesH thead th {
  padding: 0.2rem;
  text-align: center;
  vertical-align: top;
  font-size: 0.875rem;
  font-weight: 200;
  color: #a3a3a3;
}
#pg-mescommandes .tab_commandesH thead th a {
  display: block;
}
@media screen and (max-width: 768px) {
  #pg-mescommandes .tab_commandesH {
    display: none;
  }
}
#pg-mescommandes {
  /* Affichage des commandes */
}
#pg-mescommandes .tab_commandes {
  width: 100%;
}
#pg-mescommandes .tab_commandes tbody tr {
  background-color: #f3f3f3;
  display: table;
  width: 100%;
  height: 40px;
  margin: 0 0 0.5rem 0;
}
#pg-mescommandes .tab_commandes tbody td {
  font-size: 0.875rem;
  font-weight: 200;
  color: #333333;
  text-align: center;
  line-height: 40px;
  padding: 0;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pg-mescommandes .tab_commandes tbody td a {
  display: block;
}
#pg-mescommandes .tab_commandes tbody td svg {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0.5rem;
  vertical-align: middle;
}
#pg-mescommandes table.tab_commandes th:nth-child(1),
#pg-mescommandes table.tab_commandes td:nth-child(1),
#pg-mescommandes table.tab_commandesH th:nth-child(1),
#pg-mescommandes table.tab_commandesH td:nth-child(1) {
  width: 10%;
}
#pg-mescommandes table.tab_commandes th:nth-child(2),
#pg-mescommandes table.tab_commandes td:nth-child(2),
#pg-mescommandes table.tab_commandesH th:nth-child(2),
#pg-mescommandes table.tab_commandesH td:nth-child(2) {
  width: 10%;
}
#pg-mescommandes table.tab_commandes th:nth-child(3),
#pg-mescommandes table.tab_commandes td:nth-child(3),
#pg-mescommandes table.tab_commandesH th:nth-child(3),
#pg-mescommandes table.tab_commandesH td:nth-child(3) {
  width: 10%;
}
#pg-mescommandes table.tab_commandes th:nth-child(4),
#pg-mescommandes table.tab_commandes td:nth-child(4),
#pg-mescommandes table.tab_commandesH th:nth-child(4),
#pg-mescommandes table.tab_commandesH td:nth-child(4) {
  width: 10%;
}
#pg-mescommandes table.tab_commandes th:nth-child(5),
#pg-mescommandes table.tab_commandes td:nth-child(5),
#pg-mescommandes table.tab_commandesH th:nth-child(5),
#pg-mescommandes table.tab_commandesH td:nth-child(5) {
  width: 10%;
}
#pg-mescommandes table.tab_commandes th:nth-child(6),
#pg-mescommandes table.tab_commandes td:nth-child(6),
#pg-mescommandes table.tab_commandesH th:nth-child(6),
#pg-mescommandes table.tab_commandesH td:nth-child(6) {
  width: 10%;
}
#pg-mescommandes table.tab_commandes th:nth-child(7),
#pg-mescommandes table.tab_commandes td:nth-child(7),
#pg-mescommandes table.tab_commandesH th:nth-child(7),
#pg-mescommandes table.tab_commandesH td:nth-child(7) {
  width: 10%;
}
#pg-mescommandes table.tab_commandes th:nth-child(8),
#pg-mescommandes table.tab_commandes td:nth-child(8),
#pg-mescommandes table.tab_commandesH th:nth-child(8),
#pg-mescommandes table.tab_commandesH td:nth-child(8) {
  width: 10%;
}
#pg-mescommandes {
  /* **************************** */
  /* **** En images / Mobile **** */
  /* **************************** */
}
@media screen and (max-width: 768px) {
  #pg-mescommandes .tab_commandesH {
    display: none;
  }
  #pg-mescommandes .tab_commandes tbody {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 10px;
    justify-items: center;
    align-content: start;
    width: 100% !important;
    margin: 10px 0;
  }
  #pg-mescommandes .tab_commandes tr {
    margin: 0;
    padding: 0;
    border: 1px solid #d3d3d3;
    width: 100%;
    max-width: 320px;
  }
  #pg-mescommandes .tab_commandes td {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    border: none;
    vertical-align: top;
    text-align: center;
  }
  #pg-mescommandes .tab_commandes td:nth-child(n+7) {
    text-align: left;
  }
  #pg-mescommandes .tab_commandes td img {
    margin: 3px 5px -3px 5px;
  }
  #pg-mescommandes .tab_commandes tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.6);
  }
  #pg-mescommandes .tab_commandes tr:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.6);
  }
  #pg-mescommandes table.tab_commandes td:nth-child(1) {
    width: 99.5%;
    font-size: 1.25rem;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(2) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(3) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(3):before {
    content: "ref : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(4) {
    width: 99.5%;
    font-size: 1rem;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(5) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(6) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(6):after {
    content: " Km";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(7) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(7):before {
    content: "MEC : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(8) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(8):before {
    content: "BDC : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(9) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(9):before {
    content: "Fact. : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(10) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(10):before {
    content: "Reglé : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(11) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(11):before {
    content: "Trans. : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(12) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(12):before {
    content: "CG : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(13) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(13):before {
    content: "C. Radio : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(14) {
    width: 49.2%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(14):before {
    content: "Db. clé : ";
  }
  #pg-mescommandes table.tab_commandes td:nth-child(15) {
    width: 99.5%;
  }
  #pg-mescommandes table.tab_commandes td:nth-child(15):before {
    content: "Statut : ";
  }
}

#pg-monstock #infos-stock {
  margin: 0 0 2rem 0;
}
#pg-monstock #infos-stock p {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  margin: 0 0 10px 0;
}
#pg-monstock #infos-stock ul {
  padding: 0;
  margin: 10px 0;
}
#pg-monstock #infos-stock ul li {
  display: inline-block;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  padding: 0;
  margin: 10px 0 0 0;
  text-align: center;
}
#pg-monstock #infos-stock ul li span:nth-child(1) {
  display: block;
  width: 100%;
  border-radius: 3px 3px 0 0;
  background-color: #0C112C;
  color: #ffffff;
  padding: 5px;
}
#pg-monstock #infos-stock ul li span:nth-child(2) {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
}
#pg-monstock #infos-stock ul li span:nth-child(3) {
  display: inline-block;
  width: auto;
  padding: 0.25rem 1rem;
  margin: 2.5px auto 10px auto;
  font-size: 1rem;
  font-weight: 800;
  color: #0C112C;
  background-color: #01E483;
  border-radius: 3px;
}
#pg-monstock #infos-stock ul li a.btminibase {
  font-size: 0.875rem;
  margin: 2.5px auto 10px auto;
}

#mavitrine {
  /* les marges */
}
#mavitrine .mesprix {
  font-size: 0.875rem;
  font-weight: 200;
  color: #333333;
}
#mavitrine .mesprix .accordion h4 {
  color: #01E483;
  background: #ffffff;
  border: 1px solid #01E483;
  padding: 10px;
}
#mavitrine .mesprix .accordion h4::after {
  content: "";
  float: right;
  width: 22px;
  height: 22px;
  background: url(../images/svg/chevron-up.svg) no-repeat;
  transition: transform 0.5s ease-in-out;
}
#mavitrine .mesprix .accordion > div.active h4 {
  color: #0C112C;
  background: #01E483;
}
#mavitrine .mesprix .accordion > div:not(.active) div {
  display: none;
}
#mavitrine .mesprix .accordion > div:not(.active) h4 {
  cursor: pointer;
}
#mavitrine .mesprix .accordion > div:not(.active) h4:hover {
  color: #ffffff;
  background: #01E483;
}
#mavitrine .mesprix .accordion > div:not(.active) h4::after {
  transform: rotate(180deg);
}
#mavitrine .mesprix label {
  display: inline-block;
  min-width: 170px;
  width: auto;
}
#mavitrine .mesprix input {
  font-size: 1rem;
  font-weight: 200;
  color: #333333;
  display: inline-block;
  min-width: 110px;
  min-height: 2rem;
  width: 10%;
  padding: 0 0.5rem;
}
#mavitrine {
  /* les couleurs */
}
#mavitrine .grid5 > * {
  text-align: center;
  padding: 0 15px;
}
#mavitrine .grid5 > * .exemple-palette {
  margin: 5px auto;
}
#mavitrine .ptbtdetails {
  margin-top: 10px;
}
#mavitrine .boite-blanche {
  display: block;
  width: 100%;
  padding: 15px 10px 15px 30px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
}

.exemple-marge {
  display: block;
  padding: 1rem;
  margin: 0.75rem 0;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
  text-align: center;
  background-color: #f3f3f3;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
}
.exemple-marge strong {
  color: #01E483;
  text-transform: uppercase;
}

.pave-aide-faq,
.pave-aide {
  position: relative;
  width: 100%;
  background-color: #0C112C;
  border-radius: 0 0 3px 3px;
  padding: 2rem 4rem;
  margin: 0 0 2rem 0;
  color: #ffffff;
}
.pave-aide-faq::before,
.pave-aide::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
  top: 0;
  left: 0;
}
.pave-aide-faq h4,
.pave-aide h4 {
  display: block;
  width: 100%;
  color: #01E483;
}
.pave-aide-faq h4 strong,
.pave-aide h4 strong {
  color: #ffffff;
}
.pave-aide-faq .grid2,
.pave-aide .grid2 {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 640px) {
  .pave-aide-faq .grid2,
  .pave-aide .grid2 {
    grid-template-columns: 1fr;
    justify-items: start;
  }
}
.pave-aide-faq .grid2 div:nth-child(1) p,
.pave-aide .grid2 div:nth-child(1) p {
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
}
.pave-aide-faq .grid2 div:nth-child(2),
.pave-aide .grid2 div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: right;
}

#pg-panier h2 {
  font-size: 1.125rem;
  font-weight: 800;
  color: #0C112C;
}
#pg-panier > section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px;
}
#pg-panier > section > *:first-child {
  width: calc(70% - 20px);
}
#pg-panier > section > *:last-child {
  width: 30%;
}
#pg-panier > section form table {
  border-top: 1px solid #01E483;
  border-bottom: 1px solid #01E483;
  margin: 20px 0;
  width: 100%;
}
#pg-panier > section form table td:nth-child(2) {
  text-align: right;
}
#pg-panier > section form .btminibase {
  padding: 0.1rem 2rem;
  margin: 1rem 0;
}
#pg-panier > section .field-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#pg-panier > section .panier-vide {
  width: 100%;
}
#pg-panier > section .panier-vide p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #pg-panier > section > *:first-child,
  #pg-panier > section > *:last-child {
    width: 100%;
  }
}
#pg-panier .tab_recherche span {
  display: block;
  margin-top: 1em;
  text-transform: none;
}
#pg-panier .tab_recherche span a {
  text-decoration: underline;
}
#pg-panier {
  /* Validation commande */
}
#pg-panier .contenu-commande > div > div {
  margin-bottom: 20px;
}
#pg-panier .contenu-commande > div > div > div {
  position: relative;
}
#pg-panier .contenu-commande > div > div > div a {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
}

#pg-panier .tab-stock .tab_recherche td:nth-child(1),
#popInPanierAdd .tab-stock .tab_recherche td:nth-child(1) {
  width: 25%;
}
#pg-panier .tab-stock .tab_recherche td:nth-child(2),
#popInPanierAdd .tab-stock .tab_recherche td:nth-child(2) {
  width: 65%;
}
#pg-panier .tab-stock .tab_recherche td:nth-child(3),
#popInPanierAdd .tab-stock .tab_recherche td:nth-child(3) {
  width: 20%;
}
@media screen and (max-width: 768px) {
  #pg-panier .tab-stock .tab_recherche td:nth-child(3),
  #popInPanierAdd .tab-stock .tab_recherche td:nth-child(3) {
    display: table-cell;
  }
}

#popInPanierAdd > div {
  border-radius: 5px;
}

.miniPanier ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.miniPanier ul li {
  padding: 10px 0;
  border-bottom: 1px solid #01E483;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.miniPanier ul li img {
  width: 100px;
}
.miniPanier ul li strong {
  display: inline-block;
  width: 100%;
}
.miniPanier ul li strong:last-child {
  margin-top: 1em;
  text-align: right;
}
.miniPanier div > table {
  width: 100%;
  margin: 10px 0;
}
.miniPanier div > table td:last-child {
  text-align: right;
}

#panier-merci section:first-of-type nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
}
#panier-merci .gd-titre {
  padding-top: 0;
}

#entreprise .grid1-2 .mod:nth-child(1) {
  position: relative;
  width: 350px;
  height: 350px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #333333;
  transition: box-shadow 0.3s ease-in-out;
}
#entreprise .grid1-2 .mod:nth-child(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#entreprise .grid1-2 .mod:nth-child(2) .ptbtdetails {
  padding: 0.1rem 3rem;
}
#entreprise .timeline-container {
  position: relative;
  max-width: 1280px;
  margin: 3rem auto;
  padding: 2rem 0;
  overflow: auto;
}
#entreprise .timeline-container::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #d3d3d3;
  transform: translateX(-50%);
}
#entreprise .timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
#entreprise .timeline .timeline-item {
  position: relative;
  width: 46%;
  padding: 1rem;
  margin-bottom: 3rem;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
}
#entreprise .timeline .timeline-item::after {
  content: "";
  position: absolute;
  top: 0px;
  width: 18px;
  height: 18px;
  background: #f3f3f3;
  border: 3px solid #d3d3d3;
  border-radius: 50%;
  z-index: 2;
}
#entreprise .timeline .timeline-item:nth-child(odd) {
  float: left;
  clear: both;
}
#entreprise .timeline .timeline-item:nth-child(odd)::after {
  right: calc(-10% - 5px);
}
#entreprise .timeline .timeline-item:nth-child(odd) dt {
  flex-direction: row;
  text-align: left;
}
#entreprise .timeline .timeline-item:nth-child(odd) dt span {
  margin-right: -30px;
}
#entreprise .timeline .timeline-item:nth-child(even) {
  float: right;
  clear: both;
  margin-top: 2rerm;
}
#entreprise .timeline .timeline-item:nth-child(even)::after {
  left: calc(-10% - 6px);
}
#entreprise .timeline .timeline-item:nth-child(even) dt {
  flex-direction: row-reverse;
  text-align: right;
}
#entreprise .timeline .timeline-item:nth-child(even) dt span {
  margin-left: -30px;
}
#entreprise .timeline .timeline-item dt {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 15px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0C112C;
  text-transform: uppercase;
}
#entreprise .timeline .timeline-item dt h3 {
  font-size: 1.5rem;
  font-weight: 200;
  color: #01E483;
  line-height: 1.875rem;
}
#entreprise .timeline .timeline-item dt h3 strong {
  font-size: 1.5rem;
  font-weight: 800;
  color: #0C112C;
  margin: 0;
}
#entreprise .timeline .timeline-item dt span {
  padding: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #0C112C;
  background-color: #01E483;
  border-radius: 3px;
}
#entreprise .timeline .timeline-item dd {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
  text-align: left;
}
#entreprise .timeline .timeline-item dd a {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  text-decoration: underline;
}
#entreprise .timeline .timeline-item dd a::after {
  content: "";
  display: inline-block;
  margin: 0 0.5rem -3px 0.5rem;
  width: 18px;
  height: 18px;
  background: #01E483 url(../images/svg/chevron-right.svg) no-repeat;
}
#entreprise .timeline .timeline-item:first-of-type {
  content: "";
  background: #0C112C;
  border: none;
}
#entreprise .timeline .timeline-item:first-of-type dt h3 {
  color: #01E483;
}
#entreprise .timeline .timeline-item:first-of-type dt h3 strong {
  color: #ffffff;
}
#entreprise .timeline .timeline-item:first-of-type dd {
  color: #ffffff;
}
#entreprise .timeline .timeline-item:first-of-type dd a {
  color: #ffffff;
}
#entreprise .timeline .timeline-item:first-of-type::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #0C112C 0%, #01E483 56%, #65D6D2 100%);
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #entreprise .grid1-2 {
    margin: 0 2rem;
  }
  #entreprise .grid1-2 .mod:nth-child(1) {
    width: 100%;
    margin: 0 auto 2rem 0;
  }
  #entreprise .timeline-container {
    padding: 2rem;
  }
  #entreprise .timeline-container::before {
    left: 51px;
    transform: none;
  }
  #entreprise .timeline .timeline-item {
    width: calc(100% - 50px);
    float: none !important;
    margin-left: 50px !important;
    text-align: left !important;
  }
  #entreprise .timeline .timeline-item::after {
    left: -39px !important;
    top: 20px;
  }
  #entreprise .timeline .timeline-item dt {
    flex-direction: row !important;
  }
  #entreprise .timeline .timeline-item dt h3 {
    text-align: left;
  }
  #entreprise .timeline .timeline-item dt span {
    margin-left: none;
    margin-right: -30px;
  }
  #entreprise .timeline .timeline-item .date-badge {
    position: relative;
    top: 0;
    left: 0 !important;
    margin-bottom: 10px;
    display: inline-block;
  }
}

.commerciaux {
  color: #0C112C;
  width: 100%;
}
.commerciaux ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  grid-gap: 10px;
  padding: 0;
  margin-bottom: 10px;
  list-style: none;
}
.commerciaux ul li {
  text-align: center;
  background-color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.25rem;
  border: 1px solid #a3a3a3;
  border-radius: 3px;
}
.commerciaux ul li a:nth-child(1) {
  display: block;
  padding: 10px 5px;
  border-radius: 3px 3px 0 0;
}
.commerciaux ul li a:nth-child(1):hover {
  color: #ffffff;
}
.commerciaux ul li a:nth-child(2) {
  display: block;
  border-top: 1px solid #a3a3a3;
  padding: 10px 5px;
  color: #fff;
  background-color: #0C112C;
  border-radius: 0 0 3px 3px;
}
.commerciaux ul li a:hover {
  background-color: #01E483;
}

.aide-visuel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 350px;
  margin: -105px 0 3rem 0;
  padding: 0 1rem;
  background-color: #0C112C;
  overflow: hidden;
}
.aide-visuel picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.aide-visuel picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.aide-visuel h1,
.aide-visuel p {
  position: relative;
  text-align: center;
  margin: 0;
  z-index: 2;
}
.aide-visuel h1 strong {
  color: #ffffff;
}
.aide-visuel p {
  color: #ffffff;
  margin: 1rem auto;
  max-width: 800px;
}

.faq-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
}
.faq-container #faq-nav {
  flex: 0 0 19%;
  margin: 0 1% 0 0;
  overflow-y: auto;
  background: #fff;
  transition: transform 0.3s ease-in-out;
}
.faq-container .faq-template {
  flex: 0 0 80%;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .faq-container #faq-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    max-height: 100vh;
    z-index: 102;
    flex: none;
    transform: translateX(-100%);
    box-shadow: 0 10px 18px #333333;
    transition: box-shadow 0.3s ease-in-out;
    padding: 2rem 1rem 0 1rem;
  }
  .faq-container #faq-nav.active {
    transform: translateX(0);
  }
  .faq-container .faq-template {
    flex: 0 1 100%;
  }
}
.faq-container #sidebar-overlay.active {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}

#faq-nav {
  padding: 3rem 1rem 0 0;
}
#faq-nav .nav-container {
  padding: 1rem;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #faq-nav .nav-container {
    border: none;
  }
}
#faq-nav .nav-container h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0C112C;
  line-height: 1.875rem;
  margin: 0 0 1rem 0;
  padding: 0;
  text-transform: initial;
}
#faq-nav .nav-container hr {
  margin: 1rem 0;
}
#faq-nav .nav-container ul {
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
#faq-nav .nav-container ul li {
  width: 100%;
}
#faq-nav .nav-container ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0.25rem 0;
}
#faq-nav .nav-container ul li a svg {
  flex-shrink: 0;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 0.5rem 0 0;
  padding: 0;
}
#faq-nav .nav-container ul li a:hover {
  color: #01E483;
}
#faq-nav .nav-container ul li a.active {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #faq-nav .nav-container ul li {
    border-bottom: 1px solid #01E483;
  }
  #faq-nav .nav-container ul li a {
    padding: 0.5rem;
    text-align: left;
  }
}

#faq p > a {
  text-decoration: underline;
}
#faq p > a:hover {
  color: #0C112C;
}
#faq .btminibase {
  text-decoration: none;
}
#faq .btminibase:hover {
  color: #ffffff;
}
#faq .grid2 {
  gap: 2rem;
}
#faq .grid2 .mod {
  display: flex;
  flex-direction: column;
  min-height: 400px;
  height: 100%;
  position: relative;
  border: 1px solid #d3d3d3;
  padding-bottom: 1rem;
  border-radius: 3px;
}
#faq .grid2 #facturation h4 {
  background-image: url("../images/faq-facturation.png");
}
#faq .grid2 #vente-a-marchand h4 {
  background-image: url("../images/faq-vente-marchand.png");
}
#faq .grid2 #utilisation-site h4 {
  background-image: url("../images/faq-utilisation-site.png");
}
#faq .grid2 #demarches-administratives h4 {
  background-image: url("../images/faq-administration.png");
}
#faq .grid2 h4 {
  width: 100%;
  height: 105px;
  margin: 0 0 1rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: #ffffff;
  padding: 1rem;
  box-sizing: border-box;
}
#faq .grid2 ul {
  flex-grow: 1;
  margin: 0 1rem 2rem 1rem;
  padding: 0 1rem;
  list-style-type: disc;
}
#faq .grid2 ul li {
  font-size: 1rem;
  line-height: 1.5rem;
}
#faq .grid2 ul li::marker {
  color: #01E483;
}
#faq .grid2 .btminibase {
  font-size: 0.875rem;
  font-weight: 800;
  color: #0C112C;
  text-decoration: none;
  background-color: #f3f3f3;
  box-shadow: none;
  border: 1px solid #a3a3a3;
  align-self: flex-start;
  margin: auto 1rem 1rem 1rem;
  margin-top: auto;
}
#faq .grid2 .btminibase:hover {
  background-color: #01E483;
  color: #0C112C;
}

.faq-bloc-liens .grid2-1 {
  align-items: center;
}
.faq-bloc-liens .grid2-1 div:nth-child(2) {
  justify-self: end;
}
.faq-bloc-liens .grid2-1 div:nth-child(2) .btminibase {
  font-size: 0.875rem;
  font-weight: 800;
  color: #0C112C;
  text-decoration: none;
  background-color: #f3f3f3;
  box-shadow: none;
  border: 1px solid #a3a3a3;
  align-self: flex-end;
  margin: 0 1rem 0 0;
}
.faq-bloc-liens .grid2-1 div:nth-child(2) .btminibase:hover {
  background-color: #01E483;
  color: #0C112C;
}
@media screen and (max-width: 768px) {
  .faq-bloc-liens .grid2-1 {
    grid-template-columns: 1fr 1fr;
  }
}
.faq-bloc-liens .grid3 a {
  width: 100%;
  height: 150px;
  margin: 0 0 1rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  color: #ffffff;
  padding: 1rem;
  box-sizing: border-box;
}
.faq-bloc-liens .grid3 a h4 {
  text-align: left;
  color: #ffffff;
}
.faq-bloc-liens .grid3 #facturation {
  background-image: url("../images/faq-facturation.png");
}
.faq-bloc-liens .grid3 #vente-a-marchand {
  background-image: url("../images/faq-vente-marchand.png");
}
.faq-bloc-liens .grid3 #utilisation-site {
  background-image: url("../images/faq-utilisation-site.png");
}
.faq-bloc-liens .grid3 #demarches-administratives {
  background-image: url("../images/faq-administration.png");
}

div.accordion {
  width: 100%;
  margin: 0 0 10px 0;
}
div.accordion h3 {
  font-size: 1.125rem;
  font-weight: 800;
  color: #0C112C;
  padding: 0 1rem;
  margin: 1rem 0 0 0;
  min-height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #f3f3f3;
  border: solid 1px #a3a3a3;
  border-radius: 3px;
  cursor: pointer;
}
div.accordion h3:hover {
  background-color: #01E483;
}
div.accordion h3.active {
  background-color: #01E483;
  border-radius: 3px 3px 0 0;
  border-bottom: none;
}
div.accordion h3 svg {
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
div.accordion h3 svg.is-rotated {
  transform: rotate(180deg);
}
div.accordion p {
  padding: 1rem;
  margin: 0 0 1rem 0;
  border: solid 1px #a3a3a3;
  border-radius: 0 0 3px 3px;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

@media screen and (max-width: 1024px) {
  .plans-acces iframe {
    padding: 0 1rem;
  }
}
.plans-acces .process-service {
  margin: 1rem 0;
}
.plans-acces .process-service li {
  flex: 1 1 22%;
}
@media screen and (max-width: 768px) {
  .plans-acces .process-service li {
    flex: 1 1 45%;
  }
}
@media screen and (max-width: 640px) {
  .plans-acces .process-service li {
    flex: 1 1 100%;
  }
}
.plans-acces .process-service li h4 {
  border-bottom: 2px solid #01E483;
}
.plans-acces .grid3 {
  align-items: stretch;
  justify-content: stretch;
  margin: 6rem 0;
}
.plans-acces .grid3 > * {
  width: auto;
}
@media screen and (max-width: 768px) {
  .plans-acces .grid3 {
    margin: 6rem 1rem;
  }
}

#cgv > div {
  columns: 2;
  column-gap: 10px;
  margin: 0 0 10px 0;
}
@media screen and (max-width: 1024px) {
  #cgv > div {
    columns: 1;
  }
}
#cgv > div ul,
#cgv > div ol {
  padding: auto;
  list-style: disc;
  margin: 5px 0;
  line-height: 1.5rem;
}
/*# sourceMappingURL=global.css.map */