@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,700,500");
@font-face {
  font-family: "Copperplate-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("https://fonts.animaapp.com/Copperplate-Regular") format("truetype");
}

/* The following line is used to measure usage of this code in production. For more info see our usage billing page */

@import url("https://px.animaapp.com/6094eabbf20a8430d56ffc98.6094eabd081fefce3c6b4d53.dXiKT91.hcp.png");

:root {
  --alabaster: #fafafa;
  --black: #000000;
  --celeste: #cccccc;
  --chicago: #5c5c5c;
  --cloud: #c6c6c6;
  --concord: #7b7b7b;
  --dove-gray: #707070;
  --gunsmoke: #838383;
  --log-cabin: #222222;
  --marigold: #b5911a;
  --tuatara: #343434;
  --white: #ffffff;

  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xs: 14px;
  --font-size-xxl: 56px;
  --font-size-xxs: 12px;

  --font-family-copperplate: "Copperplate", Helvetica;
  --font-family-copperplate-regular: "Copperplate-Regular", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
.roboto-normal-gunsmoke-18px {
  color: var(--gunsmoke);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.roboto-normal-gunsmoke-12px {
  color: var(--gunsmoke);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}
.roboto-normal-gunsmoke-20px {
  color: var(--gunsmoke);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-log-cabin-16px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.copperplate-regular-normal-log-cabin-20px {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-chicago-12px {
  color: var(--chicago);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-concord-18px {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-concord-16px {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-marigold-14px {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.roboto-bold-concord-18px {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.copperplate-regular-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-marigold-20px {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.copperplate-regular-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-concord-16px {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-log-cabin-12px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-concord-18px-2 {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
}

.roboto-normal-concord-16px-2 {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
}

.copperplate-regular-normal-marigold-56px {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.roboto-light-concord-14px {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.roboto-normal-marigold-16px {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-marigold-32px {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-marigold-14px {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-log-cabin-18px {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-light-cloud-14px {
  color: var(--cloud);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.roboto-light-log-cabin-14px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.roboto-bold-marigold-18px {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.roboto-bold-log-cabin-14px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-log-cabin-20px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.copperplate-normal-log-cabin-20px {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate);
  font-size: var(--font-size-l);
}

.roboto-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-marigold-26px {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-white-56px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-log-cabin-42px {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-marigold-14px-2 {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
}

.copperplate-regular-normal-log-cabin-26px {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-white-32px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-log-cabin-18px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-log-cabin-16px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-concord-14px {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-dove-gray-18px {
  color: var(--dove-gray);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.copperplate-regular-normal-white-50px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-log-cabin-24px {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-marigold-42px {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-white-60px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
}

.copperplate-regular-normal-white-42px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
}

.roboto-bold-marigold-18px-2 {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
}

.copperplate-regular-normal-white-26px {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

.border-1px-dove-gray {
  border: 1px solid var(--dove-gray);
}

.border-4px-log-cabin {
  border: 4px solid var(--log-cabin);
}

.border-1px-concord {
  border: 1px solid var(--concord);
}

.border-1px-cloud {
  border: 1px solid var(--cloud);
}

.border-1px-marigold {
  border: 1px solid var(--marigold);
}

.border-4px-marigold {
  border: 4px solid var(--marigold);
}

header {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 100px;
  position: fixed;
  width: 100%;
  z-index: 1001;
}
.logo-header {
  width: 100%;
  max-height: 35px;
}
.logo-header-dub {
  max-height: 40px;
}
.line-header {
  background-color: var(--marigold);
  height: 30px;
  width: 1px;
  float: left;
}
.logo-header-hover {
  display: none;
}
body {
  margin: 0px;
}
.div-h-image-logo {
  margin-left: 5%;
  width: 28%;
  margin-top: 30px;
  height: 70px;
}
.div-logo-h {
  float: left;
  width: 15%;
  height: 30px;
  margin-right: 4%;
}
.div-logo-h-2 {
  margin-left: 3%;
}
.div-logo-h-3 {
  margin-right: 0%;
}
.div-link-footer-all {
  width: 58%;
  margin-left: 8%;
}
.div-link-footer {
  float: left;
  text-align: center;
  margin-right: 4%;
}
.div-link-footer.active {
}
.link-footer {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 700;
  font-style: normal;
  margin: 0px;
  margin-top: 35px;
}
.active .link-footer {
  margin-top: 35px;
}
footer {
  align-items: flex-end;
  background-color: var(--log-cabin);
  min-height: 484px;
  width: 100%;
  float: left;
}
.div-footer-content {
  width: 90%;
  margin-left: 5%;
  padding-top: 2%;
}
.div-sous-footer {
}
.p-sous-footer {
  color: var(--gunsmoke);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.footer-content-1 {
  width: 15%;
  float: left;
}
.footer-content-2 {
  width: 20%;
  float: right;
}
.footer-content-3 {
  width: 100%;
  float: left;
  margin-top: 2%;
}
.div-logo-footer {
  width: 10%;
}
.logo-share-footer {
  width: 30px;
  height: 30px;
  margin-right: 5%;
}
.title-part-footer {
  letter-spacing: 0;
  line-height: 25px;
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0%;
}
.trait-div-footer {
  background-color: var(--white);
  width: 100%;
  height: 1px;
  margin-top: 1%;
}
.mention {
  color: var(--chicago);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  font-style: normal;
  float: left;
  margin-right: 2%;
}
.div-mention {
  width: 50%;
  float: left;
}
.a3com {
  color: var(--chicago);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  font-style: normal;
  float: right;
}
.div-video-homepage {
  width: 90%;
  margin-left: 5%;
  float: left;
}
.section-homepage {
  background-color: #fafafa;
  width: 100%;
  float: left;
  margin-top: 100px;
}
.video-home {
  width: 100%;
}
.div-homepage-share {
  float: left;
  width: 5%;
  padding-top: 15%;
  text-align: center;
}
.suivez-nous {
  color: var(--celeste);
  font-family: var(--font-family-roboto);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2.24px;
  width: 145px;
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
.share-logo-home {
  width: 25px;
  height: 25px;
}
.div-homepage-share-logo {
  margin-top: 5%;
}
.div-suiv-nous {
  width: 100%;
  float: left;
  height: 100px;
}
.text-info-home {
  float: left;
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 400;
  font-style: normal;
  margin-right: 2%;
}
.div-info-footer {
  margin-top: 1%;
  width: 50%;
  float: left;
}
.image-info-home {
  width: 20px;
  float: left;
  margin-top: 12px;
  margin-right: 2%;
}
.cadre-cds {
  width: 40%;
  height: 375px;
  position: relative;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 120px;
  background-image: url("/assets/front/img/graphic_homepage.png");
}
.div-info-cadre-css {
  width: 96%;
  height: 95%;
  bottom: 45px;
  position: relative;
  background-color: var(--marigold);
}
.img-info-cadre-css {
  width: 50px;
  position: relative;
  float: right;
}
.title-info-cds-home {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  width: 85%;
  margin-left: 10%;
  padding-top: 5%;
}
.p-info-cds-home {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  width: 60%;
  margin-left: 10%;
}
.div-marque-home {
  width: 90%;
  margin-left: 5%;
}
.marque-title {
  line-height: 100px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  font-style: normal;
}
.marque-p {
  line-height: 26px;
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  width: 33%;
}
.div-all-marque {
  width: 100%;
  float: left;
  margin-top: 3%;
  margin-bottom: 12%;
}
.div-marque {
  width: 28%;
  height: 300px;
  float: left;
  background-color: white;
  border-radius: 30px;
  box-shadow: 0px 10px 20px #0000000d;
}
.div-marque-marg {
  margin-right: 8%;
}
.marque-home-img {
  width: 60%;
  height: 115px;
  margin-left: 20%;
  margin-top: 15%;
}
.marque-home-img-1 {
  width: 26%;
  margin-left: 37%;
  margin-top: 15%;
  height: 115px;
}
.text-marque-home {
  letter-spacing: 0.96px;
  line-height: 100px;
  text-align: center;
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  font-style: normal;
  width: 305px;
  margin-left: 60px;
  float: left;
}
.div-dub-performance {
  width: 100%;
  float: left;
  margin-bottom: 5%;
  height: 800px;
}
.div-first-dub {
  background-color: var(--marigold);
  height: 760px;
  background-image: url(/assets/front/img/dub_skull.svg);
  width: 70%;
  background-repeat: no-repeat;
  background-position-y: 275px;
  background-position-x: -195px;
}
.titre-first-dub {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 100px;
  padding-top: 5%;
  margin-left: 8%;
  float: left;
}
.p-first-dub {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 300;
  width: 35%;
  margin-left: 17%;
}
.spandub0 {
  color: var(--log-cabin);
  font-weight: 700;
}
.spandub2 {
  font-size: var(--font-size-m);
}
.button-dub {
  background-color: var(--log-cabin);
  align-items: flex-start;
  height: 40px;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
  margin-left: 17%;
  border: none;
  cursor: pointer;
}

.div-second-dub {
  float: right;
  position: relative;
  bottom: 860px;
}

.div-sevices-home {
  width: 100%;
  float: left;
}
.service-title {
  text-align: center;
  width: 100%;
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  font-style: normal;
}
.div-serv-h {
  width: 80%;
  margin-left: 10%;
  float: left;
  margin-bottom: 15%;
}
.div-serv-h-l {
  width: 50%;
  float: left;
  padding-top: 15%;
}
.div-serv-h-r {
  width: 50%;
  float: left;
}
.service-cat-title {
  line-height: 100px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 42px;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}
.icon-serv-h {
  height: 38px;
}
.service-cat-p {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: 26px;
}
.spancatp {
  font-weight: 700;
}
.img-100 {
  width: 100%;
}
.div-serv-h-r-2 {
  width: 30%;
  float: left;
  padding-left: 2%;
}
.div-serv-h-l-2 {
  width: 60%;
  float: left;
  position: relative;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 120px;
  background-image: url("/assets/front/img/graphic2.png");
}
.div-serv-h-l-2:hover {
  background-image: url("/assets/front/img/trame-diagonale-or.png");
}
.img-sav {
  width: 96%;
  margin-left: 2%;
  margin-bottom: 1%;
}
.titre-occasions-home {
  letter-spacing: 0;
  line-height: 100px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  font-style: normal;
  margin-left: 10%;
}
.div-occasions-home {
  background-color: var(--log-cabin);
  width: 100%;
  float: left;
  margin-bottom: 10%;
}

.p-occasions-home {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  margin-left: 10%;
}

.section-occasions {
  background-color: #fafafa;
  width: 100%;
  float: left;
  margin-top: 100px;
}
a {
  text-decoration: none;
}
.titre-occasions {
  line-height: 80px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  font-style: normal;
  margin-left: 5%;
  margin-top: 5%;
}

.p-intro-occasions {
  margin-left: 5%;
  line-height: 26px;
}
.p-num-moto {
  width: 100%;
  text-align: right;
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
  margin-bottom: 20px;
}
.div-moto-occasions {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 2%;
  float: none;
}
.div-moto-occasions-left {
  float: left;
  width: 100%;
  background-color: white;
  padding-top: 2%;
  padding-bottom: 15%;
  border-radius: 30px;
}
.label-occasions {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
}
.select-occasions {
  background-color: var(--white);
  border-radius: 10px;
  height: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--cloud);
  color: var(--cloud);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 300;
  font-style: normal;
  width: 100%;
}
.select-occasions-montant {
  background-color: var(--white);
  border-radius: 10px;
  height: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--cloud);
  color: var(--cloud);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 300;
  font-style: normal;
  width: 110px;
}
.w100 {
  width: 100%;
  float: left;
}
.submit-occasions {
  margin-top: 5%;
  background-color: var(--marigold);
  height: 47px;
  width: 100%;
  border: none;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
}
.item-occasions-div {
  background-color: var(--white);
  border-radius: 30px;
  cursor: pointer;
  height: 440px;
  width: 325px;
  margin-left: 20px;
  float: left;
  margin-bottom: 5%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.div-moto-occasions-right {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 28px;
  width: 100%;
  align-items: start;
}
.div-moto-occasions-right .item-occasions-div {
  width: 100%;
  height: auto;
  margin-left: 0;
  float: none;
}
.item-occasions-image {
  width: 100%;
  aspect-ratio: 3 / 2;
  height: auto;
  object-fit: cover;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  flex-shrink: 0;
}
.item-occasions-div-txt {
  padding-left: 10%;
  padding-top: 5%;
  flex-grow: 1;
}
.item-occasions-titre {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.item-occasions-other {
  letter-spacing: 0.72px;
  line-height: 30px;
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  font-style: normal;
}
.separation-occasions {
  height: 1px;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  background-color: var(--marigold);
}
.item-occasions-annonce {
  text-align: center;
  line-height: 44px;
  margin-bottom: 0px;
  margin-top: 0px;
  min-height: 43px;
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 700;
  font-style: normal;
}
.div-moto-occasions-layout {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}
.div-moto-occasions-left-info {
  flex: 0 0 280px;
  width: 280px;
  position: sticky;
  top: 120px;
}
.div-moto-occasions-form {
  padding-left: 15%;
  padding-right: 15%;
}
.div-info-occasions-contact {
  background-color: var(--white);
  border-radius: 30px;
  padding: 32px 24px;
}
.div-info-occasions-contact p {
  margin-top: 0;
}
.link-contact {
  display: inline-block;
  margin-top: 15px;
  background-color: var(--log-cabin);
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding: 14px 24px;
  border-radius: 8px;
}
.p-aucune-occasion {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  grid-column: 1 / -1;
}
@media (max-width: 900px) {
  .div-moto-occasions-layout {
    flex-direction: column;
  }
  .div-moto-occasions-left-info {
    position: static;
    width: 100%;
    flex: none;
  }
  .div-moto-occasions-right {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
@media (max-width: 500px) {
  .div-moto-occasions-right {
    grid-template-columns: 1fr;
  }
  .p-num-moto {
    text-align: left;
  }
}

.title-occasions-detail {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 56px;
  font-weight: 400;
}
.div-occasions-detail {
  width: 90%;
  margin-left: 5%;
  margin-top: 100px;
}
.p-occasions-detail {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  margin-bottom: 40px;
}
.div-occasions-detail-layout {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  width: 100%;
}
.div-img-left-detail {
  flex: 0 1 700px;
  max-width: 700px;
  min-width: 0;
}
.div-right-detail {
  flex: 0 0 340px;
  width: 340px;
  background-color: var(--white);
  border-radius: 30px;
  padding: 32px 28px;
  position: sticky;
  top: 120px;
}
.div-main-img-detail {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  aspect-ratio: 3 / 2;
}
.div-main-img-detail.div-img-hover-lp {
  height: auto;
}
.main-img-detail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.info-vehi {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: 32px;
  font-weight: 400;
  margin-top: 0;
  line-height: 36px;
  margin-bottom: 20px;
}
.info-comp-vehi {
  line-height: 26px;
}
.div-right-img-detail {
  width: 100%;
  margin-left: 0;
  margin-top: 16px;
  float: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 12px;
}
.div-img-detail-other-v,
.div-img-detail-other-none {
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
}
img.img-moto-detail-other {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.div-description-occasions-detail {
  margin-top: 32px;
}
@media (max-width: 900px) {
  .div-occasions-detail-layout {
    flex-direction: column;
    gap: 24px;
  }
  .div-img-left-detail {
    flex: none;
    width: 100%;
    max-width: 100%;
  }
  .div-right-detail {
    position: static;
    width: 100%;
    flex: none;
    padding: 24px 20px;
  }
  .div-main-img-detail {
    border-radius: 20px;
  }
  .div-right-img-detail {
    grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
    gap: 8px;
  }
  .div-img-detail-other-v,
  .div-img-detail-other-none {
    border-radius: 10px;
  }
}
@media (max-width: 500px) {
  .div-occasions-detail-layout {
    gap: 18px;
  }
  .div-right-detail {
    border-radius: 20px;
    padding: 20px 16px;
  }
  .div-description-occasions-detail {
    margin-top: 20px;
  }
}
.div-contact-occasions-detail {
  width: 100%;
  height: 350px;
  float: left;
  background-color: var(--marigold);
  margin-top: 5%;
  background-image: url("/assets/front/img/moto.png");
  background-repeat: no-repeat;
  background-position-x: right;
}
.txt-contact-occasions-detail {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 50px;
  text-align: center;
  margin-top: 3%;
}

.txt-2-contact-occasions-detail {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
}
.btn-contact-link-detail {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--log-cabin);
}
.center-btn-detail {
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.btn-tel-link-detail {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  background-color: var(--white);
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
}
.title-actu-all {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  text-align: center;
  line-height: 50px;
}
.section-actu-all {
  background-color: #fafafa;
  width: 100%;
  float: left;
  margin-top: 100px;
}
.intro-actu-all {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}
.intro-actu-all .span0 {
  font-weight: 700;
}
.div-actu-all {
  margin-left: 10%;
  width: 80%;
  float: left;
  margin-top: 5%;
  margin-bottom: 10%;
}
.div-first-actu {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.div-last-actu {
  float: left;
  width: 49%;
  margin-top: 10%;
}
.img-actu-all {
  width: 100%;
}
.titre-s-actu {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 18px;
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
}
.date-publi-actu-all {
  letter-spacing: 0.96px;
  line-height: 26px;
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 400;
  font-style: normal;
}
.intro-s-actu {
  letter-spacing: 0;
  line-height: 26px;
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
}
.section-contact {
  width: 90%;
  margin-left: 5%;
  float: left;
  margin-top: 100px;
}
.title-contact {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  text-align: center;
}
.div-left-contact {
  width: 45%;
  margin-left: 5%;
  float: left;
}
.div-right-contact {
  width: 50%;
  float: left;
}
.info-1-contact {
  color: var(--concord);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
}
.info-2-contact {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
}
.info-3-contact {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
}

.input-contact {
  width: 434px;
  background-color: var(--white);
  border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--concord);
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  height: 47px;
  margin-bottom: 20px;
  padding-left: 15px;
}

.demande-contact {
  background-color: var(--marigold);
  height: 40px;
  width: 100px;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  border: none;
}
.div-right-contact form {
  margin-bottom: 5%;
}

.div-accessibilites {
  width: 100%;
  float: left;
  margin-bottom: 10%;
}
.titre-accessibilites {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: 42px;
  font-weight: 400;
  line-height: 40px;
}
.img-access {
  width: 67%;
  margin-left: 16%;
  margin-top: 2%;
}
.div-img-access {
  background-color: var(--white);
  border-radius: 30px;
  box-shadow: 0px 3px 20px #00000029;
  height: 468px;
  width: 100%;
}
.p-accesss {
  margin-top: 110px;
  margin-left: 15%;
  margin-bottom: 5%;
}
.btn-itineraire {
  background-color: var(--white);
  border: solid 1px var(--marigold);
  margin-left: 15%;
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.div-map {
  width: 100%;
  float: left;
}
.map {
  width: 100%;
  height: 400px;
  margin-bottom: 5%;
}
.div-actu-detail {
  float: left;
  margin-left: 5%;
  width: 90%;
  margin-top: 100px;
}
.actu-detail {
  float: left;
  margin-left: 10%;
  width: 700px;
}
.actu-detail-title {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
}
.actu-detail-date {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.96px;
}
.actu-detail-img {
  width: 100%;
  margin-top: 2%;
}
.actu-detail-intro {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
}
.actu-detail-txt {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
}
.title-actu-sup {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  line-height: 50px;
  margin-left: 10%;
}
.actu-sup {
  width: 100%;
  float: left;
  margin-top: 5%;
}

.section-concessions {
  width: 90%;
  float: left;
  margin-left: 5%;
  margin-top: 100px;
}
.img-concessions-main {
  width: 100%;
  height: 488px;
  background-size: cover;
  background-position: center 80%;
  background-repeat: no-repeat;
}
.title-concessions {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 56px;
  font-weight: 400;
  line-height: 100px;
}
.div-concessions-intro {
  width: 84%;
  margin-left: 8%;
  float: left;
}
.div-concessions-intro-left {
  width: 50%;
  float: left;
}
.div-concessions-intro-right {
  width: 50%;
  float: left;
}
.p-intro-concessions {
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  line-height: 26px;
  padding-right: 120px;
}

.p-intro-concessions .span1 {
  color: var(--concord);
  font-weight: 300;
}
.container-concession-img {
  width: 85%;
  margin-top: 140px;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 120px;
  background-image: url("/assets/front/img/graphic_homepage.png");
  height: 435px;
}
img.img-right-concessions {
  width: 550px;
}
.p-image-col {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  line-height: 40px;
  margin-top: 100px;
}
.div-cds-img {
  float: left;
  width: 100%;
  height: 500px;
}
.div-cds-hist {
  float: left;
  width: 50%;
  margin-left: 25%;
  margin-bottom: 5%;
  margin-top: 5%;
}
.title-hist {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 40px;
  line-height: 40px;
}
.p-hist {
  line-height: 26px;
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  width: 90%;
}
.div-team {
  width: 90%;
  margin-left: 5%;
  float: left;
  margin-bottom: 5%;
}
.title-team {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-left: 80px;
  margin-bottom: 5%;
}
.div-single-team {
  width: 25%;
  float: left;
}
.img-single-team {
  width: 50%;
  margin-left: 25%;
  margin-bottom: 5%;
}
.name-single-team {
  line-height: 26px;
  min-height: 26px;
  text-align: center;
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
}
.mail-single-team {
  line-height: 26px;
  min-height: 26px;
  text-align: center;
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
}
.div-concessions-dub {
  width: 100%;
  float: left;
  background-image: url("/assets/front/img/img-dub-performance-paralax.png");
  height: 425px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5%;
  background-attachment: fixed;
}

.black-opa-conc {
  width: 100%;
  float: left;
  height: 425px;
  background-color: #0000003d;
  text-align: center;
}

.title-concession-dub {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 50px;
  text-align: center;
  margin-top: 5%;
}

.link-dub-perform {
  background-color: var(--marigold);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.link-dub-perform {
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
}

.section-dub-performance {
  margin-top: 100px;
  width: 100%;
  float: left;
  background-color: #fafafa;
}

.div-img-main-dub {
  width: 100%;
  float: left;
  background-image: url("/assets/front/img/background-dub-performance.jpg");
  height: 1000px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 10%;
}

.intro-dub {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  line-height: 50px;
  width: 930px;
  margin-top: 700px;
  margin-left: 8%;
}
.img-fred-dub {
  width: 860px;
  height: 860px;
  position: relative;
  bottom: 820px;
  float: right;
}

.cadre-dub {
  width: 32%;
  height: 245px;
  position: relative;
  float: right;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 44px;
  background-image: url(/assets/front/img/graphic_homepage.png);
  left: 750px;
}
.div-info-cadre-dub {
  width: 96%;
  height: 105%;
  bottom: 45px;
  position: relative;
  background-color: var(--marigold);
}

.p-info-dub {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: 26px;
  padding-top: 8%;
  padding-left: 10%;
  padding-right: 10%;
}

.div-carriere {
  float: left;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 10%;
  background-image: url(/assets/front/img/dubperformance-2.png);
  background-repeat: no-repeat;
}

.title-carriere {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 60px;
}

.div-txt-carriere-left {
  width: 45%;
  float: left;
  margin-right: 10%;
}
.div-txt-carriere-right {
  width: 45%;
  float: left;
}
.txt-carriere {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  line-height: 26px;
  width: 80%;
}

.div-moto-hors-1 {
  background-color: var(--marigold);
  height: 550px;
  width: 100%;
  float: left;
}

.title-moto-hors-1 {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  position: relative;
  left: 55%;
  top: 100px;
}

.p-moto-hors-1 {
  line-height: 26px;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
  width: 520px;
  position: relative;
  top: 60px;
  left: 56%;
}
.img-moto-hors-1 {
  height: 486px;
  width: 728px;
  position: relative;
  bottom: 135px;
  left: 50px;
}

.div-moto-hors-2 {
  background-color: #937101;
  height: 821px;
  width: 100%;
  float: left;
}

.title-moto-hors-2 {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  font-style: normal;
  line-height: 60px;
  margin-top: 10%;
  margin-left: 5%;
}

.section-royal {
  width: 100%;
  float: left;
  margin-top: 100px;
}
.div-royal-main-img-slider {
  margin-bottom: 5%;
}

.img-royal-w {
  width: 18%;
  max-width: 180px;
  margin-top: 25%;
  margin-left: 5%;
}

.royal-main-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 70vh;
  height: auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 20px;
}

@media (max-width: 1024px) {
  .img-concessions-main {
    height: 340px;
  }
  .royal-main-img {
    min-height: 50vh;
  }
  .img-royal-w {
    width: 30%;
    margin-top: 15%;
  }
  .title-royal-enfield {
    font-size: 42px;
    margin-left: 3%;
    margin-top: 0;
  }
  .div-navigation-slider {
    top: auto;
    bottom: 20px;
    left: 20px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .img-concessions-main {
    height: 650px;
    background-position: center 100%;
  }
  .royal-main-img {
    min-height: 40vh;
    padding: 12px;
  }
  .img-royal-w {
    width: 40%;
    margin-top: 10%;
  }
  .title-royal-enfield {
    font-size: 32px;
  }
  .div-navigation-slider {
    top: auto;
    bottom: 14px;
    left: 12px;
  }
}

.title-royal-enfield {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: 60px;
  font-weight: 400;
  font-style: normal;
  margin-left: 5%;
  margin-top: 1%;
}
.div-navigation-slider {
  position: relative;
  top: 600px;
  width: 200px;
  left: 1400px;
  height: 0px;
}
.img-royal-w-r {
  height: 26px;
  width: 30px;
  z-index: 1;
  position: relative;
}
.img-royal-w-l {
  height: 26px;
  width: 30px;
  z-index: 1;
  position: relative;
  transform: rotate(180deg);
  margin-right: 65px;
}
.text-nav-num-s {
  color: var(--white);
  font-family: var(--font-family-copperplate);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 40px;
  text-align: right;
  position: relative;
  z-index: 1;
  width: 130px;
  margin-bottom: 15px;
}
.text-nav-num-s .span0 {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
}
.text-nav-num-s .span1 {
  font-family: var(--font-family-copperplate-regular);
}
.div-royal-preuve {
  width: 70%;
  margin-left: 15%;
  float: left;
  margin-bottom: 10%;
}

.title-royal-preuve {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 60px;
}

.div-royal-preuve-l {
  float: left;
  width: 48%;
  margin-right: 2%;
}

.div-royal-preuve-r {
  float: left;
  width: 40%;
}
.div-slide-concession {
  width: 100%;
  float: left;
  height: 232px;
  overflow: hidden;
}
.txt-royal-preuve {
  color: #7b7b7b;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: 26px;
  width: 80%;
}
.link-royal-preuve {
  background-color: var(--marigold);
  height: 40px;
  width: 100px;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.img-src-royal {
  width: 95%;
}
.container-img-royal {
  background-image: url(/assets/front/img/graphic_homepage.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 485px;
}

.div-redirect-marque {
  width: 100%;
  float: left;
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: -600px;
}

.others-tt {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  margin-left: 5%;
  margin-top: 13%;
}

.section-service {
  width: 90%;
  float: left;
  margin-left: 5%;
  margin-top: 100px;
}

.img-entete-service {
  width: 100%;
  float: left;
  margin-bottom: 5%;
}

.title-service-main {
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: 56px;
  line-height: 50px;
  text-align: center;
  font-weight: 400;
}
.intro-service-main {
  line-height: 26px;
  text-align: center;
}

.serv-color {
  background-color: #fafafa;
  width: 100%;
  float: left;
}
.div-cadre-service-l {
  width: 40%;
  float: left;
}
.div-cadre-service-r {
  width: 60%;
  float: left;
}
.div-cadre-service {
  width: 100%;
  float: left;
  margin-top: 5%;
}

.div-cadre-service h2 {
  margin-bottom: 5%;
  margin-top: 15%;
}

.div-service-occasion {
  width: 90%;
  margin-left: 10%;
  float: left;
  margin-top: 10%;
}

.service-title-occasions {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
}

.div-service-logo-marque {
  width: 60%;
  float: left;
  margin-top: 5%;
}

.div-service-txt-marque {
  width: 40%;
  float: left;
  margin-top: 5%;
}
.div-service-logo {
  width: 30%;
  margin-right: 3%;
  float: left;
  text-align: center;
  height: 150px;
}

.img-service-logo {
}
.service-p-marque {
  line-height: 26px;
}
.div-financement-service {
  width: 100%;
  float: left;
}

.div-financement-service-l {
  width: 35%;
  float: left;
  padding-top: 2%;
}
.div-financement-service-r {
  width: 65%;
  float: left;
}
.financement-txt {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 5%;
  margin-top: 5%;
  width: 95%;
}
.container-financement-img {
  width: 52%;
  margin-top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 120px;
  background-image: url(/assets/front/img/graphic_homepage.png);
  height: 400px;
  margin-left: 15%;
}
.div-financement-service {
  margin-top: 5%;
  margin-bottom: 5%;
}
.div-assurance-service {
  width: 100%;
  float: left;
}
.div-assurance-service-l {
  width: 60%;
  float: left;
}
.div-assurance-service-r {
  width: 40%;
  float: left;
  padding-top: 10%;
}
.titre-assu {
  line-height: 40px;
}
.p-assu {
  width: 436px;
}
.div-assu-logo {
  margin-top: 3%;
}
.astree-img {
  margin-left: 10%;
}
.container-info-service {
  width: 100%;
  float: left;
  background-image: url(/assets/front/img/graphic-cle.png);
  background-repeat: no-repeat;
  background-color: var(--marigold);
  height: 429px;
  background-position-x: right;
  background-position-y: bottom;
}
.img-assurance-service {
  position: relative;
  top: 130px;
}
.title-info-service {
  color: var(--white);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  margin-top: 200px;
}

.link-info-service {
  background-color: var(--log-cabin);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  margin-right: auto;
}

.div-moto-occasions-home {
  width: 1380px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
  display: grid;
  justify-content: center;
  gap: 28px;
}
.div-moto-occasions-home .item-occasions-div {
  margin-left: 0;
  width: 100%;
  min-width: 0;
  float: none;
}

.div-btn-occasion-home {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 5%;
}
.div-actu-home {
  width: 90%;
  margin-left: 5%;
  float: left;
}
.titre-actu-home {
  line-height: 60px;
}
.p-actu-home {
  line-height: 26px;
}
.div-actu-all-home {
  width: 90%;
  margin-left: 5%;
  float: left;
  margin-top: 5%;
}
.div-cds-contact-home {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  height: 425px;
  background-image: url(/assets/front/img/2022-Indian-Motorcycles-Scout-Rogue-56-850x567.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5%;
  background-attachment: fixed;
}

.logo-cds-contact-home {
  width: 12%;
  margin-left: 44%;
  margin-top: 4%;
  float: left;
}

.title-contact-home {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  float: left;
  width: 100%;
  margin-top: 3%;
}

.div-marque-home-img-arrow {
  background-color: var(--marigold);
  width: 40px;
  border-radius: 20px;
  float: left;
  margin-top: 51px;
  margin-left: 10px;
  height: 40px;
  text-align: center;
}
.marque-home-img-arrow {
  width: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-info-h-m {
  margin-top: -10px;
  text-align: center;
}
.div-link-footer {
  display: inline-block;
}
.div-link-footer:before {
  content: "";
  display: block;
  height: 3px;
  width: 0%;
  margin-bottom: 9px;
  background-color: var(--marigold);
  transition: width 0.4s;
}
.div-link-footer.active:before {
  width: 100%;
}

@-webkit-keyframes border {
  0% {
    border-top: solid 0px var(--marigold);
  }
  100% {
    border-top: solid 5px var(--marigold);
  }
}
@keyframes border {
  0% {
    border-top: solid 0px var(--marigold);
  }
  100% {
    border-top: solid 5px var(--marigold);
  }
}
.div-all-control-acces {
  display: none;
}
@media (max-width: 500px) {
  .img-concessions-main {
    height: 180px;
  }
  .actu-sup-div {
    width: 90% !important;
    float: left;
    margin-left: 5%;
  }
  .actu-sup {
    width: 110%;
    margin-left: -5%;
  }
  .section-accessoire {
    margin-top: 70px;
  }

  .p-first-dub {
    float: left;
  }
  .fleche-dub-w {
    display: none;
  }
  .float-left-mob {
    width: 100%;
    float: left;
  }
  .img-service-logo {
    width: 95%;
  }

  .cadre-cds {
    height: 280px;
  }

  .slide-moto img {
    width: 350px !important;
  }

  .div-navigation-slider-moto {
    display: none;
  }

  .div-moto-hors-2 {
    height: 430px !important;
  }
  .p-int-moto-dub {
    font-size: 28px !important;
    font-family: var(--font-family-copperplate) !important;
  }
  .div-int-moto-dub {
    margin-top: 10% !important;
    font-family: var(--font-family-copperplate);
    line-height: 36px;
  }

  .div-part-r-accessoires-dub {
    width: 100%;
  }
  .p-part-l-accessoires {
    line-height: 45px !important;
    font-family: var(--font-family-copperplate);
    font-size: 37px;
  }
  .div-part-l-accessoires-dub {
    width: 100% !important;
  }
  .div-accessoires-dub {
    margin-bottom: 30%;
  }
  .div-part-r-accessoires-dub {
    width: 100% !important;
  }
  .img-part-r-accessoires-dub {
    bottom: -90px !important;
    width: 100% !important;
  }

  .p-part-l-2-accessoires {
    font-size: var(--font-size-l);
  }
  .div-part-l-accessoires-dub {
    width: 100%;
  }
  .div-moto-hors-1 {
    padding-bottom: 0%;
  }
  .p-moto-hors-2 {
    width: 90% !important;
    margin-left: 5% !important;
  }
  .title-moto-hors-1 {
    top: 0px;
    width: 90%;
    left: 0%;
    margin-left: 5%;
    font-size: 38px;
    font-family: var(--font-family-copperplate);
    margin-bottom: 0;
  }
  .title-product-moto-slider {
    margin-top: 10% !important;
    font-size: var(--font-size-xl) !important;
  }
  .div-slide-moto-info {
    width: 100% !important;
  }
  .div-slide-moto {
    width: 100% !important;
    margin-right: 0% !important;
  }
  .div-footer-info-mob-contact {
    margin-bottom: 1% !important;
  }

  .div-footer-info-mob-share {
    margin-top: 18%;
    margin-bottom: 10% !important;
  }
  .trait-div-footer {
    width: 94%;
    margin-left: 3%;
  }
  .div-navigation-slider {
    display: none;
  }

  .div-reference .item-occasions-div {
    width: 100% !important;
    margin-left: 0px;
  }
  .div-all-marque-num {
    display: block;
  }
  .p-info-cds-home {
    font-size: 16px;
  }
  .logo-cds-contact-home {
    width: 40%;
    margin-left: 30%;
    margin-top: 15%;
  }
  .marque-home-img-arrow {
    position: relative;
    top: 10px;
    left: 10px;
  }
  .title-contact-home {
    margin-top: 20%;
    width: 80%;
    margin-left: 10%;
  }
  ul .slick-dots {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    box-shadow: 0px 5px 10px #0000000d;
    height: 100px;
  }

  .div-moto-occasions-home-slide {
    display: block;
  }
  .div-moto-occasions-home-slide .slick-list {
    height: 430px !important;
  }
  .div-moto-occasions-home {
    display: none;
  }
  .video-home {
    padding-top: 0px;
  }
  .div-service-occasion {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .div-financement-service-r {
    width: 100%;
    margin-top: 290px;
  }
  .div-assurance-service-r {
    width: 100%;
    padding-top: 0%;
    margin-top: 0%;
    margin-bottom: 45%;
  }
  .title-info-service {
    font-size: var(--font-size-xl);
    width: 70%;
    margin-left: 15%;
  }
  .img-assurance-service {
    position: relative;
    top: 310px;
    width: 100%;
  }
  .div-assurance-service-l {
    width: 100%;
    height: 0px;
  }
  .container-financement-img {
    width: 100%;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 120px;
    background-image: url(/assets/front/img/graphic_homepage.png);
    height: 300px;
    margin-left: 0;
  }
  .div-financement-service-l {
    width: 100%;
    height: 0;
  }
  .service-p-marque {
    width: 326px;
  }
  .div-service-txt-marque {
    width: 100%;
  }
  .div-service-logo-marque {
    width: 100%;
  }
  .service-title-occasions {
    font-size: 32px;
    line-height: 36px;
  }
  .div-cadre-service {
    display: none;
  }
  .div-marque {
    box-shadow: none;
  }
  .title-concessions {
    font-size: 30px !important;
    line-height: 30px !important;
    margin-top: 10%;
    margin-bottom: 10%;
    text-align: center;
  }
  .title-team {
    margin-left: 0px;
    margin-bottom: 10%;
    font-size: 30px;
  }
  .div-single-team {
    width: 50%;
    margin-top: 5%;
  }
  .title-concession-dub {
    font-size: 30px;
    line-height: 30px;
    width: 70%;
    text-align: center;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15%;
  }
  .div-team {
    width: 100%;
    margin-left: 0%;
  }
  .intro-service-main {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .title-hist {
    font-size: 32px;
    line-height: 32px;
  }
  .title-service-main {
    font-size: 30px !important;
    line-height: 35px !important;
    text-align: center;
  }
  .intro-actu-all {
    width: 80% !important;
    margin-left: 10% !important;
  }
  .input-contact {
    width: 90%;
  }
  .demande-contact {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .img-access {
    width: 90%;
    margin-left: 5%;
    margin-top: 7%;
  }
  .div-img-access {
    height: 330px !important;
  }
  .titre-accessibilites {
    font-size: 30px;
  }
  .title-contact {
    font-size: 30px;
    margin-top: 70px;
  }
  .div-right-contact {
    width: 100%;
  }
  .div-left-contact {
    width: 100%;
    margin-left: 0%;
  }
  .div-cds-hist {
    width: 100%;
    margin-left: 0%;
  }
  img.img-right-concessions {
    width: 97%;
  }
  .container-concession-img {
    width: 100%;
    height: 275px;
    margin-top: 40px;
  }
  .p-intro-concessions {
    padding-right: 0px;
    margin-left: 5%;
  }
  .p-accesss {
    margin-top: 60px;
    margin-left: 0%;
    margin-bottom: 15%;
  }
  .btn-itineraire {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 190px;
  }

  .title-actu-all {
    font-size: 30px;
    line-height: 35px;
  }

  .mail-single-team {
    font-size: 16px;
  }
  .div-concessions-intro-right {
    width: 100%;
  }
  .div-concessions-intro {
    width: 100%;
    margin-left: 0%;
  }
  .div-concessions-intro-left {
    width: 100%;
  }
  .div-link-footer-all {
    display: none;
  }
  .div-link-footer {
    display: none;
  }
  .div-logo-h-2 {
    display: none;
  }
  .line-header {
    display: none;
  }
  .div-h-image-logo {
    margin-left: 5%;
    width: 90%;
    margin-top: 15px;
  }
  .div-logo-h {
    float: left;
    width: 60%;
    height: 30px;
    margin-left: 20%;
  }
  .no-mob {
    display: none;
  }
  header {
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 1001;
  }
  .menu-mob {
    display: block;
    height: 20px;
    margin-top: 5px;
    float: right;
  }

  .div-homepage-share {
    display: none;
  }
  .div-video-homepage {
    width: 100%;
    margin-left: 0%;
    height: 450px;
  }
  .div-royal-preuve-r-num {
    display: block !important;
    width: 100%;
    float: left;
    margin-top: 20%;
  }
  .div-info-footer {
    margin-top: 50%;
    margin-left: 5%;
    width: 80%;
  }
  .cadre-cds {
    width: 90% !important;
    height: 200px !important;
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 310px;
    background-image: url(/assets/front/img/graphic_homepage.png);
    margin-left: 5%;
  }
  .div-royal-preuve-r-num .container-img-royal {
    height: 325px;
  }
  .cadre-dub {
    left: -5%;
    bottom: 550px;
    width: 90%;
    height: 280px;
  }
  .div-txt-carriere-left {
    width: 100%;
    float: left;
    margin-right: 0%;
  }

  .txt-carriere {
    width: 100%;
  }
  .div-txt-carriere-right {
    width: 100%;
    float: left;
  }
  .title-occasions-detail {
    font-size: 40px;
    font-weight: 400;
    margin-top: 70px;
    margin-bottom: 0px;
  }
  .div-main-img-detail {
    width: 100%;
  }
  .div-img-left-detail {
    width: 100%;
  }
  .div-right-detail {
    width: 100%;
    margin-left: 0%;
  }
  .center-btn-detail {
    width: 162px;
    text-align: center;
  }

  .btn-tel-link-detail {
    margin-left: 0%;
    position: relative;
    top: 35px;
  }
  .txt-contact-occasions-detail {
    font-size: 22px;
    margin-top: 15%;
  }
  .txt-2-contact-occasions-detail {
    font-size: 20px;
  }
  .div-contact-occasions-detail {
    height: 440px;
  }

  .info-vehi {
    font-size: 20px;
    line-height: 25px;
    margin-top: 20px;
  }
  .p-moto-hors-1 {
    width: 300px;
    top: 15px;
    left: 5%;
  }
  .title-moto-hors-2 {
    font-size: 30px;
    line-height: 60px;
    margin-top: 10%;
    margin-left: 5%;
  }

  .div-img-main-dub {
    background-image: url(/assets/front/img/CDS_mur_responsive.jpg);
    height: 631px;
  }
  .img-moto-hors-1 {
    height: auto;
    width: 350px;
    position: relative;
    bottom: 30px;
    left: 2px;
  }
  .img-fred-dub {
    width: auto;
    height: 389px;
    position: relative;
    bottom: 570px;
    left: 15px;
    float: right;
  }
  .title-carriere {
    font-size: 30px;
    margin-top: 100%;
  }
  .div-all-marque-num {
    display: block;
    height: 400px;
    margin-top: 20%;
  }
  .div-all-marque {
    display: none;
  }
  .intro-dub {
    width: 200px;
    font-size: 17px;
    line-height: 22px;
    right: 20px;
    position: relative;
    bottom: 235px;
  }
  .title-info-cds-home {
    color: var(--white);
    font-family: var(--font-family-copperplate-regular);
    font-size: 18px !important;
    font-weight: 700;
    line-height: 18px !important;
    width: 85%;
    margin-left: 10%;
    padding-top: 5%;
  }
  .no-desk {
    display: block;
  }
  .div-info-cadre-css {
    width: 96%;
    height: 99%;
    bottom: 30px;
    position: relative;
    background-color: var(--marigold);
  }
  .div-marque-home {
    float: left;
    width: 90%;
    padding-left: 5%;
    padding-right: 0%;
    margin-left: 0%;
  }

  .p-first-dub {
    font-size: var(--font-size-l);
  }
  .marque-title {
    line-height: 30px;
    color: var(--marigold);
    font-family: var(--font-family-copperplate-regular);
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    margin-top: 40%;
  }
  .marque-p {
    width: 85%;
  }
  .div-marque {
    width: 300px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .div-dub-performance {
    margin-top: 2%;
  }
  .div-second-dub {
    bottom: 300px !important;
    width: 80% !important;
    left: -8% !important;
  }
  .img-entete-service {
    margin-top: 60px;
  }
  .div-first-dub {
    width: 100%;
    height: 800px !important;
  }
  .titre-first-dub {
    color: var(--white);
    font-family: var(--font-family-copperplate-regular);
    font-size: 30px !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 40px;
    padding-top: 15%;
    margin-left: 8%;
    line-height: 40px;
    width: 70%;
  }
  .p-first-dub {
    width: 90% !important;
    margin-left: 8%;
  }
  .button-dub {
    margin-left: 8%;
  }
  .div-sevices-home {
    margin-top: 50%;
  }
  .div-second-dub img {
    width: 92%;
    float: right;
  }
  .service-title {
    font-size: 30px;
  }
  .div-serv-h-l {
    width: 100%;
  }
  .icon-serv-h {
    height: 30px;
  }
  .service-cat-title {
    font-size: 30px;
    line-height: 30px;
    margin-top: 3% !important;
  }
  .div-serv-h-r {
    width: 100%;
  }
  .div-serv-h-l-2 {
    width: 100%;
    margin-top: 25%;
  }

  .div-serv-h-r-2 {
    width: 100%;
    margin-top: -15%;
  }
  .titre-occasions-home {
    line-height: 30px;
    font-size: 30px;
    margin-left: 8%;
  }
  .p-occasions-home {
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: 8%;
  }
  .div-btn-occasion-home {
    margin-bottom: 15%;
  }
  .p-assu {
    width: 100%;
  }
  .div-occasions-home {
    overflow-x: hidden;
  }
  .titre-actu-home {
    line-height: 24px;
    font-size: 24px;
    width: 100%;
  }
  .p-actu-home {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .div-actu-all-home {
    width: 100%;
    margin-left: 0%;
  }
  .div-first-actu {
    width: 100%;
  }
  .div-last-actu {
    width: 100%;
  }
  .div-footer-content {
    display: none;
  }
  .div-footer-content-mob {
  }
  .menu-mob {
    cursor: pointer;
  }

  .menu-div-mob {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--log-cabin);
    z-index: 1000;
    padding-bottom: 20%;
  }
  .menu-p-mob {
    padding-left: 5%;
    margin: 0;
    padding-top: 24px;
  }
  .menu-item-mob {
    height: 74px;
    border-bottom: 1px solid #cccccc69;
  }
  .menu-item-mob.indian-background {
    background-image: url(/assets/front/img/indian-menu.svg);
    background-repeat: no-repeat;
    background-position-x: right;
  }
  .menu-item-mob.royal-background {
    background-image: url(/assets/front/img/royal-enfield-menu.svg);
    background-repeat: no-repeat;
    background-position-x: right;
  }
  .menu-item-mob.dub-background {
    background-image: url(/assets/front/img/dub-menu.svg);
    background-repeat: no-repeat;
    background-position-x: right;
  }
  .menu-item-mob.qj-background {
    background-image: url(/assets/front/img/3.svg);
    background-repeat: no-repeat;
    background-position-x: right;
  }
  .p-info-mob {
    line-height: 30px;
    float: left;
    margin-top: 0;
  }
  .img-menu-info {
    height: 15px;
    float: left;
    margin-right: 15px;
    padding-top: 5px;
  }
  .menu-info-mob {
    margin-top: 35px;
    width: 100%;
  }
  .menu-l-info-mob {
    width: 95%;
    margin-left: 5%;
    float: left;
  }
  .title-royal-enfield {
    font-size: 32px;
  }
  .div-royal-preuve-r {
    display: none;
  }
  .div-royal-preuve-l {
    width: 100%;
  }
  .div-royal-preuve {
    width: 90%;
    margin-left: 5%;
  }
  .title-royal-preuve {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  .txt-royal-preuve {
    width: 102%;
    margin-bottom: 15%;
  }
  .div-redirect-marque {
    background-position-y: 0px;
    background-size: cover !important;
  }

  .others-tt {
    margin-top: 55%;
    font-size: 40px;
  }
  .title-footer-mob {
    text-align: center;
    color: var(--white);
    font-family: var(--font-family-copperplate-regular);
    font-size: var(--font-size-xl);
    font-weight: 400;
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .div-footer-info-mob {
    width: 100%;
    text-align: center;
    margin-bottom: 4%;
  }
  .img-footer-info-mob {
    height: 15px;
    margin-left: -15px;
    margin-right: 15px;
    padding-top: 20px;
  }
  .text-footer-info-mob {
    margin-bottom: 0.5%;
    font-size: var(--font-size-l);
  }
  .titre-occasions {
    line-height: 40px;
    font-size: 40px;
    margin-top: 50px;
  }
  .div-moto-occasions-home-slide .item-occasions-div {
    margin-left: 50px;
    margin-right: 50px;
    width: 300px !important;
    min-height: 430px !important;
  }
  .menu-recherche-occ-mob-back form {
    width: 90%;
  }
  .select-occasions {
    width: 100%;
  }
  .select-occasions-montant {
    width: 49%;
  }
  .submit-occasions {
    width: 100%;
  }
  .btn-recherche-occ-mob {
    display: none;
  }
  .div-cadre-service-num {
    margin-top: 15%;
  }
}
@media (min-width: 501px) {
  .div-all-marque-num {
    display: none !important;
  }
  .div-moto-occasions-home-slide {
    display: none !important;
  }
  .intro-dub {
    width: 890px;
  }
  .cadre-dub {
    width: 38%;
    height: 245px;
    position: relative;
    float: right;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 21px;
    background-image: url(/assets/front/img/graphic_homepage.png);
    left: 750px;
  }

  .div-cadre-service-num {
    display: none !important;
  }
  .menu-mob {
    display: none;
  }
  .no-desk {
    display: none;
  }

  .btn-recherche-occ-mob {
    display: none;
  }
  .div-footer-content-mob {
    display: none;
  }
}
.menu-div-mob {
  display: none;
}
.btn-recherche-occ-mob {
  background-color: var(--white);
  border-radius: 12px;
  box-shadow: 0px 3px 3px #00000029;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  cursor: pointer;
  height: 45px;
  justify-content: space-between;
  margin-bottom: 5%;
}
.btn-txt-occ-mob {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: 45px;
  margin-left: 6%;
}
.menu-recherche-occ-mob {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  z-index: 1000;
  padding-left: 5%;
}
.close-menu-mob {
  display: none;
  height: 20px;
  margin-top: 5px;
  float: right;
  cursor: pointer;
}
.menu-recherche-occ-mob-back {
  width: 100%;
  margin-top: 80px;
}
.img-back-menu-recherche {
  float: left;
  width: 20px;
}

.span-retour {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 300;
  color: var(--log-cabin);
  line-height: 26px;
}
.titre-recherche-occ-mob {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  line-height: 20px;
}
.div-all-marque li button {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: var(--log-cabin);
  text-indent: -9999px;
  margin-left: 2px;
  margin-right: 2px;
}
.div-all-marque li.slick-active button {
  background-color: var(--marigold);
}
.div-moto-occasions-home-slide .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.div-moto-occasions-home-slide .slick-dots button {
  background-color: var(--alabaster);
}
.div-moto-occasions-home-slide .slick-active button {
  background-color: var(--marigold);
}
.slick-dots button {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: var(--log-cabin);
  text-indent: -9999px;
  margin-left: 2px;
  margin-right: 2px;
}

.slick-active button {
  background-color: var(--marigold);
}
.t-cadre-service-num {
  line-height: 40px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-l);
  margin-left: 5%;
  margin-bottom: 0;
}

.p-cadre-service-num {
  line-height: 24px;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 0;
}
.l-cadre-service-num {
  background-color: var(--marigold);
  height: 1px;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 2%;
  margin-bottom: 2%;
}
.rdv-cadre-service-num {
  line-height: 30px;
  text-align: center;
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 700;
  font-style: normal;
}

.cadre-service-num {
  width: 340px;
  margin-left: 3%;
  margin-right: 3%;
  height: 400px;
  background-color: white;
  border-radius: 30px;
}
.img-cadre-service-num {
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.div-cadre-service-num li button {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: var(--log-cabin);
  text-indent: -9999px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 45px;
}
.div-cadre-service-num li.slick-active button {
  background-color: var(--marigold);
}
.div-cadre-service-num .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.div-navigation-slider {
}
.div-all-marque-num .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.no-overflow {
  overflow-y: hidden;
}
.title-actu-all {
  font-size: 40px;
  line-height: 40px;
  margin-top: 8%;
}
.intro-actu-all {
  width: 70%;
  margin-left: 15%;
}
.div-line-footer-info-mob {
  width: 100%;
  float: left;
}
html {
  overflow-x: hidden;
}
@media (max-width: 1400px) {
  .item-occasions-div {
    min-height: 310px;
    width: 250px;
  }
  .div-moto-occasions-home {
    width: 92%;
  }
}
@media (max-width: 1400px) {
  /*.item-occasions-div {
    min-height: 304px;
    width: 210px;
}*/
  .div-marque {
    width: 30%;
  }
  .div-marque-marg {
    margin-right: 5%;
  }
}
@media (max-width: 1280px) {
  .div-marque {
    width: 30%;
  }
  .div-marque-marg {
    margin-right: 5%;
  }
  .text-marque-home {
    width: 100%;
    margin-left: 0px;
    line-height: 40px;
    margin-bottom: 0px;
    float: initial;
    font-size: var(--font-size-m);
  }
  .div-marque-home-img-arrow {
    margin-top: 0px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .cadre-cds {
    width: 50%;
    height: 335px;
  }
  .div-link-footer {
    margin-right: 4%;
  }
  .div-second-dub {
    width: 42%;
    bottom: 765px;
  }
  .div-second-dub img {
    width: 100%;
  }
  .p-first-dub {
    width: 50%;
  }
  .div-first-dub {
    height: 645px;
    background-position-y: 228px;
  }
  .titre-first-dub {
    font-size: 40px;
  }
}
@media (max-width: 1150px) {
  .title-info-cds-home {
    font-size: 40px;
    line-height: 40px;
  }
  .link-footer {
    font-size: var(--font-size-xs);
  }
}
@media (max-width: 1000px) {
  .div-second-dub {
    bottom: 725px;
  }
  .div-serv-h {
    margin-bottom: 25%;
  }
  .cadre-cds {
    height: 300px;
  }
  .title-info-cds-home {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 1700px) and (min-width: 1280px) {
  .text-marque-home {
    margin-left: 45px;
    font-size: var(--font-size-m);
    width: 246px;
    margin-left: 45px;
  }
}
.div-all-marque-num {
  display: none;
}
.div-moto-occasions-home-slide {
  display: none;
}
.div-royal-preuve-r-num {
  display: none;
}
.span-mrq {
  font-size: 10px;
  padding-bottom: 6px;
}
.section-accessoire {
  background-color: #fafafa;
  width: 100%;
  float: left;
  margin-top: 100px;
}
.div-reference {
  width: 90%;
  margin-left: 5%;
  float: left;
  margin-top: 5%;
}
.prix-occasions-1 {
  margin-bottom: 5px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}
.prix-occasions-2 {
  margin-top: 5px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}
.link-retour-accessoires {
  color: var(--marigold);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
}
.div-link-retour-accessoires {
  float: left;
  margin-left: 5%;
  width: 60%;
}
.p-moto-hors-2 {
  width: 45%;
  max-width: 658px;
  line-height: 26px;
  margin-left: 15%;
}
.div-moto-part-slider {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  margin-top: 5%;
}
.div-slide-moto {
  width: 65%;
  float: left;
  margin-right: 1%;
}
.div-slide-moto-info {
  width: 20%;
  float: left;
}
.title-product-moto-slider {
  line-height: 20px;
  margin-top: 0%;
  font-size: var(--font-size-xl);
}
.div-int-moto-dub {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10%;
  margin-bottom: 15%;
}
.p-int-moto-dub {
  color: var(--log-cabin);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  text-align: center;
  line-height: 40px;
}
.div-accessoires-dub {
  width: 100%;
  float: left;
  background-color: var(--marigold);
}
.div-container-part-accessoires-dub {
  width: 90%;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
}
.div-part-l-accessoires-dub {
  width: 49%;
  margin-right: 1%;
  float: left;
}
.div-part-r-accessoires-dub {
  width: 49%;
  margin-left: 1%;
  float: left;
}
.p-part-l-accessoires {
  line-height: 60px;
  margin-top: 15%;
}
.p-part-l-2-accessoires {
  margin-top: 5%;
  margin-bottom: 5%;
  line-height: 26px;
}
.btn-marg-dub {
  margin-bottom: 5%;
}
.img-part-r-accessoires-dub {
  width: 97%;
  position: relative;
  bottom: 200px;
  border-radius: 30px;
}

.div-sous-link-footer-marque {
  background-color: var(--log-cabin);
  position: relative;
  top: 35px;
  width: 170px;
  display: none;
  -webkit-animation: anim-menu 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: anim-menu 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  z-index: 1001;
}
.div-part-sous-link-footer-marque {
  color: white;
}
.p-part-sous-link-footer-marque {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 40px;
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  text-align: left;
}
.p-part-sous-link-footer-marque-royal:hover {
  background-image: url(/assets/front/img/royal-enfield-menu-hover.svg);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.p-part-sous-link-footer-marque-indian:hover {
  background-image: url(/assets/front/img/indian-menu-hover.svg);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.p-part-sous-link-footer-marque-dub:hover {
  background-image: url(/assets/front/img/logo-dub-performance-hover.svg);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.p-part-sous-link-footer-marque-qj:hover {
  background-image: url(/assets/front/img/2.svg);
  background-repeat: no-repeat;
  background-position: right;
  -webkit-animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: anim-background 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.p-part-sous-link-footer-marque-indian {
  border-bottom: 1px solid var(--celeste);
}
.p-part-sous-link-footer-marque-qj {
  border-bottom: 1px solid var(--celeste);
}
.p-part-sous-link-footer-marque-royal {
  border-bottom: 1px solid var(--celeste);
}
.p-part-sous-link-footer-marque-dub {
  border-bottom: 1px solid var(--celeste);
}

@-webkit-keyframes anim-background {
  0% {
    background-position: -95px;
  }
  100% {
    background-position: 35px;
  }
}
@keyframes anim-background {
  0% {
    background-position: -95px;
  }
  100% {
    background-position: 35px;
  }
}
@keyframes anim-menu {
  0% {
    top: 0px;
    opacity: 0;
  }
  100% {
    top: 35px;
    opacity: 1;
  }
}
@keyframes anim-menu {
  0% {
    top: 0px;
    opacity: 0;
  }
  100% {
    top: 35px;
    opacity: 1;
  }
}
.p-part-sous-link-footer-marque a {
  color: white;
}
.div-link-footer-marque-inv {
  position: relative;
  width: 0;
}
.slide-moto {
  margin-right: 58px;
  margin-left: 0px;
}
.arrow-slide-moto-l {
  width: 50px;
  float: left;
  transform: rotate(180deg);
  z-index: 1001;
  position: relative;
}
.arrow-slide-moto-r {
  width: 50px;
  float: right;
}
.div-arrow-slide-moto {
  position: relative;
  top: 440px;
  width: 78%;
}
.div-navigation-slider-moto {
  position: relative;
  width: 200px;
  height: 0px;
  left: 50%;
  top: 450px;
}
.div-navigation-slider-moto .span1 {
  font-family: var(--font-family-copperplate-regular);
  color: var(--log-cabin);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  line-height: 40px;
  text-align: right;
  position: relative;
  z-index: 10001;
  width: 130px;
  margin-bottom: 15px;
}
.div-mention-footer-mention {
  float: left;
  width: 50%;
  margin-top: 4%;
  margin-bottom: 4%;
}
.mention-info-mob {
  margin-left: 6%;
}
.div-mention-footer-mention-l {
  text-align: right;
}
span.mention-a3com-info-mob {
  color: var(--chicago);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  margin-right: 6%;
}

@media (min-width: 2200px) {
  .marque-home-img {
    margin-top: 8%;
  }

  .marque-home-img-1 {
    margin-top: 8%;
  }
  .div-second-dub {
    right: 350px;
  }
  .div-serv-h-l {
    width: 30%;
    float: left;
    padding-top: 15%;
    margin-left: 20%;
  }
  .div-navigation-slider {
    position: relative;
    top: 820px;
    width: 200px;
    left: 2000px;
    height: 0px;
  }

  .others-tt {
    margin-top: 7%;
  }
}
@media (min-width: 1970px) {
  .div-right-contact form {
    width: 65%;
    margin-left: 5%;
  }
  .img-access {
    width: 60%;
    margin-top: 4%;
  }
  .title-product-moto-slider {
    margin-top: 90% !important;
  }
}
.section-concessions {
  margin-top: 100px;
}
@media (max-width: 1531px) and (min-width: 1378px) {
  .div-link-footer-all {
    width: 64%;
    margin-left: 3%;
  }
}
@media (min-width: 1124px) and (max-width: 1378px) {
  .link-footer {
    font-size: 15px;
  }
  .div-link-footer {
    margin-right: 3%;
  }
  .div-link-footer-all {
    width: 70%;
    margin-left: 1%;
  }
}
@media (max-width: 1124px) and (min-width: 959px) {
  .link-footer {
    font-size: 14px;
  }
  .div-link-footer {
    margin-right: 2%;
  }
  .div-link-footer-all {
    width: 70%;
    margin-left: 1%;
  }
}

.contact-button-home {
  background-color: var(--white);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  margin-top: 2%;
  margin-right: auto;
  width: 100px;
  margin-left: auto;
  text-align: center;
  color: var(--log-cabin);
}
.div-cds-contact-button-home {
  float: left;
  width: 100%;
}

@media (max-width: 1740px) and (min-width: 1580px) {
  .div-navigation-slider {
    top: 500px;
    left: 1330px;
  }
}
@media (max-width: 1580px) and (min-width: 1390px) {
  .div-navigation-slider {
    top: 475px;
    left: 1190px;
  }
}
@media (max-width: 1390px) and (min-width: 1260px) {
  .div-navigation-slider {
    top: 425px;
    left: 1000px;
  }
}
@media (max-width: 1260px) and (min-width: 1130px) {
  .div-navigation-slider {
    top: 375px;
    left: 870px;
  }
}
@media (max-width: 1130px) and (min-width: 1000px) {
  .div-navigation-slider {
    top: 335px;
    left: 800px;
  }
}
@media (max-width: 1560px) {
  .title-royal-preuve {
    font-size: 45px;
    line-height: 53px;
  }
  .container-img-royal {
    height: 53%;
  }
  .title-concessions {
    font-size: 45px;
    line-height: 70px;
  }
  .img-assurance-service {
    width: 90%;
  }
  .div-redirect-marque {
    background-size: 125%;
  }
  .div-royal-preuve-rl {
    margin-left: 10%;
  }
  .logo-home-cds {
    margin-top: 4px;
  }
  .div-link-footer {
    margin-right: 3%;
  }
}

@media (max-width: 1260px) {
  .div-img-access {
    height: 375px;
  }
}

@media (max-width: 1400px) {
  .img-second-dub {
    width: 80%;
  }
  .div-second-dub {
    left: 50px;
  }
  .titre-first-dub {
    font-size: 45px;
  }
  .p-first-dub {
    width: 45%;
  }
}
@media (max-width: 500px) {
  .div-moto-part-slider-next .div-slide-moto {
    margin-left: 0% !important;
  }
  .div-navigation-slider-moto .text-nav-num-s {
    display: none;
  }

  .div-moto-part-slider-next p {
    margin-left: 0px !important;
  }
  .div-moto-part-slider-next {
    margin-top: 38% !important;
  }
  .btn-occasions-essai-2 {
    width: 290px !important;
    margin-bottom: 10%;
  }
  .section-service {
    margin-top: 30px;
  }

  .div-slide-concession {
    width: 100%;
    margin-left: 0px;
    float: left;
  }
  .img-royal-w {
    width: 30%;
    margin-top: 27%;
  }
  .title-royal-enfield {
    font-size: 40px;
  }
  .actu-detail-title {
    margin-bottom: 0;
    font-size: 40px;
    margin-top: 50px;
  }
  .div-occasions-detail {
    margin-top: 70px;
  }
  .div-actu-detail {
    margin-top: 70px;
  }
  .title-actu-sup {
    margin-left: 5%;
  }
  .actu-detail {
    margin-left: 5%;
    width: 90%;
  }
  .section-contact {
    margin-top: 70px;
  }
  .section-homepage {
    margin-top: 70px;
  }
  .section-concessions {
    margin-top: 70px;
  }
  header {
    height: 70px;
  }
  .section-royal {
    margin-top: 70px;
  }
  .section-occasions {
    margin-top: 70px;
  }
  .section-dub-performance {
    margin-top: 70px;
  }
  .div-link-retour-accessoires {
    width: 94%;
  }

  .section-actu-all {
    margin-top: 70px;
  }
  select.input-contact {
    width: 95% !important;
  }
}
html {
  overflow-x: hidden;
}
.div-moto-occasions-home-slide {
  overflow-x: hidden;
}
.div-slide-concession .slick-track {
}

.div-slide-concession .slick-slide {
  margin-left: 10px;
  margin-right: 10px;
}
.div-arrow-slide-concession {
  width: 100%;
  float: left;
  text-align: right;
  margin-top: 2%;
}
.arrow-slide-concession-r {
  width: 30px;
  float: right;
  transform: rotate(180deg);
  margin-right: 2%;
}
.arrow-slide-concession-l {
  width: 30px;
  float: right;
}
.div-moto-part-slider-next {
  margin-top: 25%;
}
.div-moto-part-slider-next .div-slide-moto {
  margin-right: 0%;
  margin-left: 10%;
}
.div-moto-part-slider-next p {
  margin-left: 30px;
}
.div-img-mail-team {
  text-align: center;
}
.div-img-mail-team img {
  width: 20px;
}

.actu-sup-all {
  width: 100%;
}
.actu-sup-div {
  width: 30%;
  float: left;
  margin-right: 3%;
}
.actu-sup {
  background-color: #fafafa;
}
.marque-home-img-hover {
  display: none;
  -webkit-animation: scale-up-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: scale-up-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  transform: scale(1);
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
img.img-arrow-btn {
  width: 9px;
  position: relative;
}

.arrow-w-mov {
  -webkit-animation: arrow-w-mov 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: arrow-w-mov 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes arrow-w-mov {
  0% {
    left: 0px;
  }
  100% {
    left: 4px;
  }
}
@keyframes arrow-w-mov {
  0% {
    left: 0px;
  }
  100% {
    left: 4px;
  }
}
.arrow-w-mov-l {
  -webkit-animation: arrow-w-mov-l 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: arrow-w-mov-l 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes arrow-w-mov-l {
  0% {
    right: 0px;
  }
  100% {
    right: 4px;
  }
}
@keyframes arrow-w-mov-l {
  0% {
    right: 0px;
  }
  100% {
    right: 4px;
  }
}
.btn-occasions-essai {
  background-color: var(--white);
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  width: 200px;
  border: solid 1px var(--marigold);
}
.btn-occasions-essai-2 {
  background-color: var(--white);
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  width: 350px;
  border: solid 1px var(--marigold);
}
.btn-link-essai {
  text-align: center;
  color: var(--marigold);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
  font-style: normal;
  width: 100%;
  line-height: 40px;
}
.btn-link-essai .img-arrow-btn {
  margin-left: 2%;
}
.pg-2 {
  display: none;
}
.div-all-control-acces {
  width: 100%;
  float: left;
}
.link-suivant {
  width: 5%;
  min-width: 85px;
  margin-left: 47.5%;
  margin-bottom: 5%;
  float: left;
  background-color: var(--marigold);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
}
.div-btn-l {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  text-align: center;
  border: solid 1px var(--gunsmoke);
  cursor: pointer;
  margin-right: 15px;
}
.div-btn-r {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  text-align: center;
  border: solid 1px var(--gunsmoke);
  cursor: pointer;
}
.div-btn-num {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  text-align: center;
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: 20px;
  font-weight: 400;
  border: solid 1px var(--gunsmoke);
  cursor: pointer;
  margin-right: 15px;
}
.div-btn-num div {
  padding-top: 5px;
}
.div-btn-suivant-2-acces .img-arrow-btn-reverse {
  width: auto;
  height: 20px;
  padding-bottom: 5px;
}

.div-btn-suivant-2-acces .img-arrow-btn {
  width: auto;
  height: 20px;
  padding-top: 5px;
}
.div-btn-suivant-2-acces {
  float: right;
}
.img-arrow-btn-reverse {
  transform: rotate(180deg);
}
.img-marq-h {
  width: 10px;
}
img.fleche-dub-w {
  width: 54px;
  float: left;
  padding-top: 5%;
  margin-top: 80px;
  margin-left: 27%;
  transform: rotate(315deg);
}
img.img-contact-home {
  width: 15px;
  transform: rotate(270deg);
}
.item-occasions-image-hover {
  -webkit-animation: scale-up-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: scale-up-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  transform: scale(1);
}
.item-occasions-image-no-hover {
  -webkit-animation: scale-down-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: scale-down-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  transform: scale(1);
}
@-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.item-occasions-annonce-actif {
  color: white;
  background-color: var(--marigold);
}
@media (max-width: 1560px) {
  .footer-content-1 {
    width: 20%;
  }
  .div-reference .item-occasions-div {
    width: 265px;
  }
}
@media (max-width: 1200px) {
  .footer-content-1 {
    width: 25%;
  }
}
.img-arrow-btn-h {
  display: none;
  transform: rotate(270deg);
  width: 13px !important;
}
.button-dub:hover .img-arrow-btn-h {
  display: initial !important;
}
.button-dub:hover .img-arrow-btn-n-h {
  display: none;
}
.btn-link-essai:hover .img-arrow-btn-h {
  display: initial !important;
  transform: rotate(0deg) !important;
  width: 9px !important;
}
.btn-link-essai:hover .img-arrow-btn-n-h {
  display: none;
}
.button-dub:hover {
  color: var(--log-cabin);
  background-color: var(--white);
}

select.input-contact {
  width: 453px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 28px;
  float: left;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-sw {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border: solid 1px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider-sw:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: var(--marigold);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider-sw {
  background-color: var(--marigold);
}

input:focus + .slider-sw {
  box-shadow: 0 0 1px var(--marigold);
}

input:checked + .slider-sw:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color: white;
}

/* Rounded sliders */
.slider-sw.round {
  border-radius: 34px;
}

.slider-sw.round:before {
  border-radius: 50%;
}
.div-rgpd {
  width: 100%;
  margin-bottom: 2%;
  float: left;
}
.txt-rgpd-contact {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  float: left;
  margin-top: 0;
  margin-left: 2%;
  font-weight: 100;
}
.link-txt-rgpd-contact {
  cursor: pointer;
  font-weight: 700;
  color: var(--marigold);
}
.demande-contact:hover {
  background-color: black;
}
img.img-itineraire {
  width: 14px;
}
.span-lire-plus-hide {
  display: none;
}
.span-lire-plus {
  cursor: pointer;
}

.div-concessions-intro-all {
  width: 100%;
  float: left;
  height: 10px;
}
@media (max-width: 1620px) {
  .container-concession-img {
    width: 100%;
  }
}
.mail-hover {
  display: none;
}
.select-occasions {
  width: 100%;
}
.div-zoom-hover {
  display: none;
  position: fixed;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000a6;
  z-index: 1001;
}
.div-img-hover-lp:hover img:not(.img-zoom-hover) {
  opacity: 0.3 !important;
}

.div-img-hover-lp:hover .div-zoom-hover {
}

.div-img-hover-lp:hover {
  background-color: #000000d4;
  background-image: url(/assets/front/img/loupe.svg);
  background-size: 13%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: access-hover 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: access-hover 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes access-hover {
  0% {
    background-color: white;
  }
  100% {
    background-color: #000000d4;
  }
}
@keyframes access-hover {
  0% {
    background-color: white;
  }
  100% {
    background-color: #000000d4;
  }
}

.img-zoom-hover {
  width: 40%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}

.btn-link-essai:hover {
  background-color: var(--marigold);
  color: var(--white);
}
.btn-occasions-essai:hover {
  color: var(--white);
}
.link-dub-perform:hover {
  background-color: #000000;
}

.contact-button-home:hover {
}
.div-slide-concession .slick-slide {
  margin-left: 10px;
  margin-right: 10px;
  height: 232px;
}
.img-slide-concession {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.div-img-hover-lp {
  height: 232px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .div-slide-concession {
    height: auto;
    overflow: hidden;
  }
  .div-slide-concession .slick-slide {
    margin-left: 5px;
    margin-right: 5px;
    height: 60vw;
  }
  .div-img-hover-lp {
    height: 60vw;
  }
  .img-slide-concession {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
}

@media (max-width: 500px) {
  .div-slide-concession {
    height: auto;
    overflow: hidden;
  }
  .div-slide-concession .slick-slide {
    margin-left: 0;
    margin-right: 0;
    height: 60vw;
  }
  .div-img-hover-lp {
    height: 60vw;
  }
  .img-slide-concession {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
}

.div-item-occasions-image {
  max-height: 300px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.description-occasions-detail {
  color: var(--log-cabin);
  font-weight: 400;
  margin-top: 0;
  line-height: 50px;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
}

@media (max-width: 1200px) and (min-width: 1000px) {
  .item-occasions-div {
    min-height: 310px;
    width: 210px;
  }
}

.section-mention {
  padding-top: 120px;
  margin-left: 10%;
  width: 80%;
  margin-right: 10%;
}
.title-mention {
  text-align: center;
  line-height: 80px;
  color: var(--marigold);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  font-style: normal;
}
.p-title-mention {
  color: var(--concord);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-xl);
  font-weight: 400;
  text-decoration: underline;
}
.sous-title-mention {
  color: var(--concord);
  font-family: var(--font-family-copperplate-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  text-decoration: none;
}
.p-mention {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: 20px;
}