/****************************************/
/**********  Style Marques de Monetico.com *********/
/****************************************/
/* Description :                        */
/*  - Style Monetico.com	            */
/* Historique :                         */
/*  - 05/12/2023 -> Création            */
/****************************************/
/****************************************/
.cc.main .body code.insert {
  display: block;
  background: #000 !important;
  color: #f2efed !important;
  border-left: 0 !important;
  border-radius: 0;
  white-space: pre;
  line-height: 1;
  overflow: scroll;
  /*px*/ padding: 0 20px 20px;
  /*rem*/ padding: 0 1.25rem 1.25rem;
  /*px*/ margin: 20px 0 20px;
  /*rem*/ margin: 1.25rem 0 1.25rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.main .body code.insert .tag {
  color: #f92c47;
}
.cc.main .body code.insert .property {
  color: #83e22e;
}
.cc.main .body code.insert .value {
  color: #e6db74;
}
.cc.main .body strong.ctxt-featured {
  color: #c31c1c;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc.main .body .disposition .flex > div {
  height: 30px;
  background: #d15462;
  color: #97c8ff;
}
.cc.main .body .disposition .flex > div:nth-child(2n) {
  background: #4471a8;
}
.cc.main .body .more.summary:before {
  font-family: fts_commun;
  content: "\E605";
  padding-right: 5px;
  font-size: 10px;
}
.cc.main .body .more.summary:after {
  content: none;
}
/* REVIEW */
/* Blanc */
/* Noir */
/* Gris très très clair */
/* Gris très clair */
/* Gris */
/* Gris foncé */
/* Gris noir */
/* Bleu - BASE */
/* Bleu foncé */
/* Bleu moyen */
/* Bleu clair */
/* Bleu pastel */
/* Rouge - BASE */
/*#c6a699 Rouge foncé */
/* Rouge moyen */
/* Rouge clair */
/* Rouge pastel */
/* Vert fluo */
/* Jaune */
/* IE10 + IE11 */
/* REVIEW */
/* Feuille de style pour impression */
@media print {
  .ei_header,
  .header_container,
  .ei_footer,
  #ei_tpl_footerlegal {
    display: none !important;
  }
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
  }
  figure {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  aside.sidebar,
  form {
    display: none !important;
  }
  .body.flex > div {
    width: 100% !important;
  }
  .soft,
  .smaller {
    font-size: 8pt !important;
  }
  .border {
    border: 1px solid #000 !important;
  }
  .social {
    display: none !important;
  }
  .bigger {
    font-size: 10pt !important;
  }
  .bigger p {
    font-size: 10pt !important;
  }
  .bigger h3,
  .bigger h4 {
    font-size: 12pt !important;
  }
  .flex {
    display: block !important;
  }
  .flex .flex10,
  .flex .flex20,
  .flex .flex25,
  .flex .flex30,
  .flex .flex33,
  .flex .flex40,
  .flex .flex50,
  .flex .flex60,
  .flex .flex70,
  .flex .flex80,
  .flex .flex90 {
    width: 100% !important;
    display: block !important;
  }
  .flex .flex10 div.insert,
  .flex .flex20 div.insert,
  .flex .flex25 div.insert,
  .flex .flex30 div.insert,
  .flex .flex33 div.insert,
  .flex .flex40 div.insert,
  .flex .flex50 div.insert,
  .flex .flex60 div.insert,
  .flex .flex70 div.insert,
  .flex .flex80 div.insert,
  .flex .flex90 div.insert,
  .flex .flex10.insert,
  .flex .flex20.insert,
  .flex .flex25.insert,
  .flex .flex30.insert,
  .flex .flex33.insert,
  .flex .flex40.insert,
  .flex .flex50.insert,
  .flex .flex60.insert,
  .flex .flex70.insert,
  .flex .flex80.insert,
  .flex .flex90.insert {
    margin-top: 15px !important;
  }
  .info {
    color: #000 !important;
  }
  .actions {
    margin-top: 5px !important;
  }
  .padding-top {
    padding-top: 5px !important;
  }
  .right,
  .center {
    text-align: left !important;
  }
  nav.pagination {
    display: none !important;
  }
  h1 {
    color: #000 !important;
    font-size: 14pt !important;
  }
  h2 {
    font-size: 12pt !important;
  }
  .body h2 {
    color: #000 !important;
  }
  h3 {
    color: #000 !important;
    font-size: 10pt !important;
  }
  h4 {
    color: #000 !important;
    font-size: 8pt !important;
    font-weight: 700 !important;
  }
  p {
    font-size: 8pt !important;
    line-height: 12pt !important;
    orphans: 3;
    widows: 4;
  }
  a {
    color: #000 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
  }
  a[href]:after {
    content: " (" attr(href) ")" !important;
    font-size: 8pt !important;
  }
  .button {
    background: #f2efed !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    font-size: 8pt !important;
    width: 100% !important;
  }
  .button.btn-info {
    font-size: 8pt !important;
    padding: 15px !important;
    width: 100% !important;
  }
  .button.btn-info:after {
    transform: translateY(50%) !important;
    left: 0 !important;
  }
  .button.btn-info:before {
    content: none !important;
  }
  .button.more {
    font-size: 8pt !important;
  }
  .more {
    font-size: 8pt !important;
  }
  iframe[frameborder="0"] {
    min-height: 0px !important;
  }
  figure figcaption {
    font-size: 8pt !important;
    background: #f2efed !important;
    color: #000 !important;
  }
  figure.border figcaption {
    border-top: 1px dashed #000 !important;
  }
  ul,
  ol {
    font-size: 8pt !important;
    margin: 10px 0 !important;
  }
  ul li,
  ol li {
    font-size: 8pt !important;
    margin-bottom: 5px !important;
  }
  ul.tabs {
    display: none !important;
  }
  .main div.tab {
    border-bottom: 1px solid #000;
  }
  .main div.tab[aria-hidden="true"] {
    display: block;
  }
  .main div.tab .flex {
    display: flex !important;
  }
  .main div.tab .flex .flex10 {
    width: 10% !important;
  }
  .main div.tab .flex .flex20 {
    width: 20% !important;
  }
  .main div.tab .flex .flex25 {
    width: 25% !important;
  }
  .main div.tab .flex .flex30 {
    width: 30% !important;
  }
  .main div.tab .flex .flex33 {
    width: 33.3% !important;
  }
  .main div.tab .flex .flex40 {
    width: 40% !important;
  }
  .main div.tab .flex .flex50 {
    width: 50% !important;
  }
  .main div.tab .flex .flex60 {
    width: 60% !important;
  }
  .main div.tab .flex .flex70 {
    width: 70% !important;
  }
  .main div.tab .flex .flex80 {
    width: 80% !important;
  }
  .main div.tab .flex .flex90 {
    width: 90% !important;
  }
  .main div.tab .flex .flex100 {
    width: 100% !important;
  }
  blockquote {
    background: #f2efed !important;
    border: 1px solid #000 !important;
    padding: 30px !important;
  }
  blockquote:after {
    color: #000 !important;
    font-size: 14pt !important;
    bottom: 0 !important;
  }
  blockquote:before {
    color: #000 !important;
    font-size: 14pt !important;
    top: 40px !important;
  }
  blockquote p {
    width: 100% !important;
    font-size: 8pt !important;
    font-weight: 400 !important;
  }
  blockquote p cite {
    font-size: 8pt !important;
  }
  .slider div[aria-hidden="true"] {
    display: block !important;
  }
  .insert {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    background: #f2efed !important;
    padding: 20px !important;
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
  }
  .insert.tile {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
    font-size: 8pt !important;
    padding: 10px !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd {
    display: block !important;
    font-size: 8pt !important;
    padding: 10px !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd p,
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ul li,
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ol li {
    font-size: 8pt !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] + dd {
    padding: 10px !important;
  }
  .cc.main article {
    max-width: none !important;
  }
  .cc.main article header div.img {
    display: none !important;
  }
  .cc.main article header div.banner {
    position: static !important;
    -webkit-transform: none !important;
    transform: none !important;
    color: #000 !important;
    padding: 0 !important;
  }
  .cc.main article header div.banner h1 {
    color: #000 !important;
    width: 100% !important;
  }
  .cc.main article header div.banner p {
    color: #000 !important;
    width: 100% !important;
  }
  .cc.main article header div.banner img[src$=".png"],
  .cc.main article header div.banner img[src$=".jpg"] {
    max-width: 100px !important;
  }
  .cc.main article header + .social {
    display: none !important;
  }
  .cc.main article .body {
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main article .body section {
    padding: 10px 0 !important;
  }
  .cc.main article .body section > div {
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main article .body section > div h2 {
    margin-bottom: 10px !important;
  }
  .cc.main article .body section > div p {
    margin-bottom: 10px !important;
  }
  .cc.main article .body section .orientation figure {
    display: none !important;
  }
  .cc.main article .body section.bg {
    background: #f2efed !important;
  }
  .cc.main article .body.media:before {
    font-family: fts_commun;
    content: "\EC7F";
    border: 1px solid rgba(89, 89, 89, 0.2);
    padding: 10px 20px !important;
    font-size: 10pt !important;
  }
  .cc.main article .body.media div {
    display: none !important;
  }
  .cc.main article .body aside.sticky {
    display: none !important;
  }
  .cc.main article .body aside.sticky + div {
    width: 100% !important;
    padding-left: 0 !important;
  }
  .cc.main.ctxt-list article .tiles > div {
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main.ctxt-list article .tiles .tile {
    width: 100% !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile {
    display: block !important;
    margin-bottom: 15px !important;
    height: initial !important;
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile figure {
    width: auto !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile figure img {
    max-width: 200px !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: initial !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div figure {
    display: none !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div figure + .banner {
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .actions {
    margin: 0 !important;
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .banner {
    min-height: 0 !important;
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .div {
    margin: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div h1 {
    margin-top: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile .actions {
    margin-top: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile .actions a.more {
    padding-left: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile.ei_cardboarditem .tile figure {
    display: none !important;
  }
  .cc.main.ctxt-list article .tiles .tile.ei_cardboarditem .tile div {
    width: 100% !important;
  }
  .cc.main.ctxt-list article .tiles #filters .filter p.sel {
    border: 1px solid rgba(89, 89, 89, 0.3) !important;
  }
  .cc.main .key-figure {
    display: flex !important;
  }
  .cc.main .key-figure > div {
    width: 33% !important;
  }
  .cc.main .key-figure > div > div {
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    padding: 10px !important;
    text-align: center !important;
  }
  .cc.main .key-figure > div > div figure {
    display: none !important;
  }
  .cc.main .key-figure > div > div p {
    font-size: 8pt !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .cc.main .key-figure > div > div p strong {
    font-size: 8pt !important;
    color: #000 !important;
    display: inline !important;
  }
  .cc.main .resume {
    width: 100% !important;
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main .team {
    padding: 5px !important;
    width: 33% !important;
  }
  .cc.main .team > div {
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .cc.main .team > div .banner p strong {
    color: #000 !important;
  }
  .cc.main .entity {
    padding: 5px !important;
    width: 33% !important;
  }
  .cc.main .entity > div {
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .cc.main .entity > div .banner p strong {
    color: #000 !important;
  }
  .cc.main .entity.infoscompl > div .banner + div {
    border: 1px solid rgba(89, 89, 89, 0.2);
  }
  .cc.main .entity.infoscompl > div .banner + div p {
    color: #000 !important;
    font-weight: 400 !important;
  }
  .cc.main .entity.infoscompl > div .banner + div p strong {
    color: #000 !important;
  }
}
.svg {
  display: flex;
  flex-wrap: wrap;
}
.svg::before {
  display: block;
  position: relative;
  content: "";
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: contain;
}
.svg h3 {
  margin: inherit !important;
}
.svg.bouclier:before {
  background-image: url("../assets/commun/svg/bouclier.svg");
}
.svg.bouclier_proximity:before {
  background-image: url("../assets/commun/svg/bouclier_proximity.svg");
}
.svg.boutique:before {
  background-image: url("../assets/commun/svg/boutique.svg");
}
.svg.boutique_online:before {
  background-image: url("../assets/commun/svg/boutique_online.svg");
}
.svg.cadenas-ouvert:before {
  background-image: url("../assets/commun/svg/cadenas-ouvert.svg");
}
.svg.cadenas-ferme:before {
  background-image: url("../assets/commun/svg/cadenas-ferme.svg");
}
.svg.cadenas-ferme_online:before {
  background-image: url("../assets/commun/svg/cadenas-ferme_online.svg");
}
.svg.cadenas-ferme_proximity:before {
  background-image: url("../assets/commun/svg/cadenas-ferme_proximity.svg");
}
.svg.calculatrice:before {
  background-image: url("../assets/commun/svg/calculatrice.svg");
}
.svg.calculatrice_m:before {
  background-image: url("../assets/commun/svg/calculatrice_m.svg");
}
.svg.calculatrice_proximity:before {
  background-image: url("../assets/commun/svg/calculatrice_proximity.svg");
}
.svg.camion:before {
  background-image: url("../assets/commun/svg/camion.svg");
}
.svg.camion_m:before {
  background-image: url("../assets/commun/svg/camion_m.svg");
}
.svg.camion_proximity {
  background-image: url("../assets/commun/svg/camion_proximity.svg");
}
.svg.casque:before {
  background-image: url("../assets/commun/svg/casque.svg");
}
.svg.casque_m:before {
  background-image: url("../assets/commun/svg/casque_m.svg");
}
.svg.casque_online:before {
  background-image: url("../assets/commun/svg/casque_online.svg");
}
.svg.casque_proximity:before {
  background-image: url("../assets/commun/svg/casque_proximity.svg");
}
.svg.coeur:before {
  background-image: url("../assets/commun/svg/coeur.svg");
}
.svg.document:before {
  background-image: url("../assets/commun/svg/document.svg");
}
.svg.echange:before {
  background-image: url("../assets/commun/svg/echange.svg");
}
.svg.email:before {
  background-image: url("../assets/commun/svg/email.svg");
}
.svg.encaissement:before {
  background-image: url("../assets/commun/svg/encaissement.svg");
}
.svg.etoile:before {
  background-image: url("../assets/commun/svg/etoile.svg");
}
.svg.etoile_m:before {
  background-image: url("../assets/commun/svg/etoile_m.svg");
}
.svg.facebook:before {
  background-image: url("../assets/commun/svg/facebook.svg");
}
.svg.france:before {
  background-image: url("../assets/commun/svg/france.svg");
}
.svg.instagram:before {
  background-image: url("../assets/commun/svg/instagram.svg");
}
.svg.linkedin:before {
  background-image: url("../assets/commun/svg/linkedin.svg");
}
.svg.localisation:before {
  background-image: url("../assets/commun/svg/localisation.svg");
}
.svg.loupe:before {
  background-image: url("../assets/commun/svg/loupe.svg");
}
.svg.mail:before {
  background-image: url("../assets/commun/svg/mail.svg");
}
.svg.monde:before {
  background-image: url("../assets/commun/svg/monde.svg");
}
.svg.panier:before {
  background-image: url("../assets/commun/svg/panier.svg");
}
.svg.personne:before {
  background-image: url("../assets/commun/svg/personne.svg");
}
.svg.personne_m:before {
  background-image: url("../assets/commun/svg/personne_m.svg");
}
.svg.rouage:before {
  background-image: url("../assets/commun/svg/rouage.svg");
}
.svg.rouage_proximity:before {
  background-image: url("../assets/commun/svg/rouage_proximity.svg");
}
.svg.rouage_online:before {
  background-image: url("../assets/commun/svg/rouage_online.svg");
}
.svg.schema:before {
  background-image: url("../assets/commun/svg/schema.svg");
}
.svg.tchat:before {
  background-image: url("../assets/commun/svg/tchat.svg");
}
.svg.telephone:before {
  background-image: url("../assets/commun/svg/telephone.svg");
}
.svg.time:before {
  background-image: url("../assets/commun/svg/time.svg");
}
.svg.twitter:before {
  background-image: url("../assets/commun/svg/twitter.svg");
}
.svg.upload:before {
  background-image: url("../assets/commun/svg/upload.svg");
}
.svg.accompagnement:before {
  background-image: url("../assets/commun/svg/accompagnement.svg");
}
.svg.ecoute:before {
  background-image: url("../assets/commun/svg/ecoute.svg");
}
.svg.efficience:before {
  background-image: url("../assets/commun/svg/efficience.svg");
}
.svg.chrono:before {
  background-image: url("../assets/commun/svg/chrono.svg");
}
.svg.icone:before {
  background-image: url("../assets/commun/svg/icone.svg");
}
.svg.chrono-retail:before {
  background-image: url("../assets/commun/svg/chrono-retail.svg");
}
.svg.icone-retail:before {
  background-image: url("../assets/commun/svg/icone-retail.svg");
}
.svg.bulles-retail:before {
  background-image: url("../assets/commun/svg/bulles-retail.svg");
}
.svg.store-retail:before {
  background-image: url("../assets/commun/svg/store-retail.svg");
}
.svg.casque-retail:before {
  background-image: url("../assets/commun/svg/casque-retail.svg");
}
.svg.bouclier-retail:before {
  background-image: url("../assets/commun/svg/bouclier-retail.svg");
}
.svg.chrono-proximity:before {
  background-image: url("../assets/commun/svg/chrono-proximity.svg");
}
.svg.icone-proximity:before {
  background-image: url("../assets/commun/svg/icone-proximity.svg");
}
.svg.bulles-proximity:before {
  background-image: url("../assets/commun/svg/bulles-proximity.svg");
}
.svg.store-proximity:before {
  background-image: url("../assets/commun/svg/store-proximity.svg");
}
.svg.casque-proximity:before {
  background-image: url("../assets/commun/svg/casque-proximity.svg");
}
.svg.bouclier-proximity:before {
  background-image: url("../assets/commun/svg/bouclier-proximity.svg");
}
.svg.chrono-split:before {
  background-image: url("../assets/commun/svg/chrono-split.svg");
}
.svg.icone-split:before {
  background-image: url("../assets/commun/svg/icone-split.svg");
}
.svg.bulles-split:before {
  background-image: url("../assets/commun/svg/bulles-split.svg");
}
.svg.store-split:before {
  background-image: url("../assets/commun/svg/store-split.svg");
}
.svg.casque-split:before {
  background-image: url("../assets/commun/svg/casque-split.svg");
}
.svg.bouclier-split:before {
  background-image: url("../assets/commun/svg/bouclier-split.svg");
}
.svg.chrono-retail-online:before {
  background-image: url("../assets/commun/svg/chrono-online.svg");
}
.svg.icone-online:before {
  background-image: url("../assets/commun/svg/icone-online.svg");
}
.svg.bulle-online:before {
  background-image: url("../assets/commun/svg/bulle-online.svg");
}
.svg.store-online:before {
  background-image: url("../assets/commun/svg/store-online.svg");
}
.svg.casque-online:before {
  background-image: url("../assets/commun/svg/casque-online.svg");
}
.svg.bouclier-online:before {
  background-image: url("../assets/commun/svg/bouclier-online.svg");
}
.svg.sans-contact:before {
  background-image: url("../assets/commun/svg/sans-contact.svg");
  margin: auto;
  background-position: center;
  margin-right: 20px;
  min-width: 60px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.sans-contact-plus:before {
  background-image: url("../assets/commun/svg/sans-contact+.svg");
  margin: auto;
  background-position: center;
  margin-right: 20px;
  min-width: 60px;
  height: 105px;
  flex-wrap: nowrap;
}
.svg.sans-contact-plus,
.svg.sans-contact {
  flex-wrap: nowrap;
}
.svg.calendrier1:before {
  background-image: url("../assets/commun/svg/calendrier1.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.calendrier2:before {
  background-image: url("../assets/commun/svg/calendrier2.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.calendrier3:before {
  background-image: url("../assets/commun/svg/calendrier3.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.calendriers1:before {
  background-image: url("../assets/commun/svg/calendriers1.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.calendriers2:before {
  background-image: url("../assets/commun/svg/calendriers2.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.proximite:before {
  background-image: url("../assets/commun/svg/proximite.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.fraude:before {
  background-image: url("../assets/commun/svg/fraude.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.multilingue:before {
  background-image: url("../assets/commun/svg/multilingue.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.securite:before {
  background-image: url("../assets/commun/svg/securite.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.responsive:before {
  background-image: url("../assets/commun/svg/responsive.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.catalogue:before {
  background-image: url("../assets/commun/svg/catalogue.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.besoins:before {
  background-image: url("../assets/commun/svg/besoins.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.cb:before {
  background-image: url("../assets/commun/svg/cb.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.facile:before {
  background-image: url("../assets/commun/svg/facile.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.gestion:before {
  background-image: url("../assets/commun/svg/gestion.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.express:before {
  background-image: url("../assets/commun/svg/express.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.cotisation:before {
  background-image: url("../assets/commun/svg/cotisation.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.click-to-pay:before {
  background-image: url("../assets/commun/svg/click-to-pay.svg");
  background-position: center;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.pci-dss:before {
  background-image: url("../assets/commun/logos/petit/pci-dss.png");
  background-position: center;
  margin-right: 20px;
  height: 40px;
  flex-wrap: nowrap;
}
.svg.cm-cic:before {
  background-image: url("../assets/commun/logos/petit/cm-cic.png");
  background-position: center;
  margin-right: 20px;
  height: 40px;
  flex-wrap: nowrap;
}
/*==============================================
. Break
============================================== */
/*==============================================
. Fonts
============================================== */
.cc.ctxt-marque .marque-2col-bg {
  position: relative;
  /*
            &__container {
                &::before {
                    content: "";
                    display: inline-block;
                    height: 0;
                    width: calc(45% - 27px);
                    border-bottom: 51px solid @Blanc;
                    border-right: 27px solid transparent;
                    position: absolute;
                    left: 0;
                    top: -51px;
                    z-index: 3;
                }
            }*/
}
.cc.ctxt-marque .marque-2col-bg::before {
  content: "";
  display: inline-block;
  height: 0;
  width: calc(45% - 27px);
  border-bottom: 51px solid #ffffff;
  border-right: 27px solid transparent;
  position: absolute;
  left: 0;
  top: -51px;
  z-index: 3;
}
.cc.ctxt-marque .marque-2col-bg.bg-light--retail,
.cc.ctxt-marque .marque-2col-bg.bg-light--online,
.cc.ctxt-marque .marque-2col-bg.bg-light--proximity,
.cc.ctxt-marque .marque-2col-bg.bg-light--split {
  /*px*/ padding: 40px 0;
  /*rem*/ padding: 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg.bg-light--retail,
  .cc.ctxt-marque .marque-2col-bg.bg-light--online,
  .cc.ctxt-marque .marque-2col-bg.bg-light--proximity,
  .cc.ctxt-marque .marque-2col-bg.bg-light--split {
    /*px*/ padding: 90px 0;
    /*rem*/ padding: 5.625rem 0;
    margin-top: 140px;
  }
}
.cc.ctxt-marque .marque-2col-bg.bg-light--retail .marque-2col-bg__container,
.cc.ctxt-marque .marque-2col-bg.bg-light--online .marque-2col-bg__container,
.cc.ctxt-marque .marque-2col-bg.bg-light--proximity .marque-2col-bg__container,
.cc.ctxt-marque .marque-2col-bg.bg-light--split .marque-2col-bg__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg.bg-light--retail .marque-2col-bg__container,
  .cc.ctxt-marque .marque-2col-bg.bg-light--online .marque-2col-bg__container,
  .cc.ctxt-marque .marque-2col-bg.bg-light--proximity .marque-2col-bg__container,
  .cc.ctxt-marque .marque-2col-bg.bg-light--split .marque-2col-bg__container {
    gap: 90px;
  }
}
.cc.ctxt-marque .marque-2col-bg.bg-light--retail .marque-2col-bg__container > section,
.cc.ctxt-marque .marque-2col-bg.bg-light--online .marque-2col-bg__container > section,
.cc.ctxt-marque .marque-2col-bg.bg-light--proximity .marque-2col-bg__container > section,
.cc.ctxt-marque .marque-2col-bg.bg-light--split .marque-2col-bg__container > section {
  margin: 0;
}
.cc.ctxt-marque .marque-2col-bg main,
.cc.ctxt-marque .marque-2col-bg .main-content {
  flex-wrap: wrap;
  margin-bottom: 90px;
}
.cc.ctxt-marque .marque-2col-bg main section,
.cc.ctxt-marque .marque-2col-bg .main-content section {
  margin: 0 auto;
  padding-top: 90px;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg main section,
  .cc.ctxt-marque .marque-2col-bg .main-content section {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg__element {
    display: flex;
    justify-content: space-between;
    gap: 100px;
  }
}
.cc.ctxt-marque .marque-2col-bg__element img {
  max-width: 100%;
  height: fit-content;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg__element img {
    height: auto;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg__left {
    width: 50%;
    height: 100%;
    position: sticky;
    top: 120px;
  }
}
.cc.ctxt-marque .marque-2col-bg__left__info {
  background-color: #ffffff;
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  margin: 0;
}
.cc.ctxt-marque .marque-2col-bg__left__info2 {
  background-color: #ffffff;
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  margin: 0;
}
.cc.ctxt-marque .marque-2col-bg__left__info2.color--online {
  background-color: #298568;
  color: white;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg__left h2:first-child {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg__right {
    width: 50%;
  }
}
.cc.ctxt-marque .marque-2col-bg__right a.button {
  margin-top: 30px;
  display: block;
}
.cc.ctxt-marque .marque-2col-bg__right h3 {
  margin-top: 40px;
}
.cc.ctxt-marque .marque-2col-bg__right > h3:first-child {
  margin-top: 0;
}
.cc.ctxt-marque .marque-2col-bg__right > img {
  margin-bottom: 30px;
  display: block;
}
.cc.ctxt-marque .marque-2col-bg__right > img:last-child {
  margin-bottom: 0px;
}
.cc.ctxt-marque .marque-2col-bg__right .flex50 img {
  border-radius: 4px;
}
.cc.ctxt-marque .marque-2col-bg__right .encart {
  background: white;
  border-radius: 20px;
  padding: 0 18px;
  position: relative;
  margin-top: 2em;
}
.cc.ctxt-marque .marque-2col-bg__right .encart > h3:first-child {
  margin-top: 18px;
}
.cc.ctxt-marque .marque-2col-bg__right .encart::after {
  content: url("../assets/proximity/pages/tpe-monetico-smart-restaurateur/Proximity_Restauration.png");
  position: absolute;
  left: -25px;
  top: -25px;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg--retail {
    margin-top: 90px;
  }
}
.cc.ctxt-marque .marque-2col-bg--retail::before {
  border-bottom: 51px solid #F3F0F5;
}
.cc.ctxt-marque .marque-2col-bg--retail .marque-2col-bg__container::before {
  border-bottom: 51px solid #F3F0F5;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg--online {
    margin-top: 90px;
  }
}
.cc.ctxt-marque .marque-2col-bg--online::before {
  border-bottom: 51px solid #EDF5F2;
}
.cc.ctxt-marque .marque-2col-bg--online .marque-2col-bg__container::before {
  border-bottom: 51px solid #EDF5F2;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg--proximity {
    margin-top: 90px;
  }
}
.cc.ctxt-marque .marque-2col-bg--proximity::before {
  border-bottom: 51px solid #F9F3F1;
}
.cc.ctxt-marque .marque-2col-bg--proximity .marque-2col-bg__container::before {
  border-bottom: 51px solid #F9F3F1;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg--split {
    margin-top: 90px;
  }
}
.cc.ctxt-marque .marque-2col-bg--split::before {
  border-bottom: 51px solid #FAF1F1;
}
.cc.ctxt-marque .marque-2col-bg--split .marque-2col-bg__container::before {
  border-bottom: 51px solid #FAF1F1;
}
.cc.ctxt-marque .marque-2col-bg .liste {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.cc.ctxt-marque .marque-2col-bg .liste .liste-content {
  border-radius: 5px;
  overflow: hidden;
}
.cc.ctxt-marque .marque-2col-bg .liste .liste-content figure {
  margin: 0;
  max-width: 100%;
}
.cc.ctxt-marque .marque-2col-bg .liste .liste-content figure img {
  max-width: 100%;
}
.cc.ctxt-marque .marque-2col-bg .liste .liste-content .liste-container {
  padding: 25px;
}
.cc.ctxt-marque .marque-2col-bg .liste .article-tile__description {
  -webkit-line-clamp: inherit;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div {
  background-color: white;
  border-radius: 15px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape {
  font-size: 1.5em;
  color: white;
  width: 50px;
  height: 50px;
  background: #298568;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape1 {
  width: 100%;
  background-color: #daece6;
  height: 7px;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape1 span {
  height: 7px;
  width: 25%;
  display: block;
  background: #298568;
  border-radius: 0 5px 5px 0;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape2 {
  width: 100%;
  background-color: #daece6;
  height: 7px;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape2 span {
  height: 7px;
  width: 50%;
  display: block;
  background: #298568;
  border-radius: 0 5px 5px 0;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape3 {
  width: 100%;
  background-color: #daece6;
  height: 7px;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape3 span {
  height: 7px;
  width: 75%;
  display: block;
  background: #298568;
  border-radius: 0 5px 5px 0;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape4 {
  width: 100%;
  background-color: #daece6;
  height: 7px;
}
.cc.ctxt-marque .marque-2col-bg .etapes > div .etape4 span {
  height: 7px;
  width: 100%;
  display: block;
  background: #298568;
}
.cc.ctxt-marque .marque-2col-bg .video {
  max-width: 70%;
  margin: auto;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-marque .marque-2col-bg .video {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-marque.ctxt-home .marque-2col-bg--retail,
  .cc.ctxt-marque.ctxt-home .marque-2col-bg--online,
  .cc.ctxt-marque.ctxt-home .marque-2col-bg--proximity,
  .cc.ctxt-marque.ctxt-home .marque-2col-bg--split {
    /*px*/ margin-top: 141px;
    /*rem*/ margin-top: 8.8125rem;
  }
}
.cc .marque-encart-contact {
  /*px*/ margin-top: 40px;
  /*rem*/ margin-top: 2.5rem;
}
.cc .marque-encart-contact__container {
  overflow: hidden;
  box-shadow: 0px -10px 64px 0px #0000000A;
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact__container {
    display: flex;
    border-radius: 4px;
  }
}
.cc .marque-encart-contact__left {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact__left {
    position: relative;
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact__left {
    width: 66%;
    align-items: flex-end;
  }
}
.cc .marque-encart-contact__left p {
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact__left::after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 51px solid #034991;
    border-right: 27px solid transparent;
    border-bottom: 27px solid transparent;
    position: absolute;
    left: 0;
    bottom: -76px;
    z-index: 3;
  }
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  .cc .marque-encart-contact__img {
    width: 40%;
  }
}
@media only screen and (max-width: 480px) {
  .cc .marque-encart-contact__img {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact__img {
    display: flex;
    align-items: flex-end;
    padding-right: 25px;
  }
}
.cc .marque-encart-contact__img img {
  display: block;
  z-index: 2;
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact__img img {
    width: 100%;
  }
}
.cc .marque-encart-contact__text {
  padding-top: 30px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact__text {
    padding: 74px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .cc .marque-encart-contact__text {
    padding-right: 0;
  }
}
.cc .marque-encart-contact__text .button {
  margin-top: 20px;
}
.cc .marque-encart-contact__title {
  margin: 0;
  font-family: sora, Arial, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 48.4px;
  text-align: left;
}
@media only screen and (max-width: 1441px) {
  .cc .marque-encart-contact__title {
    font-size: 32px;
    line-height: 38.4px;
  }
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact__title {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact__right {
    position: relative;
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
  }
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact__right::before {
    content: "";
    display: inline-block;
    width: 0;
    border-left: 360px solid transparent;
    border-bottom: 720px solid #ffffff;
    position: absolute;
    left: -280px;
    z-index: 1;
  }
}
.cc .marque-encart-contact__right p strong {
  font-family: sora, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.cc .marque-encart-contact__right form {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
}
.cc .marque-encart-contact__right form input {
  border-radius: 5px;
  border: 0;
  padding: 1em 1.5em 1em 1.5em;
  width: 100%;
}
.cc .marque-encart-contact__right form button {
  min-width: fit-content;
}
.cc .marque-encart-contact__newsletter {
  padding: 30px 0;
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact__newsletter {
    padding: 74px 74px 74px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
  }
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact--retail {
    background: linear-gradient(0deg, #F3F0F5 60%, #ffffff 60%);
  }
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact--retail .marque-encart-contact__left::after {
    border-top: 51px solid #652d87;
  }
}
.cc .marque-encart-contact--retail .marque-encart-contact__img img {
  z-index: 0;
}
.cc .marque-encart-contact--online {
  background: linear-gradient(0deg, #EDF5F2 60%, #ffffff 60%);
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact--online .marque-encart-contact__left {
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact--online .marque-encart-contact__left::after {
    border-top: 51px solid #298568;
  }
}
.cc .marque-encart-contact--proximity {
  background: linear-gradient(0deg, #F9F3F1 60%, #ffffff 60%);
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact--proximity .marque-encart-contact__left {
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact--proximity .marque-encart-contact__left::after {
    border-top: 51px solid #BE5729;
  }
}
.cc .marque-encart-contact--split {
  background: linear-gradient(0deg, #FAF1F1 60%, #ffffff 60%);
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-contact--split .marque-encart-contact__left {
    align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-contact--split .marque-encart-contact__left::after {
    border-top: 51px solid #A01F3D;
  }
}
.cc.ctxt-marque--retail a:hover {
  color: #652d87;
}
.cc.ctxt-marque--proximity a:hover {
  color: #BE5729;
}
.cc.ctxt-marque--split a:hover {
  color: #A01F3D;
}
.cc.ctxt-marque--online a:hover {
  color: #298568;
}
.cc.ctxt-home .marque-hero {
  position: relative;
}
.cc.ctxt-home .marque-hero__container--retail {
  background: linear-gradient(183.07deg, rgba(226, 216, 231, 0) 65.85%, #F3F0F5 133.54%);
}
.cc.ctxt-home .marque-hero__container--online {
  background: linear-gradient(183.07deg, rgba(226, 216, 231, 0) 65.85%, #EDF5F2 133.54%);
}
.cc.ctxt-home .marque-hero__container--proximity {
  background: linear-gradient(183.07deg, rgba(226, 216, 231, 0) 65.85%, #F9F3F1 133.54%);
}
.cc.ctxt-home .marque-hero__container--split {
  background: linear-gradient(183.07deg, rgba(226, 216, 231, 0) 65.85%, #FAF1F1 133.54%);
}
.cc.ctxt-home .marque-hero__title {
  width: 100%;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.cc.ctxt-home .marque-hero__title h1 {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__title h1 {
    font-size: 58px;
    line-height: 63.8px;
    margin: 0;
    padding: 0 25%;
  }
}
.cc.ctxt-home .marque-hero__title p {
  color: #606F7E;
  font-size: 22px;
  text-wrap: balance;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  margin: 18px auto 45px;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__title p {
    width: 30%;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .marque-hero__title p {
    width: 50%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__title p {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__background--desktop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 4.875rem - 50px);
  }
}
.cc.ctxt-home .marque-hero__background--mobile {
  position: relative;
  margin-top: -100px;
  display: flex;
  justify-content: center;
}
.cc.ctxt-home .marque-hero__background--mobile img:first-child {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-home .marque-hero__background--mobile {
    margin-top: -300px;
  }
}
.cc.ctxt-home .marque-hero__left {
  width: 50%;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__left {
    margin-left: -20%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .marque-hero__left {
    height: fit-content;
  }
}
.cc.ctxt-home .marque-hero__left #retail-img {
  position: absolute;
  left: 100px;
  top: 93px;
  top: unset;
  bottom: 0;
  max-height: 70vh;
  width: auto;
  height: 100%;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .marque-hero__left #retail-img {
    width: 50%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__left #retail-img {
    left: -50px;
    height: auto;
  }
}
.cc.ctxt-home .marque-hero__left #online-img {
  position: absolute;
  left: 0;
  top: 144px;
  top: unset;
  bottom: 0;
  max-height: 70vh;
  width: auto;
  height: 100%;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .marque-hero__left #online-img {
    width: 50%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__left #online-img {
    left: -50px;
    height: auto;
  }
}
.cc.ctxt-home .marque-hero__left #proximity-img {
  position: absolute;
  left: 0;
  top: 144px;
  top: unset;
  bottom: 0;
  max-height: 70vh;
  width: auto;
  height: 100%;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .marque-hero__left #proximity-img {
    width: 50%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__left #proximity-img {
    left: -50px;
    height: auto;
  }
}
.cc.ctxt-home .marque-hero__left img {
  display: flex;
  height: 100%;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .marque-hero__left img {
    position: absolute;
    bottom: 0;
    width: 27vw;
    height: auto;
  }
}
.cc.ctxt-home .marque-hero__right {
  width: 50%;
  position: relative;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__right {
    margin-right: -20%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .marque-hero__right {
    height: fit-content;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__right {
    display: flex;
    justify-content: flex-end;
  }
}
.cc.ctxt-home .marque-hero__right #retail-anim {
  position: absolute;
  right: 30px;
  top: -62px;
}
.cc.ctxt-home .marque-hero__right #split-img {
  position: absolute;
  right: 0;
  top: 1px;
  width: auto;
  height: 100%;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .marque-hero__right #split-img {
    width: 50%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__right #split-img {
    height: auto;
    bottom: 0;
    top: auto;
    right: 50px;
  }
}
.cc.ctxt-home .marque-hero__right img {
  display: flex;
  height: 100%;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .marque-hero__right img {
    position: absolute;
    bottom: 0;
    width: 27vw;
    height: auto;
  }
}
.cc.ctxt-home .marque-hero__carre-illustration--ventes {
  transform: scale(0.6);
  right: -20px;
  top: 300px;
  /* iPad Pro 12.9" en mode portrait */
}
@media only screen and (min-width: 480px) {
  .cc.ctxt-home .marque-hero__carre-illustration--ventes {
    transform: none;
    right: 70px;
    top: 280px;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__carre-illustration--ventes {
    right: 70px;
    top: 70px;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .marque-hero__carre-illustration--ventes {
    right: 140px;
    top: 70px;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__carre-illustration--ventes {
    top: 200px;
  }
}
.cc.ctxt-home .marque-hero__carre-illustration--protection {
  transform: scale(0.6);
  right: -20px;
  top: 450px;
}
@media only screen and (min-width: 480px) {
  .cc.ctxt-home .marque-hero__carre-illustration--protection {
    transform: none;
    right: 210px;
    top: 590px;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__carre-illustration--protection {
    right: 220px;
    top: 500px;
    top: 45vh;
    right: 15vw;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__carre-illustration--protection {
    top: 65vh;
    right: 15vw;
  }
}
.cc.ctxt-home .marque-hero__rectangle-illustration--ventes-totales {
  transform: scale(0.6);
  right: -20px;
  top: 450px;
}
@media only screen and (min-width: 480px) {
  .cc.ctxt-home .marque-hero__rectangle-illustration--ventes-totales {
    transform: none;
    right: 210px;
    top: 590px;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-hero__rectangle-illustration--ventes-totales {
    right: 220px;
    top: 500px;
    top: 55vh;
    right: 10vw;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .marque-hero__rectangle-illustration--ventes-totales {
    right: 15vw;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .cc.ctxt-home .marque-hero__rectangle-illustration--ventes-totales {
    top: 63vh;
  }
}
.cc.ctxt-home.ctxt-marque--split #PopUpVideo {
  max-width: 90%;
  width: auto;
  height: 40vh;
  display: block;
  margin: auto;
  margin-bottom: 25px;
}
.cc.ctxt-home.ctxt-marque--split .marque-hero__title {
  position: relative;
  padding: 5vh 0;
  transform: none;
  top: inherit;
  left: inherit;
}
.cc.ctxt-home.ctxt-marque--split .marque-hero__background--desktop {
  position: absolute;
  bottom: 0;
}
.cc.ctxt-home.ctxt-marque--split .marque-hero__background--mobile {
  margin-top: -60vh;
}
.cc.ctxt-home .marque-desc__container {
  justify-content: space-between;
}
.cc.ctxt-home .marque-desc__title h2 {
  font-family: sora, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.4px;
  text-align: left;
  margin-top: 0;
}
.cc.ctxt-home .marque-desc__logos {
  display: flex;
  align-items: center;
}
.cc.ctxt-home .marque-desc__logos #cm {
  height: 15px;
  margin-right: 30px;
}
.cc.ctxt-home .marque-desc__logos #cic {
  height: 24px;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .marque-desc__logos {
    margin-bottom: 18px;
  }
}
.cc.ctxt-home .marque-desc__text p {
  color: #606F7E;
  font-size: 18px;
  line-height: 25.2px;
  text-align: left;
}
.cc.ctxt-home .marque-desc__text p:first-child {
  margin-top: 0;
}
.cc.ctxt-home .marque-decouvrir {
  padding-top: 0;
}
.cc.ctxt-home .marque-decouvrir__title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-decouvrir__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cc.ctxt-home .marque-decouvrir__title h2 {
    margin: 0;
  }
}
.cc.ctxt-home .marque-decouvrir__element {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-decouvrir__element {
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-decouvrir__element:nth-child(odd) {
    flex-direction: row-reverse;
  }
}
.cc.ctxt-home .marque-decouvrir__element:last-child {
  margin-bottom: ;
}
.cc.ctxt-home .marque-decouvrir__element p {
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-decouvrir__text {
    width: 470px;
    margin: auto;
  }
}
.cc.ctxt-home .marque-decouvrir__text h3 {
  margin-top: 32px;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .marque-decouvrir__text h3 {
    /*px*/ font-size: 32px;
    /*rem*/ font-size: 2rem;
    /*px*/ line-height: 38px;
    /*rem*/ line-height: 2.375rem;
  }
}
.cc.ctxt-home .marque-decouvrir__text p {
  color: #606F7E;
}
.cc .marque-encart-clients {
  margin: 0;
}
.cc .marque-encart-clients__up {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-clients__up {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .cc .marque-encart-clients__text {
    width: 50%;
  }
}
.cc .marque-encart-clients__text p {
  color: #ffffff;
}
.cc .marque-encart-clients__title {
  font-family: sora, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.4px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .cc .marque-encart-clients__title {
    font-size: 42px;
    line-height: 50px;
  }
}
.cc .marque-encart-clients__bandeau {
  display: flex;
}
.cc .marque-encart-clients__bandeau .bandeau__title {
  width: 20%;
  display: flex;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-clients__bandeau .bandeau__title {
    width: 5%;
  }
}
.cc .marque-encart-clients__bandeau .bandeau__title p {
  color: #ffffff;
  font-family: sora, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-clients__bandeau .bandeau__title p {
    display: none;
  }
}
.cc .marque-encart-clients__bandeau .bandeau__title::after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-right: 27px solid transparent;
  border-bottom: 27px solid transparent;
  position: absolute;
  left: 100%;
  z-index: 3;
}
.cc .marque-encart-clients__bandeau .bandeau__clients {
  background-color: #ffffff;
  width: 80%;
}
@media only screen and (max-width: 992px) {
  .cc .marque-encart-clients__bandeau .bandeau__clients {
    width: 95%;
  }
}
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel::before,
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel::after {
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 51px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel::before {
  left: 0;
  top: 0;
}
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel-container {
  white-space: nowrap;
  display: flex;
}
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 calc(100% / 4 / 4);
  height: 50px;
}
.cc .marque-encart-clients__bandeau .bandeau__clients .carousel-item img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.cc .marque-encart-clients__bandeau-container.bg--retail {
  background: linear-gradient(90deg, #652d87 0% 50%, #ffffff 50% 100%);
}
.cc .marque-encart-clients__bandeau-container.bg--retail .bandeau__title::after {
  border-top: 51px solid #652d87;
}
.cc .marque-encart-clients__bandeau-container.bg--online {
  background: linear-gradient(90deg, #298568 0% 50%, #ffffff 50% 100%);
}
.cc .marque-encart-clients__bandeau-container.bg--online .bandeau__title::after {
  border-top: 51px solid #298568;
}
.cc .marque-encart-clients__bandeau-container.bg--proximity {
  background: linear-gradient(90deg, #BE5729 0% 50%, #ffffff 50% 100%);
}
.cc .marque-encart-clients__bandeau-container.bg--proximity .bandeau__title::after {
  border-top: 51px solid #BE5729;
}
.cc.ctxt-newsroom .marque-encart-clients {
  /*px*/ margin: 40px 0;
  /*rem*/ margin: 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-newsroom .marque-encart-clients {
    /*px*/ margin: 90px 0;
    /*rem*/ margin: 5.625rem 0;
  }
}
.cc.ctxt-offre h3 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offre h3 {
    /*px*/ font-size: 24px;
    /*rem*/ font-size: 1.5rem;
  }
}
.cc.ctxt-offre nav {
  width: 100%;
  position: fixed;
  bottom: 0px;
  background-color: #ffffff;
  z-index: 100;
  box-shadow: 0px 8px 66px 0px #ebf0f4;
  border-top: 0.5px solid #ebf0f4;
}
.cc.ctxt-offre nav > div {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cc.ctxt-offre nav ul {
  width: 78%;
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.cc.ctxt-offre nav ul li a {
  text-decoration: none;
}
.cc.ctxt-offre nav ul strong {
  font-weight: normal;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-offre nav ul {
    width: 100%;
    padding-left: 0;
    overflow: scroll;
    justify-content: start;
  }
  .cc.ctxt-offre nav ul li a {
    display: block;
    width: max-content;
  }
}
.cc.ctxt-offre nav img {
  width: 130px;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-offre nav img {
    width: 30px;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
.cc.ctxt-offre nav a.button {
  padding: 0.5em 1em;
}
.cc.ctxt-offre nav.nav--retail ul li strong a {
  color: #652d87;
}
.cc.ctxt-offre nav.nav--retail a:hover {
  color: #652d87;
}
.cc.ctxt-offre nav.nav--online ul li strong a {
  color: #298568;
}
.cc.ctxt-offre nav.nav--online a:hover {
  color: #298568;
}
.cc.ctxt-offre nav.nav--proximity ul li strong a {
  color: #BE5729;
}
.cc.ctxt-offre nav.nav--proximity a:hover {
  color: #BE5729;
}
.cc.ctxt-offre nav.nav--split ul li strong a {
  color: #A01F3D;
}
.cc.ctxt-offre nav.nav--split a:hover {
  color: #A01F3D;
}
.cc.ctxt-offre .marque-hero {
  position: relative;
}
.cc.ctxt-offre .marque-hero:after {
  content: "";
  display: inline-block;
  height: 0;
  width: calc(45% - 27px);
  border-bottom: 51px solid #ffffff;
  border-right: 27px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.cc.ctxt-offre .marque-hero__container {
  position: relative;
  padding-top: 40px;
  padding-bottom: 91px;
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-offre .marque-hero__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.cc.ctxt-offre .marque-hero__container:last-child {
  padding-bottom: 171px;
}
.cc.ctxt-offre .marque-hero .kpictos {
  padding-bottom: calc(3.125rem + 50px);
  background: #298568;
}
.cc.ctxt-offre .marque-hero .kpictos h3 {
  margin: 0;
  border: 0;
  text-align: center;
}
.cc.ctxt-offre .marque-hero .kpictos p,
.cc.ctxt-offre .marque-hero .kpictos h3 {
  color: white;
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-offre .marque-hero__left {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-offre .marque-hero__right {
    width: 40%;
  }
}
.cc.ctxt-offre .marque-2col-bg__container::before {
  width: 75%;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre .marque-2col-bg__container::before {
    width: 50%;
  }
}
.cc.ctxt-offre .offre:nth-child(even) .flex {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-offre .offre:nth-child(even) .flex {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre .offre:nth-child(even) .flex .flex50 {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-offre .offre:nth-child(odd) .flex {
    flex-direction: column-reverse;
  }
}
.cc.ctxt-offre .dl h5 {
  margin: 1em 0;
}
.cc.ctxt-offre .dl a {
  text-decoration: underline;
}
.cc.ctxt-offre .paiement {
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-offre .paiement .border:nth-child(3),
  .cc.ctxt-offre .paiement .border:nth-child(4) {
    width: calc(50% - 10px) !important;
  }
  .cc.ctxt-offre .paiement .border:nth-child(5),
  .cc.ctxt-offre .paiement .border:nth-child(6),
  .cc.ctxt-offre .paiement .border:nth-child(7) {
    width: calc(33% - 14px) !important;
  }
  .cc.ctxt-offre .paiement .border:nth-child(8) {
    order: 2;
    width: calc(50% - 10px) !important;
  }
  .cc.ctxt-offre .paiement .border:nth-child(9) {
    order: 1;
  }
  .cc.ctxt-offre .paiement .border:nth-child(10) {
    order: 3;
    width: calc(50% - 10px) !important;
  }
}
.cc.ctxt-offre .paiement .border,
.cc.ctxt-offre .paiement .border-dotted {
  padding: 5px 20px 10px 20px;
  text-align: center;
  height: fit-content;
}
.cc.ctxt-offre .paiement p {
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.cc.ctxt-offre-globale .hero__content {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre-globale .hero__content {
    text-align: left;
  }
}
.cc.ctxt-offre-globale .hero__content-container {
  justify-content: flex-end;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-offre-globale .hero__content-container {
    height: calc(100vh - 4.875rem - 50px - 65px);
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-offre-globale header {
    height: 80vh;
  }
}
.cc.ctxt-offre-globale .hero__img {
  overflow: hidden;
}
.cc.ctxt-offre-globale .hero__img-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-offre-globale .hero__img-container {
    height: 80vh;
    width: 50%;
    position: absolute;
    right: 0;
  }
}
.cc.ctxt-offre-globale .hero__img-container img {
  max-width: none;
}
.cc.ctxt-offre-globale .hero__img-container picture img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre-globale .hero__img-container picture img {
    height: 100%;
  }
}
.cc.ctxt-offre-globale .marque-hero__carre-illustration--protection {
  scale: 0.7;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 480px) {
  .cc.ctxt-offre-globale .marque-hero__carre-illustration--protection {
    scale: 1;
    top: 10vw;
    right: 10vw;
    bottom: auto;
    left: auto;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre-globale .marque-hero__carre-illustration--protection {
    scale: 1;
    top: 5vh;
    right: 5vw;
    bottom: auto;
    left: auto;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-offre-globale .marque-hero__carre-illustration--protection {
    top: 10vh;
    right: auto;
    bottom: auto;
    left: 18vw;
  }
}
.cc.ctxt-offre-globale .marque-hero__carre-illustration--ventes {
  scale: 0.7;
  bottom: 0;
  left: -50px;
  top: auto;
  right: auto;
}
@media only screen and (min-width: 480px) {
  .cc.ctxt-offre-globale .marque-hero__carre-illustration--ventes {
    scale: 1;
    bottom: 10vw;
    left: 10vw;
    top: auto;
    right: auto;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre-globale .marque-hero__carre-illustration--ventes {
    scale: 1;
    top: auto;
    right: auto;
    bottom: 5vh;
    left: -2vw;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-offre-globale .marque-hero__carre-illustration--ventes {
    top: auto;
    bottom: 15vh;
    left: 8vw;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-offre-globale .marque-hero__img {
    margin: 0 -1.5rem;
    height: 100%;
    display: block;
  }
}
.cc.ctxt-marque--proximity .marque-2col-bg__right a:not(.button, .exp) {
  font-weight: bold;
  text-decoration: none;
  color: #BE5729;
  border-bottom: 2px solid #BE5729;
}
.cc.ctxt-marque--proximity .marque-2col-bg__right a:not(.button, .exp):hover {
  border-bottom: none;
}
.cc.ctxt-marque--retail .marque-2col-bg__right a:not(.button, .exp) {
  font-weight: bold;
  text-decoration: none;
  color: #652d87;
  border-bottom: 2px solid #652d87;
}
.cc.ctxt-marque--retail .marque-2col-bg__right a:not(.button, .exp):hover {
  border-bottom: none;
}
.cc section.nouveau-produit {
  margin-top: 0;
  position: relative;
  overflow-x: clip;
  /*px*/ padding: 40px 0;
  /*rem*/ padding: 2.5rem 0;
}
.cc section.nouveau-produit.bg--proximity figure {
  background-color: #f1dcd4;
}
.cc section.nouveau-produit.bg--retail figure {
  background-color: #F3F0F5;
}
@media only screen and (max-width: 992px) {
  .cc section.nouveau-produit {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc section.nouveau-produit {
    /*px*/ padding: 0;
    /*rem*/ padding: 0;
  }
}
.cc section.nouveau-produit .marque-2col-bg__element {
  gap: 0;
}
@media only screen and (max-width: 992px) {
  .cc section.nouveau-produit .marque-2col-bg__element {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    position: relative;
  }
}
.cc section.nouveau-produit .marque-2col-bg__element .commerce-hors-pdv figure {
  background-image: url(../assets/proximity/offres/commerce-hors-pdv/nouveau.jpg);
}
.cc section.nouveau-produit .marque-2col-bg__element .tpe-pdv figure {
  background-image: url(../assets/proximity/offres/tpe-pdv/nouveau.jpg);
}
.cc section.nouveau-produit .marque-2col-bg__element figure {
  -webkit-mask-image: url(../assets/commun/svg/mask.svg);
  mask-image: url(../assets/commun/svg/mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: -5%;
  height: 110%;
  padding: 0;
  margin: auto;
  display: flex;
  align-self: anchor-center;
  width: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 992px) {
  .cc section.nouveau-produit .marque-2col-bg__element figure {
    position: initial;
    -webkit-mask-image: none;
    mask-image: none;
    max-height: 200px;
    width: 100%;
  }
}
.cc section.nouveau-produit .marque-2col-bg__element figure img {
  max-width: initial;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc section.nouveau-produit .marque-2col-bg__element figure img {
    max-width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    width: 100%;
  }
}
.cc section.nouveau-produit .marque-2col-bg__container::before {
  content: none;
}
.cc section.nouveau-produit .marque-2col-bg__left {
  /*px*/ padding: 0;
  /*rem*/ padding: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .cc section.nouveau-produit .marque-2col-bg__left {
    /*px*/ padding: 90px 0;
    /*rem*/ padding: 5.625rem 0;
  }
}
.cc section.nouveau-produit .marque-2col-bg__left__info {
  color: #BE5729;
}
@media only screen and (max-width: 992px) {
  .cc section.nouveau-produit .marque-2col-bg__left__info {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 20px;
  }
}
.cc section.nouveau-produit h2,
.cc section.nouveau-produit h3,
.cc section.nouveau-produit h4,
.cc section.nouveau-produit p,
.cc section.nouveau-produit a,
.cc section.nouveau-produit li {
  color: #ffffff;
}
.cc section.nouveau-produit a:hover {
  color: #f1dcd4;
}
.cc.ctxt-offre .marque-hero-noafter .marque-hero__container {
  /*px*/ padding-top: 40px;
  /*rem*/ padding-top: 2.5rem;
  /*px*/ padding-bottom: 40px;
  /*rem*/ padding-bottom: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre .marque-hero-noafter .marque-hero__container {
    /*px*/ padding-top: 120px;
    /*rem*/ padding-top: 7.5rem;
    /*px*/ padding-bottom: 120px;
    /*rem*/ padding-bottom: 7.5rem;
  }
}
.cc.ctxt-offre {
  /*.titre{
        &-droite__container{
            .marque-2col-bg__element{
                @media @min_medium{
                    flex-direction: row-reverse;
                    .marque-2col-bg__right{
                        height: 100%;
                        position: sticky;
                        top: 120px;
                    }
                    .marque-2col-bg__left{
                        position: initial;
                        height: auto;


                    }
                }
            }
        }
        &-droite__container,
        &-gauche__container{
            .align-center{
                .marque-2col-bg__right,
                .marque-2col-bg__left{
                    position: inherit;
                }
            }
            img.icon{
                max-height: 250px;
            }
            img.moyen{
                max-height: 450px;
            }
        }
    }*/
}
.cc.ctxt-offre .marque-title-white {
  color: white;
}
.cc.ctxt-offre .toggle__container__image {
  display: flex;
  flex-direction: column;
}
.cc.ctxt-offre .toggle__container__image__img {
  text-align: center;
}
.cc.ctxt-offre .toggle__container__image__img img {
  display: block;
  max-height: 300px;
  max-width: 100%;
  margin: auto;
}
.cc.ctxt-offre .toggle__container__image__img video {
  display: block;
  max-height: 300px;
  max-width: 100%;
  margin: auto;
}
.cc.ctxt-offre .toggle__container__image__img video::-webkit-media-controls {
  display: none !important;
}
.cc.ctxt-offre .toggle__container__image__img video::-moz-media-controls {
  display: none !important;
}
.cc.ctxt-offre .toggle__container__image__img video::media-controls {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre .toggle__container__image {
    flex-direction: row;
    justify-content: space-between;
  }
  .cc.ctxt-offre .toggle__container__image__text {
    width: calc(50% - 10px);
  }
  .cc.ctxt-offre .toggle__container__image__img {
    text-align: right;
    width: calc(50% - 10px);
  }
}
.cc.ctxt-offre .grille__container__content {
  display: flex;
  flex-direction: column;
}
.cc.ctxt-offre .grille__container__content .gg .grille {
  width: 100%;
}
.cc.ctxt-offre .grille__container__content .gg .grille-img {
  text-align: center;
}
.cc.ctxt-offre .grille__container__content .gg .grille-img img {
  max-width: 100px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre .grille__container__content {
    gap: 10px;
    flex-direction: row;
  }
  .cc.ctxt-offre .grille__container__content .gg {
    width: calc((100% / 3) - (20px / 3));
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offre .titre-droite__container {
    flex-direction: row-reverse;
  }
  .cc.ctxt-offre .titre-droite__container .marque-2col-bg__right {
    height: 100%;
    position: sticky;
    top: 120px;
  }
  .cc.ctxt-offre .titre-droite__container .marque-2col-bg__left {
    position: initial;
    height: auto;
  }
}
.cc.ctxt-offre .titre-droite__container.align-center .marque-2col-bg__right,
.cc.ctxt-offre .titre-gauche__container.align-center .marque-2col-bg__right,
.cc.ctxt-offre .titre-droite__container.align-center .marque-2col-bg__left,
.cc.ctxt-offre .titre-gauche__container.align-center .marque-2col-bg__left {
  position: inherit;
}
.cc.ctxt-offre .titre-droite__container img.icon,
.cc.ctxt-offre .titre-gauche__container img.icon {
  max-height: 250px;
}
.cc.ctxt-offre .titre-droite__container img.moyen,
.cc.ctxt-offre .titre-gauche__container img.moyen {
  max-height: 450px;
}
.cc.ctxt-offre ul.styled-plus {
  list-style: none;
}
.cc.ctxt-offre ul.styled-plus li {
  position: relative;
}
.cc.ctxt-offre ul.styled-plus li:before {
  content: '+';
  display: block;
  position: absolute;
  font-weight: bold;
  color: #BE5729;
  left: -20px;
  font-size: 20px;
}
.cc.ctxt-offre .img-png figure {
  background: white;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-offre .img-png {
    display: contents !important;
  }
  .cc.ctxt-offre .img-png figure {
    max-height: fit-content !important;
  }
  .cc.ctxt-offre .img-png figure img {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: auto !important;
  }
}
.cc.ctxt-offre .img-center figure {
  justify-content: center;
}
.cc.ctxt-offre .center img {
  margin-right: auto;
  margin-left: auto;
}
.cc.ctxt-newsletter .marque-newsletter {
  padding: 0;
}
.cc.ctxt-newsletter .marque-newsletter form {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  width: 100%;
}
.cc.ctxt-newsletter .marque-newsletter form input {
  border-radius: 5px;
  border: 0;
  padding: 1em 1.5em;
  width: calc(100% - 60px);
}
.cc.ctxt-newsletter .triangle {
  position: relative;
}
.cc.ctxt-newsletter .triangle::before {
  content: "";
  background-image: url(https://sit-cdnwm.e-i.com/SITW/wm/global/1.0.0/monetico/assets/commun/svg/triangle.svg);
  background-size: cover;
  position: absolute;
  width: inherit;
  top: 0;
  bottom: 0;
}
.cc .marque-hero__carre-illustration {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  box-shadow: #00000010 0px 0px 60px;
}
@media only screen and (min-width: 768px) {
  .cc .marque-hero__carre-illustration {
    display: block;
  }
}
.cc .marque-hero__carre-illustration .st6 {
  font-size: 15px;
}
.cc .marque-hero__carre-illustration .st11 {
  font-size: 12px;
}
.cc .marque-hero__rectangle-illustration {
  width: 300px;
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  box-shadow: #00000010 0px 0px 60px;
}
@media only screen and (min-width: 768px) {
  .cc .marque-hero__rectangle-illustration {
    display: block;
  }
}
.cc .illustration-ventes-totales {
  padding: 20px;
}
.cc .illustration-ventes-totales__titre {
  font-family: Sora;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 0;
}
.cc .illustration-ventes-totales .anim_illustration-ventes-totales__description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cc .illustration-ventes-totales .anim_illustration-ventes-totales__description div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.cc .illustration-ventes-totales .anim_illustration-ventes-totales__description div.anim-price {
  margin-top: 1em;
  margin-bottom: 1em;
  height: 25px;
  overflow: hidden;
}
.cc .illustration-ventes-totales .anim_illustration-ventes-totales__description div.anim-span {
  height: 32px;
  overflow: hidden;
}
.cc .illustration-ventes-totales .anim_illustration-ventes-totales__description div.anim-span .pourcent {
  font-size: 12px;
  color: #000000;
  background-color: #EDF5F2;
  padding: 5px;
  border-radius: 20px;
  margin-left: 5px;
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.cc .illustration-ventes-totales__description {
  display: flex;
  align-items: center;
}
.cc .illustration-ventes-totales__rect1 {
  height: 5px;
  width: 70%;
  background: #eaeaea;
}
.cc .illustration-ventes-totales__rect2 {
  height: 5px;
  width: 100%;
  background: #dcdcdc;
  margin-top: 5px;
}
.cc .illustration-protection {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.cc .illustration-protection__logo {
  margin-bottom: 10px;
  transform: scale(0.7);
}
.cc .illustration-protection__titre {
  font-family: Sora;
  font-size: 23.45px;
  font-weight: 400;
  line-height: 29.54px;
  text-align: center;
  margin: 0;
}
.cc .illustration-protection__description {
  font-family: Sora;
  font-size: 8.79px;
  font-weight: 400;
  line-height: 15.83px;
  text-align: left;
}
.cc .illustration-protection__mention {
  padding: 2.92px 5.84px 2.92px 5.84px;
  border-radius: 100px;
  background-color: #d9f4cc;
}
.cc .illustration-protection__mention p {
  font-family: Sora;
  font-size: 10.22px;
  font-weight: 400;
  line-height: 12.88px;
  text-align: left;
  margin: 0;
}