/****************************************/
/**********  Style 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 .accordeon {
  padding: 0;
}
.cc .accordeon > h3 {
  margin: 0;
}
.cc .accordeon [data-question] {
  cursor: pointer;
  font-weight: 700;
  position: relative;
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  /*px*/ padding: 42px 33px 42px 0;
  /*rem*/ padding: 2.625rem 2.0625rem 2.625rem 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  text-align: left;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  /*px*/ line-height: 29px;
  /*rem*/ line-height: 1.8125rem;
  color: #034991;
  border-top: 1px solid #bfbfc2;
}
@media only screen and (max-width: 992px) {
  .cc .accordeon [data-question] {
    /*px*/ font-size: 22px;
    /*rem*/ font-size: 1.375rem;
  }
}
.cc .accordeon [data-question]:after {
  font-family: fts_picto;
  content: "\F0327";
  /*px*/ padding-right: 5px;
  /*rem*/ padding-right: 0.3125rem;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  color: rgba(89, 89, 89, 0.2);
  position: absolute;
  right: 0;
  top: calc(50% - 15px);
}
.cc .accordeon [data-question][aria-expanded="true"] {
  font-weight: 700;
}
.cc .accordeon [data-question][aria-expanded="true"]:after {
  content: "\F032A";
  color: #034991;
}
.cc .accordeon [data-answer] {
  display: none;
  margin: 0;
}
.cc .accordeon [data-answer][data-expanded="true"] {
  display: block;
  /*px*/ margin-bottom: 42px;
  /*rem*/ margin-bottom: 2.625rem;
}
.cc .accordeon.pdf button:before {
  content: url("../../../CSD/assets/pictos/securite.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
.cc .accordeon.pdf ul {
  margin: 0;
  padding-left: 0;
}
.cc .accordeon.pdf ul li {
  border-bottom: 1px solid rgba(89, 89, 89, 0.2);
  margin: 0;
  /*px*/ padding: 18px 15px 15px;
  /*rem*/ padding: 1.125rem 0.9375rem 0.9375rem;
}
@media only screen and (max-width: 992px) {
  .cc .accordeon.pdf ul li {
    /*px*/ padding: 15px 0;
    /*rem*/ padding: 0.9375rem 0;
  }
}
.cc .accordeon.pdf ul li:first-child {
  padding-top: 0;
}
.cc .accordeon.pdf ul li:last-child {
  /*px*/ margin-bottom: -15px;
  /*rem*/ margin-bottom: -0.9375rem;
  border: none;
}
.cc .accordeon.pdf a[href$=".pdf"]:before {
  content: url("../../../CSD/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
.cc .accordeon.no-border [data-question] {
  border: none;
}
.cc .accordeon > div > img {
  width: 100%;
}
.ei_contener .cc.contact {
  border-bottom: 1px solid #f2f6fa;
}
.ei_contener .cc .contact__container img {
  margin: auto;
  display: block;
}
@media only screen and (max-width: 992px) {
  .ei_contener .cc .contact__container img {
    /*px*/ max-width: 400px;
    /*rem*/ max-width: 25rem;
  }
}
@media only screen and (min-width: 992px) {
  .ei_contener .cc .contact__container img {
    display: block;
    margin: auto;
  }
  .ei_contener .cc .contact__container .banner {
    /*px*/ margin-bottom: 50px;
    /*rem*/ margin-bottom: 3.125rem;
  }
}
.ei_contener .cc .contact__container p {
  /*px*/ line-height: 27px;
  /*rem*/ line-height: 1.6875rem;
  font-weight: normal;
}
.ei_contener .cc .contact__container .flex {
  row-gap: 0;
}
.ei_contener .cc .formulaire_container {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .ei_contener .cc .formulaire_container {
    /*px*/ margin: 42px auto;
    /*rem*/ margin: 2.625rem auto;
  }
}
@media only screen and (max-width: 992px) {
  .ei_contener .cc .contact__formulaire {
    /*px*/ margin-bottom: 45px;
    /*rem*/ margin-bottom: 2.8125rem;
    width: 100%;
  }
}
.ei_contener .cc .contact__formulaire form {
  background: #ebf0f4;
  border-radius: 5px;
}
.ei_contener .cc .contact__formulaire form legend {
  display: none;
}
@media only screen and (max-width: 992px) {
  .ei_contener .cc .contact__formulaire form legend {
    /*px*/ font-size: 30px;
    /*rem*/ font-size: 1.875rem;
    /*px*/ line-height: 28px;
    /*rem*/ line-height: 1.75rem;
    text-align: center;
    /*px*/ padding-bottom: 20px;
    /*rem*/ padding-bottom: 1.25rem;
    font-weight: 700;
  }
}
.ei_contener .cc .contact__formulaire form fieldset {
  border: none !important;
  margin: 0;
  padding: 0;
}
.ei_contener .cc .contact__formulaire form fieldset .flex {
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .ei_contener .cc .contact__formulaire form fieldset .flex {
    margin: 0;
    gap: 0;
  }
}
.ei_contener .cc .contact__formulaire form fieldset .flex > .form-group.flex50 {
  width: 48%;
}
.ei_contener .cc .contact__formulaire form fieldset .champ {
  width: 100%;
  border: 1px solid #EDEDED;
  /*px*/ border-radius: 8px;
  /*rem*/ border-radius: 0.5rem;
  /*px*/ height: 48px;
  /*rem*/ height: 3rem;
  /*px*/ padding: 15px 10px;
  /*rem*/ padding: 0.9375rem 0.625rem;
}
@media only screen and (max-width: 992px) {
  .ei_contener .cc .contact__formulaire form fieldset .champ {
    width: 100%;
  }
}
.ei_contener .cc .contact__formulaire form fieldset textarea {
  /*px*/ height: 150px;
  /*rem*/ height: 9.375rem;
  width: 100%;
  border: 1px solid #EDEDED;
  border-radius: 8px;
  resize: vertical;
  /*px*/ border-radius: 8px;
  /*rem*/ border-radius: 0.5rem;
  /*px*/ padding: 15px 10px;
  /*rem*/ padding: 0.9375rem 0.625rem;
}
@media only screen and (max-width: 992px) {
  .ei_contener .cc .contact__formulaire form fieldset textarea {
    width: 100%;
  }
}
.ei_contener .cc .contact__formulaire form fieldset .chk-group {
  display: flex;
}
.ei_contener .cc .contact__formulaire form fieldset .chk-group .checkbox {
  border: 1px solid #D4D4D4;
  /*px*/ border-radius: 4px;
  /*rem*/ border-radius: 0.25rem;
  /*px*/ margin-right: 16px;
  /*rem*/ margin-right: 1rem;
  /*px*/ height: 24px;
  /*rem*/ height: 1.5rem;
  /*px*/ width: 24px;
  /*rem*/ width: 1.5rem;
}
.ei_contener .cc .contact__formulaire form fieldset .chk-group input:hover {
  cursor: pointer;
}
.ei_contener .cc .contact__formulaire form fieldset .chk-group .checkbox-value {
  /*px*/ font-size: 11px;
  /*rem*/ font-size: 0.6875rem;
  /*px*/ line-height: 16px;
  /*rem*/ line-height: 1rem;
  width: 85%;
}
@media only screen and (max-width: 992px) {
  .ei_contener .cc .contact__formulaire form fieldset .chk-group .checkbox-value {
    width: 100%;
  }
}
.ei_contener .cc .contact__formulaire form fieldset .chk-group .checkbox-value:hover {
  cursor: pointer;
}
.ei_contener .cc .contact__formulaire form fieldset .err-msg {
  /*px*/ font-size: 11px;
  /*rem*/ font-size: 0.6875rem;
  /*px*/ line-height: 16px;
  /*rem*/ line-height: 1rem;
  color: #63000c;
}
.ei_contener .cc .contact__confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .ei_contener .cc .contact__confirmation {
    /*px*/ margin-top: 100px;
    /*rem*/ margin-top: 6.25rem;
  }
}
.ei_contener .cc .contact__confirmation img {
  /*px*/ width: 180px;
  /*rem*/ width: 11.25rem;
  /*px*/ height: 180px;
  /*rem*/ height: 11.25rem;
}
.ei_contener .cc .contact__confirmation h2 {
  text-align: center;
}
.ei_contener .cc.contact--retail .contact__formulaire form {
  background-color: #F3F0F5;
}
html,
body,
main {
  height: 100%;
}
@media only screen and (min-width: 1441px) {
  main {
    overflow: initial;
  }
}
.cc {
  color: #262628;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
}
.cc section {
  /*px*/ margin: 40px 0;
  /*rem*/ margin: 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .cc section {
    /*px*/ margin: 90px 0;
    /*rem*/ margin: 5.625rem 0;
  }
}
.cc .wrapper {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 1441px) {
  .cc .wrapper {
    width: 1440px;
    padding: 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 992px) {
  .cc .wrapper--mobile-only {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.cc .wrapper--min-medium-only {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  .cc .wrapper--min-medium-only {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.cc .wrapper--no-padding {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .cc .wrapper--padding90 {
    /*px*/ padding-top: 90px;
    /*rem*/ padding-top: 5.625rem;
    /*px*/ padding-bottom: 90px;
    /*rem*/ padding-bottom: 5.625rem;
  }
}
.cc .unwrap {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
@media only screen and (max-width: 992px) {
  .cc .unwrap--mobile-only {
    padding: 0;
  }
}
.cc * {
  box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
  .cc .mobile-only {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .cc .desktop-only {
    display: none !important;
  }
}
.cc h1 {
  color: #034991;
  font-family: sora, Arial, sans-serif;
  text-wrap: balance;
  /*px*/ font-size: 34px;
  /*rem*/ font-size: 2.125rem;
  /*px*/ line-height: 41px;
  /*rem*/ line-height: 2.5625rem;
}
.cc h1 span.color--monetico {
  color: #54a4ce;
}
@media only screen and (min-width: 992px) {
  .cc h1 {
    /*px*/ font-size: 48px;
    /*rem*/ font-size: 3rem;
    /*px*/ line-height: 52px;
    /*rem*/ line-height: 3.25rem;
  }
}
.cc h1 > sup {
  position: initial;
  font-size: 40%;
  line-height: 0;
  vertical-align: top;
}
.cc h2 {
  color: #034991;
  font-family: sora, Arial, sans-serif;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
  /*px*/ line-height: 33px;
  /*rem*/ line-height: 2.0625rem;
}
.cc h2 span.color--monetico {
  color: #54a4ce;
}
@media only screen and (min-width: 992px) {
  .cc h2 {
    /*px*/ font-size: 42px;
    /*rem*/ font-size: 2.625rem;
    /*px*/ line-height: 50px;
    /*rem*/ line-height: 3.125rem;
  }
}
.cc h2.small {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
.cc h3 {
  color: #034991;
  font-family: sora;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 25px;
  /*rem*/ line-height: 1.5625rem;
}
.cc h3 span.color--monetico {
  color: #54a4ce;
}
@media only screen and (min-width: 992px) {
  .cc h3 {
    /*px*/ font-size: 32px;
    /*rem*/ font-size: 2rem;
    /*px*/ line-height: 38px;
    /*rem*/ line-height: 2.375rem;
  }
}
.cc h3.small {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
.cc h4 {
  color: #034991;
  font-family: sora;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  /*px*/ margin: 0 0 12px 0;
  /*rem*/ margin: 0 0 0.75rem 0;
}
.cc h4.big {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
@media only screen and (min-width: 992px) {
  .cc h4 {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 25px;
    /*rem*/ line-height: 1.5625rem;
  }
  .cc h4.big {
    /*px*/ font-size: 25px;
    /*rem*/ font-size: 1.5625rem;
  }
}
.cc h5 {
  color: #034991;
  font-family: sora;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc p {
  color: #606F7E;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 25px;
  /*rem*/ line-height: 1.5625rem;
}
.cc p.small {
  /*px*/ font-size: 11px;
  /*rem*/ font-size: 0.6875rem;
  /*px*/ line-height: 16px;
  /*rem*/ line-height: 1rem;
}
.cc p.color--monetico {
  color: #034991;
}
.cc a {
  text-decoration: underline;
}
.cc hr {
  border-top: 1px solid #ebf0f4;
  /*px*/ margin: 40px 0;
  /*rem*/ margin: 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .cc hr {
    /*px*/ margin: 90px 0;
    /*rem*/ margin: 5.625rem 0;
  }
}
.cc picture {
  font-size: 0;
}
.cc ul li {
  color: #606F7E;
}
.cc .color--monetico {
  color: #54a4ce;
}
.cc .color--retail {
  color: #652d87;
}
.cc .color--split {
  color: #A01F3D;
}
.cc .color--proximity {
  color: #BE5729;
}
.cc .color--online {
  color: #298568;
}
.cc .color--online--light {
  color: #daece6;
}
.cc .all-caps,
.cc .uppercase {
  text-transform: uppercase;
}
.cc .italic {
  font-style: italic;
}
.cc .clickable {
  cursor: pointer;
}
.cc .height100 {
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .cc .height100 {
    height: auto;
  }
}
.cc .width100 {
  width: 100% !important;
  height: fit-content;
}
@media only screen and (max-width: 992px) {
  .cc .width100 {
    width: auto;
  }
}
.cc .width95 {
  width: 95%;
  height: fit-content;
}
@media only screen and (max-width: 992px) {
  .cc .width95 {
    width: 100%;
  }
}
.cc .relative {
  position: relative;
}
.cc .invisible,
.cc .hide,
.cc .hidden {
  position: absolute !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  -webkit-clip-path: circle(0) !important;
  clip-path: circle(0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  white-space: nowrap !important;
}
.cc .light {
  font-weight: 300;
}
.cc .regular {
  font-weight: 400;
}
.cc .semibold {
  font-weight: 600;
}
.cc .bold {
  font-weight: 700;
}
.cc sup a {
  text-decoration: none;
}
.cc .mentions {
  color: #606F7E;
  /* sup {
			a {
				&:before {
					content:"__";
				}
			}
		} */
}
.cc .mentions p:before {
  content: "__";
}
.cc .extrabold {
  font-weight: 800;
}
.cc abbr[title] {
  border: none;
}
.cc .marginauto {
  margin-right: auto;
  margin-left: auto;
}
.cc .padding-20 {
  padding: 20px;
}
.cc .padding-25 {
  padding: 25px;
}
.cc .padding-top-0 {
  padding-top: 0px;
}
.cc .padding-bottom-0 {
  padding-bottom: 0px;
}
.cc .margin--left {
  /*px*/ margin-left: 20px;
  /*rem*/ margin-left: 1.25rem;
}
.cc .margin--bottom {
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.cc .margin--top {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc .margin--top--0 {
  /*px*/ margin-top: 0 !important;
  /*rem*/ margin-top: 0 !important;
}
.cc .margin--bigtop {
  /*px*/ margin-top: 40px;
  /*rem*/ margin-top: 2.5rem;
}
.cc .center-align {
  align-self: center;
}
.cc .align-center {
  align-items: center;
}
.cc .justify-center {
  justify-content: center;
}
.cc .space-between {
  justify-content: space-between;
}
.cc .vertical-align-bottom {
  vertical-align: bottom;
}
.cc .scroll {
  /*px*/ height: 281px;
  /*rem*/ height: 17.5625rem;
  overflow-y: scroll;
}
.cc .no-padding {
  padding: 0 !important;
}
.cc .no-margin {
  margin: 0 !important;
}
.cc .bleu-groupe {
  color: #034991;
}
.cc .bleu-cerulean {
  color: #54a4ce;
}
.cc .online {
  color: #298568;
}
.cc .flex {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}
@media only screen and (min-width: 992px) {
  .cc .flex {
    flex-direction: row;
  }
  .cc .flex.row-reverse {
    flex-direction: row-reverse;
  }
}
.cc .flex.gap100 {
  gap: 50px;
}
@media only screen and (min-width: 992px) {
  .cc .flex.gap100 {
    gap: 100px;
    flex-wrap: nowrap;
  }
}
.cc .flex.gap100 .flex40 {
  width: calc(40% - 50px);
}
.cc .flex.gap100 .flex50 {
  width: calc(50% - 50px);
}
.cc .flex.gap100 .flex60 {
  width: calc(60% - 50px);
}
.cc .flex.gap50 {
  gap: 25px 50px;
}
@media only screen and (min-width: 992px) {
  .cc .flex.gap50 {
    gap: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .cc .flex.gap50.row0 {
    row-gap: 0;
  }
}
.cc .flex.gap50 .flex50 {
  width: calc(50% - 25px);
}
.cc .flex.gap20 {
  gap: 20px;
}
.cc .flex.gap20 .flex20 {
  width: calc(20% - 10px);
}
.cc .flex.gap20 .flex25 {
  width: calc(25% - 15px);
}
.cc .flex.gap20 .flex50 {
  width: calc(50% - 10px);
}
.cc .flex.gap20 .flex33 {
  width: calc(33.3% - 14px);
}
.cc .flex.gap20 .flex67 {
  width: calc(66.7% - 10px);
}
.cc .flex.gap20 .flex80 {
  width: calc(80% - 10px);
}
.cc .flex.gap10 {
  gap: 10px;
}
.cc .flex.nowrap {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 992px) {
  .cc .flex.nowrap--mobile-only {
    flex-wrap: nowrap;
  }
}
.cc .flex.nowrap--desktop-only {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 992px) {
  .cc .flex.nowrap--desktop-only {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 992px) {
  .cc .flex .flex10,
  .cc .flex .flex15,
  .cc .flex .flex20,
  .cc .flex .flex25,
  .cc .flex .flex30,
  .cc .flex .flex33,
  .cc .flex .flex40,
  .cc .flex .flex50,
  .cc .flex .flex60,
  .cc .flex .flex66,
  .cc .flex .flex70,
  .cc .flex .flex80,
  .cc .flex .flex90 {
    width: 100% !important;
  }
}
.cc .flex.justify-center {
  justify-content: center;
}
.cc .flex.align-center {
  align-items: center;
}
.cc .flex.align-baseline {
  align-items: baseline;
}
.cc .flex .space-align {
  align-content: space-between;
}
.cc .flex .center-align {
  align-self: center;
}
.cc .flex .flex10 > div.insert,
.cc .flex .flex15 > div.insert,
.cc .flex .flex20 > div.insert,
.cc .flex .flex25 > div.insert,
.cc .flex .flex30 > div.insert,
.cc .flex .flex33 > div.insert,
.cc .flex .flex40 > div.insert,
.cc .flex .flex50 > div.insert,
.cc .flex .flex60 > div.insert,
.cc .flex .flex66 > div.insert,
.cc .flex .flex70 > div.insert,
.cc .flex .flex80 > div.insert,
.cc .flex .flex90 > div.insert {
  width: 94%;
}
@media only screen and (max-width: 992px) {
  .cc .flex .flex10 > div.insert,
  .cc .flex .flex15 > div.insert,
  .cc .flex .flex20 > div.insert,
  .cc .flex .flex25 > div.insert,
  .cc .flex .flex30 > div.insert,
  .cc .flex .flex33 > div.insert,
  .cc .flex .flex40 > div.insert,
  .cc .flex .flex50 > div.insert,
  .cc .flex .flex60 > div.insert,
  .cc .flex .flex66 > div.insert,
  .cc .flex .flex70 > div.insert,
  .cc .flex .flex80 > div.insert,
  .cc .flex .flex90 > div.insert {
    width: 100%;
    /*px*/ margin-top: 10px;
    /*rem*/ margin-top: 0.625rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc .flex .flex10.padding-left,
  .cc .flex .flex15.padding-left,
  .cc .flex .flex20.padding-left,
  .cc .flex .flex25.padding-left,
  .cc .flex .flex30.padding-left,
  .cc .flex .flex33.padding-left,
  .cc .flex .flex40.padding-left,
  .cc .flex .flex50.padding-left,
  .cc .flex .flex60.padding-left,
  .cc .flex .flex66.padding-left,
  .cc .flex .flex70.padding-left,
  .cc .flex .flex80.padding-left,
  .cc .flex .flex90.padding-left {
    padding-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .cc .flex .flex10.padding-right,
  .cc .flex .flex15.padding-right,
  .cc .flex .flex20.padding-right,
  .cc .flex .flex25.padding-right,
  .cc .flex .flex30.padding-right,
  .cc .flex .flex33.padding-right,
  .cc .flex .flex40.padding-right,
  .cc .flex .flex50.padding-right,
  .cc .flex .flex60.padding-right,
  .cc .flex .flex66.padding-right,
  .cc .flex .flex70.padding-right,
  .cc .flex .flex80.padding-right,
  .cc .flex .flex90.padding-right {
    padding-right: 0;
  }
}
.cc .flex .flex10.gap50,
.cc .flex .flex15.gap50,
.cc .flex .flex20.gap50,
.cc .flex .flex25.gap50,
.cc .flex .flex30.gap50,
.cc .flex .flex33.gap50,
.cc .flex .flex40.gap50,
.cc .flex .flex50.gap50,
.cc .flex .flex60.gap50,
.cc .flex .flex66.gap50,
.cc .flex .flex70.gap50,
.cc .flex .flex80.gap50,
.cc .flex .flex90.gap50 {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.cc .flex .flex10 {
  width: 10%;
}
.cc .flex .flex15 {
  width: 15%;
}
.cc .flex .flex20 {
  width: 20%;
}
.cc .flex .flex25 {
  width: 25%;
}
.cc .flex .flex30 {
  width: 30%;
}
.cc .flex .flex33 {
  width: 33.3%;
}
.cc .flex .flex40 {
  width: 40%;
}
.cc .flex .flex50 {
  width: 50%;
}
.cc .flex .flex60 {
  width: 60%;
}
.cc .flex .flex66 {
  width: 66%;
}
.cc .flex .flex70 {
  width: 70%;
}
.cc .flex .flex80 {
  width: 80%;
}
.cc .flex .flex90 {
  width: 90%;
}
.cc .flex .flex100 {
  width: 100%;
}
.cc .flex img {
  max-width: 100%;
}
.cc .flex.logo {
  align-items: center;
  width: auto;
}
.cc .flex.logo img {
  max-width: 150px;
  height: fit-content;
}
.cc .grid {
  display: grid;
  gap: 20px;
}
.cc .grid.grid2 {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 992px) {
  .cc .grid.grid2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.cc .grid.grid3 {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 992px) {
  .cc .grid.grid3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.cc .grid.grid3 > div.paddings {
  padding: 25px;
}
.cc .grid.grid3 > div.border-radius {
  border-radius: 5px;
}
.cc .grid.grid4 {
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 992px) {
  .cc .grid.grid4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.cc .inline {
  display: inline;
}
.cc .block,
.cc .d-block {
  display: block;
}
.cc .d-none {
  display: none;
}
.cc .d-block-min-medium {
  display: none !important;
}
@media only screen and (min-width: 992px) {
  .cc .d-block-min-medium {
    display: block !important;
  }
}
@media only screen and (min-width: 992px) {
  .cc .d-none-min-medium {
    display: none !important;
  }
}
.cc .inline-block {
  display: inline-block;
}
.cc .center {
  text-align: center !important;
}
.cc .center p {
  text-align: center !important;
}
.cc .left {
  text-align: left !important;
}
.cc .left p {
  text-align: left !important;
}
.cc .right {
  text-align: right !important;
}
@media only screen and (max-width: 992px) {
  .cc .right {
    text-align: left !important;
  }
}
.cc .right p {
  text-align: right !important;
}
@media only screen and (max-width: 992px) {
  .cc .right p {
    text-align: left !important;
  }
}
.cc .float-right {
  float: right;
}
@media only screen and (max-width: 992px) {
  .cc .float-right {
    float: none;
  }
}
.cc .float-left {
  float: left;
}
@media only screen and (max-width: 992px) {
  .cc .float-left {
    float: none;
  }
}
.cc .clear {
  clear: both;
}
.cc .clearR {
  clear: right;
}
.cc .clearL {
  clear: left;
}
.cc .bg {
  background-color: #034991;
}
.cc .bg--retail {
  background-color: #652d87;
}
.cc .bg--online {
  background-color: #298568;
}
.cc .bg--online h3,
.cc .bg--online p {
  color: white;
}
.cc .bg--proximity {
  background-color: #BE5729;
}
.cc .bg--split {
  background-color: #A01F3D;
}
.cc .bg-light {
  background-color: #f2f6fa;
}
.cc .bg-light--monetico {
  background-color: #ebf0f4;
}
.cc .bg-light--retail {
  background-color: #F3F0F5;
}
.cc .bg-light--online {
  background-color: #EDF5F2;
}
.cc .bg-light--proximity {
  background-color: #F9F3F1;
}
.cc .bg-light--split {
  background-color: #FAF1F1;
}
.cc .bg-light2 {
  background-color: #f2f6fa;
}
.cc .bg-light2--online {
  background-color: #daece6;
}
.cc .bg-grey {
  background-color: #ebf0f4;
}
.cc .border {
  color: #f2f6fa;
  border: 4px solid;
  border-radius: 20px;
}
.cc .border img {
  vertical-align: middle;
}
.cc .border-dotted {
  border: 4px dotted;
  border-radius: 20px;
}
.cc .border-dotted img {
  vertical-align: middle;
}
.cc .border--retail {
  color: #F3F0F5;
}
.cc .border--online {
  color: #EDF5F2;
}
.cc .border--proximity {
  color: #F9F3F1;
}
.cc .border--split {
  color: #FAF1F1;
}
.cc .subtract-bg-light:before {
  display: block;
  content: url(/fr/assets/svg/subtract-bg.svg);
  position: relative;
  top: -41px;
}
@media only screen and (min-width: 1441px) {
  .cc .subtract-bg-light:before {
    top: -91px;
  }
}
.cc .logo {
  /*px*/ width: 70px;
  /*rem*/ width: 4.375rem;
}
.cc .logo--univers {
  /*px*/ width: 156px;
  /*rem*/ width: 9.75rem;
}
.cc .logo-small {
  height: 50px !important;
}
.cc .logo-extrasmall {
  height: 40px !important;
}
.cc .logo-xextrasmall {
  height: 30px !important;
}
@media only screen and (min-width: 480px) {
  .cc .min-xs-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .cc .min-sm-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .cc .min-md-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .cc .min-lg-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .cc .min-xl-hidden {
    display: none !important;
  }
}
.cc .insert {
  font-weight: 700;
}
.cc .insert > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /*px*/ margin: 5px 0;
  /*rem*/ margin: 0.3125rem 0;
}
.cc .insert > div p {
  font-family: sora, Arial, sans-serif;
  width: 60%;
  margin: 0;
}
.cc .insert.insert-logos div {
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .cc .insert.insert-logos div {
    justify-content: flex-start;
  }
}
.cc .insert.insert-logos div img {
  /*px*/ margin: 12px;
  /*rem*/ margin: 0.75rem;
}
@media only screen and (min-width: 576px) {
  .cc .insert.insert-logos div img {
    /*px*/ margin: 0 24px 0 0;
    /*rem*/ margin: 0 1.5rem 0 0;
  }
}
.cc .insert.bg-white {
  background-color: #ffffff;
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
}
.cc .insert.bg-5 {
  background-color: #f2f6fa;
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  /*px*/ border-radius: 4px;
  /*rem*/ border-radius: 0.25rem;
}
.cc .insert.bg-10 {
  background-color: #e5ecf4;
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  /*px*/ border-radius: 4px;
  /*rem*/ border-radius: 0.25rem;
}
.cc .list {
  list-style-type: none;
}
.cc .list.pictos {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .cc .list.pictos {
    /*px*/ margin-bottom: 40px;
    /*rem*/ margin-bottom: 2.5rem;
    justify-content: space-between;
  }
}
.cc .list.pictos li {
  width: 100%;
  /*px*/ margin: 12px 8px;
  /*rem*/ margin: 0.75rem 0.5rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .cc .list.pictos li {
    width: 45%;
    /*px*/ margin: 20px 0;
    /*rem*/ margin: 1.25rem 0;
    align-items: flex-start;
    text-align: left;
  }
}
.cc .list.pictos li p {
  color: #606F7E;
  /*px*/ margin: 5px 0 5px 0;
  /*rem*/ margin: 0.3125rem 0 0.3125rem 0;
}
.cc .list.pictos li p strong {
  color: #034991;
}
.cc .list.styled {
  /*px*/ padding-left: 25px;
  /*rem*/ padding-left: 1.5625rem;
}
.cc .list.styled li {
  color: #034991;
  /*px*/ padding: 7px 0 7px 19px;
  /*rem*/ padding: 0.4375rem 0 0.4375rem 1.1875rem;
}
.cc .list.styled.styled--proximity {
  list-style-image: url("../assets/svg/check_proximity.svg");
}
.cc .list.styled.styled--online {
  list-style-image: url("../assets/commun/svg/check_online.svg");
}
.cc .list.styled.styled--retail {
  list-style-image: url("../assets/commun/svg/check_retail.svg");
}
.cc details {
  /*px*/ padding-top: 24px;
  /*rem*/ padding-top: 1.5rem;
  /*px*/ padding-bottom: 24px;
  /*rem*/ padding-bottom: 1.5rem;
  position: relative;
}
.cc details:not(:first-of-type) {
  border-top: 1px solid #ebf0f4;
}
.cc details[open] summary::before {
  content: "";
  transform: none;
}
.cc details summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cc details summary::before {
  content: "";
  background-image: url("../assets/commun/svg/chevron.svg");
  display: inline-block;
  width: 1em;
  position: absolute;
  right: 0;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-90deg);
}
.cc details summary h3,
.cc details summary h4 {
  color: #034991 !important;
  margin: 0 !important;
  width: calc(100% - 60px);
  align-items: center;
}
.cc details summary h3 {
  font-size: 1.5rem;
}
.cc details summary p {
  max-width: calc(100% - 60px);
}
.cc details > div.paddings {
  /*px*/ padding-top: 24px;
  /*rem*/ padding-top: 1.5rem;
  /*px*/ padding-bottom: 48px;
  /*rem*/ padding-bottom: 3rem;
}
.cc details.pack h4,
.cc details.pack h5,
.cc details.pack p {
  margin: 1rem;
}
.cc details.pack div.flex {
  border-bottom: 1px solid #edf5f2;
}
.cc details.pack div.flex:last-child {
  border: none;
}
.cc details.pack .pack_content_starter {
  text-align: center;
}
.cc details.pack .pack_content_premium {
  background-color: #daece6;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .bloc-packs__container {
    padding-right: 0 !important;
  }
  .bloc-packs__container > div {
    width: 100%;
    overflow-x: auto;
  }
}
.cc .pack_online {
  position: sticky;
  z-index: 1;
  background: white;
}
@media only screen and (max-width: 992px) {
  .cc .pack_online {
    top: 0px;
    width: max-content;
  }
  .cc .pack_online .flex40 {
    width: 200px !important;
  }
  .cc .pack_online .flex15 {
    width: 200px !important;
  }
}
@media only screen and (min-width: 992px) {
  .cc .pack_online {
    top: 50px;
  }
}
.cc .pack_online div {
  align-self: self-end;
}
.cc .pack_online .pack_title_premium {
  background-color: #daece6;
  position: relative;
  padding: 1rem;
}
.cc .pack_online .pack_title_starter {
  padding: 1rem;
}
@media only screen and (max-width: 992px) {
  .cc .pack_online_container {
    top: 0px;
    width: max-content;
    min-width: 100%;
  }
  .cc .pack_online_container .flex40 {
    width: 200px !important;
  }
  .cc .pack_online_container .flex15 {
    width: 200px !important;
  }
}
.tel {
  display: block;
  width: max-content;
  border: 1px solid #B4B4B4;
  position: relative;
}
.tel .tel__content {
  display: flex;
  align-items: center;
  /*px*/ margin: -5px 10px;
  /*rem*/ margin: -0.3125rem 0.625rem;
  position: relative;
  font-family: arial;
  font-weight: bold;
}
.tel .tel__num p {
  margin: 0;
}
.tel .tel__num p a {
  text-decoration: none;
  color: #91919b;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.tel .tel__num__violet p a {
  color: #972375;
}
.tel .tel__num__proximity p a {
  color: #BE5729;
}
.tel .tel__prix {
  /*px*/ margin-left: 15px;
  /*rem*/ margin-left: 0.9375rem;
  background-color: #91919b;
}
.tel .tel__prix::before {
  content: "";
  border-bottom: 15px solid #ffffff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  top: 15px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  border-width: 10px 0 10px 10px;
}
.tel .tel__prix p {
  margin: 0;
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
  line-height: 1;
  /*px*/ padding: 10px 15px;
  /*rem*/ padding: 0.625rem 0.9375rem;
  /*px*/ height: 50px;
  /*rem*/ height: 3.125rem;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.tel .tel__prix__violet {
  background-color: #972375;
}
.tel .tel__prix__proximity {
  background-color: #BE5729;
}
nav.pagination {
  margin-top: 50px;
}
nav.pagination ul {
  display: flex;
  gap: 15px;
  list-style: none;
  justify-content: center;
  padding: 0;
}
nav.pagination ul li a {
  border: 1px solid #034991;
  color: #034991;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
nav.pagination ul li a:hover {
  transition: 0.1s ease;
  background-color: #ccdaea;
}
nav.pagination ul li a.sel {
  color: #fff;
  background-color: #034991;
}
nav.pagination ul li.retail a {
  border: 1px solid #652d87;
  color: #652d87;
}
nav.pagination ul li.retail a:hover {
  transition: 0.1s ease;
  background-color: #e2d8e7;
}
nav.pagination ul li.retail a.sel {
  color: #fff;
  background-color: #652d87;
}
nav.pagination ul li.online a {
  border: 1px solid #298568;
  color: #298568;
}
nav.pagination ul li.online a:hover {
  background-color: #daece6;
}
nav.pagination ul li.online a.sel {
  color: #fff;
  background-color: #298568;
}
nav.pagination ul li.proximity a {
  border: 1px solid #BE5729;
  color: #BE5729;
}
nav.pagination ul li.proximity a:hover {
  background-color: #f1dcd4;
}
nav.pagination ul li.proximity a.sel {
  color: #fff;
  background-color: #BE5729;
}
nav.pagination ul li.split a {
  border: 1px solid #A01F3D;
  color: #A01F3D;
}
nav.pagination ul li.split a:hover {
  background-color: #d88699;
}
nav.pagination ul li.split a.sel {
  color: #fff;
  background-color: #A01F3D;
}
.toggle {
  display: inline-block;
  margin-right: 2em;
  cursor: pointer;
  font-size: 1.5rem;
}
.toggle.selected {
  text-decoration: underline;
}
.toggle-select {
  gap: 10px 40px;
}
.toggle-select .toggle {
  margin-right: 0;
}
.toggle-select {
  margin: 1.5em 0;
}
.toggle-select button.toggle {
  color: #034991;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
  font-weight: bold;
  background: none;
  border: none;
}
.caracteristique p {
  border: 1px solid #a3aab1;
  border-radius: 5px;
  padding: 1px 9px;
}
.liste .liste-content {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.liste .liste-content figure {
  margin: 0;
}
.liste .liste-content figure img {
  max-width: 100%;
}
.liste .liste-content .liste-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.liste .liste-content .liste-container .article-tile__description {
  margin-bottom: 1em;
}
.liste .liste-content .liste-container .article-tile__description:last-child {
  margin-bottom: 0;
}
.liste .liste-content .liste-container a {
  align-self: flex-start;
  margin-bottom: 0;
  margin-top: auto;
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, auto);
  border: 1px solid #e0e0da;
  border-radius: 16px;
  overflow: hidden;
  margin: 0 auto;
  column-gap: 20px;
}
.pricing-grid.pricing-grid-2,
.pricing-grid.pricing-grid-3,
.pricing-grid.pricing-grid {
  border: 0;
}
.pricing-grid.pricing-grid-2 .plan,
.pricing-grid.pricing-grid-3 .plan,
.pricing-grid.pricing-grid .plan {
  border: 1px solid #e0e0da;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .pricing-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    border: 0;
  }
  .pricing-grid .plan {
    grid-row: auto;
    grid-template-rows: auto;
    border: 1px solid #e0e0da !important;
    border-radius: 16px;
    overflow: hidden;
  }
}
.plan {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: 1 / 7;
  background: #fff;
  border-right: 1px solid #e0e0da;
}
.plan > div.plan-content {
  margin: 20px 0;
}
.plan .list.styled.styled--online {
  margin: 0;
}
.plan h5 {
  margin-top: 0;
}
.plan p:last-child {
  margin-bottom: 0;
}
.plan:last-child {
  border: 0;
}
.plan .margin--top {
  flex-direction: column;
  align-items: center;
}
body main .cc {
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
}
body main .cc .flex > a.button,
body main .cc .flex > button.button {
  margin-top: 0;
}
body main .cc #formNL button {
  margin-top: 0;
}
body main .cc a.button,
body main .cc button.button {
  color: white;
  background: #004494;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.1s ease;
  padding: 1em 1.5em;
  position: relative;
  z-index: 0;
  display: inline-block;
  width: fit-content;
  height: fit-content;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  margin-top: 20px;
}
body main .cc a.button:first-child,
body main .cc button.button:first-child {
  margin-top: 0;
}
body main .cc a.button::after,
body main .cc button.button::after,
body main .cc a.button::before,
body main .cc button.button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transform: translateX(-100%);
  transition: 0.5s ease;
  width: calc(100% + 30px);
}
body main .cc a.button::after,
body main .cc button.button::after {
  background-color: #034991;
  mask-image: url("../assets/commun/svg/btn2.svg");
  mask-repeat: no-repeat;
  mask-size: 30px;
  mask-position: right;
  opacity: 1;
}
body main .cc a.button::before,
body main .cc button.button::before {
  background-color: #54a4ce;
  opacity: 0;
}
body main .cc a.button:hover,
body main .cc button.button:hover,
body main .cc a.button:focus,
body main .cc button.button:focus {
  background-position-x: right;
  transition: 0.1s ease;
  opacity: 1;
}
body main .cc a.button:hover::after,
body main .cc button.button:hover::after,
body main .cc a.button:focus::after,
body main .cc button.button:focus::after,
body main .cc a.button:hover::before,
body main .cc button.button:hover::before,
body main .cc a.button:focus::before,
body main .cc button.button:focus::before {
  transform: translateX(0%);
  transition: 0.5s ease;
  opacity: 1;
}
body main .cc a.button--blanc,
body main .cc button.button--blanc {
  color: #004494;
  background: #ffffff;
}
body main .cc a.button--blanc::after,
body main .cc button.button--blanc::after {
  background-color: #ffffff;
}
body main .cc a.button--blanc::before,
body main .cc button.button--blanc::before {
  background-color: #54a4ce;
}
body main .cc a.button--blanc:hover,
body main .cc button.button--blanc:hover,
body main .cc a.button--blanc:focus,
body main .cc button.button--blanc:focus {
  color: #ffffff;
}
body main .cc a.button--blanc--border,
body main .cc button.button--blanc--border {
  box-shadow: inset 0px 0px 0px 1px #54a4ce;
}
body main .cc a.button--blanc--retail,
body main .cc button.button--blanc--retail {
  color: #652d87;
}
body main .cc a.button--blanc--retail::before,
body main .cc button.button--blanc--retail::before {
  background-color: #e2d8e7;
}
body main .cc a.button--blanc--retail:hover,
body main .cc button.button--blanc--retail:hover,
body main .cc a.button--blanc--retail:focus,
body main .cc button.button--blanc--retail:focus {
  color: #652d87;
}
body main .cc a.button--blanc--online,
body main .cc button.button--blanc--online {
  color: #298568;
}
body main .cc a.button--blanc--online::before,
body main .cc button.button--blanc--online::before {
  background-color: #daece6;
}
body main .cc a.button--blanc--online:hover,
body main .cc button.button--blanc--online:hover,
body main .cc a.button--blanc--online:focus,
body main .cc button.button--blanc--online:focus {
  color: #298568;
}
body main .cc a.button--blanc--proximity,
body main .cc button.button--blanc--proximity {
  color: #BE5729;
}
body main .cc a.button--blanc--proximity::before,
body main .cc button.button--blanc--proximity::before {
  background-color: #f1dcd4;
}
body main .cc a.button--blanc--proximity:hover,
body main .cc button.button--blanc--proximity:hover,
body main .cc a.button--blanc--proximity:focus,
body main .cc button.button--blanc--proximity:focus {
  color: #BE5729;
}
body main .cc a.button--blanc--split,
body main .cc button.button--blanc--split {
  color: #A01F3D;
}
body main .cc a.button--blanc--split::before,
body main .cc button.button--blanc--split::before {
  background-color: #d88699;
}
body main .cc a.button--blanc--split:hover,
body main .cc button.button--blanc--split:hover,
body main .cc a.button--blanc--split:focus,
body main .cc button.button--blanc--split:focus {
  color: #A01F3D;
}
body main .cc a.button--retail,
body main .cc button.button--retail {
  color: #ffffff;
  background: #652d87;
}
body main .cc a.button--retail::after,
body main .cc button.button--retail::after {
  background-color: #652d87;
}
body main .cc a.button--retail::before,
body main .cc button.button--retail::before {
  background-color: #e2d8e7;
}
body main .cc a.button--retail:hover,
body main .cc button.button--retail:hover,
body main .cc a.button--retail:focus,
body main .cc button.button--retail:focus {
  color: #652d87;
}
body main .cc a.button--proximity,
body main .cc button.button--proximity {
  color: #ffffff;
  background: #BE5729;
}
body main .cc a.button--proximity::after,
body main .cc button.button--proximity::after {
  background-color: #BE5729;
}
body main .cc a.button--proximity::before,
body main .cc button.button--proximity::before {
  background-color: #f1dcd4;
}
body main .cc a.button--proximity:hover,
body main .cc button.button--proximity:hover,
body main .cc a.button--proximity:focus,
body main .cc button.button--proximity:focus {
  color: #BE5729;
}
body main .cc a.button--online,
body main .cc button.button--online {
  color: #ffffff;
  background: #298568;
}
body main .cc a.button--online::after,
body main .cc button.button--online::after {
  background-color: #298568;
}
body main .cc a.button--online::before,
body main .cc button.button--online::before {
  background-color: #daece6;
}
body main .cc a.button--online:hover,
body main .cc button.button--online:hover,
body main .cc a.button--online:focus,
body main .cc button.button--online:focus {
  color: #298568;
}
body main .cc a.button--split,
body main .cc button.button--split {
  color: #ffffff;
  background: #A01F3D;
}
body main .cc a.button--split::after,
body main .cc button.button--split::after {
  background-color: #A01F3D;
}
body main .cc a.button--split::before,
body main .cc button.button--split::before {
  background-color: #d88699;
}
body main .cc a.button--split:hover,
body main .cc button.button--split:hover,
body main .cc a.button--split:focus,
body main .cc button.button--split:focus {
  color: #A01F3D;
}
body main .cc.contact--retail a.button,
body main .cc.contact--retail button.button {
  color: #ffffff;
  background: #652d87;
}
body main .cc.contact--retail a.button::after,
body main .cc.contact--retail button.button::after {
  background-color: #652d87;
}
body main .cc.contact--retail a.button::before,
body main .cc.contact--retail button.button::before {
  background-color: #e2d8e7;
}
body main .cc.contact--retail a.button:hover,
body main .cc.contact--retail button.button:hover,
body main .cc.contact--retail a.button:focus,
body main .cc.contact--retail button.button:focus {
  color: #652d87;
}
body main .cc .secondary-link {
  border-bottom: 1px solid #034991;
  /*px*/ padding-bottom: 2px;
  /*rem*/ padding-bottom: 0.125rem;
  text-decoration: none;
}
body main .cc .secondary-link.bleu-cerulean {
  border-bottom: 1px solid #54a4ce;
}
body main .cc .secondary-link.online {
  border-bottom: 1px solid #298568;
}
body main .cc .secondary-link:hover {
  color: #034991;
  border-bottom: 0px;
}
body main .cc .pdf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /*px*/ padding: 24px;
  /*rem*/ padding: 1.5rem;
  background-color: #f2f6fa;
  /*px*/ border-radius: 4px;
  /*rem*/ border-radius: 0.25rem;
  font-family: sora, Arial, sans-serif;
  font-weight: 700;
}
body main .cc .pdf::after {
  font-family: fts_picto;
  content: "\F01BA";
  transform: rotate(180deg);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  /*px*/ padding: 1px 5px;
  /*rem*/ padding: 0.0625rem 0.3125rem;
  color: #54a4ce;
  border: 1px solid #54a4ce;
  /*px*/ border-radius: 25px;
  /*rem*/ border-radius: 1.5625rem;
}
body main .cc .pdf:hover {
  color: #54a4ce;
}
.cc .encart-contact {
  /*px*/ margin: 40px 0;
  /*rem*/ margin: 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .cc .encart-contact {
    /*px*/ margin: 90px 0;
    /*rem*/ margin: 5.625rem 0;
  }
}
.cc .encart-contact__container {
  background-color: #ebf0f4;
  position: relative;
}
.cc .encart-contact__container .contact__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  height: calc(100% - 20px);
}
@media only screen and (max-width: 1441px) {
  .cc .encart-contact__container .contact__img {
    left: inherit;
    right: 20%;
  }
}
@media only screen and (max-width: 1200px) {
  .cc .encart-contact__container .contact__img {
    right: -5%;
  }
}
@media only screen and (max-width: 768px) {
  .cc .encart-contact__container .contact__img {
    right: -22%;
  }
}
@media only screen and (max-width: 480px) {
  .cc .encart-contact__container .contact__img {
    right: -33%;
    height: auto;
  }
}
@media only screen and (max-width: 576px) {
  .cc .encart-contact__container .contact__img {
    right: -10%;
  }
}
.cc .encart-contact__container .contact__img picture {
  display: flex;
  align-items: flex-end;
}
.cc .encart-contact__container .contact__img picture img {
  max-height: 100%;
}
.cc .encart-contact__content {
  /*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 .encart-contact__content {
    /*px*/ padding-top: 90px;
    /*rem*/ padding-top: 5.625rem;
    /*px*/ padding-bottom: 90px;
    /*rem*/ padding-bottom: 5.625rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .encart-contact__content {
    /*px*/ padding-bottom: 120px;
    /*rem*/ padding-bottom: 7.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .cc .encart-contact__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 480px) {
  .cc .encart-contact__text {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .cc .encart-contact__text {
    width: 65%;
  }
}
@media only screen and (min-width: 1200px) {
  .cc .encart-contact__text {
    width: 600px;
  }
}
.cc .encart-contact__chapo {
  color: #262628;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  /*px*/ margin: 0 0 40px 0;
  /*rem*/ margin: 0 0 2.5rem 0;
}
@media only screen and (min-width: 1441px) {
  .cc .encart-contact__chapo {
    margin: 0;
  }
}
.cc .encart-contact__title {
  /*px*/ margin: 0 0 14px 0;
  /*rem*/ margin: 0 0 0.875rem 0;
  font-weight: 700;
  font-family: sora, Arial, sans-serif;
  color: #034991;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
  /*px*/ line-height: 33px;
  /*rem*/ line-height: 2.0625rem;
}
@media only screen and (min-width: 992px) {
  .cc .encart-contact__title {
    /*px*/ font-size: 42px;
    /*rem*/ font-size: 2.625rem;
    /*px*/ line-height: 50px;
    /*rem*/ line-height: 3.125rem;
  }
}
.cc .encart-contact svg {
  margin-bottom: -1px;
  background-color: #ebf0f4;
}
.cc .encart-contact::after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 58px solid #ebf0f4;
  border-right: 27px solid transparent;
  border-left: 27px solid transparent;
  left: 30%;
  position: absolute;
}
@media only screen and (max-width: 480px) {
  .cc .encart-contact::after {
    left: 20%;
  }
}
.cc .encart-solution {
  background: linear-gradient(0deg, #f2f6fa 0%, #ebf0f4 100%);
}
@media only screen and (min-width: 1441px) {
  .cc .encart-solution__content-container {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #034991 50%);
  }
}
.cc .encart-solution__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media only screen and (min-width: 992px) {
  .cc .encart-solution__content {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1441px) {
  .cc .encart-solution__content {
    width: 1440px;
    margin: 0 auto;
  }
}
.cc .encart-solution__content .encart-solution__image {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .cc .encart-solution__content .encart-solution__image {
    width: 40%;
  }
}
@media only screen and (max-width: 1441px) {
  .cc .encart-solution__content .encart-solution__image {
    /*px*/ padding: 24px;
    /*rem*/ padding: 1.5rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc .encart-solution__content .encart-solution__image {
    height: 260px;
    overflow: hidden;
  }
}
.cc .encart-solution__content .encart-solution__image img {
  margin: auto;
  box-shadow: 0px 20px 20px 0px #ebf0f4;
}
@media only screen and (max-width: 768px) {
  .cc .encart-solution__content .encart-solution__image img {
    height: 300px;
    /*px*/ margin-left: 50px;
    /*rem*/ margin-left: 3.125rem;
    /*px*/ margin-top: 50px;
    /*rem*/ margin-top: 3.125rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc .encart-solution__content .encart-solution__image img {
    width: 100%;
    height: auto;
  }
}
.cc .encart-solution__content .bloc-gris {
  background-color: #ebf0f4;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  /*px*/ margin-top: 50px;
  /*rem*/ margin-top: 3.125rem;
}
.cc .encart-solution__content .bloc-gris p {
  color: #034991;
}
.cc .encart-solution__encart {
  background-color: #034991;
  width: 100%;
  /*px*/ padding: 40px 24px;
  /*rem*/ padding: 2.5rem 1.5rem;
}
@media only screen and (min-width: 992px) {
  .cc .encart-solution__encart {
    width: 60%;
    /*px*/ padding: 90px 24px 90px 90px;
    /*rem*/ padding: 5.625rem 1.5rem 5.625rem 5.625rem;
  }
}
@media only screen and (min-width: 1441px) {
  .cc .encart-solution__encart {
    /*px*/ padding: 90px 0 90px 90px;
    /*rem*/ padding: 5.625rem 0 5.625rem 5.625rem;
  }
}
.cc .encart-solution__encart .solution__image {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.cc .encart-solution__encart .solution__image figure {
  height: 33px;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  background-color: #ffffff;
  box-sizing: content-box;
  border-radius: 3px;
  margin: auto 0;
}
.cc .encart-solution__encart .solution__image img {
  height: 30px;
}
.cc .encart-solution__encart .solution__image img#monetico-proximity,
.cc .encart-solution__encart .solution__image img#monetico-split {
  height: 33px;
}
.cc .encart-solution__text h2 {
  margin-top: 0;
}
.cc .encart-solution__text h2,
.cc .encart-solution__text p {
  color: #ffffff;
}
.cc .kpictos.kvaleurs .kpictos__container {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 992px) {
  .cc .kpictos.kvaleurs .kpictos__container {
    gap: 50px;
    width: fit-content;
  }
}
.cc .kpictos.kvaleurs .kpictos__element {
  width: 30%;
  align-items: flex-start;
}
@media only screen and (max-width: 992px) {
  .cc .kpictos.kvaleurs .kpictos__element {
    width: 300px;
  }
}
.cc .kpictos.kvaleurs .kpictos__element p {
  text-align: left;
}
@media only screen and (max-width: 992px) {
  .cc .kpictos.kvaleurs {
    overflow: scroll;
  }
}
.cc .kpictos__container {
  justify-content: center;
  /*px*/ padding-top: 40px;
  /*rem*/ padding-top: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .cc .kpictos__container {
    justify-content: space-between;
    /*px*/ padding-top: 50px;
    /*rem*/ padding-top: 3.125rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc .kpictos__container {
    row-gap: 50px;
  }
}
.cc .kpictos__element {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*px*/ margin-bottom: 14px;
  /*rem*/ margin-bottom: 0.875rem;
}
@media only screen and (min-width: 768px) {
  .cc .kpictos__element {
    /*px*/ margin-bottom: 0;
    /*rem*/ margin-bottom: 0;
  }
}
.cc .kpictos__element:last-child {
  /*px*/ margin-bottom: 0;
  /*rem*/ margin-bottom: 0;
}
.cc .kpictos__element .svg::before {
  background-position-x: center;
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
}
.cc .kpictos__element h3 {
  border-top: 1px solid #ebf0f4;
  /*px*/ padding-top: 20px;
  /*rem*/ padding-top: 1.25rem;
  width: 100%;
  margin-bottom: 0;
}
.cc .kpictos__element p {
  text-align: center;
  /*px*/ margin-bottom: 0;
  /*rem*/ margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .cc .kpictos__element {
    width: 50%;
  }
}
.cc .kpictos__img-container {
  position: relative;
  font-size: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .cc .kpictos__img-container {
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
}
.cc .kpictos__img-container img {
  width: 100%;
}
.cc .kpictos__picture,
.cc .kpictos__img {
  width: 100%;
}
.cc .key-figures__element {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s, transform 0.6s;
}
.cc .key-figures__element:nth-child(2) {
  transform: translateY(55px);
  transition-delay: 0.05s;
}
.cc .key-figures__element:nth-child(3) {
  transform: translateY(70px);
  transition-delay: 0.1s;
}
.cc .key-figures__element:nth-child(4) {
  transform: translateY(85px);
  transition-delay: 0.15s;
}
.cc .key-figures__element:nth-child(5) {
  transform: translateY(100px);
  transition-delay: 0.2s;
}
.cc .key-figures__element:nth-child(6) {
  transform: translateY(115px);
  transition-delay: 0.25s;
}
.cc .kpictos__picture--hover .key-figures__element {
  opacity: 1;
  transform: translateY(0px);
}
.cc .slider-adf {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc .slider-adf * {
  user-select: none;
}
.cc .slider-adf--fade * {
  user-select: auto;
}
.cc .slider-adf img {
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.cc .slider-adf .resetButton {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
}
.cc .slider-adf .flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc .slider-adf .focus:focus {
  outline: 1px solid #004494 !important;
}
.cc .slider-adf__slides-container,
.cc .slider-adf__thumbnails-container {
  position: relative;
  flex-direction: row;
}
.cc .slider-adf__slides-container {
  width: 100%;
  height: 100%;
}
.cc .slider-adf__thumbnail {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  /*px*/ margin: 0 4px 0;
  /*rem*/ margin: 0 0.25rem 0;
  overflow: hidden;
  background-color: #000;
}
.cc .slider-adf__thumbnail:focus {
  outline: 1px solid #004494 !important;
}
@media only screen and (max-width: 992px) {
  .cc .slider-adf__thumbnail {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #002d61;
  }
}
.cc .slider-adf__thumbnail:hover {
  background: #004494;
}
.cc .slider-adf__thumbnail:focus {
  opacity: 0.5;
}
.cc .slider-adf__thumbnail--selected .slider__thumbnail-image {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .cc .slider-adf__thumbnail--selected {
    background-color: #438de0;
  }
}
.cc .slider-adf__thumbnail-image {
  pointer-events: none;
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .cc .slider-adf__thumbnail-image {
    display: none;
  }
}
.cc .slider-adf__track {
  transform: translate3d(0px, 0px, 0px);
  height: 100%;
  display: flex;
  flex-direction: row;
}
.cc .slider-adf__track--transition {
  transition: transform 0.5s;
}
.cc .slider-adf__slide {
  position: relative;
  overflow: hidden;
}
.cc .slider-adf__slide figure {
  margin: 0;
}
.cc .slider-adf__slide--fade {
  position: absolute;
  left: 0;
  top: 0;
}
.cc .slider-adf__dot {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
  cursor: pointer;
}
.cc .slider-adf__dot:before {
  content: "";
  padding: 0;
  /*px*/ margin: 4px;
  /*rem*/ margin: 0.25rem;
  /*px*/ width: 8px;
  /*rem*/ width: 0.5rem;
  /*px*/ height: 8px;
  /*rem*/ height: 0.5rem;
  /*px*/ border-radius: 8 / 2px;
  /*rem*/ border-radius: 0.25rem;
  border: none;
  background-color: #004494;
  opacity: 0.4;
}
.cc .slider-adf__dot--selected:before {
  opacity: 1;
}
.cc .slider-adf__slide-image,
.cc .slider-adf__thumbnail-image {
  border-radius: 0;
}
.cc .slider-adf__fullscreen-button {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
  color: #f2efed;
  width: 32px;
  height: 32px;
}
.cc .slider-adf__fullscreen-button:focus {
  outline: 1px solid #004494 !important;
}
.cc .slider-adf__fullscreen-button:before {
  font-size: 24px;
}
.cc .slider-adf__legend {
  position: absolute;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  color: #f2efed;
  bottom: 0;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  text-align: left;
  width: 100%;
}
.cc .slider-adf--fullscreen {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.cc .slider-adf--fullscreen .slider__button {
  color: #f2efed;
  background-color: rgba(0, 0, 0, 0.7);
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
  display: none;
}
.cc .slider-adf--fullscreen .slider__track {
  transition: none;
}
.cc .slider-adf--fullscreen .slider__thumbnail {
  display: none;
}
.cc .slider-adf--fullscreen .slider__slides-container {
  margin-bottom: 0;
}
.cc .slider-adf--initialized .slider__slides-container {
  width: 100%;
}
.cc .slider-adf--initialized.slider--fullscreen {
  margin: 0;
  cursor: pointer;
}
.cc .slider-adf--initialized.slider--fullscreen > .slider__slides-container {
  cursor: auto;
}
.cc .slider-adf__dots-container {
  text-align: center;
  display: flex;
  flex-direction: row;
  margin: 10px;
}
.cc .slider-adf-liseret {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret {
    flex-direction: row;
  }
}
.cc .slider-adf-liseret__img-container {
  aspect-ratio: 700/650;
  width: 100vw;
  overflow: hidden;
  position: relative;
  margin: 0 -1.5rem 20px -1.5rem;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
  }
  .cc .slider-adf-liseret__img-container:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: url(/fr/assets/svg/liseret-visuel-border-bottom.svg);
    font-size: 0;
  }
  .cc .slider-adf-liseret__img-container--red:after {
    content: url(/fr/assets/svg/liseret-visuel-border-bottom-red.svg);
  }
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__img-container,
  .cc .slider-adf-liseret__body {
    width: 50%;
  }
}
.cc .slider-adf-liseret__title {
  font-size: 28px;
  line-height: 120%;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__title {
    font-size: 36px;
    line-height: 122%;
  }
}
.cc .slider-adf-liseret__description > * {
  font-size: 16px;
  color: #262628;
  line-height: 146%;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__description > * {
    line-height: 150%;
    color: #737375;
  }
}
.cc .slider-adf-liseret__title,
.cc .slider-adf-liseret__description {
  margin: 30px 0;
}
.cc .slider-adf-liseret__img {
  aspect-ratio: 700/650;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__img {
    width: auto;
    height: 100%;
  }
}
.cc .slider-adf-liseret__button {
  width: calc(100% - 40px);
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__button {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__body {
    margin: 20px 0;
    padding-right: 100px;
  }
}
.cc .slider-adf-liseret__lines-container {
  height: 2px;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}
.cc .slider-adf-liseret__lines-container--desktop-only {
  display: none;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__lines-container--desktop-only {
    display: flex;
  }
}
.cc .slider-adf-liseret__line {
  width: 28%;
  height: 2px;
  background-color: #99999b;
  border-radius: 1px;
}
@media only screen and (min-width: 480px) {
  .cc .slider-adf-liseret__line {
    width: 29%;
  }
}
@media only screen and (min-width: 768px) {
  .cc .slider-adf-liseret__line {
    width: 31%;
  }
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-liseret__line {
    width: 30%;
  }
}
.cc .slider-adf-liseret__tabs-container {
  width: 100%;
  overflow-x: auto;
  height: 28px;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 10px;
  margin-top: 40px;
}
@media only screen and (min-width: 480px) {
  .cc .slider-adf-liseret__tabs-container {
    padding-bottom: 0;
  }
}
.cc .slider-adf-liseret__tab {
  border: none;
  background: transparent;
  padding: 0;
  color: #034991;
  margin-right: 25px;
  opacity: 0.6;
  text-align: left;
  text-wrap: nowrap;
}
.cc .slider-adf-liseret__tab :nth-last-child {
  margin-right: 0;
}
.cc .slider-adf-liseret__tab--active {
  font-weight: bold;
  opacity: 1;
}
.cc .loading-bar-adf__bar {
  background-color: red;
  height: 100%;
  width: 0;
}
.cc .slider-adf-alternate {
  position: relative;
  padding-bottom: 65px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.cc .slider-adf-alternate__header {
  display: flex;
  flex-direction: column-reverse;
}
.cc .slider-adf-alternate__title {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 126%;
  margin-bottom: 0;
  margin-top: 40px;
}
.cc .slider-adf-alternate__img {
  width: 100%;
}
.cc .slider-adf-alternate__text-content {
  position: absolute;
  bottom: 0;
  /*px*/ max-width: 280px;
  /*rem*/ max-width: 17.5rem;
}
.cc .slider-adf-alternate__text-content > *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) {
  .cc .slider-adf-alternate {
    margin-left: 0;
    margin-right: 0;
    margin-top: 54px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .cc .slider-adf-alternate__slide {
    display: flex;
    flex-direction: row;
    padding-right: 93px;
  }
  .cc .slider-adf-alternate__slide--inverted .slider-adf-alternate__title {
    margin-bottom: 40px;
    margin-top: 0;
  }
  .cc .slider-adf-alternate__slide--inverted .slider-adf-alternate__header {
    flex-direction: column;
  }
  .cc .slider-adf-alternate__slide--inverted .slider-adf-alternate__text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .cc .slider-adf-alternate__title {
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    width: 200%;
  }
  .cc .slider-adf-alternate__header,
  .cc .slider-adf-alternate__text {
    width: 50%;
  }
  .cc .slider-adf-alternate__content {
    padding-left: 50px;
  }
  .cc .slider-adf-alternate__content > :first-child {
    margin-top: 0;
  }
  .cc .slider-adf-alternate__content > :last-child {
    margin-bottom: 0;
  }
  .cc .slider-adf-alternate__img-container {
    width: 100%;
    height: 320px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
  }
  .cc .slider-adf-alternate__img-container::before {
    content: url("/fr/assets/svg/slider-triangle-subtract-bg.svg");
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .cc .slider-adf-alternate__img {
    width: auto;
  }
  .cc .slider-adf-alternate__dot {
    cursor: pointer;
  }
}
.cc .slider-adf-alternate .slider-adf__button {
  width: 65px;
  height: 65px;
  border: none;
  border-radius: 32.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  background-color: #f5f5f5;
}
.cc .slider-adf-alternate .slider-adf__button--prev {
  transform: translateX(-40.5px);
}
.cc .slider-adf-alternate .slider-adf__button--prev::before {
  content: url("/fr/assets/svg/slider-arrow-left.svg");
  display: block;
}
.cc .slider-adf-alternate .slider-adf__button--next {
  transform: translateX(40.5px);
}
.cc .slider-adf-alternate .slider-adf__button--next::before {
  content: url("/fr/assets/svg/slider-arrow-right.svg");
  display: block;
}
.cc .slider-adf-alternate .slider-adf__slides-container {
  transition: height 0.5s;
}
@media only screen and (min-width: 1200px) {
  .cc .slider-adf-alternate .slider-adf__button {
    right: 40px;
    top: -108px;
    width: 54px;
    height: 54px;
    border-radius: 27px;
  }
}
@media only screen and (min-width: 1200px) {
  #-ADF-MONETICO-COM-Qui-sommes-nous .slider-adf-alternate__img-container::before {
    content: url("/fr/assets/svg/slider-triangle-subtract.svg");
  }
}
.slider-adf-expertise {
  margin-bottom: 20px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.slider-adf-expertise__header {
  position: relative;
  overflow: hidden;
}
.slider-adf-expertise__header::before {
  content: url("/fr/assets/svg/slider-triangle-subtract-bg.svg");
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 992px) {
  .slider-adf-expertise__header {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.slider-adf-expertise__body {
  padding: 15px;
  height: 300px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .slider-adf-expertise__body {
    height: auto;
  }
}
@media only screen and (min-width: 992px) {
  .slider-adf-expertise__header,
  .slider-adf-expertise__body {
    width: 50%;
  }
}
.slider-adf-expertise__slide {
  padding: 1.5rem;
}
.slider-adf-expertise__slide-content {
  background-color: #fff;
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .slider-adf-expertise__slide-content {
    flex-direction: row-reverse;
  }
}
.slider-adf-expertise__img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .slider-adf-expertise__img {
    flex-direction: row-reverse;
  }
}
.slider-adf-expertise__title {
  margin-top: 0;
}
.slider-adf-expertise__content {
  margin-top: auto;
}
.slider-adf-expertise__title {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 136%;
}
.slider-adf-solutions {
  margin-bottom: 20px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.slider-adf-solutions__slide {
  position: relative;
  padding: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .slider-adf-solutions__slide {
    height: 500px;
  }
}
.slider-adf-solutions__slide-content {
  height: 100%;
}
.slider-adf-solutions__container {
  position: relative;
  width: 100%;
  height: 100%;
}
.slider-adf-solutions__bg {
  background: url(/fr/assets/articles/encaissez-lieu-activite-et-itinerance/test.jpg);
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.slider-adf-solutions__bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.67) 0%, rgba(255, 255, 255, 0.96) 51.85%, #d4e1e2 100%);
  z-index: 1;
}
.slider-adf-solutions__body {
  position: relative;
  text-align: center;
  z-index: 2;
  padding: 45px 25px;
}
@media only screen and (min-width: 992px) {
  .slider-adf-solutions__body {
    padding: 80px 95px;
  }
}
.slider-adf-solutions__logo {
  width: 120px;
}
.slider-adf-solutions__header {
  height: 100px;
}
.cc .newsroom-header {
  background-color: black;
  position: relative;
  overflow: hidden;
}
.cc .newsroom-header__slider,
.cc .newsroom-header__slide {
  height: 670px;
}
.cc .newsroom-header__slide-body {
  position: relative;
  width: 100%;
  height: 100%;
}
.cc .newsroom-header__slide-content {
  display: flex;
  flex-direction: row;
  height: 100%;
  position: relative;
  z-index: 3;
}
.cc .newsroom-header__slide-col-main {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .cc .newsroom-header__slide-col-main {
    padding-right: 100px;
    width: calc(100% - 230px);
  }
}
.cc .newsroom-header__slide-col-main,
.cc .newsroom-header__slide-col-aside {
  height: 100%;
}
.cc .newsroom-header__slide-col-aside {
  display: none;
}
@media only screen and (min-width: 992px) {
  .cc .newsroom-header__slide-col-aside {
    display: flex;
    align-items: center;
    width: 230px;
  }
}
.cc .newsroom-header__slide-header {
  height: calc(100% - 250px);
  display: flex;
}
.cc .newsroom-header__slide-header-content {
  margin-top: auto;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .cc .newsroom-header__slide-header-content h2 {
    margin-bottom: 64px;
  }
}
.cc .newsroom-header__faded-content {
  position: relative;
  transition: all 0.6s;
  opacity: 0;
  top: -30px;
}
.cc .newsroom-header__faded-content--down {
  top: 30px;
}
.cc .newsroom-header__faded-content--delay {
  transition-delay: 0.1s;
}
.cc .newsroom-header__slide-footer {
  height: 250px;
  overflow: hidden;
}
.cc .newsroom-header__slide-footer .loading-bar {
  margin-bottom: 35px;
}
.cc .newsroom-header.newsroom--monetico .newsroom-header__slide-image-container:after {
  background-color: rgba(76, 113, 187, 0.5);
}
.cc .newsroom-header.newsroom--retail .newsroom-header__slide-image-container:after {
  background-color: rgba(101, 45, 135, 0.5);
}
.cc .newsroom-header.newsroom--retail .button {
  color: #ffffff;
  background: #652d87;
}
.cc .newsroom-header.newsroom--retail .button::after {
  background-color: #652d87;
}
.cc .newsroom-header.newsroom--retail .button::before {
  background-color: #e2d8e7;
}
.cc .newsroom-header.newsroom--retail .button:hover,
.cc .newsroom-header.newsroom--retail .button:focus {
  color: #652d87;
}
.cc .newsroom-header.newsroom--online .newsroom-header__slide-image-container:after {
  background-color: rgba(41, 133, 104, 0.5);
}
.cc .newsroom-header.newsroom--online .button {
  color: #ffffff;
  background: #298568;
}
.cc .newsroom-header.newsroom--online .button::after {
  background-color: #298568;
}
.cc .newsroom-header.newsroom--online .button::before {
  background-color: #daece6;
}
.cc .newsroom-header.newsroom--online .button:hover,
.cc .newsroom-header.newsroom--online .button:focus {
  color: #298568;
}
.cc .newsroom-header.newsroom--proximity .newsroom-header__slide-image-container:after {
  background-color: rgba(190, 87, 41, 0.5);
}
.cc .newsroom-header.newsroom--proximity .button {
  color: #ffffff;
  background: #BE5729;
}
.cc .newsroom-header.newsroom--proximity .button::after {
  background-color: #BE5729;
}
.cc .newsroom-header.newsroom--proximity .button::before {
  background-color: #f1dcd4;
}
.cc .newsroom-header.newsroom--proximity .button:hover,
.cc .newsroom-header.newsroom--proximity .button:focus {
  color: #BE5729;
}
.cc .newsroom-header.newsroom--split .newsroom-header__slide-image-container:after {
  background-color: rgba(160, 31, 61, 0.5);
}
.cc .newsroom-header.newsroom--split .button {
  color: #ffffff;
  background: #A01F3D;
}
.cc .newsroom-header.newsroom--split .button::after {
  background-color: #A01F3D;
}
.cc .newsroom-header.newsroom--split .button::before {
  background-color: #d88699;
}
.cc .newsroom-header.newsroom--split .button:hover,
.cc .newsroom-header.newsroom--split .button:focus {
  color: #A01F3D;
}
.cc .newsroom-header__slide-image-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1;
}
.cc .newsroom-header__slide-image-container:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cc .newsroom-header:after {
  content: '';
  display: inline-block;
  height: 0;
  width: 75%;
  border-bottom: 51px solid #ffffff;
  border-right: 27px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .cc .newsroom-header:after {
    width: 50%;
  }
}
.cc .newsroom-header .slider-adf__button {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 7px;
  right: 35px;
  scale: 0.7;
  cursor: pointer;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 992px) {
  .cc .newsroom-header .slider-adf__button {
    top: 50px;
    right: 100px;
    scale: 1;
  }
}
.cc .newsroom-header .slider-adf__button--prev {
  transform: translateX(-30px);
}
.cc .newsroom-header .slider-adf__button--prev::before {
  content: url("../assets/commun/svg/slider-arrow-left.svg");
  display: block;
  margin-top: 2px;
}
.cc .newsroom-header .slider-adf__button--next {
  transform: translateX(30px);
}
.cc .newsroom-header .slider-adf__button--next::before {
  content: url("../assets/commun/svg/slider-arrow-right.svg");
  display: block;
  margin-top: 2px;
}
.cc .slider-adf__slide--ready .newsroom-header__faded-content {
  opacity: 1;
  top: 0px;
}
.cc .bars .multiple-loading-bars {
  display: none;
}
@media only screen and (min-width: 992px) {
  .cc .bars .multiple-loading-bars {
    display: flex;
    padding-right: 100px;
    width: calc(100% - 400px);
    position: relative;
    bottom: 290px;
  }
}
.cc .pack {
  height: 100%;
}
.cc .pack__main {
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  .cc .pack__main {
    height: 420px;
  }
}
.cc .pack__main > p strong {
  color: #298568;
}
.cc .pack__header {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 44px;
  flex-shrink: 0;
  flex-grow: 0;
}
.cc .pack__body {
  display: flex;
  flex-direction: column;
  align-content: start;
}
.cc .pack__footer ul.list li {
  color: #606F7E;
}
.cc .pack__main,
.cc .pack__footer {
  padding: 25px;
}
.cc .pack__separator {
  margin: 24px 0;
  background: #81a4c8;
  opacity: 0.4;
}
.cc .pack__footer {
  flex-shrink: 0;
  padding-top: 0;
}
.cc .pack__footer:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #81a4c8;
  opacity: 0.4;
  margin-bottom: 30px;
}
.cc .pack__toggle-button {
  width: 100%;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #298568;
  background-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 146%;
  cursor: pointer;
  border: none;
  padding: 0;
}
.cc .pack__toggle-button:after {
  content: url(/fr/assets/svg/pack-chevron.svg);
  display: block;
  width: 12px;
  height: 24px;
  position: absolute;
  right: 0;
  transform: rotate(0deg);
  transition: transform 0.4s;
}
.cc .pack__toggle-button--open:after {
  transform: rotate(-90deg);
}
.cc .pack__title {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px 0;
  color: #034991;
}
@media only screen and (min-width: 992px) {
  .cc .pack__title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    height: 70px;
  }
}
.cc .pack--most-popular .pack__header {
  background-color: #298568;
  font-size: 16px;
  font-style: normal;
  line-height: 150%;
  color: #ffffff;
  position: relative;
}
.cc .pack--most-popular .pack__header:after {
  content: url(/fr/assets/svg/pack-header-triangle.svg);
  display: block;
  position: absolute;
  right: -22px;
  width: 24px;
  height: 44px;
}
.cc .pack--no-site .pack__header {
  background-color: #daece6;
  font-size: 16px;
  font-style: normal;
  line-height: 150%;
  color: #298568;
  position: relative;
}
.cc .pack--no-site .pack__header:after {
  content: url(/fr/assets/svg/pack-header-triangle10.svg);
  display: block;
  position: absolute;
  right: -22px;
  width: 24px;
  height: 44px;
}
.cc .pack__toggle-content[data-expanded="false"] {
  display: none;
}
@media only screen and (max-width: 992px) {
  .cc .packs-site {
    display: none;
  }
}
.cc .packs-site .deja-site,
.cc .packs-site .pas-site {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  height: 44px;
}
.cc .packs-site .deja-site {
  background-color: #298568;
  color: #ffffff;
}
.cc .packs-site .pas-site {
  background-color: #daece6;
  color: #298568;
  position: relative;
}
.cc .packs-site .pas-site:after {
  content: "";
  position: absolute;
  right: 0;
  border-top: 44px solid #ffffff;
  border-left: 27px solid transparent;
}
@media only screen and (max-width: 992px) {
  .cc .products-slider.wrapper {
    padding: 0;
  }
  .cc .products-slider.wrapper .products-slider__nav-buttons {
    padding: 0 24px;
    overflow: scroll;
  }
  .cc .products-slider.wrapper .slider-adf-produits__body {
    padding: 24px 0;
  }
  .cc .products-slider.wrapper .slider-adf-produits__description,
  .cc .products-slider.wrapper .slider-adf-produits__title-clone,
  .cc .products-slider.wrapper .slider-adf-produits__footer {
    padding: 0 24px;
  }
}
.cc .slider-adf-produits__logo {
  width: 156px;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__header {
    width: 100%;
  }
}
.cc .slider-adf-produits__footer {
  display: flex;
}
.cc .slider-adf-produits__slide {
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.cc .slider-adf-produits__slide--reversed {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__slide {
    flex-direction: row;
    gap: 100px;
    align-items: start;
  }
}
.cc .slider-adf-produits__img-container {
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__img-container {
    width: 50%;
  }
}
.cc .slider-adf-produits__img-container--proximity:after {
  content: url(/fr/assets/svg/liseret-visuel-border-bottom-red.svg);
}
.cc .slider-adf-produits__img-container--online:after {
  content: url(/fr/assets/svg/liseret-visuel-border-bottom-green.svg);
}
.cc .slider-adf-produits__img-container--medium-hide-after:after {
  display: none;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__img-container--medium-hide-after:after {
    display: block;
  }
}
.cc .slider-adf-produits__body {
  padding: 20px;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__body {
    padding: 0;
  }
}
@media only screen and (max-width: 992px) {
  .cc .slider-adf-produits__title-clone {
    display: block;
  }
}
.cc .slider-adf-produits__title,
.cc .slider-adf-produits__title-clone {
  font-size: 28px;
  line-height: 33px;
  color: #034991;
  font-family: sora;
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__title,
  .cc .slider-adf-produits__title-clone {
    font-size: 20px;
    line-height: 24px;
    margin: 30px 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__description {
    margin-bottom: 30px;
  }
}
.cc .slider-adf-produits__description > * {
  font-size: 16px;
  color: #262628;
  line-height: 146%;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__description > * {
    line-height: 150%;
    color: #737375;
  }
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__description {
    margin-top: 30px;
  }
}
.cc .slider-adf-produits__img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__img {
    width: 100%;
  }
}
.cc .slider-adf-produits__button {
  width: calc(100% - 40px);
  margin: 0 auto;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__button {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__body {
    padding-right: 100px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
.cc .slider-adf-produits__lines-container {
  height: 2px;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}
.cc .slider-adf-produits__lines-container--desktop-only {
  display: none;
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__lines-container--desktop-only {
    display: flex;
  }
}
.cc .slider-adf-produits__line {
  width: 28%;
  height: 2px;
  background-color: #99999b;
  border-radius: 1px;
}
@media only screen and (min-width: 480px) {
  .cc .slider-adf-produits__line {
    width: 29%;
  }
}
@media only screen and (min-width: 768px) {
  .cc .slider-adf-produits__line {
    width: 31%;
  }
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits__line {
    width: 30%;
  }
}
.cc .slider-adf-produits__tabs-container {
  width: 100%;
  overflow-x: auto;
  height: 28px;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 10px;
  margin-top: 40px;
}
@media only screen and (min-width: 480px) {
  .cc .slider-adf-produits__tabs-container {
    padding-bottom: 0;
  }
}
.cc .slider-adf-produits__tab {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  color: #034991;
  margin-right: 25px;
  opacity: 0.6;
  text-align: left;
  text-wrap: nowrap;
}
.cc .slider-adf-produits__tab :nth-last-child {
  margin-right: 0;
}
.cc .slider-adf-produits__tab--active {
  font-weight: bold;
  opacity: 1;
}
.cc .slider-adf-produits__loading-bar-placeholder {
  margin-bottom: 50px;
}
.cc .slider-adf-produits--manifeste .slider-adf-produits__body {
  padding: 0;
  /*display: flex;
					align-items: flex-start;
					flex-direction: column;*/
}
@media only screen and (min-width: 992px) {
  .cc .slider-adf-produits--manifeste .slider-adf-produits__body {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .cc .slider-adf-produits--manifeste .slider-adf-produits__body {
    padding-top: 35px;
  }
}
@media only screen and (max-width: 992px) {
  .cc .slider-adf-produits--manifeste .slider-adf-produits__body {
    padding-top: 0;
  }
}
.cc .loading-bar-adf__bar {
  background-color: red;
  height: 100%;
  width: 0;
}
.cc .rebond {
  display: flex;
  flex-direction: column-reverse;
  margin-right: 1.5rem;
}
.cc .rebond__visuals-container {
  position: relative;
}
.cc .rebond__label {
  position: absolute;
  background-color: white;
  top: 0;
  left: 0;
  width: 136px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc .rebond__label::after {
  display: block;
  content: url(/fr/assets/svg/rebond-label-triangle.svg);
  position: absolute;
  right: -12px;
  top: 0;
  height: 60px;
  width: 17px;
}
.cc .rebond__image-container {
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.cc .rebond__image-container,
.cc .rebond__img {
  aspect-ratio: 454/300;
}
.cc .rebond__img {
  width: 100%;
}
.cc .loading-bar {
  height: 2px;
  background-color: #99999b;
  border-radius: 1px;
}
.cc .loading-bar:first-child {
  margin-left: 0;
}
.cc .loading-bar:last-child {
  margin-right: 0;
}
.cc .loading-bar__gauge {
  height: 100%;
  background-color: #f2f2f4;
  width: 0%;
  transition: background-color 0.5s;
}
.cc .multiple-loading-bars {
  height: 2px;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}
.cc .multiple-loading-bars .loading-bar {
  flex: 1;
  margin: 0 12px;
}
.cc .multiple-loading-bars .loading-bar:first-child {
  margin-left: 0;
}
.cc .multiple-loading-bars .loading-bar:last-child {
  margin-right: 0;
}
.cc .article__surtitle,
.cc .article__title,
.cc .article__publication-date {
  color: white;
}
.cc .article__title {
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
  /*px*/ line-height: 34px;
  /*rem*/ line-height: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .cc .article__title {
    /*px*/ font-size: 42px;
    /*rem*/ font-size: 2.625rem;
    /*px*/ line-height: 50px;
    /*rem*/ line-height: 3.125rem;
  }
}
.cc .article__publication-date {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 32px;
  display: none;
}
@media only screen and (min-width: 992px) {
  .cc .article__publication-date {
    display: block;
  }
}
.cc .article__detail {
  margin: 0;
  /*px*/ padding: 5px 5px 17px 10px;
  /*rem*/ padding: 0.3125rem 0.3125rem 1.0625rem 0.625rem;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.cc .article__detail .svg {
  /*px*/ margin-right: 6px;
  /*rem*/ margin-right: 0.375rem;
}
.cc .article__detail .svg::before {
  color: #ffffff;
  /*px*/ height: 20px;
  /*rem*/ height: 1.25rem;
  /*px*/ width: 20px;
  /*rem*/ width: 1.25rem;
}
.cc .article__tag {
  color: #004494;
  background-color: #e5ecf4;
  display: inline-block;
  /*px*/ margin: 0 24px 12px 0;
  /*rem*/ margin: 0 1.5rem 0.75rem 0;
  padding: 5px 5px 5px 10px;
  font-weight: 400;
  position: relative;
  height: 31px;
  width: max-content;
}
.cc .article__tag:after {
  content: url(/fr/assets/svg/article-tag-after-triangle.svg);
  display: block;
  right: -13px;
  position: absolute;
  top: 0;
}
.cc .article__chapo p {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
  color: #606F7E;
  margin-top: 0;
}
.cc .article__paragraphe h2 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
.cc .article__paragraphe h3 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  color: #262628;
}
.cc .article__paragraphe p {
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
  color: #262628;
}
.cc .article__mentions p {
  font-style: italic;
}
.cc .article__mentions sup {
  font-weight: 700;
}
.cc .article__faq h2 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc .article__faq h3 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  margin: 0;
}
.cc .article__faq p {
  /*px*/ line-height: 25px;
  /*rem*/ line-height: 1.5625rem;
  color: #262628;
  margin-bottom: 0;
}
.cc .article-tile {
  display: flex;
  flex-direction: column-reverse;
}
.cc .article-tile__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 133%;
  margin-top: 0;
  margin-bottom: 12px;
  transition: 0.5s ease;
}
.cc .article-tile__description {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cc .article-tile__description p {
  margin: 0;
  color: #757577;
}
.cc .article-tile__header-img-container {
  aspect-ratio: 411 / 300;
  width: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.cc .article-tile__header-img-container:after {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(3, 73, 145, 0.5);
  opacity: 0;
  transition: 0.5s ease;
}
.cc .article-tile__header-img {
  height: 100%;
}
.cc .article-tile .button {
  position: absolute;
  opacity: 0;
  transform: translateY(50%);
  transition: 0.5s ease;
  z-index: 1;
}
.cc .article-tile__header-details {
  padding: 16px 0;
  display: flex;
  flex-direction: row;
}
.cc .article-tile__tag-container {
  width: calc(100% - 100px);
}
.cc .article-tile__time-container {
  width: 100px;
  text-align: right;
}
.cc .article-tile__tag,
.cc .article-tile__time {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #757577;
  position: relative;
  display: inline-block;
  margin: 0;
}
.cc .article-tile__time:before {
  content: url(../assets/commun/svg/time-grey.svg);
  display: inline-block;
  position: absolute;
  top: 1px;
  left: -29px;
  font-size: 0;
  margin-right: 5px;
  height: 0;
}
.cc .article-tile__tag {
  border: 1px solid #a3aab1;
  border-radius: 4px;
  color: #606f7e;
  padding: 1px 9px;
  margin: 0;
}
.cc .article-tile:hover .button,
.cc .article-tile:focus .button {
  opacity: 1;
  transform: translateY(0);
}
.cc .article-tile:hover .article-tile__title,
.cc .article-tile:focus .article-tile__title {
  color: #54a4ce;
}
.cc .article-tile:hover .article-tile__header-img-container:after,
.cc .article-tile:focus .article-tile__header-img-container:after {
  opacity: 1;
}
.cc .article-tile.tile-moyens-paiement .button {
  position: initial;
  opacity: initial;
  transform: translate(0);
}
.cc .rebounds--retail .article-tile__header-img-container:after {
  background-color: rgba(101, 45, 135, 0.5);
}
.cc .rebounds--retail a.button--blanc {
  background: #ffffff;
  color: #652d87;
}
.cc .rebounds--retail a.button--blanc::after {
  background-color: #ffffff;
}
.cc .rebounds--retail a.button--blanc::before {
  background-color: #e2d8e7;
}
.cc .rebounds--retail a.button--blanc:hover,
.cc .rebounds--retail a.button--blanc:focus {
  color: #652d87;
}
.cc .rebounds--online .article-tile__header-img-container:after {
  background-color: rgba(41, 133, 104, 0.5);
}
.cc .rebounds--online a.button--blanc {
  background: #ffffff;
  color: #298568;
}
.cc .rebounds--online a.button--blanc::after {
  background-color: #ffffff;
}
.cc .rebounds--online a.button--blanc::before {
  background-color: #daece6;
}
.cc .rebounds--online a.button--blanc:hover,
.cc .rebounds--online a.button--blanc:focus {
  color: #298568;
}
.cc .rebounds--proximity .article-tile__header-img-container:after {
  background-color: rgba(190, 87, 41, 0.5);
}
.cc .rebounds--proximity a.button--blanc {
  background: #ffffff;
  color: #BE5729;
}
.cc .rebounds--proximity a.button--blanc::after {
  background-color: #ffffff;
}
.cc .rebounds--proximity a.button--blanc::before {
  background-color: #f1dcd4;
}
.cc .rebounds--proximity a.button--blanc:hover,
.cc .rebounds--proximity a.button--blanc:focus {
  color: #BE5729;
}
.cc .rebounds--split .article-tile__header-img-container:after {
  background-color: rgba(160, 31, 61, 0.5);
}
.cc .rebounds--split a.button--blanc {
  background: #ffffff;
  color: #A01F3D;
}
.cc .rebounds--split a.button--blanc::after {
  background-color: #ffffff;
}
.cc .rebounds--split a.button--blanc::before {
  background-color: #d88699;
}
.cc .rebounds--split a.button--blanc:hover,
.cc .rebounds--split a.button--blanc:focus {
  color: #A01F3D;
}
.cc .author {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cc .author__logo {
  display: flex;
  width: 50px;
  height: 50px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background-color: white;
  border-radius: 5px;
}
.cc .author__content {
  width: calc(100% - 50px);
  padding-left: 13px;
}
.cc .author__text-before-name {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
.cc .author__name {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.cc .author__text {
  color: white;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .cc .key-figures {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 992px) {
  .cc .key-figures {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.cc .key-figures__element {
  /*px*/ margin: 42px 0;
  /*rem*/ margin: 2.625rem 0;
}
@media only screen and (min-width: 992px) {
  .cc .key-figures__element {
    width: 48%;
    margin: 0;
  }
  .cc .key-figures__element:nth-child(even) {
    /*px*/ margin: 60px 0 0 0;
    /*rem*/ margin: 3.75rem 0 0 0;
  }
}
.cc .key-figures__element:last-child {
  margin-bottom: 0;
}
.cc .key-figures__title,
.cc .key-figures__description {
  margin: 0;
}
.cc .key-figures__title {
  color: #034991;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
@media only screen and (min-width: 992px) {
  .cc .key-figures__title {
    font-size: 32px;
  }
}
.cc .key-figures__title strong {
  font-family: sora, Arial, sans-serif;
}
.cc .key-figures__description {
  color: #606F7E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  margin-top: 10px;
}
.products-slider {
  position: relative;
}
.products-slider .multiple-loading-bars {
  top: 0;
  left: 0;
  width: 100%;
}
.products-slider__tabs-container {
  width: 100%;
  overflow-x: auto;
  height: 28px;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 10px;
  margin-top: 40px;
}
@media only screen and (min-width: 480px) {
  .products-slider__tabs-container {
    padding-bottom: 0;
  }
}
.products-slider__tab {
  border: none;
  background: transparent;
  padding: 0;
  color: #034991;
  margin-right: 25px;
  opacity: 0.6;
  text-align: left;
  text-wrap: nowrap;
  cursor: pointer;
  user-select: none;
  display: block;
  font-weight: bold;
  padding-left: 1.5rem;
  font-family: sora, Arial, sans-serif;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.products-slider__tab :nth-last-child {
  margin-right: 0;
}
.products-slider__tab--active {
  font-weight: bold;
  opacity: 1;
}
@media only screen and (min-width: 992px) {
  .products-slider__tab {
    padding-left: 0;
    /*px*/ font-size: 42px;
    /*rem*/ font-size: 2.625rem;
    /*px*/ line-height: 50px;
    /*rem*/ line-height: 3.125rem;
  }
}
.products-slider__nav-buttons {
  margin: 35px 0;
  display: flex;
  flex-direction: row;
  overflow: scroll;
}
@media only screen and (min-width: 992px) {
  .products-slider__nav-buttons {
    margin-top: 80px;
    flex-direction: column;
    gap: 20px;
    overflow: initial;
  }
}
@media only screen and (max-width: 1200px) {
  .products-slider__nav-buttons {
    margin-top: 35px;
  }
}
.retail .products-slider__tab {
  color: #652d87;
}
.online .products-slider__tab {
  color: #298568;
}
.split .products-slider__tab {
  color: #A01F3D;
}
.proximity .products-slider__tab {
  color: #BE5729;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1__container {
    /*px*/ margin: 0 auto;
    /*rem*/ margin: 0 auto;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 1441px) {
  .bloc-basic-1__container {
    width: 1280px;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1__img {
    /*px*/ width: 500px;
    /*rem*/ width: 31.25rem;
  }
}
.bloc-basic-1__img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1__img img {
    width: 100%;
    height: initial;
  }
}
.bloc-basic-1__text {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  /*px*/ margin-bottom: 34px;
  /*rem*/ margin-bottom: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1__text {
    width: calc(100% - 500px);
    /*px*/ margin: 0 151px 0 0;
    /*rem*/ margin: 0 9.4375rem 0 0;
    padding: 0;
  }
}
.bloc-basic-1__text > p strong {
  font-family: sora, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1__text > p strong {
    /*px*/ line-height: 27px;
    /*rem*/ line-height: 1.6875rem;
    /*px*/ margin: 0 0 40px 0;
    /*rem*/ margin: 0 0 2.5rem 0;
  }
}
.bloc-basic-1__text--cta {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1__text--cta {
    display: block;
  }
}
.bloc-basic-1__text .flex .flex50 .svg {
  /*px*/ margin-right: 16px;
  /*rem*/ margin-right: 1rem;
}
.bloc-basic-1 .insert {
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1 .insert {
    /*px*/ margin-bottom: 35px;
    /*rem*/ margin-bottom: 2.1875rem;
  }
}
.bloc-basic-1 .svg::before {
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1--reverse .bloc-basic-1__container .bloc-basic-1__content {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-1--reverse .bloc-basic-1__container .bloc-basic-1__content .bloc-basic-1__text,
  .bloc-basic-1--reverse .bloc-basic-1__container .bloc-basic-1__content .bloc-basic-1__element {
    /*px*/ margin: 0 0 0 151px;
    /*rem*/ margin: 0 0 0 9.4375rem;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-2__content {
    display: flex;
    justify-content: space-between;
  }
}
.bloc-basic-2__title p {
  font-family: sora, Arial, sans-serif;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-2__title {
    /*px*/ margin: 0 114px 0 0;
    /*rem*/ margin: 0 7.125rem 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-2__element {
    /*px*/ margin-bottom: 42px;
    /*rem*/ margin-bottom: 2.625rem;
  }
}
.bloc-basic-2__element > img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.bloc-basic-2__element > img.w-logo {
  width: initial;
  height: initial;
}
.bloc-basic-2__element--text--collapse {
  /*px*/ margin-bottom: 42px;
  /*rem*/ margin-bottom: 2.625rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-2__element--text--collapse {
    /*px*/ margin-bottom: 0;
    /*rem*/ margin-bottom: 0;
  }
}
.bloc-basic-2__element--text--collapse > p > strong {
  font-family: sora, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3 h2 {
    /*px*/ margin-bottom: 42px;
    /*rem*/ margin-bottom: 2.625rem;
    /*px*/ width: 565px;
    /*rem*/ width: 35.3125rem;
  }
}
.bloc-basic-3__content {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3__content {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3__text {
    /*px*/ margin: 0 114px 0 0;
    /*rem*/ margin: 0 7.125rem 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3__element {
    /*px*/ margin-bottom: 42px;
    /*rem*/ margin-bottom: 2.625rem;
  }
}
.bloc-basic-3__img {
  /*px*/ margin-bottom: 34px;
  /*rem*/ margin-bottom: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3__img {
    margin-bottom: 0;
  }
}
.bloc-basic-3__img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3__img img {
    width: initial;
    height: initial;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3--reverse .bloc-basic-3__content {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-3--reverse .bloc-basic-3__text {
    /*px*/ margin: 0 0 0 114px;
    /*rem*/ margin: 0 0 0 7.125rem;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4__container {
    /*px*/ margin: 0 auto;
    /*rem*/ margin: 0 auto;
  }
}
@media only screen and (min-width: 1441px) {
  .bloc-basic-4__container {
    width: 1441px;
    padding: 0;
  }
}
.bloc-basic-4__content {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4__content {
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    gap: 100px;
  }
}
.bloc-basic-4__img {
  width: 100%;
}
.bloc-basic-4__img picture {
  display: none;
}
.bloc-basic-4__img picture img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  /*px*/ margin-bottom: 34px;
  /*rem*/ margin-bottom: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4__img picture img {
    height: initial;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4__img picture {
    display: block;
  }
}
@media only screen and (min-width: 1441px) {
  .bloc-basic-4__img {
    width: 40%;
    padding: 0;
  }
}
.bloc-basic-4__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1441px) {
  .bloc-basic-4__text {
    width: 37%;
    padding: 0;
  }
}
.bloc-basic-4__text > p strong {
  font-family: sora, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4__text > p strong {
    /*px*/ line-height: 27px;
    /*rem*/ line-height: 1.6875rem;
    /*px*/ margin: 0 0 40px 0;
    /*rem*/ margin: 0 0 2.5rem 0;
  }
}
.bloc-basic-4__cta {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4__cta {
    display: block;
  }
}
.bloc-basic-4 .insert {
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4 .insert {
    /*px*/ margin-bottom: 35px;
    /*rem*/ margin-bottom: 2.1875rem;
  }
}
.bloc-basic-4 .svg::before {
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4--reverse .bloc-basic-4__content {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .bloc-basic-4--reverse .bloc-basic-4__text {
    /*px*/ margin: 0 0 0 151px;
    /*rem*/ margin: 0 0 0 9.4375rem;
  }
}
.cc .content__cas-clients {
  margin-bottom: 0;
}
.cc .content__cas-clients .cas-clients .slider-adf {
  font-size: 0;
  overflow: hidden;
}
.cc .content__cas-clients .cas-clients .slider-adf__button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 50px;
  width: 50px;
  height: 50px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.cc .content__cas-clients .cas-clients .slider-adf__button:hover {
  background-color: #fff;
}
.cc .content__cas-clients .cas-clients .slider-adf__button:after {
  display: block;
  font-family: fts_picto;
  font-size: 25px;
  color: #034991;
}
.cc .content__cas-clients .cas-clients .slider-adf__button--prev {
  right: 80px;
}
.cc .content__cas-clients .cas-clients .slider-adf__button--prev:after {
  content: "\F0328";
}
.cc .content__cas-clients .cas-clients .slider-adf__button--next:after {
  content: "\F0329";
}
.cc .content__cas-clients .cas-clients__slide {
  position: relative;
}
.cc .content__cas-clients .cas-clients__image-container img {
  width: 100%;
}
.cc .content__cas-clients .cas-clients__content-container {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 16px;
}
.cc .content__cas-clients .cas-clients__bouton {
  max-width: 220px;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f5f5f5;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 20px 10px 10px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.cc .content__cas-clients .cas-clients__bouton:after {
  display: block;
  font-family: fts_picto;
  font-size: 22px;
  color: #391730;
  content: "\F01B9 ";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.cc .content__cas-clients .cas-clients__bouton-image-container {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.cc .content__cas-clients .cas-clients__bouton-image-container img {
  width: 100%;
}
.cc .content__cas-clients .cas-clients__bouton a {
  color: #391730;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-cas-clients .marque-2col-bg__element .marque-2col-bg__left {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-cas-clients .marque-2col-bg__element .marque-2col-bg__right {
    width: 60%;
  }
}
.cc.ctxt-cas-client .marque-2col-bg {
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-cas-client .flex {
    flex-direction: column !important;
  }
}
@media only screen and (min-width: 992px) {
  .cc .cas-client {
    display: flex;
    gap: 30px;
  }
}
.cc .cas-client__img img {
  max-width: initial !important;
  height: initial !important;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .cc .cas-client__img img {
    /*px*/ width: 310px;
    /*rem*/ width: 19.375rem;
    /*px*/ height: 240px;
    /*rem*/ height: 15rem;
  }
}
.cc .cas-client__nom h2,
.cc .cas-client__nom h1 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  display: inline-block;
  margin: 0;
}
.cc .cas-client__nom h2::before,
.cc .cas-client__nom h1::before {
  content: '•';
  /*px*/ padding: 0 5px;
  /*rem*/ padding: 0 0.3125rem;
}
.cc .cas-client__text h2,
.cc .cas-client__text h3,
.cc .cas-client__text p {
  /*px*/ margin: 0 0 10px 0 !important;
  /*rem*/ margin: 0 0 0.625rem 0 !important;
}
.cc .cas-client__text h3 {
  /*px*/ line-height: 32px !important;
  /*rem*/ line-height: 2rem !important;
}
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#light {
  display: none;
  height: 100%;
  width: 100%;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 1500;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#light #content-light {
  display: flex;
  flex-direction: column-reverse;
}
#light #content-light video {
  max-width: 80%;
  margin: auto;
}
#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  padding: 10px;
  z-index: 1002;
  background: none;
  border: none;
}
.boxclose:before {
  content: "× ";
}
#fade:hover ~ #boxclose {
  display: none;
}
.test:hover ~ .test2 {
  display: none;
}
#contentligthbox.ok {
  position: relative;
  height: 100vh;
}
.lightbox-img {
  position: relative;
  display: inline-block;
}
.lightbox-img-opened {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 1500;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lightbox-img-opened img {
  max-height: 90%;
  max-width: 90%;
}
.lightbox-img-opened__button {
  cursor: pointer;
  color: #fff;
  display: inline-block;
  padding: 10px;
  z-index: 1002;
  background: none;
  border: none;
}
.lightbox-img-opened__button:before {
  content: "× ";
}
.cc .documentation__container {
  border-bottom: 2px solid #F3F0F5;
  /*px*/ padding-bottom: 50px;
  /*rem*/ padding-bottom: 3.125rem;
  /*px*/ margin-bottom: 50px;
  /*rem*/ margin-bottom: 3.125rem;
}
.cc .documentation__details .categorie::after,
.cc .documentation__details time::after {
  content: '•';
  /*px*/ padding: 0 7px;
  /*rem*/ padding: 0 0.4375rem;
}
.cc .documentation__title {
  display: flex;
  align-items: center;
}
.cc .documentation__title h2 {
  font-size: 24px;
  margin-right: 14px;
}
.cc .documentation__title a {
  display: flex;
  align-items: center;
}
.cc .documentation__chapo p {
  margin: 0;
}
.cc .anim-suivi-ventes {
  width: 300px;
}
.cc .anim-suivi-ventes__encart__montant-total {
  transform: translate(0px, 0px);
}
.cc .anim-suivi-ventes__encart__montant-total--step1 {
  transform: translate(0px, -20px);
}
.cc .anim-suivi-ventes__encart__montant-total--step2 {
  transform: translate(0px, -40px);
}
.cc .anim-suivi-ventes__encart__montant-total--step3 {
  transform: translate(0px, -60px);
}
.cc .anim-suivi-ventes__pourcentage {
  opacity: 0;
}
.cc .anim-suivi-ventes__pourcentage__visible {
  opacity: 1;
}
.cc .anim-suivi-ventes__courbe {
  transform: scale(1.75, 0.25);
  transform-origin: 0px 230px;
}
.cc .anim-suivi-ventes__courbe--droite {
  transform-origin: 300px 420px;
}
.cc .anim-suivi-ventes__courbe--gauche {
  transform-origin: 50px 420px;
}
.cc .anim-suivi-ventes__courbe--step1 {
  transform: scale(1.5, 0.5);
}
.cc .anim-suivi-ventes__courbe--step2 {
  transform: scale(1.25, 0.75);
}
.cc .anim-suivi-ventes__courbe--step3 {
  transform: scale(1, 1);
}
.cc .anim-suivi-ventes__encart__pourcentage__2,
.cc .anim-suivi-ventes__encart__pourcentage__3,
.cc .anim-suivi-ventes__encart__pourcentage__4 {
  opacity: 0;
}
.cc .anim-suivi-ventes--animated .anim-suivi-ventes__courbe {
  animation: 12s infinite anim-suivi-ventes__courbe;
}
.cc .anim-suivi-ventes--animated .anim-suivi-ventes__montant-total__texte {
  animation: 12s infinite anim-suivi-ventes__encart__montant-total;
}
.cc .anim-suivi-ventes--animated .anim-suivi-ventes__encart__pourcentage__1 {
  animation: 12s infinite anim-suivi-ventes__pourcentage--1;
}
.cc .anim-suivi-ventes--animated .anim-suivi-ventes__encart__pourcentage__2 {
  animation: 12s infinite anim-suivi-ventes__pourcentage--2;
}
.cc .anim-suivi-ventes--animated .anim-suivi-ventes__encart__pourcentage__3 {
  animation: 12s infinite anim-suivi-ventes__pourcentage--3;
}
.cc .anim-suivi-ventes--animated .anim-suivi-ventes__encart__pourcentage__4 {
  animation: 12s infinite anim-suivi-ventes__pourcentage--4;
}
@keyframes anim-suivi-ventes__encart__montant-total {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(0px, -20px);
  }
  45% {
    transform: translate(0px, -20px);
  }
  50% {
    transform: translate(0px, -40px);
  }
  70% {
    transform: translate(0px, -40px);
  }
  75% {
    transform: translate(0px, -60px);
  }
  95% {
    transform: translate(0px, -60px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes anim-suivi-ventes__pourcentage--1 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim-suivi-ventes__pourcentage--2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anim-suivi-ventes__pourcentage--3 {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anim-suivi-ventes__pourcentage--4 {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anim-suivi-ventes__courbe {
  0% {
    transform: scale(1.75, 0.25);
    transform-origin: 0px 230px;
  }
  20% {
    transform: scale(1.75, 0.25);
    transform-origin: 0px 230px;
  }
  25% {
    transform: scale(1.5, 0.5);
  }
  45% {
    transform: scale(1.5, 0.5);
  }
  50% {
    transform: scale(1.25, 0.75);
  }
  70% {
    transform: scale(1.25, 0.75);
  }
  75% {
    transform: scale(1, 1);
  }
  95% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.75, 0.25);
    transform-origin: 0px 230px;
  }
}
.cc .anim-ventes-annuelles {
  position: relative;
  overflow: hidden;
}
.cc .anim-ventes-annuelles:after {
  display: block;
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236.13 501"><defs><style> .cls-1 { fill: %23fff; } .cls-2 { fill: none; } </style></defs><polygon class="cls-1" points="236.13 0 236.13 501 0 501 224.01 0 236.13 0"/><polygon class="cls-2" points="236.13 0 236.13 501 0 501 224.01 0 236.13 0"/></svg>');
  position: absolute;
  right: 0;
  top: 0;
  width: 240px;
}
.cc .anim-ventes-annuelles__picture {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #f3f0f5;
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (max-width: 992px) {
  .cc .anim-ventes-annuelles__picture {
    height: 300px;
  }
}
.cc .anim-ventes-annuelles__base,
.cc .anim-ventes-annuelles__ligne {
  position: absolute;
  transition: top 1s;
  left: 30px;
}
.cc .anim-ventes-annuelles__base {
  width: 600px;
  transform: translate(-16px, -22px);
  top: 150px;
}
.cc .anim-ventes-annuelles__ligne {
  transform: translate(-16px, -31px);
  width: 380px;
}
.cc .anim-ventes-annuelles__ligne--1 {
  top: 250px;
}
.cc .anim-ventes-annuelles__ligne--2 {
  top: 400px;
}
.cc .anim-ventes-annuelles__ligne--3 {
  top: 550px;
}
.cc .marque-decouvrir__element:hover .anim-ventes-annuelles__base {
  transform: translate(-16px, -22px);
  top: 32px;
}
.cc .marque-decouvrir__element:hover .anim-ventes-annuelles__ligne--1 {
  top: 110px;
}
.cc .marque-decouvrir__element:hover .anim-ventes-annuelles__ligne--2 {
  top: 232px;
}
.cc .marque-decouvrir__element:hover .anim-ventes-annuelles__ligne--3 {
  top: 354px;
}
@keyframes ventesTotalesPrice {
  0% {
    transform: translateY(0);
  }
  8.33% {
    transform: translateY(-25px);
    /* Quick transition (1s of 12s total) */
  }
  25% {
    transform: translateY(-25px);
    /* Pause (3s) */
  }
  33.33% {
    transform: translateY(-50px);
    /* Quick transition */
  }
  50% {
    transform: translateY(-50px);
    /* Pause */
  }
  58.33% {
    transform: translateY(-75px);
    /* Quick transition */
  }
  75% {
    transform: translateY(-75px);
    /* Pause */
  }
}
@keyframes ventesTotalesPourcent {
  0% {
    transform: translateY(0);
  }
  8.33% {
    transform: translateY(-32px);
    /* Quick transition */
  }
  25% {
    transform: translateY(-32px);
    /* Pause */
  }
  33.33% {
    transform: translateY(-64px);
    /* Quick transition */
  }
  50% {
    transform: translateY(-64px);
    /* Pause */
  }
  58.33% {
    transform: translateY(-96px);
    /* Quick transition */
  }
  75% {
    transform: translateY(-96px);
    /* Pause */
  }
}
.anim_illustration-ventes-totales__description .anim-price span {
  transition: transform 0.5s ease;
  animation: ventesTotalesPrice 12s infinite;
}
.anim_illustration-ventes-totales__description .anim-span .pourcent {
  transition: transform 0.5s ease;
  animation: ventesTotalesPourcent 12s infinite;
}
.cc .anim-paiement {
  position: relative;
  overflow: hidden;
}
.cc .anim-paiement:after {
  display: block;
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 240.5 501" style="enable-background:new 0 0 240.5 501;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}.st1{fill:none;}</style><g><polygon class="st0" points="0,501 0,0 236.1,0 12.1,501 "/></g><polygon class="st1" points="0,501 0,0 236.1,0 12.1,501 "/></svg>');
  position: absolute;
  left: 0;
  top: 0;
  width: 240px;
}
.cc .anim-paiement__picture {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #f3f0f5;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .cc .anim-paiement__picture {
    height: 300px;
  }
}
.cc .anim-paiement__fenetre,
.cc .anim-paiement__liste {
  position: absolute;
  top: 0;
  right: 0;
  transition: top 1s;
  max-width: none;
  pointer-events: none;
}
.cc .anim-paiement__fenetre {
  width: 750px;
  top: 40px;
  right: 150px;
}
.cc .anim-paiement__liste {
  width: 240px;
  right: 60px;
  top: 250px;
}
.cc .anim-paiement__hidden {
  position: relative;
  transition: opacity 1s, top 1s;
  opacity: 0;
  top: 20px;
}
.cc .anim-paiement__montant-total__texte,
.cc .anim-paiement__ligne,
.cc .anim-paiement__rects {
  transition: transform 1s, opacity 1s;
}
.cc .anim-paiement__montant-total__texte {
  transform: translateY(0px);
}
.cc .anim-paiement__rects {
  transform: scaleX(0);
  transform-origin: 260px 0px;
}
.cc .anim-paiement__ligne {
  transform: translateY(30px);
  opacity: 0;
}
.cc .marque-decouvrir__element:hover .anim-paiement__fenetre {
  top: 120px;
}
.cc .marque-decouvrir__element:hover .anim-paiement__liste {
  top: 200px;
}
.cc .marque-decouvrir__element:hover .anim-paiement__hidden {
  opacity: 1;
}
.cc .marque-decouvrir__element:hover .anim-paiement__montant-total__texte {
  transform: translateY(-129px);
}
.cc .marque-decouvrir__element:hover .anim-paiement__rects {
  transform: scaleX(1);
}
.cc .marque-decouvrir__element:hover .anim-paiement__ligne {
  transform: translateY(0px);
  opacity: 1;
}
.cc .anim-paiement-accepte {
  position: relative;
  overflow: hidden;
}
.cc .anim-paiement-accepte:after {
  display: block;
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 236.13 501"><defs><style> .cls-1 { fill: %23fff; } .cls-2 { fill: none; } </style></defs><polygon class="cls-1" points="236.13 0 236.13 501 0 501 224.01 0 236.13 0"/><polygon class="cls-2" points="236.13 0 236.13 501 0 501 224.01 0 236.13 0"/></svg>');
  position: absolute;
  right: 0;
  top: 0;
  width: 240px;
}
.cc .anim-paiement-accepte__picture {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #f3f0f5;
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (max-width: 992px) {
  .cc .anim-paiement-accepte__picture {
    height: 300px;
  }
}
.cc .anim-paiement-accepte .anim-suivi-ventes,
.cc .anim-paiement-accepte__phone {
  position: absolute;
  transition: top 1s;
}
.cc .anim-paiement-accepte__phone {
  left: 40px;
  width: 245px;
  top: 150px;
}
.cc .anim-paiement-accepte__cart-logo-container {
  transition: opacity 1s;
  opacity: 0;
}
.cc .anim-paiement-accepte__cart-logo {
  transition: transform 1s;
  transform: scale(0.5);
  transform-origin: 124px 198px;
}
.cc .anim-paiement-accepte .anim-suivi-ventes {
  transform-origin: 0px 0px;
  transform: scale(0.5);
  top: 40px;
  left: 330px;
}
.cc .anim-paiement-accepte .anim-suivi-ventes__montant-total__texte {
  transition: transform 1s;
  transform: translateY(-41px);
}
.cc .anim-paiement-accepte .anim-suivi-ventes__encart__pourcentage__1,
.cc .anim-paiement-accepte .anim-suivi-ventes__encart__pourcentage__2 {
  transition: opacity 1s;
}
.cc .anim-paiement-accepte .anim-suivi-ventes__encart__pourcentage__1 {
  opacity: 1;
}
.cc .anim-paiement-accepte .anim-suivi-ventes__encart__pourcentage__2 {
  opacity: 0;
}
.cc .anim-paiement-accepte .anim-suivi-ventes__courbe {
  transition: transform 1s;
}
.cc .marque-decouvrir__element:hover .anim-paiement-accepte__phone {
  top: 50px;
}
.cc .marque-decouvrir__element:hover .anim-paiement-accepte__cart-logo-container {
  opacity: 1;
}
.cc .marque-decouvrir__element:hover .anim-paiement-accepte__cart-logo {
  transform: scale(0.75);
}
.cc .marque-decouvrir__element:hover .anim-paiement-accepte .anim-suivi-ventes {
  top: 100px;
}
.cc .marque-decouvrir__element:hover .anim-suivi-ventes__montant-total__texte {
  transform: translateY(-61px);
}
.cc .marque-decouvrir__element:hover .anim-suivi-ventes__encart__pourcentage__1 {
  opacity: 0;
}
.cc .marque-decouvrir__element:hover .anim-suivi-ventes__encart__pourcentage__2 {
  opacity: 1;
}
.cc .marque-decouvrir__element:hover .anim-suivi-ventes__courbe {
  transform: scale(1, 1);
}
.cc .anim-pictos-etoiles {
  overflow: hidden;
  background-color: #fff;
  transform-origin: 0 0;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__element {
  transition: 1s opacity, 1s transform;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__main,
.cc .anim-pictos-etoiles .anim-pictos-etoiles__side {
  transform-origin: 50% 50%;
  opacity: 0;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__main {
  transform: scale(0.5) rotate(-45deg);
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__side-right {
  transform: rotate(179deg) translateX(-25px);
  transform-origin: 55px 42px;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__side-left {
  transform: rotate(-179deg) translateX(25px);
  transform-origin: 10px 42px;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__main--show,
.cc .anim-pictos-etoiles .anim-pictos-etoiles__element--show {
  opacity: 1;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__main--show {
  transform: scale(1) rotate(0deg);
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__side-right--show,
.cc .anim-pictos-etoiles .anim-pictos-etoiles__side-left--show {
  transform: translateX(0px) rotate(0deg);
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__main {
  animation: 6s infinite anim-pictos-etoile__main;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__side-right {
  animation: 6s infinite anim-pictos-etoile__side-right;
}
.cc .anim-pictos-etoiles .anim-pictos-etoiles__side-left {
  animation: 6s infinite anim-pictos-etoile__side-left;
}
@keyframes anim-pictos-etoile__main {
  0% {
    transform-origin: 50% 50%;
    opacity: 0;
    transform: scale(0.5) rotate(-45deg);
    animation: 6s infinite anim-pictos-etoile__main;
  }
  15% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  75% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  90% {
    transform-origin: 50% 50%;
    opacity: 0;
    transform: scale(0.5) rotate(-45deg);
    animation: 6s infinite anim-pictos-etoile__main;
  }
}
@keyframes anim-pictos-etoile__side-right {
  0% {
    transform: rotate(179deg) translateX(-25px);
    transform-origin: 55px 42px;
    animation: 6s infinite anim-pictos-etoile__side-right;
  }
  15% {
    transform: translateX(0px) rotate(0deg);
    opacity: 1;
  }
  75% {
    transform: translateX(0px) rotate(0deg);
    opacity: 1;
  }
  90% {
    transform: rotate(179deg) translateX(-25px);
    transform-origin: 55px 42px;
    animation: 6s infinite anim-pictos-etoile__side-right;
  }
}
@keyframes anim-pictos-etoile__side-left {
  0% {
    transform: rotate(-179deg) translateX(25px);
    transform-origin: 10px 42px;
    animation: 6s infinite anim-pictos-etoile__side-left;
  }
  15% {
    transform: translateX(0px) rotate(0deg);
    opacity: 1;
  }
  75% {
    transform: translateX(0px) rotate(0deg);
    opacity: 1;
  }
  90% {
    transform: rotate(-179deg) translateX(25px);
    transform-origin: 10px 42px;
    animation: 6s infinite anim-pictos-etoile__side-left;
  }
}
.cc .anim-pictos-personnes {
  overflow: hidden;
  background-color: #fff;
  transform-origin: 0 0;
}
.cc .anim-pictos-personnes .anim-pictos-personnes__blue,
.cc .anim-pictos-personnes .anim-pictos-personnes__white {
  transition: transform 1s;
}
.cc .anim-pictos-personnes .anim-pictos-personnes__blue {
  transform: translateX(35px);
}
.cc .anim-pictos-personnes .anim-pictos-personnes__white {
  transform: translateX(-35px);
}
.cc .anim-pictos-personnes .anim-pictos-personnes__blue--show,
.cc .anim-pictos-personnes .anim-pictos-personnes__white--show {
  transform: translateX(0px);
}
.cc .anim-pictos-personnes .anim-pictos-personnes__blue {
  animation: 6s infinite anim-pictos-personnes__blue;
}
.cc .anim-pictos-personnes .anim-pictos-personnes__white {
  animation: 6s infinite anim-pictos-personnes__white;
}
@keyframes anim-pictos-personnes__white {
  0% {
    transition: transform 1s;
    transform: translateX(-35px);
    animation: 6s infinite anim-pictos-personnes__white;
  }
  15% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(0px);
  }
  90% {
    transition: transform 1s;
    transform: translateX(-35px);
    animation: 6s infinite anim-pictos-personnes__white;
  }
}
@keyframes anim-pictos-personnes__blue {
  0% {
    transition: transform 1s;
    transform: translateX(35px);
    animation: 6s infinite anim-pictos-personnes__blue;
  }
  15% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(0px);
  }
  90% {
    transition: transform 1s;
    transform: translateX(35px);
    animation: 6s infinite anim-pictos-personnes__blue;
  }
}
.cc .anim-pictos-bulles {
  overflow: hidden;
  background-color: #fff;
  transform-origin: 0 0;
}
.cc .anim-pictos-bulles .anim-pictos-bulles__blue,
.cc .anim-pictos-bulles .anim-pictos-bulles__white {
  transition: transform 1s, opacity 1s;
  opacity: 0;
}
.cc .anim-pictos-bulles .anim-pictos-bulles__blue {
  transform: rotate(45deg) scale(0.2);
  transform-origin: 48px 55px;
}
.cc .anim-pictos-bulles .anim-pictos-bulles__white {
  transform: rotate(-45deg) scale(0.2);
  transform-origin: 3px 13px;
}
.cc .anim-pictos-bulles .anim-pictos-bulles__blue--show,
.cc .anim-pictos-bulles .anim-pictos-bulles__white--show {
  opacity: 1;
  transform: rotate(0deg);
}
.cc .anim-pictos-bulles .anim-pictos-bulles__blue {
  animation: 6s infinite anim-pictos-bulles__blue;
}
.cc .anim-pictos-bulles .anim-pictos-bulles__white {
  animation: 6s infinite anim-pictos-bulles__white;
}
@keyframes anim-pictos-bulles__blue {
  0% {
    transition: transform 1s, opacity 1s;
    opacity: 0;
    transform: rotate(45deg) scale(0.2);
    transform-origin: 48px 55px;
    animation: 6s infinite anim-pictos-bulles__blue;
  }
  15% {
    opacity: 1;
    transform: rotate(0deg);
  }
  75% {
    opacity: 1;
    transform: rotate(0deg);
  }
  90% {
    transition: transform 1s, opacity 1s;
    opacity: 0;
    transform: rotate(45deg) scale(0.2);
    transform-origin: 48px 55px;
    animation: 6s infinite anim-pictos-bulles__blue;
  }
}
@keyframes anim-pictos-bulles__white {
  0% {
    transition: transform 1s, opacity 1s;
    opacity: 0;
    transform: rotate(-45deg) scale(0.2);
    transform-origin: 3px 13px;
    animation: 6s infinite anim-pictos-bulles__white;
  }
  15% {
    opacity: 1;
    transform: rotate(0deg);
  }
  75% {
    opacity: 1;
    transform: rotate(0deg);
  }
  90% {
    transition: transform 1s, opacity 1s;
    opacity: 0;
    transform: rotate(-45deg) scale(0.2);
    transform-origin: 3px 13px;
    animation: 6s infinite anim-pictos-bulles__white;
  }
}
.cc .anim-ecommerce {
  /*px*/ max-width: 563px;
  /*rem*/ max-width: 35.1875rem;
  width: 100%;
}
.cc .anim-ecommerce__encart {
  transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.5s;
  transform: translate(0px, 0px);
}
.cc .anim-ecommerce:hover .anim-ecommerce__encart {
  transform: translate(-38px, 45px);
}
.cc .anim-ecommerce__ligne,
.cc .anim-ecommerce__encart,
.cc .anim-ecommerce__logo-mastercard,
.cc .anim-ecommerce__rects,
.cc .anim-ecommerce__montant,
.cc .anim-ecommerce__montant-total__texte {
  transform: translate(0px, 0px);
  opacity: 1;
}
.cc .anim-ecommerce__rects {
  transform: scaleX(1);
  transform-origin: 87.86px;
}
.cc .anim-ecommerce__texte--step1 {
  transform: translate(0px, 0px);
}
.cc .anim-ecommerce__texte--step2 {
  transform: translate(0px, -32px);
}
.cc .anim-ecommerce__texte--step3 {
  transform: translate(0px, -64px);
}
.cc .anim-ecommerce__texte--step4 {
  transform: translate(0px, -96px);
}
.cc .anim-ecommerce__texte--step5 {
  transform: translate(0px, -128px);
}
.cc .anim-ecommerce__ligne--before {
  transform: translate(0px, 10px);
  opacity: 0;
}
.cc .anim-ecommerce__logo-mastercard--before {
  transform: translate(10px, 0);
}
.cc .anim-ecommerce__rects--before {
  transform: scaleX(0);
}
.cc .anim-ecommerce__montant--before {
  transform: translate(-10px, 5px);
  opacity: 0;
}
@keyframes anim-ecommerce__montant-total__texte {
  0% {
    transform: translate(0px, 0px);
  }
  15% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(0px, -32px);
  }
  35% {
    transform: translate(0px, -32px);
  }
  40% {
    transform: translate(0px, -64px);
  }
  55% {
    transform: translate(0px, -64px);
  }
  60% {
    transform: translate(0px, -96px);
  }
  75% {
    transform: translate(0px, -96px);
  }
  80% {
    transform: translate(0px, -128px);
  }
  95% {
    transform: translate(0px, -128px);
  }
}
@keyframes anim-ecommerce__ligne--1 {
  0% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  15% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  20% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__logo-mastercard--1 {
  0% {
    transform: translate(10px, 0);
  }
  25% {
    transform: translate(10px, 0);
  }
  30% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(10px, 0);
  }
}
@keyframes anim-ecommerce__montant--1 {
  0% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
  25% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
  30% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__rects--1 {
  0% {
    transform: scaleX(0);
  }
  25% {
    transform: scaleX(0);
  }
  30% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes anim-ecommerce__ligne--2 {
  0% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  35% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  40% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__logo-mastercard--2 {
  0% {
    transform: translate(10px, 0);
  }
  45% {
    transform: translate(10px, 0);
  }
  50% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(10px, 0);
  }
}
@keyframes anim-ecommerce__montant--2 {
  45% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
  50% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__rects--2 {
  45% {
    transform: scaleX(0);
  }
  50% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes anim-ecommerce__ligne--3 {
  0% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  55% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  60% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__logo-mastercard--3 {
  0% {
    transform: translate(10px, 0);
  }
  65% {
    transform: translate(10px, 0);
  }
  70% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(10px, 0);
  }
}
@keyframes anim-ecommerce__montant--3 {
  0% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
  65% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
  70% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__rects--3 {
  0% {
    transform: scaleX(0);
  }
  65% {
    transform: scaleX(0);
  }
  70% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes anim-ecommerce__ligne--4 {
  0% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  75% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
  80% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 10px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__logo-mastercard--4 {
  0% {
    transform: translate(10px, 0);
  }
  85% {
    transform: translate(10px, 0);
  }
  90% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(10px, 0);
  }
}
@keyframes anim-ecommerce__montant--4 {
  0% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
  85% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
  90% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(-10px, 5px);
    opacity: 0;
  }
}
@keyframes anim-ecommerce__rects--4 {
  0% {
    transform: scaleX(0);
  }
  85% {
    transform: scaleX(0);
  }
  90% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  95% {
    transform: translate(0px, 0px);
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 87.86px;
  }
  100% {
    transform: scaleX(0);
  }
}
.cc .anim-ecommerce__montant-total__texte {
  animation: 12s infinite anim-ecommerce__montant-total__texte;
}
.cc .anim-ecommerce__ligne--1 {
  animation: 12s infinite anim-ecommerce__ligne--1;
}
.cc .anim-ecommerce__ligne--1 .anim-ecommerce__logo-mastercard {
  animation: 12s infinite anim-ecommerce__logo-mastercard--1;
}
.cc .anim-ecommerce__ligne--1 .anim-ecommerce__montant {
  animation: 12s infinite anim-ecommerce__montant--1;
}
.cc .anim-ecommerce__ligne--1 .anim-ecommerce__rects {
  animation: 12s infinite anim-ecommerce__rects--1;
}
.cc .anim-ecommerce__ligne--2 {
  animation: 12s infinite anim-ecommerce__ligne--2;
}
.cc .anim-ecommerce__ligne--2 .anim-ecommerce__logo-mastercard {
  animation: 12s infinite anim-ecommerce__logo-mastercard--2;
}
.cc .anim-ecommerce__ligne--2 .anim-ecommerce__montant {
  animation: 12s infinite anim-ecommerce__montant--2;
}
.cc .anim-ecommerce__ligne--2 .anim-ecommerce__rects {
  animation: 12s infinite anim-ecommerce__rects--2;
}
.cc .anim-ecommerce__ligne--3 {
  animation: 12s infinite anim-ecommerce__ligne--3;
}
.cc .anim-ecommerce__ligne--3 .anim-ecommerce__logo-mastercard {
  animation: 12s infinite anim-ecommerce__logo-mastercard--3;
}
.cc .anim-ecommerce__ligne--3 .anim-ecommerce__montant {
  animation: 12s infinite anim-ecommerce__montant--3;
}
.cc .anim-ecommerce__ligne--3 .anim-ecommerce__rects {
  animation: 12s infinite anim-ecommerce__rects--3;
}
.cc .anim-ecommerce__ligne--4 {
  animation: 12s infinite anim-ecommerce__ligne--4;
}
.cc .anim-ecommerce__ligne--4 .anim-ecommerce__logo-mastercard {
  animation: 12s infinite anim-ecommerce__logo-mastercard--4;
}
.cc .anim-ecommerce__ligne--4 .anim-ecommerce__montant {
  animation: 12s infinite anim-ecommerce__montant--4;
}
.cc .anim-ecommerce__ligne--4 .anim-ecommerce__rects {
  animation: 12s infinite anim-ecommerce__rects--4;
}
.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;
}
/* .ei_ariane {
    position: absolute;
    color:@Blanc;
} */
.cc.ctxt-home {
  /*asupp 		section {
			.px-to-rem(padding, 40 0);
			@media @min_wrapper {
				.px-to-rem(padding,90 0);
			}
		} */
}
.cc.ctxt-home .hero {
  position: relative;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .hero__content-container {
    background: linear-gradient(90deg, #034991 25%, rgba(255, 255, 255, 0) 25%);
  }
}
.cc.ctxt-home .hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column-reverse;
  gap: 35px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .hero__content {
    justify-content: space-between;
    flex-direction: row;
    gap: 100px;
  }
}
@media only screen and (max-width: 1200px) {
  .cc.ctxt-home .hero__content {
    gap: 50px;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .hero__content {
    width: 1440px;
    margin: 0 auto;
  }
}
.cc.ctxt-home .hero__image {
  background-color: #034991;
  height: 700px;
  position: relative;
  display: flex;
}
.cc.ctxt-home .hero__image::after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 58px solid #ffffff;
  border-right: 27px solid transparent;
  border-left: 27px solid transparent;
  right: 0;
  position: absolute;
  transform: rotate(90deg);
  display: flex;
  align-self: center;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .hero__image {
    width: 40%;
    height: 700px;
    /*px*/ padding: 0;
    /*rem*/ padding: 0;
  }
  .cc.ctxt-home .hero__image picture {
    margin: auto;
    margin-bottom: 0;
    display: block;
    max-width: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1200px) {
  .cc.ctxt-home .hero__image {
    width: 50%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .hero__image {
    width: 100%;
    background: linear-gradient(0deg, #034991 90%, #ffffff 90%);
    position: relative;
    height: 350px;
    overflow: hidden;
  }
  .cc.ctxt-home .hero__image img,
  .cc.ctxt-home .hero__image picture {
    height: 400px;
    margin: auto;
  }
  .cc.ctxt-home .hero__image::after {
    top: 9%;
    right: 10%;
    transform: none;
  }
}
.cc.ctxt-home .hero__encart {
  background-color: #ffffff;
}
@media only screen and (max-width: 1441px) {
  .cc.ctxt-home .hero__encart {
    /*px*/ padding: 24px;
    /*rem*/ padding: 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .hero__encart {
    width: 60%;
    margin: auto;
    gap: 100px;
  }
}
@media only screen and (max-width: 1200px) {
  .cc.ctxt-home .hero__encart {
    width: 50%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-home .hero__encart {
    width: 100%;
  }
}
.cc.ctxt-home .hero__encart h2 {
  /*px*/ margin: 14px 0;
  /*rem*/ margin: 0.875rem 0;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-home .hero__encart h2 {
    margin-top: 0;
    /*px*/ font-size: 24px;
    /*rem*/ font-size: 1.5rem;
  }
}
.cc.ctxt-home .hero__encart > div .partenaire_ei,
.cc.ctxt-home .hero__encart > div .partenaire_cm,
.cc.ctxt-home .hero__encart > div .partenaire_cic {
  /*px*/ height: 15px;
  /*rem*/ height: 0.9375rem;
  /*px*/ margin-right: 16px;
  /*rem*/ margin-right: 1rem;
}
.cc.ctxt-home .hero__encart > div .partenaire_cm {
  background-color: #ffffff;
  /*px*/ padding: 2px;
  /*rem*/ padding: 0.125rem;
}
.cc.ctxt-home .hero__encart__monetico {
  background-color: #ebf0f4;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc.ctxt-home .hero__encart__monetico p {
  margin-top: 0;
}
.cc.ctxt-home .hero__encart__chapo {
  /*px*/ margin-bottom: 24px;
  /*rem*/ margin-bottom: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .hero__title {
    /*px*/ width: 614px;
    /*rem*/ width: 38.375rem;
  }
}
.cc.ctxt-home .hero__title h1 {
  /*px*/ width: 300px;
  /*rem*/ width: 18.75rem;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-home .hero__title h1 {
    width: initial;
  }
}
.cc.ctxt-home .hero__title p {
  display: none;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
@media only screen and (min-width: 1280px) {
  .cc.ctxt-home .hero__title p {
    display: block;
  }
}
.cc.ctxt-home .hero__img {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc.ctxt-home .hero__img:before {
  background: linear-gradient(0deg, rgba(0, 68, 148, 0.15) 0%, rgba(0, 68, 148, 0.15) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.61) 34.94%, rgba(0, 0, 0, 0) 65.83%);
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
  content: "";
}
.cc.ctxt-home .hero__img img {
  display: block;
  height: auto;
}
.cc.ctxt-home .hero--no-bg .hero__content {
  background: transparent;
}
.cc.ctxt-home .hero--no-bg .hero__title h1,
.cc.ctxt-home .hero--no-bg .hero__title p {
  color: #034991;
}
.cc.ctxt-home .hero--no-bg .hero__encart {
  background-color: #f2f6fa;
}
.cc.ctxt-home .slider-adf-liseret {
  width: 100%;
  margin: auto;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-home #produits {
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-home .notre-manifeste__container {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-home .notre-manifeste__text {
    width: calc(100% - 500px);
    /*px*/ margin: 0 151px 0 0;
    /*rem*/ margin: 0 9.4375rem 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-home .notre-manifeste__img {
    display: flex;
    align-items: center;
  }
}
.cc.ctxt-home .notre-manifeste__img img {
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-home .encart-contact {
    /*px*/ margin-top: 0;
    /*rem*/ margin-top: 0;
  }
}
.cc.ctxt-actualite {
  /*         .flex {
            justify-content: space-between;
            .px-to-rem(padding-top, 40);
                @media @min_medium {
                    .px-to-rem(padding-top, 90);
                }
        } */
}
.cc.ctxt-actualite .article__content {
  flex-wrap: wrap;
}
.cc.ctxt-actualite .article__content section {
  margin: 0;
  padding-top: 40px;
}
.cc.ctxt-actualite .article__content section:first-child {
  padding: 0;
}
.cc.ctxt-actualite .article__content img {
  max-width: 100%;
}
.cc.ctxt-actualite .hero {
  position: relative;
  /*px*/ height: 540px;
  /*rem*/ height: 33.75rem;
  background-color: black;
  overflow: hidden;
}
.cc.ctxt-actualite .hero__content-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-actualite .hero__content-container {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-actualite .hero__main {
    width: calc(100% - 230px);
    /*px*/ padding-right: 100px;
    /*rem*/ padding-right: 6.25rem;
  }
}
.cc.ctxt-actualite .hero__aside {
  /*px*/ margin-top: 12px;
  /*rem*/ margin-top: 0.75rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-actualite .hero__aside {
    margin-top: 0;
    /*px*/ width: 230px;
    /*rem*/ width: 14.375rem;
  }
}
.cc.ctxt-actualite .hero__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1;
}
.cc.ctxt-actualite .hero__img:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(76, 113, 187, 0.7);
}
.cc.ctxt-actualite .hero__img--retail:after {
  background-color: rgba(101, 45, 135, 0.7);
}
.cc.ctxt-actualite .hero__img--proximity:after {
  background-color: rgba(190, 87, 41, 0.7);
}
.cc.ctxt-actualite .hero__img--online:after {
  background-color: rgba(41, 133, 104, 0.7);
}
.cc.ctxt-actualite .hero__img--split:after {
  background-color: rgba(160, 31, 61, 0.7);
}
.cc.ctxt-actualite aside.sticky {
  position: sticky;
  /*px*/ top: 90px;
  /*rem*/ top: 5.625rem;
  height: 100%;
  align-self: flex-start;
}
.cc.ctxt-actualite aside.sticky .aside__element {
  /*px*/ margin-bottom: 60px;
  /*rem*/ margin-bottom: 3.75rem;
}
.cc.ctxt-actualite aside.sticky .aside__title {
  font-family: sora, Arial, sans-serif;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  color: #606F7E;
  margin-top: 0;
}
.cc.ctxt-actualite aside.sticky .aside__summary {
  display: none;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-actualite aside.sticky .aside__summary {
    display: block;
  }
}
.cc.ctxt-actualite aside.sticky .aside__summary nav {
  padding-left: 0;
  background-color: none;
  font-weight: 400;
}
.cc.ctxt-actualite aside.sticky .aside__summary nav ul {
  margin: 0;
  padding: 0;
}
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li {
  /*px*/ margin-bottom: 24px;
  /*rem*/ margin-bottom: 1.5rem;
}
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li a {
  border: none;
  position: relative;
  text-decoration: none;
}
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  /*px*/ height: 1px;
  /*rem*/ height: 0.0625rem;
  /*px*/ bottom: -5px;
  /*rem*/ bottom: -0.3125rem;
  left: 0;
  background: #54a4ce;
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
}
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li a:hover:after,
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li a:focus:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li a:hover:before,
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li a:focus:before {
  color: #034991;
}
.cc.ctxt-actualite aside.sticky .aside__summary nav ul li strong {
  color: #034991;
  font-weight: 700;
  position: relative;
}
.cc.ctxt-actualite aside.sticky .aside__rebounds .insert {
  /*px*/ padding: 24px;
  /*rem*/ padding: 1.5rem;
}
.cc.ctxt-actualite aside.sticky .aside__rebounds .list {
  margin: 0;
  padding: 0;
}
.cc.ctxt-actualite aside.sticky .aside__rebounds .list li {
  /*px*/ padding-bottom: 24px;
  /*rem*/ padding-bottom: 1.5rem;
}
.cc.ctxt-actualite aside.sticky .aside__rebounds .list li:last-child {
  padding: 0;
}
.cc.ctxt-actualite aside.sticky .aside__rebounds .list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: sora, Arial, sans-serif;
  text-decoration: none;
}
.cc.ctxt-actualite aside.sticky .aside__rebounds .list li a::after {
  font-family: fts_picto;
  content: "\F01BA";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  /*px*/ padding: 1px 5px;
  /*rem*/ padding: 0.0625rem 0.3125rem;
  color: #54a4ce;
  border: 1px solid #54a4ce;
  border-radius: 25px;
  transform: rotateZ(90deg);
}
.cc.ctxt-actualite aside.sticky .aside__rebounds .list li a:hover {
  color: #54a4ce;
}
.cc.ctxt-actualite aside.sticky .aside__social {
  text-align: center;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-actualite aside.sticky .aside__social {
    text-align: left;
  }
}
.cc.ctxt-actualite aside.sticky .aside__social .list {
  display: flex;
  gap: 16px;
  padding: 0;
}
.cc.ctxt-actualite aside.sticky .aside__social .list .svg::before {
  width: 25px;
  height: 25px;
}
.cc.ctxt-actualite .article__container section:first-child h2 {
  margin-top: 0;
}
.cc.ctxt-actualite .article__container p:last-child {
  margin-bottom: 0;
}
.cc.ctxt-basic header {
  padding-top: 40px;
  padding-bottom: 91px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-basic header {
    padding-top: 120px;
    padding-bottom: 171px;
  }
}
.cc.ctxt-basic header::before {
  content: "";
  display: inline-block;
  height: 0;
  width: 70%;
  border-bottom: 51px solid #ffffff;
  border-right: 27px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-basic header::before {
    width: 50%;
  }
}
.cc.ctxt-basic .marque-hero {
  position: relative;
}
.cc.ctxt-basic .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-basic .marque-hero__container {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-basic .marque-hero__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-basic .marque-hero__left {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-basic .marque-hero__right {
    width: 40%;
  }
}
.cc.ctxt-basic .article__surtitle,
.cc.ctxt-basic .article__title,
.cc.ctxt-basic .article__publication-date {
  color: #034991;
}
.cc.ctxt-basic .article__container {
  position: relative;
}
.cc.ctxt-basic .article__content {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-basic .article__content {
    width: 690px;
    margin: auto;
  }
}
.cc.ctxt-basic .article__content section {
  margin: 0;
}
.cc.ctxt-basic .article__paragraphe {
  width: 100%;
}
.cc.ctxt-basic .article__paragraphe:first-child h2 {
  margin-top: 0;
}
.cc.ctxt-basic .article__paragraphe p:last-child {
  margin-bottom: 0;
}
.cc.ctxt-basic aside nav {
  position: sticky;
  top: 5.625rem;
}
.cc.ctxt-basic aside nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.cc.ctxt-basic aside nav ul li {
  width: fit-content;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ line-height: 18px;
  /*rem*/ line-height: 1.125rem;
}
.cc.ctxt-basic aside nav ul li.sel {
  font-family: sora, Arial, sans-serif;
  text-decoration: underline;
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-basic aside nav ul li {
    width: 100%;
    /*px*/ font-size: 24px;
    /*rem*/ font-size: 1.5rem;
    /*px*/ line-height: 33px;
    /*rem*/ line-height: 2.0625rem;
  }
}
.cc.ctxt-basic aside nav ul li a {
  text-decoration: none;
}
.cc.ctxt-basic aside nav p {
  color: #034991;
  font-family: sora, Arial, sans-serif;
  font-weight: bold;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
  /*px*/ line-height: 33px;
  /*rem*/ line-height: 2.0625rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-basic aside nav p {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 21px;
    /*rem*/ line-height: 1.3125rem;
  }
}
.cc.ctxt-basic .body.wrapper .article__container .article__content {
  width: 100%;
}
.cc.ctxt-product header {
  /*px*/ margin-bottom: 40px;
  /*rem*/ margin-bottom: 2.5rem;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-product header {
    /*px*/ margin-bottom: 0;
    /*rem*/ margin-bottom: 0;
    /* position: relative;
                bottom:63px;
                z-index: -1; */
  }
}
.cc.ctxt-product section {
  /*px*/ padding: 40px 0;
  /*rem*/ padding: 2.5rem 0;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-product section {
    /*px*/ padding: 90px 0;
    /*rem*/ padding: 5.625rem 0;
  }
}
.cc.ctxt-product section h2,
.cc.ctxt-product section h3 {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-product .hero h1 {
    /*px*/ font-size: 42px;
    /*rem*/ font-size: 2.625rem;
    /*px*/ line-height: 50px;
    /*rem*/ line-height: 3.125rem;
  }
}
.cc.ctxt-product .hero__container {
  /*px*/ margin: 40px 0 0 0;
  /*rem*/ margin: 2.5rem 0 0 0;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-product .hero__container {
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-product .hero__container {
    margin: 0 auto;
    height: 650px;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-product .hero__container {
    width: 1280px;
    padding: 0;
    margin: 0 auto;
  }
}
.cc.ctxt-product .hero__text {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-product .hero__text {
    width: initial;
    padding: 0;
  }
}
.cc.ctxt-product .hero__text img {
  width: 156px;
}
.cc.ctxt-product .hero__img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-product .hero__img {
    width: initial;
  }
}
.cc.ctxt-product .hero__img::after {
  display: none;
  position: relative;
  bottom: 53px;
  width: 100%;
  font-size: 0;
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-product .hero__img::after {
    display: block;
  }
}
.cc.ctxt-product .hero__img img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-product .hero__img img {
    width: initial;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1__container {
    /*px*/ margin: 0 auto;
    /*rem*/ margin: 0 auto;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-product .bloc-basic-1__container {
    width: 1280px;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1__img {
    /*px*/ width: 500px;
    /*rem*/ width: 31.25rem;
  }
}
.cc.ctxt-product .bloc-basic-1__img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1__img img {
    width: 100%;
    height: initial;
  }
}
.cc.ctxt-product .bloc-basic-1__text {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  /*px*/ margin-bottom: 34px;
  /*rem*/ margin-bottom: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1__text {
    width: calc(100% - 500px);
    /*px*/ margin: 0 151px 0 0;
    /*rem*/ margin: 0 9.4375rem 0 0;
    padding: 0;
  }
}
.cc.ctxt-product .bloc-basic-1__text > p strong {
  font-family: sora, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1__text > p strong {
    /*px*/ line-height: 27px;
    /*rem*/ line-height: 1.6875rem;
    /*px*/ margin: 0 0 40px 0;
    /*rem*/ margin: 0 0 2.5rem 0;
  }
}
.cc.ctxt-product .bloc-basic-1__text--cta {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1__text--cta {
    display: block;
  }
}
.cc.ctxt-product .bloc-basic-1__text .flex .flex50 .svg {
  /*px*/ margin-right: 16px;
  /*rem*/ margin-right: 1rem;
}
.cc.ctxt-product .bloc-basic-1 .insert {
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1 .insert {
    /*px*/ margin-bottom: 35px;
    /*rem*/ margin-bottom: 2.1875rem;
  }
}
.cc.ctxt-product .bloc-basic-1 .svg::before {
  /*px*/ width: 40px;
  /*rem*/ width: 2.5rem;
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1--reverse .bloc-basic-1__container .bloc-basic-1__content {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-1--reverse .bloc-basic-1__container .bloc-basic-1__content .bloc-basic-1__text,
  .cc.ctxt-product .bloc-basic-1--reverse .bloc-basic-1__container .bloc-basic-1__content .bloc-basic-1__element {
    /*px*/ margin: 0 0 0 151px;
    /*rem*/ margin: 0 0 0 9.4375rem;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-2__content {
    display: flex;
    justify-content: space-between;
  }
}
.cc.ctxt-product .bloc-basic-2__title p {
  font-family: sora, Arial, sans-serif;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-2__title {
    /*px*/ margin: 0 114px 0 0;
    /*rem*/ margin: 0 7.125rem 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-2__element {
    /*px*/ margin-bottom: 42px;
    /*rem*/ margin-bottom: 2.625rem;
  }
}
.cc.ctxt-product .bloc-basic-2__element > img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.cc.ctxt-product .bloc-basic-2__element > img.w-logo {
  width: initial;
  height: initial;
}
.cc.ctxt-product .bloc-basic-2__element--text--collapse {
  /*px*/ margin-bottom: 42px;
  /*rem*/ margin-bottom: 2.625rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-2__element--text--collapse {
    /*px*/ margin-bottom: 0;
    /*rem*/ margin-bottom: 0;
  }
}
.cc.ctxt-product .bloc-basic-2__element--text--collapse > p > strong {
  font-family: sora, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3 h2 {
    /*px*/ margin-bottom: 42px;
    /*rem*/ margin-bottom: 2.625rem;
    /*px*/ width: 565px;
    /*rem*/ width: 35.3125rem;
  }
}
.cc.ctxt-product .bloc-basic-3__content {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3__content {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3__text {
    /*px*/ margin: 0 114px 0 0;
    /*rem*/ margin: 0 7.125rem 0 0;
  }
}
.cc.ctxt-product .bloc-basic-3__element {
  /* &--collapse {
                    .px-to-rem(margin-bottom,42);
                    @media @min_medium {
                        .px-to-rem(margin-bottom,0);
                    }
                    > p > strong {
                        font-family:@sora;
                    }
                } */
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3__element {
    /*px*/ margin-bottom: 42px;
    /*rem*/ margin-bottom: 2.625rem;
  }
}
.cc.ctxt-product .bloc-basic-3__img {
  /*px*/ margin-bottom: 34px;
  /*rem*/ margin-bottom: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3__img {
    margin-bottom: 0;
  }
}
.cc.ctxt-product .bloc-basic-3__img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3__img img {
    width: initial;
    height: initial;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3--reverse .bloc-basic-3__content {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-3--reverse .bloc-basic-3__text {
    /*px*/ margin: 0 0 0 114px;
    /*rem*/ margin: 0 0 0 7.125rem;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__container {
    /*px*/ margin: 0 auto;
    /*rem*/ margin: 0 auto;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-product .bloc-basic-4__container {
    width: 1441px;
    padding: 0;
  }
}
@media only screen and (max-width: 1441px) {
  .cc.ctxt-product .bloc-basic-4__container {
    padding: 24px;
  }
}
.cc.ctxt-product .bloc-basic-4__content {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
  }
}
.cc.ctxt-product .bloc-basic-4__img picture {
  display: none;
}
.cc.ctxt-product .bloc-basic-4__img picture img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  /*px*/ margin-bottom: 34px;
  /*rem*/ margin-bottom: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__img picture img {
    width: initial;
    height: initial;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__img picture {
    display: block;
  }
}
.cc.ctxt-product .bloc-basic-4__text {
  /*px*/ margin-bottom: 34px;
  /*rem*/ margin-bottom: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__text .button2 {
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__text {
    /*px*/ margin: 0 151px 0 0;
    /*rem*/ margin: 0 9.4375rem 0 0;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-product .bloc-basic-4__text {
    width: 1280px;
    padding: 0;
  }
}
.cc.ctxt-product .bloc-basic-4__text > p strong {
  font-family: sora, Arial, sans-serif;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__text > p strong {
    /*px*/ line-height: 27px;
    /*rem*/ line-height: 1.6875rem;
    /*px*/ margin: 0 0 40px 0;
    /*rem*/ margin: 0 0 2.5rem 0;
  }
}
.cc.ctxt-product .bloc-basic-4__cta {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4__cta {
    display: block;
  }
}
.cc.ctxt-product .bloc-basic-4 .insert {
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4 .insert {
    /*px*/ margin-bottom: 35px;
    /*rem*/ margin-bottom: 2.1875rem;
  }
}
.cc.ctxt-product .bloc-basic-4 .svg::before {
  /*px*/ width: 40px;
  /*rem*/ width: 2.5rem;
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4--reverse .bloc-basic-4__content {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-basic-4--reverse .bloc-basic-4__text {
    /*px*/ margin: 0 0 0 151px;
    /*rem*/ margin: 0 0 0 9.4375rem;
  }
}
.cc.ctxt-product .bloc-tableau h2 {
  text-align: left;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product .bloc-tableau h2 {
    text-align: center;
  }
}
.cc.ctxt-product#-ADF-MONETICO-COM-Produit-Monetico-Proximity .hero__img::after {
  content: url(/fr/assets/svg/liseret-visuel-border-bottom-red.svg);
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product#-ADF-MONETICO-COM-Produit-Monetico-Proximity h1 {
    /*px*/ font-size: 52px;
    /*rem*/ font-size: 3.25rem;
    /*px*/ line-height: 64px;
    /*rem*/ line-height: 4rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-product#-ADF-MONETICO-COM-Produit-Monetico-Proximity #location-tpe {
    /*px*/ padding: 40px 0 0 0;
    /*rem*/ padding: 2.5rem 0 0 0;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-product#-ADF-MONETICO-COM-Produit-Monetico-Proximity #location-tpe picture {
    display: block;
  }
}
.cc.ctxt-product#-ADF-MONETICO-COM-Produit-Monetico-Online .hero__img::after {
  content: url(/fr/assets/svg/liseret-visuel-border-bottom-green.svg);
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-product#-ADF-MONETICO-COM-Produit-Monetico-Online h1 {
    /*px*/ font-size: 52px;
    /*rem*/ font-size: 3.25rem;
    /*px*/ line-height: 64px;
    /*rem*/ line-height: 4rem;
  }
}
.cc.ctxt-product#-ADF-MONETICO-COM-Produit-Monetico-Online .packs-slider {
  /*px*/ margin-top: 60px;
  /*rem*/ margin-top: 3.75rem;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offres header {
    /*px*/ margin-bottom: 45px;
    /*rem*/ margin-bottom: 2.8125rem;
  }
}
.cc.ctxt-offres section.offre {
  /*px*/ margin: 0;
  /*rem*/ margin: 0;
  /*px*/ padding: 20px 0;
  /*rem*/ padding: 1.25rem 0;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offres section.offre {
    /*px*/ padding: 45px 0;
    /*rem*/ padding: 2.8125rem 0;
  }
}
.cc.ctxt-offres section.offre h2,
.cc.ctxt-offres section.offre h3,
.cc.ctxt-offres section.offre p {
  margin-top: 0;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.cc.ctxt-offres .hero.hero--half .hero {
  margin-bottom: 20px;
}
.cc.ctxt-offres .hero.hero--half .hero__content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .hero.hero--half .hero__content {
    flex-direction: row;
    align-items: center;
    gap: 100px;
  }
}
.cc.ctxt-offres .hero.hero--half .hero__text,
.cc.ctxt-offres .hero.hero--half .hero__img {
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .hero.hero--half .hero__text,
  .cc.ctxt-offres .hero.hero--half .hero__img {
    width: 50%;
  }
}
.cc.ctxt-offres .hero.hero--half .hero__text {
  margin-bottom: 24px;
}
.cc.ctxt-offres .hero.hero--half .hero__img {
  font-size: 0;
}
.cc.ctxt-offres .hero.hero--half .hero__img-container {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.cc.ctxt-offres .hero.hero--half .hero__img-container picture {
  width: 100%;
  height: 100%;
}
.cc.ctxt-offres .hero.hero--half .hero__img-container picture img {
  width: 100%;
}
.cc.ctxt-offres .offre {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .offre {
    flex-direction: row;
    gap: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .offre:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .offre__text-container,
  .cc.ctxt-offres .offre__image-container {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .offre__text-container {
    display: flex;
    align-self: center;
  }
}
.cc.ctxt-offres .offre__image-container {
  font-size: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .offre__image-container {
    margin-bottom: 0;
  }
}
.cc.ctxt-offres .offre__logo {
  max-width: 150px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .offre__logo {
    max-width: 200px;
  }
}
.cc.ctxt-offres .offre__visuel {
  width: 100%;
}
.cc.ctxt-offres .encart-solution {
  /*px*/ margin-top: 45px;
  /*rem*/ margin-top: 2.8125rem;
}
.cc.ctxt-offres .encart-solution .solution__content,
.cc.ctxt-offres .encart-solution .button--blanc {
  display: none;
}
.cc.ctxt-offres .encart-contact {
  /*px*/ margin-top: 0;
  /*rem*/ margin-top: 0;
}
.cc.ctxt-offres .offre__image-container {
  background-color: #f1dcd4;
  position: relative;
  overflow: hidden;
  z-index: 0;
  aspect-ratio: 375/250;
}
.cc.ctxt-offres .offre__image-container:before,
.cc.ctxt-offres .offre__image-container:after {
  display: block;
  position: absolute;
}
.cc.ctxt-offres .offre__image-container:before {
  left: -1px;
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375.15 168.49"><defs><style> .cls-1 { fill: %23fff; } </style></defs><polygon class="cls-1" points="375.15 0 375.15 5.85 0 168.49 0 0 375.15 0"/></svg>');
  z-index: 10;
  width: 100%;
}
.cc.ctxt-offres .offre__image-container:after {
  content: url('data:image/svg+xml,<svg width="375" height="67" viewBox="0 0 375 67" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M375.152 167.853L0.269073 0.234375L0.269073 187.568L0.269073 448.849L375.152 448.849L375.152 167.853Z" fill="%23BE5729"/></svg>');
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 30;
  left: auto;
}
.cc.ctxt-offres .offre__visuel {
  position: absolute;
  z-index: 20;
  width: auto;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.cc.ctxt-offres .offre.theme-proximity .offre__image-container {
  background-color: #f1dcd4;
}
.cc.ctxt-offres .offre.theme-proximity .offre__image-container:after {
  content: url('data:image/svg+xml,<svg width="375" height="67" viewBox="0 0 375 67" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M375.152 167.853L0.269073 0.234375L0.269073 187.568L0.269073 448.849L375.152 448.849L375.152 167.853Z" fill="%23BE5729"/></svg>');
}
.cc.ctxt-offres .offre.theme-online .offre__image-container {
  background-color: #daece6;
}
.cc.ctxt-offres .offre.theme-online .offre__image-container:after {
  content: url('data:image/svg+xml,<svg width="375" height="67" viewBox="0 0 375 67" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M375.152 167.853L0.269073 0.234375L0.269073 187.568L0.269073 448.849L375.152 448.849L375.152 167.853Z" fill="%23298568"/></svg>');
}
.cc.ctxt-offres .offre.theme-retail .offre__image-container {
  background-color: #e2d8e7;
}
.cc.ctxt-offres .offre.theme-retail .offre__image-container:after {
  content: url('data:image/svg+xml,<svg width="375" height="67" viewBox="0 0 375 67" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M375.152 167.853L0.269073 0.234375L0.269073 187.568L0.269073 448.849L375.152 448.849L375.152 167.853Z" fill="%23652d87"/></svg>');
}
.cc.ctxt-offres .offre.theme-split .offre__image-container {
  background-color: #e3d7d7;
}
.cc.ctxt-offres .offre.theme-split .offre__image-container:after {
  content: url('data:image/svg+xml,<svg width="375" height="67" viewBox="0 0 375 67" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M375.152 167.853L0.269073 0.234375L0.269073 187.568L0.269073 448.849L375.152 448.849L375.152 167.853Z" fill="%23a01f3d"/></svg>');
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-offres .offre {
    height: 530px;
  }
  .cc.ctxt-offres .offre.theme-proximity .offre__image-container {
    background-color: #f1dcd4;
  }
  .cc.ctxt-offres .offre.theme-proximity .offre__image-container:after {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 351.92 472.69"><defs><style> .cls-1 { fill: %23be5729; } </style></defs><polygon class="cls-1" points="0 472.69 351.92 472.69 351.92 0 204.93 0 0 472.69"/></svg>');
  }
  .cc.ctxt-offres .offre.theme-online .offre__image-container {
    background-color: #daece6;
  }
  .cc.ctxt-offres .offre.theme-online .offre__image-container:after {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 351.92 472.69"><defs><style> .cls-1 { fill: %23298568; } </style></defs><polygon class="cls-1" points="0 472.69 351.92 472.69 351.92 0 204.93 0 0 472.69"/></svg>');
  }
  .cc.ctxt-offres .offre.theme-retail .offre__image-container {
    background-color: #e2d8e7;
  }
  .cc.ctxt-offres .offre.theme-retail .offre__image-container:after {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 351.92 472.69"><defs><style> .cls-1 { fill: %23652d87; } </style></defs><polygon class="cls-1" points="0 472.69 351.92 472.69 351.92 0 204.93 0 0 472.69"/></svg>');
  }
  .cc.ctxt-offres .offre.theme-split .offre__image-container {
    background-color: #e3d7d7;
  }
  .cc.ctxt-offres .offre.theme-split .offre__image-container:after {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 351.92 472.69"><defs><style> .cls-1 { fill: %23a01f3d; } </style></defs><polygon class="cls-1" points="0 472.69 351.92 472.69 351.92 0 204.93 0 0 472.69"/></svg>');
  }
  .cc.ctxt-offres .offre__image-container {
    height: auto;
  }
  .cc.ctxt-offres .offre__image-container:before,
  .cc.ctxt-offres .offre__image-container:after {
    display: block;
    position: absolute;
    top: 0;
  }
  .cc.ctxt-offres .offre__image-container:before {
    left: 0;
    width: 200px;
    content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 214.97 472.69"><defs><style> .cls-1 { fill: %23fff; } </style></defs><polygon class="cls-1" points="214.97 472.69 0 472.69 0 0 10.04 0 214.97 472.69"/></svg>');
    z-index: 50;
  }
  .cc.ctxt-offres .offre__image-container:after {
    right: 0;
    width: 400px;
    transition: transform 0.7s, opacity 0.7s;
    transform: translateX(100px) scale(1);
    opacity: 0;
  }
  .cc.ctxt-offres .offre__visuel {
    position: absolute;
    bottom: 0;
    width: auto;
    left: 50%;
    transition: transform 0.7s;
    transform: translateX(calc(-50% - 50px));
    z-index: 40;
  }
  .cc.ctxt-offres .offre__text-container {
    opacity: 0;
    transition: opacity 0.7s;
  }
  .cc.ctxt-offres .offre__logo,
  .cc.ctxt-offres .offre__titre,
  .cc.ctxt-offres .offre__texte,
  .cc.ctxt-offres .offre__cta {
    transition: transform 0.7s !important;
  }
  .cc.ctxt-offres .offre__logo {
    transform: translateY(80px);
  }
  .cc.ctxt-offres .offre__titre,
  .cc.ctxt-offres .offre__texte {
    transform: translateY(60px);
  }
  .cc.ctxt-offres .offre__cta {
    transform: translateY(30px);
  }
  .cc.ctxt-offres .offre--hover .offre__text-container {
    opacity: 1;
  }
  .cc.ctxt-offres .offre--hover .offre__logo,
  .cc.ctxt-offres .offre--hover .offre__titre,
  .cc.ctxt-offres .offre--hover .offre__texte,
  .cc.ctxt-offres .offre--hover .offre__cta,
  .cc.ctxt-offres .offre--hover .offre__image-container:after {
    transform: translateY(0px);
  }
  .cc.ctxt-offres .offre--hover .offre__image-container:after {
    opacity: 1;
  }
  .cc.ctxt-offres .offre--hover .offre__visuel {
    transform: translateX(calc(-50%));
  }
  .cc.ctxt-offres .offre:nth-child(even) .offre__image-container:before {
    transform: scaleX(-1);
    left: auto;
    right: 0;
  }
  .cc.ctxt-offres .offre:nth-child(even) .offre__image-container:after {
    transform: translateX(-100px) scaleX(-1);
    right: auto;
    left: 0;
  }
  .cc.ctxt-offres .offre:nth-child(even) .offre__visuel {
    left: 32%;
    transform: translateX(calc(-50%));
  }
  .cc.ctxt-offres .offre:nth-child(even)--hover .offre__image-container:after {
    transform: translateX(0px) scaleX(-1);
  }
  .cc.ctxt-offres .offre:nth-child(even)--hover .offre__visuel {
    transform: translateX(calc(-50% - 50px));
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offres .rebounds {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offres .rebounds__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*px*/ margin-bottom: 34px;
    /*rem*/ margin-bottom: 2.125rem;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-offres .rebounds__title h2 {
    margin: 0;
  }
}
.cc.ctxt-offres .rebounds__cta {
  margin-top: 24px;
}
/* .ei_ariane {
    position: absolute;
    color:@Blanc;
} */
.cc.ctxt-about {
  /* asupp		section {
			.px-to-rem(padding, 40 0);
			@media @min_wrapper {
				.px-to-rem(padding,90 0);
			}
		} */
}
.cc.ctxt-about .hero {
  position: sticky;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .hero__content-container {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-about .hero__content-container {
    margin: 0 auto;
  }
}
.cc.ctxt-about .hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  column-gap: 100px;
  flex-direction: row;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-about .hero__content {
    width: 1440px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1441px) {
  .cc.ctxt-about .hero__content {
    /*px*/ padding: 24px;
    /*rem*/ padding: 1.5rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-about .hero__content {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .hero__encart {
    width: 40%;
  }
}
@media only screen and (max-width: 1200px) {
  .cc.ctxt-about .hero__encart {
    width: 50%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-about .hero__encart {
    width: 100%;
  }
}
.cc.ctxt-about .hero__encart h2 {
  /*px*/ margin: 14px 0;
  /*rem*/ margin: 0.875rem 0;
}
@media only screen and (min-width: 1441px) {
  .cc.ctxt-about .hero__encart h2 {
    margin-top: 0;
    /*px*/ font-size: 24px;
    /*rem*/ font-size: 1.5rem;
  }
}
.cc.ctxt-about .hero__encart > div .partenaire_ei,
.cc.ctxt-about .hero__encart > div .partenaire_cm,
.cc.ctxt-about .hero__encart > div .partenaire_cic {
  /*px*/ height: 15px;
  /*rem*/ height: 0.9375rem;
  /*px*/ margin-right: 16px;
  /*rem*/ margin-right: 1rem;
}
.cc.ctxt-about .hero__encart > div .partenaire_cm {
  background-color: #ffffff;
  /*px*/ padding: 2px;
  /*rem*/ padding: 0.125rem;
}
.cc.ctxt-about .hero__encart__monetico {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc.ctxt-about .hero__encart__monetico p {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .hero__title {
    width: 60%;
    margin: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .cc.ctxt-about .hero__title {
    width: 50%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-about .hero__title {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-about .hero__title h1 {
    width: initial;
  }
}
.cc.ctxt-about .hero__title p {
  display: none;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
@media only screen and (min-width: 1280px) {
  .cc.ctxt-about .hero__title p {
    display: block;
  }
}
.cc.ctxt-about .hero__img {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc.ctxt-about .hero__img:before {
  background: linear-gradient(0deg, rgba(0, 68, 148, 0.15) 0%, rgba(0, 68, 148, 0.15) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.61) 34.94%, rgba(0, 0, 0, 0) 65.83%);
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
  content: "";
}
.cc.ctxt-about .hero__img img {
  display: block;
  height: auto;
}
.cc.ctxt-about .hero--no-bg .hero__content {
  background: transparent;
}
.cc.ctxt-about .hero--no-bg .hero__title h1,
.cc.ctxt-about .hero--no-bg .hero__title p {
  color: #034991;
}
.cc.ctxt-about .hero--no-bg .hero__encart {
  background-color: #f2f6fa;
}
.cc.ctxt-about .slider-adf-liseret {
  width: 100%;
  margin: auto;
  padding: 0;
}
.cc.ctxt-about #expertise-euro-information {
  /*px*/ padding: 40px 0;
  /*rem*/ padding: 2.5rem 0;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about #expertise-euro-information {
    /*px*/ padding: 90px 0;
    /*rem*/ padding: 5.625rem 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__title {
    display: flex;
    justify-content: space-between;
    /*px*/ margin-bottom: 70px;
    /*rem*/ margin-bottom: 4.375rem;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__title h2 {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__tiles {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__tiles article {
    width: 31%;
  }
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__tiles article .tile {
    width: 100%;
  }
}
.cc.ctxt-about .rebounds__tiles article .tile > div {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__tiles article .tile > div {
    flex-direction: column;
  }
}
.cc.ctxt-about .rebounds__tiles article .tile > div figure {
  width: 40%;
  /*px*/ height: 152px;
  /*rem*/ height: 9.5rem;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__tiles article .tile > div figure {
    width: 100%;
    /*px*/ height: 300px;
    /*rem*/ height: 18.75rem;
    /*px*/ margin-bottom: 30px;
    /*rem*/ margin-bottom: 1.875rem;
  }
}
.cc.ctxt-about .rebounds__tiles article .tile > div figure img {
  width: 100%;
  /*px*/ height: 152px;
  /*rem*/ height: 9.5rem;
  border-radius: 5px;
  object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__tiles article .tile > div figure img {
    /*px*/ height: 300px;
    /*rem*/ height: 18.75rem;
  }
}
.cc.ctxt-about .rebounds__tiles article .tile > div .banner {
  width: 55%;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__tiles article .tile > div .banner {
    width: 100%;
  }
}
.cc.ctxt-about .rebounds__tiles article .tile > div .banner h3 {
  margin-top: 0;
}
.cc.ctxt-about .rebounds__tiles article .tile > div .banner p {
  color: #606F7E;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cc.ctxt-about .rebounds__tiles article .tile > div .banner .article-informations,
.cc.ctxt-about .rebounds__tiles article .tile > div .banner .intro,
.cc.ctxt-about .rebounds__tiles article .tile > div .banner .actions {
  display: none;
}
.cc.ctxt-about .rebounds__cta {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about .rebounds__cta {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-about #produits {
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-about .notre-manifeste__container {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-about .notre-manifeste__text {
    width: calc(100% - 500px);
    /*px*/ margin: 0 151px 0 0;
    /*rem*/ margin: 0 9.4375rem 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cc.ctxt-about .notre-manifeste__img {
    display: flex;
    align-items: center;
  }
}
.cc.ctxt-about .notre-manifeste__img img {
  height: auto;
  width: 100%;
}
.cc.ctxt-about #manifeste .products-slider {
  position: relative;
}
.cc.ctxt-about #manifeste .products-slider .btn-all {
  position: initial;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) {
  .cc.ctxt-about #manifeste .products-slider .btn-all {
    align-self: flex-end;
  }
}
.cc .kpictos {
  background-color: #ffffff;
}
.cc.ctxt-marque .marque-2col-bg .logo {
  display: flex;
  gap: 15px;
  width: auto;
  margin-bottom: 28px;
  height: 50px;
  align-items: center;
}
.cc.ctxt-marque .marque-2col-bg .logo img {
  max-height: 30px;
}
.cc.ctxt-marque .marque-2col-bg .logo img.credit-mut {
  padding: 5px;
  background: #fff;
}
.cc.ctxt-marque .marque-2col-bg .logo img.logo-ei {
  max-height: 50px;
}
.cc .kpictos__picture {
  height: 100%;
  display: flex;
  justify-content: center;
}
.cc .kpictos__picture > img {
  transform: scale(1);
  transition: transform 1.5s;
  height: 100%;
  width: auto;
}
.cc .kpictos__picture--hover > img {
  transform: scale(1.15);
}
.cc {
  /*asupp 	.marque-encart-clients {
		margin-bottom: 60px;
	}
	.encart-contact {
		margin-bottom: 80px;
	} */
}
.cc .actualites {
  /*px*/ margin: 40px 0;
  /*rem*/ margin: 2.5rem 0;
}
@media only screen and (min-width: 1441px) {
  .cc .actualites {
    /*px*/ margin: 90px 0;
    /*rem*/ margin: 5.625rem 0;
  }
}
.cc .actualites__tags,
.cc .rebounds__tags {
  list-style: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .cc .actualites__tags,
  .cc .rebounds__tags {
    display: block;
  }
}
.cc .actualites__tags li,
.cc .rebounds__tags li {
  margin-right: 20px;
}
.cc .actualites__tags a,
.cc .rebounds__tags a {
  text-decoration: none;
}
.cc .actualites__tags .sel,
.cc .rebounds__tags .sel {
  font-family: sora, Arial, sans-serif;
  text-decoration: underline;
  font-weight: bold;
}
.cc .actualites__articles,
.cc .rebounds__articles {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .cc .actualites__articles,
  .cc .rebounds__articles {
    gap: 60px 32px;
    align-items: stretch;
  }
}
.cc .actualites__articles .article-tile,
.cc .rebounds__articles .article-tile {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .cc .actualites__articles .article-tile,
  .cc .rebounds__articles .article-tile {
    width: calc(50% - 20px);
    height: fit-content;
  }
}
@media only screen and (min-width: 992px) {
  .cc .actualites__articles .article-tile,
  .cc .rebounds__articles .article-tile {
    width: calc(33% - 19px);
    height: fit-content;
  }
}
.cc .rebounds {
  margin-top: 90px;
}
@media only screen and (min-width: 992px) {
  .cc .rebounds {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) {
  .cc .rebounds__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*px*/ margin-bottom: 34px;
    /*rem*/ margin-bottom: 2.125rem;
  }
}
@media only screen and (min-width: 992px) {
  .cc .rebounds__title h2 {
    margin: 0;
  }
}
.cc .rebounds__cta {
  margin-top: 24px;
}
.cc .rebounds .article-tile {
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-newsroom .encart-contact {
    /*px*/ margin-bottom: 90px;
    /*rem*/ margin-bottom: 5.625rem;
  }
}
.cc .espace_client {
  display: flex;
  flex-direction: row;
  height: 100%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .cc .espace_client {
    flex-direction: column;
  }
  .cc .espace_client__image {
    display: none;
  }
}
.cc .espace_client > div {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.cc .espace_client__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  gap: 35px;
  /*px*/ padding: 75px 0;
  /*rem*/ padding: 4.6875rem 0;
  text-align: center;
  text-wrap: balance;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .cc .espace_client__content {
    min-height: 560px;
  }
}
@media only screen and (max-width: 1200px) {
  .cc .espace_client__content {
    /*px*/ padding: 75px 20px;
    /*rem*/ padding: 4.6875rem 1.25rem;
  }
}
.cc .espace_client__content .espace_client__split__logo,
.cc .espace_client__content .espace_client__proximity__logo {
  height: 40px;
}
.cc .espace_client__content .espace_client__split__logo img,
.cc .espace_client__content .espace_client__proximity__logo img {
  height: 35px;
}
.cc .espace_client__content .espace_client__retail__logo,
.cc .espace_client__content .espace_client__monetico__logo,
.cc .espace_client__content .espace_client__online__logo {
  height: 40px;
}
.cc .espace_client__content .espace_client__retail__logo img,
.cc .espace_client__content .espace_client__monetico__logo img,
.cc .espace_client__content .espace_client__online__logo img {
  height: 27px;
}
.cc .espace_client__content .flex {
  justify-content: center;
}
.cc .espace_client__content--no-height {
  min-height: initial;
}
.cc .espace_client__text {
  /*px*/ padding: 0 40px;
  /*rem*/ padding: 0 2.5rem;
}
.cc .espace_client__image {
  align-content: end;
  margin: auto;
}
.cc .espace_client__image img {
  width: 100%;
  display: block;
}
.espace_client__retail {
  background-color: #ebf0f4;
}
.espace_client__monetico-paiement,
.espace_client__pay-asso {
  background-color: #f5f5f5;
}
.espace_client__monetico-commercant,
.espace_client__monetico-paiement,
.espace_client__pay-pro,
.espace_client__pay-asso {
  width: 25%;
}
@media only screen and (max-width: 992px) {
  .espace_client__monetico-commercant,
  .espace_client__monetico-paiement,
  .espace_client__pay-pro,
  .espace_client__pay-asso {
    width: 100%;
  }
}
.cc.ctxt-form section {
  margin: 0;
}
.cc.ctxt-form .form fieldset {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.cc.ctxt-form .form fieldset legend {
  color: #034991;
  font-family: sora;
  font-weight: bold;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-form .form fieldset legend {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 25px;
    /*rem*/ line-height: 1.5625rem;
  }
}
.cc.ctxt-form .form section {
  width: 100%;
  padding: 50px;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-form .form section {
    padding: 25px;
  }
}
.cc.ctxt-form .form section .form-group {
  /* display: flex;
                    flex-wrap: wrap;
                    gap: 20px;
                    width: 100%; */
  width: 100%;
}
.cc.ctxt-form .form section .form-group .section-titre {
  color: #034991;
  font-family: sora;
  font-weight: bold;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-form .form section .form-group .section-titre {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 25px;
    /*rem*/ line-height: 1.5625rem;
  }
}
.cc.ctxt-form .form section .form-group label.section-titre,
.cc.ctxt-form .form section .form-group label.section-intertitre {
  display: block;
}
.cc.ctxt-form .form section .form-group label.ei_sronly {
  width: auto;
}
.cc.ctxt-form .form section .form-group .section-intertitre {
  color: #034991;
  font-family: sora;
  font-weight: bold;
  margin-bottom: 20px;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
  .cc.ctxt-form .form section .form-group .section-intertitre {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
.cc.ctxt-form .form section .form-group .flex {
  width: 100%;
}
.cc.ctxt-form .form section .form-group .label {
  background: #ffffff;
  padding: 15px;
  width: 100%;
  border-radius: 5px;
}
.cc.ctxt-form .form section .form-group .label.flex50 {
  width: calc(50% - 10px);
}
.cc.ctxt-form .form section .form-group .label.terms {
  display: flex;
  background: none;
  font-size: 14px;
  color: #606F7E;
}
.cc.ctxt-form .form section .form-group .label.terms input {
  width: auto;
  margin-right: 20px;
}
.cc.ctxt-form .form section .form-group textarea,
.cc.ctxt-form .form section .form-group label,
.cc.ctxt-form .form section .form-group input,
.cc.ctxt-form .form section .form-group select {
  width: 100%;
  border: none;
  border-radius: 5px;
}
.cc.ctxt-form .form section .form-group input[type="radio"]:focus + label:before,
.cc.ctxt-form .form section .form-group input[type="checkbox"]:focus + label:before {
  outline: 1px solid #034991;
  outline-offset: 1px;
}
.cc.ctxt-form .form section .form-group input {
  padding: 15px;
}
.cc.ctxt-form .form section .form-group input[type="radio"],
.cc.ctxt-form .form section .form-group input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: auto;
}
.cc.ctxt-form .form section .form-group input[type="radio"] + label,
.cc.ctxt-form .form section .form-group input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding-left: 30px;
}
.cc.ctxt-form .form section .form-group input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border: 1px solid #757577;
  border-radius: 50%;
  background-color: white;
}
.cc.ctxt-form .form section .form-group input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border: 1px solid #757577;
  background-color: white;
}
.cc.ctxt-form .form section .form-group input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  left: calc(20px - 16px);
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #034991;
}
.cc.ctxt-form .form section .form-group input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: calc(20px - 16px);
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background-color: #034991;
}
.cc.ctxt-form .form section .form-group .form-input {
  width: 100%;
  margin-bottom: 20px;
}
.cc.ctxt-form .form section .form-group .form-radio {
  margin-bottom: 10px;
}
.cc.ctxt-form .form section .form-group select,
.cc.ctxt-form .form section .form-group textarea {
  padding: 15px;
}
.cc.ctxt-form .form section .form-group p.alert {
  margin-top: 0;
}
.cc.ctxt-form .form section .form-group .err-msg {
  color: #63000c;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-form .form section .form-group .gap20 {
    gap: 10px;
  }
}
.cc.ctxt-form .form section .form-group.tap-to-pay {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.cc.ctxt-form .form section .form-group.tap-to-pay > div {
  width: calc(50% - 20px);
}
.cc.ctxt-form .form section p.soft {
  font-size: 14px;
  color: #606F7E;
}
.cc.ctxt-form .form section.bg-light--online .form-group input[type="radio"]:focus + label:before,
.cc.ctxt-form .form section.bg-light--online .form-group input[type="checkbox"]:focus + label:before {
  outline: 1px solid #298568;
}
.cc.ctxt-form .form section.bg-light--online .form-group input[type="radio"]:checked + label:after,
.cc.ctxt-form .form section.bg-light--online .form-group input[type="checkbox"]:checked + label:after {
  background-color: #298568;
}
.cc.ctxt-form .form section.bg-light--proximity .form-group input[type="radio"]:focus + label:before,
.cc.ctxt-form .form section.bg-light--proximity .form-group input[type="checkbox"]:focus + label:before {
  outline: 1px solid #BE5729;
}
.cc.ctxt-form .form section.bg-light--proximity .form-group input[type="radio"]:checked + label:after,
.cc.ctxt-form .form section.bg-light--proximity .form-group input[type="checkbox"]:checked + label:after {
  background-color: #BE5729;
}
.cc.ctxt-form .form section.bg-light--retail .form-group input[type="radio"]:focus + label:before,
.cc.ctxt-form .form section.bg-light--retail .form-group input[type="checkbox"]:focus + label:before {
  outline: 1px solid #652d87;
}
.cc.ctxt-form .form section.bg-light--retail .form-group input[type="radio"]:checked + label:after,
.cc.ctxt-form .form section.bg-light--retail .form-group input[type="checkbox"]:checked + label:after {
  background-color: #652d87;
}
.cc.ctxt-form .form section.bg-light--split .form-group input[type="radio"]:focus + label:before,
.cc.ctxt-form .form section.bg-light--split .form-group input[type="checkbox"]:focus + label:before {
  outline: 1px solid #A01F3D;
}
.cc.ctxt-form .form section.bg-light--split .form-group input[type="radio"]:checked + label:after,
.cc.ctxt-form .form section.bg-light--split .form-group input[type="checkbox"]:checked + label:after {
  background-color: #A01F3D;
}
.cc.ctxt-form .form .button-container {
  margin: auto;
}
.cc.ctxt-form aside {
  position: sticky;
  top: 120px;
}
.cc.ctxt-form .numeros p {
  margin: 0.2em 0;
}
.cc.ctxt-form .numeros .phone a {
  text-decoration: none;
  color: #BE5729;
  font-size: 20px;
}
.cc.ctxt-form .numeros p:last-child {
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: bold;
}
.cc.ctxt-basic.aide-au-choix .article__content.wrapper {
  gap: 0;
}
.cc.aide-au-choix .wrapper {
  margin-bottom: 100px;
}
.cc.aide-au-choix .option-level {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-top: 1px solid #EBF0F5;
  margin-top: 50px;
}
.cc.aide-au-choix .option-level h2 {
  width: 100%;
}
.cc.aide-au-choix .option-level button.option-button {
  display: block;
  width: calc(25% - 8px);
  padding: 1em 1.5em;
  background: #EBF0F5;
  border-radius: 5px;
  color: #004494;
  border: 0;
  transition-duration: 0.2s;
  cursor: pointer;
  font-size: 1rem;
}
@media only screen and (max-width: 992px) {
  .cc.aide-au-choix .option-level button.option-button {
    width: calc(50% - 5px);
  }
}
.cc.aide-au-choix .option-level button.option-button:hover {
  background: #e5ecf4;
  transition-duration: 0.2s;
}
.cc.aide-au-choix .option-level button.option-button.selected {
  background: #004494;
  color: #fff;
}
.cc.aide-au-choix .option-level .step-title {
  margin-top: 50px;
  font-size: 2rem;
}
.cc.aide-au-choix .aide-reponse {
  padding: 100px 0;
  background-color: #EBF0F5;
}
.cc.aide-au-choix .aide-reponse .reponse-complementaire {
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 992px) {
  .cc.aide-au-choix .aide-reponse .reponse-complementaire {
    flex-wrap: wrap;
  }
}
.cc.aide-au-choix .aide-reponse .reponse,
.cc.aide-au-choix .aide-reponse .complementaire {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .cc.aide-au-choix .aide-reponse .reponse,
  .cc.aide-au-choix .aide-reponse .complementaire {
    width: 100%;
  }
}
.cc.aide-au-choix .aide-reponse .reponse .element,
.cc.aide-au-choix .aide-reponse .complementaire .element,
.cc.aide-au-choix .aide-reponse .reponse .element2,
.cc.aide-au-choix .aide-reponse .complementaire .element2 {
  width: calc(50% - 10px);
  background-color: #fff;
  border-radius: 5px;
  overflow: auto;
  box-shadow: 0 8px 66px #ABBED180;
}
@media only screen and (max-width: 992px) {
  .cc.aide-au-choix .aide-reponse .reponse .element,
  .cc.aide-au-choix .aide-reponse .complementaire .element,
  .cc.aide-au-choix .aide-reponse .reponse .element2,
  .cc.aide-au-choix .aide-reponse .complementaire .element2 {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 576px) {
  .cc.aide-au-choix .aide-reponse .reponse .element,
  .cc.aide-au-choix .aide-reponse .complementaire .element,
  .cc.aide-au-choix .aide-reponse .reponse .element2,
  .cc.aide-au-choix .aide-reponse .complementaire .element2 {
    width: 100%;
  }
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container {
  display: flex;
  flex-wrap: wrap;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container h4,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container h4,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container h4,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container h4 {
  padding: 25px 25px 0;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container ul,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container ul,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container ul,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container ul {
  list-style: none;
  padding: 0 25px;
  margin-bottom: 0;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container ul li,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container ul li,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container ul li,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container ul li {
  margin: 10px 0;
  position: relative;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container ul li span,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container ul li span,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container ul li span,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container ul li span {
  width: 85%;
  display: block;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container ul li:after,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container ul li:after,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container ul li:after,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container ul li:after {
  content: url(../assets/commun/svg/check.svg);
  position: absolute;
  display: flex;
  right: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  max-width: 15%;
  width: 30px;
  height: 30px;
  margin: auto;
  background-color: #EBF0F5;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container .element-cta,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container .element-cta,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container .element-cta,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container .element-cta {
  display: flex;
  gap: 10px 9px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: end;
  padding: 25px;
  width: 100%;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container .element-cta .button,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container .element-cta .button,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container .element-cta .button,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container .element-cta .button {
  padding: 0.7em 1em;
}
.cc.aide-au-choix .aide-reponse .reponse .element .element-container .element-cta a,
.cc.aide-au-choix .aide-reponse .complementaire .element .element-container .element-cta a,
.cc.aide-au-choix .aide-reponse .reponse .element2 .element-container .element-cta a,
.cc.aide-au-choix .aide-reponse .complementaire .element2 .element-container .element-cta a {
  margin: 0;
}
.cc.aide-au-choix .aide-reponse .reponse .element img,
.cc.aide-au-choix .aide-reponse .complementaire .element img,
.cc.aide-au-choix .aide-reponse .reponse .element2 img,
.cc.aide-au-choix .aide-reponse .complementaire .element2 img {
  width: 100%;
  padding: 0 25px;
}
.cc.aide-au-choix .aide-reponse .reponse .multi,
.cc.aide-au-choix .aide-reponse .complementaire .multi {
  width: 100%;
}
.cc.aide-au-choix .aide-reponse .reponse .multi .element-container,
.cc.aide-au-choix .aide-reponse .complementaire .multi .element-container {
  width: fit-content;
  text-align: center;
  display: block;
  margin: auto;
}
.cc.aide-au-choix .aide-reponse .reponse--container,
.cc.aide-au-choix .aide-reponse .complementaire--container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.cc.aide-au-choix .aide-reponse .reponse--title,
.cc.aide-au-choix .aide-reponse .complementaire--title {
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .cc.aide-au-choix .aide-reponse .reponse--title,
  .cc.aide-au-choix .aide-reponse .complementaire--title {
    flex-wrap: wrap;
  }
}
.cc.aide-au-choix .aide-reponse .reponse--ariane,
.cc.aide-au-choix .aide-reponse .complementaire--ariane {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 50px 0;
  align-items: baseline;
}
@media only screen and (max-width: 576px) {
  .cc.aide-au-choix .aide-reponse .reponse--ariane,
  .cc.aide-au-choix .aide-reponse .complementaire--ariane {
    flex-wrap: wrap;
  }
}
.cc.aide-au-choix .aide-reponse .reponse--ariane .breadcrumb,
.cc.aide-au-choix .aide-reponse .complementaire--ariane .breadcrumb {
  display: flex;
  gap: 10px;
  color: #004494;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .cc.aide-au-choix .aide-reponse .reponse--ariane .breadcrumb,
  .cc.aide-au-choix .aide-reponse .complementaire--ariane .breadcrumb {
    flex-wrap: wrap;
  }
}
.cc.aide-au-choix .aide-reponse .reponse--ariane .breadcrumb--title,
.cc.aide-au-choix .aide-reponse .complementaire--ariane .breadcrumb--title {
  color: #004494;
  font-weight: 700;
  font-size: 1.25rem;
}
.cc.aide-au-choix .aide-reponse .reponse--ariane .breadcrumb .breadcrumb-content,
.cc.aide-au-choix .aide-reponse .complementaire--ariane .breadcrumb .breadcrumb-content {
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 992px) {
  .cc.aide-au-choix .aide-reponse .reponse--ariane .breadcrumb .breadcrumb-content,
  .cc.aide-au-choix .aide-reponse .complementaire--ariane .breadcrumb .breadcrumb-content {
    flex-wrap: wrap;
  }
}
.cc.aide-au-choix .aide-reponse .reponse--ariane .breadcrumb .breadcrumb-content .breadcrumb-item,
.cc.aide-au-choix .aide-reponse .complementaire--ariane .breadcrumb .breadcrumb-content .breadcrumb-item {
  background: white;
  padding: 2px 5px;
  font-size: 1rem;
}
.cc.aide-au-choix .aide-reponse .reponse--ariane button,
.cc.aide-au-choix .aide-reponse .complementaire--ariane button {
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  color: #004494;
  padding: 0;
  text-wrap: nowrap;
  text-align: start;
}
.cc.aide-au-choix .aide-reponse .reponse--ariane button.reset-button:after,
.cc.aide-au-choix .aide-reponse .complementaire--ariane button.reset-button:after {
  font-family: fts_picto;
  content: "\F01BA";
  font-style: normal;
  color: #034991;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
}
.cc.aide-au-choix .hidden-element {
  display: none;
}
.cc.aide-au-choix .hidden-element.show {
  display: block;
}
.cc.aide-au-choix .aide-reponse {
  display: none;
}
.cc.moyens-paiement header .hero__img {
  max-height: 300px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.cc.moyens-paiement header .hero__img img {
  width: 100%;
}
.cc.moyens-paiement section.chapo #benefice__content .benefice {
  text-align: center;
}
.cc.moyens-paiement section.chapo #logo {
  position: relative;
  text-align: center;
}
.cc.moyens-paiement section.chapo #logo img {
  position: sticky;
  top: 60px;
  max-height: 250px;
}
.cc.moyens-paiement section.caracteristiques .caracteristique {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc.moyens-paiement section.caracteristiques .caracteristique h3,
.cc.moyens-paiement section.caracteristiques .caracteristique h4,
.cc.moyens-paiement section.caracteristiques .caracteristique p {
  margin: 0;
}
.cc.moyens-paiement section.caracteristiques .caracteristique p {
  border: 1px solid #a3aab1;
  border-radius: 5px;
  padding: 1px 9px;
}
.cc.moyens-paiement section.caracteristiques .caracteristique:nth-child(2n) {
  background: #f2f6fa;
}
.cc.moyens-paiement p.att::before {
  content: url(../assets/commun/svg/att.svg);
  margin-right: 5px;
  /* position: absolute; */
}
.cc.moyens-paiement p.oui::before {
  content: url(../assets/commun/svg/check.svg);
  margin-right: 5px;
  /* position: absolute; */
}
.cc.moyens-paiement p.non::before {
  content: url(../assets/commun/svg/cross.svg);
  margin-right: 5px;
  /* position: absolute; */
}
.cc.moyens-paiement span.oui::before {
  content: url(../assets/commun/svg/check.svg);
  margin-right: 5px;
  /* position: absolute; */
}
.cc.moyens-paiement span.non::before {
  content: url(../assets/commun/svg/cross.svg);
  margin-right: 5px;
  /* position: absolute; */
}
.cc.moyens-paiement span.att::before {
  content: url(../assets/commun/svg/att.svg);
  margin-right: 5px;
  /* position: absolute; */
}
.cc.moyens-paiement .liste-moyens-paiement .rebounds__articles {
  gap: 40px;
}
@media only screen and (min-width: 992px) {
  .cc.moyens-paiement .liste-moyens-paiement .rebounds__articles {
    gap: 60px 32px;
  }
}
.cc.moyens-paiement .liste-moyens-paiement .rebounds__articles .article-tile {
  background: #f3f0f5;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .cc.moyens-paiement .liste-moyens-paiement .rebounds__articles .article-tile {
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 992px) {
  .cc.moyens-paiement .liste-moyens-paiement .rebounds__articles .article-tile {
    width: calc(33% - 19px);
  }
}
.cc.moyens-paiement .liste-moyens-paiement .rebounds__articles.bas .article-tile:nth-child(4) {
  display: none;
}
.cc.moyens-paiement section.nouveau-produit .marque-2col-bg__element figure img {
  max-width: 50%;
  height: max-content;
  margin: auto;
}
.cc .rebounds__articles {
  align-items: normal;
}
.cc .rebounds__articles .tile-moyens-paiement {
  flex-direction: column;
}
.cc .rebounds__articles .tile-moyens-paiement .article-tile__tag-container {
  margin-bottom: 12px;
}
.cc .rebounds__articles .tile-moyens-paiement .article-tile__title-container {
  display: flex;
  flex-wrap: wrap;
}
.cc .rebounds__articles .tile-moyens-paiement .article-tile__title-container .article-tile__title {
  margin-top: 15px;
  width: 100%;
}
.cc .rebounds__articles .tile-moyens-paiement .article-tile__title-container figure {
  display: flex;
  margin: auto;
  height: 70px;
}
.cc .rebounds__articles .tile-moyens-paiement .article-tile__title-container figure img {
  height: auto;
  max-height: 70px;
  max-width: 200px;
  margin: auto;
}
span.oui::before {
  content: url(../assets/commun/svg/check.svg);
  margin-right: 5px;
  /* position: absolute; */
}
span.non::before {
  content: url(../assets/commun/svg/cross.svg);
  margin-right: 5px;
  /* position: absolute; */
}