/****************************************/
/******** Styles COFIDIS IT 2021 ********/
/****************************************/
/* Description :                        */
/*  - Styles COFIDIS                    */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 11/08/2021 : création             */
/****************************************/
/****************************************/
.cc.main .body code.insert {
  display: block;
  background: #000 !important;
  color: #fff !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;
}
/* Pages de guide */
/* Blanc */
/* Noir */
/* Gris très très clair */
/* Gris très clair */
/* Gris */
/* Gris foncé */
/* Gris noir */
/*Highlighted*/
/*Gris sur fond rouge*/
/* Rouge */
/* Jaune */
/*rouge "foncé" au hover*/
/*jaune "foncé" au hover*/
.displayFlex {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
  .displayFlex {
    display: block;
  }
}
.displayFlexCenter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .displayFlexCenter {
    display: block;
  }
}
.pageWidth {
  max-width: 1180px;
}
.pageOrganisation {
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .pageOrganisation {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .pageOrganisation {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
/* IE10 + IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cc.main article .slider-inner > div .banner {
    bottom: auto;
  }
  .cc.main article a:not(.ddl):not(.button) {
    text-transform: none;
  }
  .cc.main article ul li a.ddl {
    text-transform: none;
  }
  .cc.main article :not(.horizontiles).tiles {
    display: flex;
    flex-wrap: wrap;
  }
  .cc.main article :not(.horizontiles).tiles > .tile {
    width: 33.33%;
  }
  .cc.main article :not(.horizontiles).tiles > .tile > div .actions {
    justify-content: center;
    padding: 10%;
  }
  .cc.main article :not(.horizontiles).tiles > .tile > div picture img {
    height: 193px;
  }
  .cc.main article .horizontiles > .tile > div {
    height: 258px;
    max-width: 1090px;
  }
}
@media all and (-ms-high-contrast: none) and only screen and (max-width: 480px), (-ms-high-contrast: active) and only screen and (max-width: 480px) {
  .cc.main article :not(.horizontiles).tiles {
    display: block;
  }
}
/* Feuille de style pour impression */
@media print {
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
  }
  figure {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  h1 {
    color: #000 !important;
    font-size: 14pt !important;
  }
  h2 {
    color: #000 !important;
    font-size: 12pt !important;
  }
  h3 {
    color: #000 !important;
    font-size: 10pt !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;
  }
}
/****************************************/
/******** Styles COFIDIS IT 2021 ********/
/****************************************/
/* Description :                        */
/*  - Styles COFIDIS/Global            	*/
/* Responsabilité :                     */
/*  - 5440        						*/
/*  - 5440        						*/
/* Historique :                         */
/* Historique :                         */
/*  - 11/08/2021 : création             */
/****************************************/
/****************************************/
.cc {
  color: #2d2d2d;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
  /*CREDIT LINE HIGHLIGHTED*/
  /*COFIDIS LIFE BUTTON LINKEDIN*/
  /*BANNIERE AMAZON FULL WIDTH*/
  /*Corporate Social Responsibility padding*/
}
.cc * {
  box-sizing: border-box;
}
@media only screen and (max-width: 992px) {
  .cc abbr {
    text-decoration: none;
  }
}
.cc abbr[title] {
  border: none;
}
.cc :focus-visible {
  outline: 2px solid #2d2d2d;
  border-radius: 0.15rem;
  box-shadow: none;
}
.cc :focus-visible:hover {
  box-shadow: none;
}
.cc .border {
  border: 1px solid #f2efed;
}
.cc .border-radius {
  border-radius: 20px;
}
.cc .soft {
  color: #E2E0D7;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc .example {
  color: #2d2d2d;
}
.cc .bigger {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
.cc .emphasis {
  font-size: 1.625rem;
}
.cc .emphasis strong {
  font-weight: 600;
}
.cc .smaller {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  line-height: initial;
}
.cc .all-caps,
.cc .uppercase {
  text-transform: uppercase;
}
.cc .clickable {
  cursor: pointer;
}
.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 .center-align {
  align-self: center;
}
.cc .justify-center {
  justify-content: center;
}
.cc .vertical-align-bottom {
  vertical-align: bottom;
}
.cc .highlighted {
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  font-weight: 600;
  color: #424242;
  text-align: center;
}
.cc .strong-p {
  color: #252525;
  font-size: 1.85rem;
}
.cc .section-linkedin .button {
  color: white;
  background-color: #1e8dc5;
  position: relative;
  padding-right: 4rem;
}
.cc .section-linkedin .button:hover {
  color: white;
  background-color: #1b80b3;
}
.cc .section-linkedin .button:focus {
  font-weight: 600;
}
.cc .section-linkedin .button::before {
  content: "\F0537";
  font-family: "fts_picto";
  font-size: 1.2rem;
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.cc .button.linkedin {
  margin: 2.5rem 0;
  color: white;
  background-color: #1e8dc5;
  position: relative;
  padding-right: 4rem;
  transition: all 1s ease 0s;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  font-weight: 600;
  display: inline-block;
}
.cc .button.linkedin:hover,
.cc .button.linkedin:focus {
  color: white;
  background-color: #1b80b3;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
}
.cc .button.linkedin:focus-visible {
  box-shadow: none;
}
.cc .button.linkedin::before {
  content: "\F0537";
  font-family: "fts_picto";
  font-size: 1.2rem;
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.cc .encart-img {
  border-radius: 25px;
  overflow: hidden;
}
.cc .link-banner img {
  height: 100%;
}
@media only screen and (max-width: 576px) {
  .cc .link-banner {
    padding: 0 2rem;
  }
}
.cc .link-banner a:focus-visible {
  outline: none;
  border: none;
}
.cc .link-banner a:focus-visible img {
  outline: solid 2px black;
  outline-offset: 4px;
  border-radius: 1.5rem;
}
.cc .bandeau-full-width div {
  max-width: none !important;
}
.cc .Corporate-Social-Padding {
  padding-bottom: 5rem;
}
.cc .edit-box {
  display: none;
}
.cc .circle-section h3,
.cc #pagare h3,
.cc .circle-section p,
.cc #pagare p {
  text-align: left;
}
.cc .circle-section h3,
.cc #pagare h3 {
  color: #D0103A;
}
.cc .circle-section .circle,
.cc #pagare .circle {
  width: 10%;
}
.cc .circle-section .circle-text,
.cc #pagare .circle-text {
  width: 80%;
  /*px*/ margin-left: 48px;
  /*rem*/ margin-left: 3rem;
}
.cc .circle-section .circle-text h3,
.cc #pagare .circle-text h3 {
  color: black;
}
@media only screen and (max-width: 768px) {
  .cc .circle-section .flex,
  .cc #pagare .flex {
    justify-content: center;
  }
  .cc .circle-section .circle-text,
  .cc #pagare .circle-text {
    width: 100%;
    /*px*/ margin-left: 0;
    /*rem*/ margin-left: 0;
  }
  .cc .circle-section .circle,
  .cc #pagare .circle {
    width: 100%;
  }
  .cc .circle-section .circle img,
  .cc #pagare .circle img {
    max-width: 112px;
  }
  .cc .circle-section h3,
  .cc #pagare h3,
  .cc .circle-section p,
  .cc #pagare p {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .cc .width10,
  .cc .width20,
  .cc .width25,
  .cc .width30,
  .cc .width33,
  .cc .width40,
  .cc .width50,
  .cc .width60,
  .cc .width70,
  .cc .width80,
  .cc .width90,
  .cc .width100 {
    width: 100% !important;
  }
}
.cc .width10 {
  width: 10%;
}
.cc .width20 {
  width: 20%;
}
.cc .width25 {
  width: 25%;
}
.cc .width30 {
  width: 30%;
}
.cc .width33 {
  width: 33%;
}
.cc .width40 {
  width: 40%;
}
.cc .width50 {
  width: 50%;
}
.cc .width60 {
  width: 60%;
}
.cc .width70 {
  width: 70%;
}
.cc .width80 {
  width: 80%;
}
.cc .width90 {
  width: 90%;
}
.cc .width100 {
  width: 100%;
}
.cc .flex {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
  .cc .flex {
    display: block;
  }
}
.cc .flex figure {
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .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-column,
.cc .flex-column-reverse,
.cc .flex-row,
.cc .flex-row-reverse {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 2.5rem 0;
}
.cc .flex-column {
  flex-direction: column;
}
.cc .flex-column-reverse {
  flex-direction: column-reverse;
}
.cc .flex-row-reverse {
  flex-direction: row;
}
.cc .flex-row-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .cc .flex-column-reverse,
  .cc .flex-row,
  .cc .flex-row-reverse {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1.25rem;
  }
  .cc .flex-column-reverse p,
  .cc .flex-row p,
  .cc .flex-row-reverse p {
    text-align: left;
  }
}
.cc h1 {
  /*px*/ font-size: 40px;
  /*rem*/ font-size: 2.5rem;
  /*px*/ line-height: 44px;
  /*rem*/ line-height: 2.75rem;
  /*px*/ margin: 0 0 15px;
  /*rem*/ margin: 0 0 0.9375rem;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  .cc h1 {
    /*px*/ font-size: 35px;
    /*rem*/ font-size: 2.1875rem;
  }
}
.cc h2 {
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
  /*px*/ line-height: 40px;
  /*rem*/ line-height: 2.5rem;
  font-weight: 600;
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
}
@media only screen and (max-width: 768px) {
  .cc h2 {
    /*px*/ font-size: 28px;
    /*rem*/ font-size: 1.75rem;
    /*px*/ line-height: 32px;
    /*rem*/ line-height: 2rem;
  }
}
.cc h3 {
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  /*px*/ line-height: 30px;
  /*rem*/ line-height: 1.875rem;
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
  font-weight: 600;
}
.cc h4 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
}
.cc p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ margin: 0 0 15px;
  /*rem*/ margin: 0 0 0.9375rem;
  line-height: 1.65rem;
}
.cc p:last-child {
  margin: 0;
}
.cc h2.intertitre-left,
.cc h3.intertitre-left {
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cc h2.intertitre-left,
  .cc h3.intertitre-left {
    text-align: center;
  }
}
.cc h2.intertitre-center {
  text-align: center;
}
.cc .center {
  text-align: center;
}
.cc .center h3,
.cc .center h4,
.cc .center p {
  text-align: center;
}
.cc .left {
  text-align: left;
}
.cc .left h3,
.cc .left h4,
.cc .left p {
  text-align: left;
}
.cc .left .keypoints:not(.one-p):not(.two-p) p {
  text-align: center;
}
.cc .right {
  text-align: right;
}
@media only screen and (max-width: 480px) {
  .cc .right {
    text-align: left;
  }
}
.cc .right h1,
.cc .right h2,
.cc .right h3,
.cc .right h4,
.cc .right p {
  text-align: right;
}
@media only screen and (max-width: 480px) {
  .cc .right h1,
  .cc .right h2,
  .cc .right h3,
  .cc .right h4,
  .cc .right p {
    text-align: left;
  }
}
.cc .float-right {
  float: right;
}
@media only screen and (max-width: 480px) {
  .cc .float-right {
    float: none;
  }
}
.cc .float-left {
  float: left;
}
@media only screen and (max-width: 480px) {
  .cc .float-left {
    float: none;
  }
}
.cc .clear {
  clear: both;
}
.cc .clearR {
  clear: right;
}
.cc .clearL {
  clear: left;
}
.cc .text-yellow {
  color: #FECB00;
}
.cc .text-white {
  color: #fff;
}
.cc .text-black {
  color: black;
}
.cc .text-red {
  color: #D0103A;
}
.cc .font-big {
  font-size: 1.5rem;
  font-weight: 600;
}
.cc .no-border {
  border-bottom: none;
  box-shadow: none;
}
.cc .margins {
  /*px*/ margin: 20px;
  /*rem*/ margin: 1.25rem;
}
.cc .margin-top {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc .margin-right {
  /*px*/ margin-right: 20px;
  /*rem*/ margin-right: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .cc .margin-right {
    margin-right: 0;
  }
}
.cc .margin-left {
  /*px*/ margin-left: 20px;
  /*rem*/ margin-left: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .cc .margin-left {
    margin-left: 0;
  }
}
.cc .margin-bottom {
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.cc .medium-margins {
  /*px*/ margin: 50px;
  /*rem*/ margin: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margins {
    /*px*/ margin: 30px;
    /*rem*/ margin: 1.875rem;
  }
}
.cc .medium-margin-top {
  /*px*/ margin-top: 50px;
  /*rem*/ margin-top: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-top {
    /*px*/ margin-top: 30px;
    /*rem*/ margin-top: 1.875rem;
  }
}
.cc .medium-margin-right {
  /*px*/ margin-right: 50px;
  /*rem*/ margin-right: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-right {
    /*px*/ margin-right: 30px;
    /*rem*/ margin-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-margin-right {
    margin-right: 0;
  }
}
.cc .medium-margin-left {
  /*px*/ margin-left: 50px;
  /*rem*/ margin-left: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-left {
    /*px*/ margin-left: 30px;
    /*rem*/ margin-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-margin-left {
    margin-left: 0;
  }
}
.cc .medium-margin-bottom {
  /*px*/ margin-bottom: 50px;
  /*rem*/ margin-bottom: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-bottom {
    /*px*/ margin-bottom: 30px;
    /*rem*/ margin-bottom: 1.875rem;
  }
}
.cc .big-margins {
  /*px*/ margin: 150px;
  /*rem*/ margin: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margins {
    /*px*/ margin: 50px;
    /*rem*/ margin: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margins {
    /*px*/ margin: 30px;
    /*rem*/ margin: 1.875rem;
  }
}
.cc .big-margin-top {
  /*px*/ margin-top: 150px;
  /*rem*/ margin-top: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-top {
    /*px*/ margin-top: 50px;
    /*rem*/ margin-top: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-top {
    /*px*/ margin-top: 30px;
    /*rem*/ margin-top: 1.875rem;
  }
}
.cc .big-margin-right {
  /*px*/ margin-right: 150px;
  /*rem*/ margin-right: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-right {
    /*px*/ margin-right: 50px;
    /*rem*/ margin-right: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-right {
    /*px*/ margin-right: 30px;
    /*rem*/ margin-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-margin-right {
    margin-right: 0;
  }
}
.cc .big-margin-left {
  /*px*/ margin-left: 150px;
  /*rem*/ margin-left: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-left {
    /*px*/ margin-left: 50px;
    /*rem*/ margin-left: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-left {
    /*px*/ margin-left: 30px;
    /*rem*/ margin-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-margin-left {
    margin-left: 0;
  }
}
.cc .big-margin-bottom {
  /*px*/ margin-bottom: 150px;
  /*rem*/ margin-bottom: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-bottom {
    /*px*/ margin-bottom: 50px;
    /*rem*/ margin-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-bottom {
    /*px*/ margin-bottom: 30px;
    /*rem*/ margin-bottom: 1.875rem;
  }
}
.cc .nomargin {
  margin: 0 !important;
}
.cc .nomargin-top {
  margin-top: 0 !important;
}
.cc .nomargin-top > div {
  padding-top: 0 !important;
}
.cc .nomargin-bottom {
  margin-bottom: 0 !important;
}
.cc .nomargin-bottom > div {
  padding-bottom: 0 !important;
}
.cc .nomargin-right {
  margin-right: 0 !important;
}
.cc .nomargin-left {
  margin-left: 0 !important;
}
.cc .paddings {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc .padding-top {
  /*px*/ padding-top: 20px;
  /*rem*/ padding-top: 1.25rem;
}
.cc .padding-right {
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .cc .padding-right {
    padding-right: 0;
  }
}
.cc .padding-left {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .cc .padding-left {
    padding-left: 0;
  }
}
.cc .padding-bottom {
  /*px*/ padding-bottom: 20px;
  /*rem*/ padding-bottom: 1.25rem;
}
.cc .medium-paddings {
  /*px*/ padding: 50px;
  /*rem*/ padding: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-paddings {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc .medium-padding-top {
  /*px*/ padding-top: 50px;
  /*rem*/ padding-top: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-top {
    /*px*/ padding-top: 30px;
    /*rem*/ padding-top: 1.875rem;
  }
}
.cc .medium-padding-right {
  /*px*/ padding-right: 50px;
  /*rem*/ padding-right: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-right {
    /*px*/ padding-right: 30px;
    /*rem*/ padding-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-padding-right {
    padding-right: 0;
  }
}
.cc .medium-padding-left {
  /*px*/ padding-left: 50px;
  /*rem*/ padding-left: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-left {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-padding-left {
    padding-left: 0;
  }
}
.cc .medium-padding-bottom {
  /*px*/ padding-bottom: 50px;
  /*rem*/ padding-bottom: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-bottom {
    /*px*/ padding-bottom: 30px;
    /*rem*/ padding-bottom: 1.875rem;
  }
}
.cc .big-paddings {
  /*px*/ padding: 150px;
  /*rem*/ padding: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-paddings {
    /*px*/ padding: 50px;
    /*rem*/ padding: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-paddings {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc .big-padding-top {
  /*px*/ padding-top: 150px;
  /*rem*/ padding-top: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-top {
    /*px*/ padding-top: 50px;
    /*rem*/ padding-top: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-top {
    /*px*/ padding-top: 30px;
    /*rem*/ padding-top: 1.875rem;
  }
}
.cc .big-padding-right {
  /*px*/ padding-right: 150px;
  /*rem*/ padding-right: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-right {
    /*px*/ padding-right: 50px;
    /*rem*/ padding-right: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-right {
    /*px*/ padding-right: 30px;
    /*rem*/ padding-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-padding-right {
    padding-right: 0;
  }
}
.cc .big-padding-left {
  /*px*/ padding-left: 150px;
  /*rem*/ padding-left: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-left {
    /*px*/ padding-left: 50px;
    /*rem*/ padding-left: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-left {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-padding-left {
    padding-left: 0;
  }
}
.cc .big-padding-bottom {
  /*px*/ padding-bottom: 150px;
  /*rem*/ padding-bottom: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-bottom {
    /*px*/ padding-bottom: 50px;
    /*rem*/ padding-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-bottom {
    /*px*/ padding-bottom: 30px;
    /*rem*/ padding-bottom: 1.875rem;
  }
}
.cc .nopadding {
  padding: 0 !important;
}
.cc .nopadding-top {
  padding-top: 0 !important;
}
.cc .nopadding-bottom {
  padding-bottom: 0 !important;
}
.cc .nopadding-right {
  padding-right: 0 !important;
}
.cc .nopadding-left {
  padding-left: 0 !important;
}
.cc .button {
  cursor: pointer;
  display: inline-block;
  margin-top: 2rem;
  /*px*/ padding: 11.2px 42px;
  /*rem*/ padding: 0.7rem 2.625rem;
  border-radius: 1.875rem;
  background: #FECB00;
  color: #2d2d2d;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: 600;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease-in-out;
}
.cc .button:hover {
  background: #F2C100;
  color: #2d2d2d;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
}
.cc .button:focus {
  box-shadow: none;
  color: black;
}
.cc .button:focus-visible {
  outline: #2d2d2d 2px solid;
  outline-offset: 2px;
  color: #2d2d2d;
}
.cc .button:focus-visible:hover {
  box-shadow: none;
}
.cc .button.phone {
  position: relative;
  padding-left: 3.5rem;
  transition: 0.15s ease-in;
}
.cc .button.phone .phone:before {
  content: "\F05D4";
  font-family: "fts_picto";
  position: absolute;
  left: 1rem;
  font-size: 1.5rem;
  transform: rotate(0deg);
}
.cc .button.phone:after {
  content: "";
  height: 1px;
  width: 1px;
  border-radius: 100%;
  background: #ffffff;
  position: absolute;
  left: 1.8rem;
  top: 1.25rem;
}
.cc .button.phone:hover {
  background-color: #FECB00;
  color: black;
}
.cc .button.phone:hover .phone:before {
  -webkit-animation: shake 0.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) 2 forwards;
  animation: shake 0.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) 2 forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: black;
}
.cc .button.phone:focus:after {
  content: "";
  height: 1px;
  width: 1px;
  border-radius: 100%;
  background: #FECB00;
  position: absolute;
  transform: scale(75);
  opacity: 0;
  transform-origin: center;
}
.cc .button a {
  border-bottom: none;
  box-shadow: none;
}
.cc .button a:hover {
  border-bottom: none;
  box-shadow: none;
}
.cc .button a:focus {
  border-bottom: none;
  box-shadow: none;
}
.cc .button a:focus-visible {
  border-bottom: none;
  box-shadow: none;
}
@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.cc a {
  font-weight: 600;
  text-decoration: none;
  color: #D0103A;
  border-bottom: solid 2px #D0103A;
}
@media only screen and (max-width: 768px) {
  .cc a {
    overflow-wrap: break-word;
  }
}
.cc a:hover,
.cc a:focus {
  color: #BF0F35;
  border-bottom: solid 2px #D0103A;
}
.cc a:focus-visible {
  outline: 2px #2d2d2d solid;
  outline-offset: 0;
}
.cc a.button {
  border-bottom: 0;
  text-transform: uppercase;
}
.cc a.ddl {
  text-decoration: none;
  border-radius: none;
  box-shadow: none;
  position: relative;
  /*px*/ padding-right: 5px;
  /*rem*/ padding-right: 0.3125rem;
}
.cc a.ddl:hover {
  box-shadow: none;
}
.cc a.ddl:focus {
  font-weight: 600;
}
@media only screen and (min-width: 769px) {
  .cc a.ddl:hover:after {
    animation-duration: 0.5s;
    animation-name: arrow-move;
  }
}
.cc a.ddl:after {
  content: "\F01B3";
  font-family: "fts_picto";
  position: relative;
  right: -5px;
  left: auto;
  translate: none;
  bottom: -4px;
}
@media only screen and (min-width: 769px) {
  @keyframes arrow-move {
    0% {
      bottom: -4px;
    }
    50% {
      bottom: -8px;
    }
    100% {
      bottom: -4px;
    }
  }
}
.cc a.link {
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  margin: 3rem auto;
  display: inline-block;
}
.cc a.no-border {
  text-transform: none;
  color: inherit;
  border-bottom: none;
  box-shadow: none;
}
.cc a.ei_gly_linkedin_plein {
  color: #1b80b3;
  border-bottom: none;
  font-size: 1.25rem;
  transition: 0.2s ease-in-out all;
}
.cc a.ei_gly_linkedin_plein:hover {
  transform: scale(1.1);
  color: #1e8dc5;
}
.cc a.ei_gly_linkedin_plein:focus-visible {
  border-radius: 1px;
  outline-offset: 1px;
  padding: 0 6px 4px;
  transition: none;
}
.cc .click-banner a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cc .click-banner .left {
    text-align: center;
  }
}
.cc .actions {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc .actions a {
  text-transform: uppercase;
}
.cc .wysiwyg a {
  text-transform: none;
}
.cc .wysiwyg a.ddl {
  text-transform: uppercase;
  display: block;
}
.cc img {
  max-width: 100%;
}
.cc img.float-right {
  /*px*/ margin: 0 0 20px 20px;
  /*rem*/ margin: 0 0 1.25rem 1.25rem;
}
@media only screen and (max-width: 480px) {
  .cc img.float-right {
    float: none;
    margin: 0;
  }
}
.cc img.float-left {
  /*px*/ margin: 0 20px 20px 0;
  /*rem*/ margin: 0 1.25rem 1.25rem 0;
}
@media only screen and (max-width: 480px) {
  .cc img.float-left {
    float: none;
    margin: 0;
  }
}
.cc figure.fade-right {
  display: inline-block;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, #ffffff 100%);
}
.cc figure.fade-right img {
  position: relative;
  display: block;
  z-index: -10;
}
.cc figure.fade-left {
  display: inline-block;
  background: linear-gradient(90deg, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
}
.cc figure.fade-left img {
  position: relative;
  display: block;
  z-index: -10;
}
.cc .image-nolink {
  border-bottom: none;
  box-shadow: none;
}
.cc .image-nolink:hover {
  border-bottom: none;
  box-shadow: none;
}
.cc .image-nolink:focus {
  opacity: 1 !important;
  border-bottom: none;
  box-shadow: none;
}
.cc #myteam .left img {
  object-fit: contain;
}
.cc .wysiwyg ol {
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc .wysiwyg ol {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .wysiwyg ol {
    /*px*/ padding-left: 25px;
    /*rem*/ padding-left: 1.5625rem;
  }
}
.cc .wysiwyg ul {
  list-style: none;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc .wysiwyg ul {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .wysiwyg ul {
    /*px*/ padding-left: 25px;
    /*rem*/ padding-left: 1.5625rem;
  }
}
.cc .wysiwyg ul li:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
  content: "";
  background: #D0103A;
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cc .wysiwyg ul li ul li {
  list-style: none;
}
.cc .wysiwyg ul li ul li:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
  content: "";
  background: #D0103A;
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cc .list-style {
  display: inline-block;
  width: 6px;
  height: 6px;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
  content: "";
  background: #D0103A;
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cc .download-list .left,
.cc .download-list .center,
.cc .download-list .right,
.cc .download-list .ddl-wrap {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1201px) {
  .cc .download-list .left,
  .cc .download-list .center,
  .cc .download-list .right,
  .cc .download-list .ddl-wrap {
    margin-bottom: 1rem;
  }
}
.cc .download-list .ddl-wrap {
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
}
.cc .download-list a.link,
.cc .download-list a.ddl {
  margin-top: 0;
  text-transform: none;
  display: initial;
  text-align: left;
  margin-left: 0;
  border-bottom: solid 2px #D0103A;
}
.cc .download-list a.link:before,
.cc .download-list a.ddl:before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 0.5rem;
  height: 0.45rem;
  width: 0.45rem;
  border-radius: 100%;
  background-color: #D0103A;
}
.cc .download-list a.link:after,
.cc .download-list a.ddl:after {
  bottom: -0.2rem;
  right: -0.25rem;
}
.cc ul,
.cc ol {
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
}
@media only screen and (max-width: 768px) {
  .cc ul,
  .cc ol {
    /*px*/ margin: 10px 0;
    /*rem*/ margin: 0.625rem 0;
  }
}
.cc ul li,
.cc ol li {
  list-style-position: outside;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc ul li h1,
.cc ol li h1,
.cc ul li h2,
.cc ol li h2,
.cc ul li h3,
.cc ol li h3,
.cc ul li h4,
.cc ol li h4 {
  margin: 0 !important;
  /*display: inline;*/
}
.cc ul li ul,
.cc ol li ul {
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc ul li ul,
  .cc ol li ul {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc ul li ul,
  .cc ol li ul {
    /*px*/ padding-left: 25px;
    /*rem*/ padding-left: 1.5625rem;
  }
}
.cc ul.styled,
.cc ol.styled {
  list-style: none;
}
.cc ul.styled li ul li,
.cc ol.styled li ul li {
  list-style: none;
}
.cc ul.styled li ul li:before,
.cc ol.styled li ul li:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
  content: "";
  background: #D0103A;
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cc ul.styled li.font,
.cc ol.styled li.font,
.cc ul.styled li.picto,
.cc ol.styled li.picto,
.cc ul.styled li.ei_card_ico,
.cc ol.styled li.ei_card_ico {
  display: block;
}
.cc ul {
  list-style: none;
  padding-left: 0;
  text-align: left;
}
.cc ul.styled {
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc ul.styled {
    /*px*/ padding-left: 25px;
    /*rem*/ padding-left: 1.5625rem;
  }
}
.cc ul.styled li:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
  content: "";
  background: #D0103A;
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cc ul.styled.pictogram .title,
.cc ul.styled.pictogram h3 {
  color: #D0103A;
}
.cc ul.styled.pictogram li {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 3rem auto;
  list-style-type: none;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.pictogram li {
    flex-direction: column;
  }
}
.cc ul.styled.pictogram li ul li {
  display: block;
  margin: 0 0 0.625rem 0;
}
.cc ul.styled.pictogram li ul li:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
  content: "";
  background: #D0103A;
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cc ul.styled.pictogram li ol {
  counter-reset: li;
}
.cc ul.styled.pictogram li ol li {
  position: relative;
  padding-left: 2.5rem;
  display: list-item;
}
.cc ul.styled.pictogram li ol li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: 0;
  top: 0.85rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #FECB00;
  color: #000000;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  border-radius: 50%;
}
.cc ul.styled.pictogram li:before {
  display: none;
}
.cc ul.styled.pictogram li div {
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.pictogram li div {
    text-align: center;
  }
}
.cc ul.styled.pictogram li div.icon-wrapper {
  width: 15%;
  height: auto;
  margin-top: -1rem;
  object-fit: contain;
}
@media only screen and (max-width: 992px) {
  .cc ul.styled.pictogram li div.icon-wrapper {
    margin-top: 0;
    margin-right: 0.75rem;
  }
  .cc ul.styled.pictogram li div.icon-wrapper img {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
  }
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.pictogram li div.icon-wrapper {
    width: auto;
    margin: auto;
  }
}
.cc ol {
  list-style: decimal;
  list-style-position: inside;
  /*px*/ padding-left: 0;
  /*rem*/ padding-left: 0;
}
.cc ol:not(.styled) {
  /*px*/ margin-left: 15px;
  /*rem*/ margin-left: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc ol:not(.styled) {
    /*px*/ margin-left: 20px;
    /*rem*/ margin-left: 1.25rem;
  }
}
.cc ol ol li {
  /*px*/ margin-left: 50px;
  /*rem*/ margin-left: 3.125rem;
}
.cc ol.styled {
  counter-reset: li-counter;
  text-align: left;
  /*px*/ margin-left: 124px;
  /*rem*/ margin-left: 7.75rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled {
    text-align: center;
    /*px*/ margin-left: 0;
    /*rem*/ margin-left: 0;
    margin-bottom: 4rem;
  }
}
.cc ol.styled > li {
  position: relative;
  /*px*/ margin-top: 100px;
  /*rem*/ margin-top: 6.25rem;
  /*px*/ margin-bottom: 100px;
  /*rem*/ margin-bottom: 6.25rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li {
    /*px*/ margin-top: 50px;
    /*rem*/ margin-top: 3.125rem;
    margin-bottom: 0;
  }
}
.cc ol.styled > li:before {
  position: absolute;
  /*px*/ left: -128px;
  /*rem*/ left: -8rem;
  /*px*/ top: -22px;
  /*rem*/ top: -1.375rem;
  /*px*/ width: 100px;
  /*rem*/ width: 6.25rem;
  /*px*/ height: 100px;
  /*rem*/ height: 6.25rem;
  /*px*/ font-size: 64px;
  /*rem*/ font-size: 4rem;
  line-height: 1.5;
  color: #D0103A;
  content: counter(li-counter);
  counter-increment: li-counter;
  text-align: center;
  background-image: url("https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/accueil/1.0/cercle.png");
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li:before {
    position: relative;
    display: inline-block;
    /*px*/ margin-left: 260px;
    /*rem*/ margin-left: 16.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li:before {
    left: auto;
    margin-left: auto;
  }
}
.cc ol.styled > li h2,
.cc ol.styled > li h3 {
  color: #D0103A;
}
.cc ol.styled.business li:before {
  background-image: url("https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/accueil/1.0/cercle-red.png");
}
.cc ol.styled.creditline > li:before {
  background-image: none;
  color: #fff;
  border-radius: 100px;
}
.cc ol.styled.creditline li:nth-child(1):before {
  background-color: #7fd1e5;
  color: black;
}
.cc ol.styled.creditline li:nth-child(2):before {
  background-color: #43434e;
}
.cc ol.styled.creditline li:nth-child(3):before {
  background-color: #ff002d;
}
.cc ol.styled.creditline > li:nth-child(4):before {
  color: black;
  background-color: #fecb00;
}
.cc ol.styled.prestiti-ol h2 {
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  font-weight: 600;
}
.cc ol.styled.prestiti-ol p {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.cc ol.styled.prestiti-ol > li {
  margin-bottom: 0;
  padding-top: 4rem !important;
}
.cc ol.styled.prestiti-ol > li:before {
  top: 4rem !important;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.prestiti-ol li ul li {
    text-align: left;
  }
}
.cc #step-list-club ol.styled.prestiti-ol > li:before {
  background-color: transparent;
  z-index: 1;
}
.cc #step-list-club ol.styled.prestiti-ol > li:after {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 58px;
  left: -130px;
  z-index: 0;
  background-image: url("https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/club/1.0/cercleclub.png");
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .cc #step-list-club ol.styled.prestiti-ol > li:after {
    top: 60px;
    left: 50%;
    transform: translateX(-48%);
  }
}
.cc #step-list-PW ol > li:before {
  background-image: url("https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/power-credit/1.0/cercle-PW.png");
}
@media only screen and (max-width: 768px) {
  .cc #step-list-PW ol > li:before {
    position: relative;
    display: inline-block;
    /*px*/ margin-left: 260px;
    /*rem*/ margin-left: 16.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc #step-list-PW ol > li:before {
    left: auto;
    margin-left: auto;
  }
}
.cc #step-list-CdQ ol > li:before {
  background-image: url("https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/cessione-del-quinto/1.0/cercle-CdQ.png");
  background-color: transparent;
  z-index: 1;
  color: #252525;
}
@media only screen and (max-width: 768px) {
  .cc #step-list-CdQ ol > li:before {
    margin: auto;
    margin-bottom: 1rem;
  }
}
.cc #step-list-PP ol > li:before {
  background-image: url("https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/prestito-personale/1.0/cercle-PP.png");
  background-color: transparent;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .cc #step-list-PP ol > li {
    top: 60px;
    left: 50%;
    transform: translateX(-48%);
  }
}
.cc .draggable-list {
  position: relative;
  text-align: center;
}
.cc .draggable-list:before,
.cc .draggable-list:after {
  position: absolute;
  top: 0;
  z-index: 1;
  content: "";
  display: block;
  width: 10px;
  height: 100%;
}
.cc .draggable-list:before {
  left: 0;
  background: linear-gradient(90deg, #fff, transparent);
}
.cc .draggable-list:after {
  right: 0;
  background: linear-gradient(-90deg, #fff, transparent);
}
.cc .draggable-list ul {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  /*px*/ padding: 20px 0;
  /*rem*/ padding: 1.25rem 0;
}
.cc .draggable-list ul.active {
  cursor: grab;
}
.cc .draggable-list ul > li {
  display: inline-block;
  user-select: none;
}
.cc .draggable-list ul > li.sel a {
  color: #D0103A;
}
.cc .draggable-list ul > li.sel a:hover {
  color: #D0103A;
}
.cc .draggable-list ul > li a {
  /*px*/ padding: 0 20px;
  /*rem*/ padding: 0 1.25rem;
  box-shadow: none;
  color: rgba(45, 45, 45, 0.7);
}
.cc .draggable-list ul > li a:hover {
  color: #2d2d2d;
}
@media only screen and (max-width: 768px) {
  .cc .draggable-list ul > li a {
    width: 33%;
  }
}
.cc ul.nav,
.cc ol.nav {
  counter-reset: li-counter;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  list-style: none;
}
.cc ul.nav li,
.cc ol.nav li {
  text-align: left;
  position: relative;
  cursor: pointer;
}
.cc ul.nav li a,
.cc ol.nav li a {
  text-decoration: none;
  text-transform: none;
  position: relative;
  font-size: 1.25rem;
  border-bottom: none !important;
  box-shadow: none;
  color: black !important;
  scroll-behavior: smooth;
  margin-left: 1rem;
  display: inline-block;
}
.cc ul.nav li a:focus,
.cc ol.nav li a:focus {
  font-weight: 900;
  left: -1px;
  opacity: 1;
  border-bottom: 3px solid #ffe600;
  box-shadow: none !important;
}
.cc ul.nav li:before,
.cc ol.nav li:before {
  content: counter(li-counter);
  counter-increment: li-counter;
  position: absolute;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 25px;
  margin-left: 0px;
  background-image: none;
  color: #fff;
  border-radius: 100px;
  border: solid 1px #adadad;
  border-right: solid 1px transparent;
  color: #252525;
  top: 50%;
  transform: translateY(-50%);
  left: -1.5rem;
  overflow: hidden !important;
  z-index: -2;
  text-align: center;
}
.cc ul.nav li:after,
.cc ol.nav li:after {
  content: "";
}
.cc ul.nav li:hover a,
.cc ol.nav li:hover a,
.cc ul.nav li:focus a,
.cc ol.nav li:focus a {
  color: #F5F5F5;
  font-weight: 900;
  left: -1px;
}
.cc ul.nav li:hover:after,
.cc ol.nav li:hover:after,
.cc ul.nav li:focus:after,
.cc ol.nav li:focus:after {
  opacity: 1;
  width: 100%;
}
.cc ul.nav li:hover:before,
.cc ol.nav li:hover:before,
.cc ul.nav li:focus:before,
.cc ol.nav li:focus:before {
  border: solid 1px #FECB00;
  color: #252525;
  border-right: solid 1px transparent;
}
@media only screen and (max-width: 992px) {
  .cc ul.nav li,
  .cc ol.nav li {
    padding-left: 2.5rem;
  }
  .cc ul.nav li a,
  .cc ol.nav li a {
    margin-left: 0;
    background: none;
  }
  .cc ul.nav li:before,
  .cc ol.nav li:before {
    top: 0;
    transform: none;
  }
}
.cc.main article .logos-velo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .cc.main article .logos-velo {
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .logos-velo .flex10 {
    padding: 5%;
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .logos-velo .flex10:last-child {
    margin-right: 50%;
  }
}
.cc.main article .logos-velo .flex10 img {
  max-height: 75px;
}
@media only screen and (max-width: 768px) {
  .cc.main article .logos-velo .flex10 img {
    max-height: 90px;
  }
}
.cc.main article .staff {
  display: grid;
  padding: 2rem;
  grid-template: repeat(4, 1fr) / repeat(3, 1fr);
  grid-auto-flow: column;
  /* ou 'row', 'row dense', 'column dense' */
  gap: 2rem;
}
@media only screen and (max-width: 1200px) {
  .cc.main article .staff {
    grid: auto-flow / 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .staff {
    grid: auto-flow / 1fr;
  }
}
.cc.main .anchor-privacy {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
.cc #glossaire .menu-glossaire {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px auto 80px auto;
  padding: 15px 0;
  background-color: #fecb00;
  transition: all 500ms;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .cc #glossaire .menu-glossaire {
    top: 120px;
  }
}
.cc #glossaire .menu-glossaire a {
  margin-right: 10px;
  line-height: 40px;
  margin: 0 10px;
  font-size: 20px;
  border-bottom: none !important;
  box-shadow: none;
}
.cc #glossaire .menu-glossaire a:hover {
  color: #000000;
  border-bottom: 3px solid #000000;
}
.cc #glossaire .menu-glossaire a:focus {
  color: #000000;
  border-bottom: 3px solid #000000;
}
.cc #glossaire .menu-glossaire a:focus:after {
  content: "";
  height: 2px;
  width: 2px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100%;
  background-color: #000;
}
.cc #glossaire .menu-glossaire a.miss {
  color: grey;
  border-bottom: none;
  box-shadow: none;
  cursor: default;
}
.cc #glossaire .menu-glossaire a.miss:hover {
  color: grey !important;
  border-bottom: none !important;
  box-shadow: none;
  cursor: default;
}
.cc #glossaire .menu-glossaire a.miss:focus {
  opacity: 1 !important;
}
.cc #glossaire .value-glossaire h3 {
  position: relative;
}
.cc #glossaire .value-glossaire h3:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 1px;
  background-color: #ffffff;
  border-radius: 100%;
  transition: 0.5s ease-in-out;
  z-index: -1;
}
.cc #glossaire .value-glossaire h3.active {
  position: relative;
}
.cc #glossaire .value-glossaire h3.active:after {
  content: "";
  height: 3rem;
  width: 3rem;
  background-color: #fecb00;
}
.cc #glossaire .value-glossaire h4,
.cc #glossaire .value-glossaire p {
  text-align: left;
}
.cc .supporto-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .cc .supporto-contact {
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .cc .supporto-contact div {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 768px) {
  .cc blockquote {
    /*px*/ margin-left: 20px;
    /*rem*/ margin-left: 1.25rem;
    /*px*/ margin-right: 20px;
    /*rem*/ margin-right: 1.25rem;
  }
}
.cc blockquote .guillemet {
  font-family: fts_picto;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  color: #D0103A;
  position: absolute;
}
.cc blockquote p {
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  font-weight: 300;
  line-height: normal;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .cc blockquote p {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
  }
}
.cc blockquote p:before {
  font-family: fts_picto;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  color: #D0103A;
  position: absolute;
  content: "\F02DB";
  top: -20px;
  left: -25px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
  .cc blockquote p:before {
    top: -15px;
  }
}
.cc blockquote p:after {
  font-family: fts_picto;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  color: #D0103A;
  position: absolute;
  content: "\F02DB";
  right: -25px;
  bottom: -20px;
}
@media only screen and (max-width: 768px) {
  .cc blockquote p:after {
    bottom: -15px;
  }
}
.cc .insert {
  background: #FECB00;
  /*px*/ padding: 30px;
  /*rem*/ padding: 1.875rem;
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
  border-radius: 20px;
  box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 992px) {
  .cc .insert {
    /*px*/ padding: 25px;
    /*rem*/ padding: 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .insert {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc .insert h1,
.cc .insert h2,
.cc .insert h3 {
  margin-top: 0;
}
.cc .insert a {
  color: #D0103A;
}
.cc .insert a:hover {
  color: #BF0F35;
}
.cc .insert a.button {
  background: #000;
  color: #fff;
}
.cc .insert a.button:hover {
  color: #D0103A;
  background: #fff;
}
.cc .content-import {
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .cc .content-import .content-import {
    padding: 0rem;
  }
}
.cc .encart img {
  max-width: 100%;
  height: auto;
  aspect-ratio: 650 / 433;
  aspect-ratio: attr(width) / attr(height);
  border-radius: 35px;
  object-fit: cover;
}
.cc .slider-no-bullet div.slider-list {
  visibility: hidden;
}
.cc [data-slider="yes"] {
  background: #fff;
  /*px*/ padding: 30px;
  /*rem*/ padding: 1.875rem;
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
  position: relative;
  box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.cc [data-slider="yes"] .slider-list {
  position: absolute;
  border-width: 0;
  left: 50%;
  transform: translate(-50%, 0);
  /*px*/ bottom: 40px;
  /*rem*/ bottom: 2.5rem;
  text-align: center;
  width: 65%;
  z-index: 10;
}
.cc [data-slider="yes"] .slider-list ol {
  list-style-type: none;
  margin: 0;
  z-index: 1;
  position: relative;
  padding-left: 0;
  margin-left: 0 !important;
}
.cc [data-slider="yes"] .slider-list ol li {
  display: inline-block;
  /*px*/ margin: 0 8px;
  /*rem*/ margin: 0 0.5rem;
}
.cc [data-slider="yes"] .slider-list ol li a {
  display: inline-block;
  border: 1px solid #2d2d2d;
  background: #2d2d2d;
  /*px*/ width: 10px;
  /*rem*/ width: 0.625rem;
  /*px*/ height: 10px;
  /*rem*/ height: 0.625rem;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: none;
  vertical-align: middle;
}
.cc [data-slider="yes"] .slider-list ol li a[aria-selected="true"] {
  box-shadow: 0 0 0 3px #fff inset;
  /*px*/ width: 17px;
  /*rem*/ width: 1.0625rem;
  /*px*/ height: 17px;
  /*rem*/ height: 1.0625rem;
}
@supports (-moz-appearance: none) {
  .cc [data-slider="yes"] .slider-list ol li a[aria-selected="true"] {
    outline: 1px solid #2d2d2d;
    outline-offset: 5px;
    -moz-outline-radius: 100px;
    box-shadow: none;
    /*px*/ width: 10px;
    /*rem*/ width: 0.625rem;
    /*px*/ height: 10px;
    /*rem*/ height: 0.625rem;
  }
}
.cc [data-slider="yes"] .slider-list ol li a:hover {
  border-color: #FECB00;
  background: #FECB00;
}
.cc [data-slider="yes"] .slider-list ol li a:focus {
  border-color: #D0103A;
  background: #D0103A;
}
.cc [data-slider="yes"] .slider {
  overflow: hidden;
}
.cc [data-slider="yes"] .slider .slider-inner > div {
  float: left;
  text-align: left;
}
.cc [data-slider="yes"] .slider .slider-inner > div[aria-hidden="true"] {
  display: block;
}
.cc [data-slider="yes"] .slider .slider-inner article.tile {
  margin: auto;
}
.cc [data-slider="yes"] .slider-buttons {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
  padding: 0;
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
  position: relative;
}
.cc [data-slider="yes"] .slider-buttons button {
  width: auto;
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
  /*px*/ padding: 0 20px;
  /*rem*/ padding: 0 1.25rem;
  border: none;
  color: #000;
  background: #F5F5F5;
  transition: all 0.3s ease 0s;
  position: absolute;
  top: 0;
  border-radius: 5px;
}
.cc [data-slider="yes"] .slider-buttons button:before {
  font-family: "fts_picto";
}
.cc [data-slider="yes"] .slider-buttons button:hover {
  background: #D0103A;
  color: #fff;
}
.cc [data-slider="yes"] .slider-buttons button.prev {
  left: 0;
  z-index: 10;
}
.cc [data-slider="yes"] .slider-buttons button.prev:before {
  content: "\F0328";
}
.cc [data-slider="yes"] .slider-buttons button.next {
  text-align: left;
  right: 0;
  z-index: 10;
}
.cc [data-slider="yes"] .slider-buttons button.next:before {
  content: "\F0329";
}
.cc [data-slider="yes"].slide-unique .slider-buttons {
  display: none;
}
.cc [data-slider="yes"].slide-unique .slider-list {
  display: none;
}
.cc .keypoints {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
  margin-top: 2rem;
}
.cc .keypoints > div {
  position: relative;
}
.cc .keypoints > div:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -1rem;
  bottom: 0;
}
.cc .keypoints > div:first-child {
  padding-left: 0;
}
.cc .keypoints > div:last-child {
  padding-right: 0;
}
.cc .keypoints > div:last-child:after {
  display: none;
}
@media only screen and (max-width: 768px) {
  .cc .keypoints > div:after {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .cc .keypoints > div {
    text-align: center;
  }
}
.cc .keypoints p {
  text-align: center;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  margin: 0;
  padding: 0 2.5rem;
}
.cc .keypoints p strong {
  /*px*/ line-height: 30px;
  /*rem*/ line-height: 1.875rem;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  display: block;
  font-weight: 300;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .cc .keypoints p {
    padding: 0;
  }
}
.cc .keypoints .actions {
  /*px*/ margin-top: 5px;
  /*rem*/ margin-top: 0.3125rem;
  /*px*/ margin-bottom: 7px;
  /*rem*/ margin-bottom: 0.4375rem;
}
@media only screen and (max-width: 576px) {
  .cc .keypoints .actions:has(.ddl) {
    margin-bottom: 2rem;
  }
}
.cc .keypoints .svg {
  /*px*/ font-size: 40px;
  /*rem*/ font-size: 2.5rem;
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 576px) {
  .cc .keypoints .svg {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .cc .keypoints .svg {
    font-size: 1.5rem;
  }
}
.cc .keypoints .logo {
  display: flex;
  justify-content: center;
  max-height: 8rem;
}
.cc .keypoints .logo img {
  object-fit: contain;
}
.cc .keypoints {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2rem;
  position: relative;
}
.cc .keypoints a,
.cc .keypoints .ddl {
  text-align: left;
  text-transform: none;
  color: #000;
  border-bottom: solid 2px #000;
}
.cc .keypoints a:hover,
.cc .keypoints .ddl:hover {
  color: #000;
}
.cc .keypoints.none > div:after {
  display: none;
}
.cc .keypoints.download h4,
.cc .keypoints.download .istruzioni {
  padding-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  display: block;
  font-weight: 400;
}
.cc .keypoints.download .svg {
  width: 100%;
  position: relative;
  margin-top: 3rem;
}
.cc .keypoints.download .svg:before {
  position: absolute;
  top: -2.85rem;
  left: 50%;
  transform: translateX(-50%);
}
.cc .keypoints.download.one-p h4,
.cc .keypoints.download.one-p .istruzioni {
  padding-top: 0;
  font-weight: lighter;
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
}
.cc .keypoints.download.one-p .svg {
  width: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}
.cc .keypoints.download.one-p .svg:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 2rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 576px) {
  .cc .keypoints.download.one-p .ei_gly_ic_attach_file {
    height: 2rem;
  }
}
.cc .keypoints.one-p {
  display: block;
}
.cc .keypoints.one-p div,
.cc .keypoints.one-p p,
.cc .keypoints.one-p h4 {
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .cc .keypoints.home {
    margin-top: -2.5rem;
  }
}
@media only screen and (min-width: 1201px) {
  .cc .keypoints.home {
    margin-top: -3.5rem;
  }
}
@media only screen and (min-width: 370px) {
  .cc .keypoints {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    row-gap: 4rem;
    column-gap: 0;
  }
}
@media only screen and (min-width: 576px) {
  .cc .keypoints.odd > div:last-child {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 768px) {
  .cc .keypoints {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .cc .keypoints {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 2rem;
  }
  .cc .keypoints p {
    padding: 0;
  }
  .cc .keypoints.odd > div:last-child {
    grid-column: span 1;
  }
}
.cc .ei_gly_fiscalite:before {
  content: "\F014E";
}
.cc .ei_gly_fiscalite_plein:before {
  content: "\F014F";
}
.cc .prefooter {
  align-items: center;
  margin-top: 2rem;
}
.cc small p {
  font-size: 0.85rem;
}
.cc .note {
  text-align: left;
}
.cc .note.center {
  text-align: center;
  width: 50%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .cc .note.center {
    width: auto;
  }
}
.e_menuCol1 li.prestitopersonale {
  background-image: url(https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/menu/1.0/prestito.png);
}
.e_menuCol1 li.creditline {
  background-image: url(https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/menu/1.0/creditline.png);
}
.e_menuCol1 li.pagodil {
  background-image: url(https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/COFIDIS/CofidisIT/assets/articles/menu/1.0/pagodil.png);
}
.ei_header .ei_header__content,
.ei_header .ei_logo_img,
.ei_header .ei_menu__nav > ul > li {
  transition: 0.3s ease-in-out all;
}
.ei_header.scrolling .ei_header__content {
  min-height: 70px;
}
.ei_header.scrolling .ei_logo_img {
  width: 120px;
}
@media only screen and (min-width: 769px) {
  .ei_header.scrolling .ei_menu__nav > ul > li {
    height: 50px;
  }
}
.youtube-player,
.player {
  position: relative;
}
.youtube-player iframe,
.player iframe {
  width: 100%;
  margin: 0 auto;
  display: block;
  border-radius: 20px;
  box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.2);
}
iframe.noborder {
  border: none;
}
.tutorial-container a {
  text-transform: none;
}
.faq-scroll-to-top {
  opacity: 0;
  position: fixed;
  bottom: 10rem;
  right: 2rem;
  padding: 0 !important;
  width: 2.25rem;
  height: 2.25rem;
  transition: 0.3s all ease-in-out;
  transform: scale(0);
  border-radius: 100%;
  font-size: 1rem;
  box-shadow: 5px 10px 15px -5px #0000008f;
  background: #fecb00;
  color: #000;
  cursor: pointer;
  transition: all 1s ease 0s;
  text-transform: uppercase;
  border: 1px solid #fecb00;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.faq-scroll-to-top .ei_gly_ic_arrow_upward {
  position: absolute;
}
.faq-scroll-to-top.active {
  opacity: 1;
  transform: scale(1);
}
.faq-scroll-to-top.active:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border-radius: 100%;
}
.faq-scroll-to-top.active:hover {
  background-color: #D0103A;
  border: solid 1px #D0103A;
  color: white;
}
.faq-scroll-to-top.active:focus:after {
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 250%;
  height: 250%;
  background: #FECB00;
  transition: 0.75s ease-in-out all;
  transform-origin: center;
}
.faq-scroll-to-top.active:focus-visible {
  border: solid 2px #000;
  outline: solid white 2px;
}
.ei_footer a:hover,
.ei_footer a:focus,
.ei_footer a:focus-visible {
  color: #FECB00;
}
/****************************************/
/********** Styles CSD 2020 ************ /
/****************************************/
/* Description :                        */
/*  - Styles CSD/Slider          	*/
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 20/12/2022 : création             */
/****************************************/
/****************************************/
.cc.main {
  /* Utils */
}
.cc.main .flex-50 {
  width: 50%;
}
.cc.main .transition {
  transition: transform 2.7s ease-in-out 0.5s;
}
.cc.main .hidden {
  visibility: hidden;
  transition: 0.2s;
}
.cc.main .row-reverse {
  flex-direction: row-reverse;
}
.cc.main .row {
  flex-direction: row;
}
.cc.main .justify-center {
  justify-content: center;
}
.cc.main .justify-right {
  justify-content: right;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .cc.main .banner {
    flex-direction: column;
  }
  .cc.main .flex-50 {
    width: 100%;
    margin-bottom: 3rem;
  }
}
.cc.main .slider-wrapper.no-slide .navigation,
.cc.main .slider-wrapper.no-slide .pagination {
  visibility: hidden;
  display: none;
}
.cc.main .slider-wrapper {
  position: relative;
}
.cc.main .slider-wrapper .slider-container {
  overflow: hidden;
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .cc.main .slider-wrapper .slider-container {
    background: none;
    box-shadow: none;
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main .slider-wrapper .slider-container .superred-slanted {
    /*px*/ font-size: 22px;
    /*rem*/ font-size: 1.375rem;
  }
}
.cc.main .slider-wrapper .slide-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}
.cc.main .slider-wrapper .slider-item {
  /* base */
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  border-radius: 25px;
  transition: 0.3s;
  /* Ajout Vincent */
}
@media only screen and (max-width: 992px) {
  .cc.main .slider-wrapper .slider-item {
    box-shadow: none;
  }
}
.cc.main .slider-wrapper .slider-item img {
  width: 100%;
}
.cc.main .slider-wrapper .slider-item.active a {
  display: inline-block;
}
.cc.main .slider-wrapper .slider-item[aria-hidden="true"] a {
  display: none;
}
.cc.main .slider-wrapper .slider-item.active a,
.cc.main .slider-wrapper .slider-item[aria-hidden="false"] a {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-bottom: none;
  color: none;
}
.cc.main .slider-wrapper .tile {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 25px;
  overflow: hidden;
}
.cc.main .slider-wrapper .tile picture img {
  height: auto;
}
.cc.main .slider-wrapper .tile h3 {
  text-transform: uppercase;
  color: #d0103a;
  font-size: 1.125rem;
  /*px*/ margin: 0 0 10px;
  /*rem*/ margin: 0 0 0.625rem;
}
.cc.main .slider-wrapper .tile .banner p {
  color: #000;
}
.cc.main .slider-wrapper .tile .description-hover {
  flex-grow: 1;
  padding: 1.25rem;
  background-color: #2d2d2d;
  border-radius: 0 0 20px 20px;
  height: 30%;
  min-height: 10.75rem;
}
.cc.main .slider-wrapper .navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: white;
  font-size: 12px;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 576px) {
  .cc.main .slider-wrapper .navigation {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .slider-wrapper .navigation {
    color: white;
  }
}
.cc.main .slider-wrapper .navigation .next,
.cc.main .slider-wrapper .navigation .prev {
  appearance: none;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  border: none;
  position: relative;
  color: #000;
  background: #FECB00;
  transition: all 1s ease 0s;
  border-radius: 100%;
  margin: 0 2rem;
  transition: 0.3s ease-in-out;
}
.cc.main .slider-wrapper .navigation .next:focus,
.cc.main .slider-wrapper .navigation .prev:focus,
.cc.main .slider-wrapper .navigation .next:hover,
.cc.main .slider-wrapper .navigation .prev:hover {
  background: #F2C100;
  transition: all 0.3s ease 0s;
}
.cc.main .slider-wrapper .navigation .next:focus:after,
.cc.main .slider-wrapper .navigation .prev:focus:after {
  font-size: 1.75rem;
}
.cc.main .slider-wrapper .navigation .next:after,
.cc.main .slider-wrapper .navigation .prev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.75rem;
  font-family: "fts_picto";
}
.cc.main .slider-wrapper .navigation .next:after {
  content: "\F0329";
}
.cc.main .slider-wrapper .navigation .prev:after {
  content: "\F0328";
}
.cc.main .slider-wrapper .pagination {
  display: flex;
  gap: 0.85rem;
}
.cc.main .slider-wrapper .pagination .pagination-bullet {
  position: relative;
  background: #ffffff;
  border: solid white 1px;
  height: 0.85rem;
  width: 0.85rem;
  border-radius: 100%;
  transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) transform;
}
.cc.main .slider-wrapper .pagination .pagination-bullet:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 100%;
  background: none;
}
.cc.main .slider-wrapper .pagination .pagination-bullet:hover {
  background: #FECB00;
  border: solid #FECB00 1px;
}
.cc.main .slider-wrapper .pagination .pagination-bullet:focus {
  background: #F2C100;
  border: solid #F2C100 1px;
  transform: scale(0.8);
}
.cc.main .slider-wrapper .pagination .pagination-bullet.active {
  background: #F2C100;
  border: solid #F2C100 2px;
  border: none;
  transform: scale(1.3);
  transition: 0.2s ease-in-out;
}
.cc.main .slider-wrapper .pagination .pagination-bullet.active:after,
.cc.main .slider-wrapper .pagination .pagination-bullet:focus:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background: #FECB00;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.cc.main .slidePosition {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cc.main .slidePosition span {
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: bold;
  color: black;
}
.cc.main .slider-container-transition {
  transition: 0.8s ease-in-out;
}
.cc.main .slider-gallery {
  background: white;
  border-radius: 25px;
  padding: 1rem;
  overflow: hidden;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
}
.cc.main .slider-gallery .slider-container {
  border-radius: 10px;
}
.cc.main .slider-gallery .slide-list {
  height: 100%;
  column-gap: 0.5rem;
  row-gap: 0;
}
.cc.main .slider-gallery .tile {
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.cc.main .slider-gallery img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: none;
  object-fit: cover;
  float: none;
  clear: both;
}
@media only screen and (max-width: 768px) {
  .cc.main .slider-gallery img {
    aspect-ratio: 4/3;
  }
}
.cc.main .slider-team .slider-container,
.cc.main #slider-maschile .slider-container,
.cc.main #slider-femminile .slider-container,
.cc.main #slider-paraciclismo .slider-container {
  padding: 2rem;
  border-radius: 25px;
  background: white;
}
@media only screen and (max-width: 992px) {
  .cc.main .slider-team .slider-container,
  .cc.main #slider-maschile .slider-container,
  .cc.main #slider-femminile .slider-container,
  .cc.main #slider-paraciclismo .slider-container {
    padding: 0;
    background: none;
  }
  .cc.main .slider-team .slider-container .slide-list,
  .cc.main #slider-maschile .slider-container .slide-list,
  .cc.main #slider-femminile .slider-container .slide-list,
  .cc.main #slider-paraciclismo .slider-container .slide-list {
    column-gap: 1rem;
  }
  .cc.main .slider-team .slider-container .slidePosition span,
  .cc.main #slider-maschile .slider-container .slidePosition span,
  .cc.main #slider-femminile .slider-container .slidePosition span,
  .cc.main #slider-paraciclismo .slider-container .slidePosition span {
    color: white;
  }
}
.cc.main .slider-team .tile,
.cc.main #slider-maschile .tile,
.cc.main #slider-femminile .tile,
.cc.main #slider-paraciclismo .tile {
  box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2);
}
.cc.main .slider-team .tile h3,
.cc.main #slider-maschile .tile h3,
.cc.main #slider-femminile .tile h3,
.cc.main #slider-paraciclismo .tile h3 {
  color: #d0103a !important;
}
.cc.main #slider-machile .tile,
.cc.main #slider-femminile .tile,
.cc.main #slider-paraciclismo .tile {
  box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2);
}
.cc.main #slider-machile .tile h3,
.cc.main #slider-femminile .tile h3,
.cc.main #slider-paraciclismo .tile h3 {
  color: #d0103a !important;
}
#slider-hero {
  position: relative;
}
@media only screen and (max-width: 768px) {
  #slider-hero {
    height: 40rem;
  }
}
#slider-hero .slider-container {
  height: 100%;
}
#slider-hero .slider-container .slide-list {
  height: 100%;
  column-gap: 0;
  gap: 0;
}
@media only screen and (max-width: 768px) {
  #slider-hero .slider-container .slide-list {
    column-gap: 0;
    gap: 0;
  }
}
#slider-hero .slider-container .slide-list .slider-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}
#slider-hero .slider-container .slide-list .slider-item .img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  max-height: 100%;
}
#slider-hero .slider-container .slide-list .slider-item .img img {
  height: 100%;
}
#slider-hero .slider-container .slide-list .slider-item .actions {
  min-height: 6rem;
}
#slider-hero .slider-container .slide-list .slider-item .actions .button {
  position: relative;
  margin: 2rem 0;
  text-transform: uppercase;
}
#slider-hero .slider-container .slide-list .slider-item .actions .button a {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 1.875rem;
}
#slider-hero .slider-container .slide-list .slider-item .actions .button a:focus {
  border: none;
  box-shadow: 0 0px 20px 0 #000000;
  border-radius: 1.875rem;
}
#slider-hero .slider-container .slide-list .slider-item .actions .button a:focus-visible {
  border: 2px solid black;
  outline: 2px solid white;
  outline-offset: 2px;
  border-radius: 1.875rem;
}
#slider-hero .slider-container .slide-list .slider-item .actions .button:hover {
  background: #F2C100;
  color: #2d2d2d;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
}
#slider-hero .slider-container .slide-list .slider-item .description {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin: auto;
  color: white;
}
#slider-hero .slider-container .slide-list .slider-item .description > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#slider-hero .slider-container .slide-list .slider-item .description h3,
#slider-hero .slider-container .slide-list .slider-item .description p {
  text-align: center;
}
#slider-hero .slider-container .slide-list .slider-item .description h2,
#slider-hero .slider-container .slide-list .slider-item .description h3 {
  font-size: 2.5rem;
  line-height: 3rem;
}
#slider-hero .slider-container .slide-list .slider-item .description h2.red-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h3.red-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h2.superyellow-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h3.superyellow-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h2.yellow-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h3.yellow-slanted {
  width: 100%;
  transform: skew(-5deg);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: left;
  line-height: 2.25rem;
  font-weight: 600;
  color: white;
  padding: 15px;
  width: min-content;
}
#slider-hero .slider-container .slide-list .slider-item .description h2.red-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h3.red-slanted {
  color: #FECB00;
  background-color: #D0103A;
}
#slider-hero .slider-container .slide-list .slider-item .description h2.superyellow-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h3.superyellow-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h2.yellow-slanted,
#slider-hero .slider-container .slide-list .slider-item .description h3.yellow-slanted {
  color: black;
  background-color: #FECB00;
}
@media screen and (min-width: 667px) {
  #slider-hero .slider-container .slide-list .slider-item .description h2.red-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h3.red-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h2.superyellow-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h3.superyellow-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h2.yellow-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h3.yellow-slanted {
    width: max-content;
  }
}
@media only screen and (max-width: 992px) {
  #slider-hero .slider-container .slide-list .slider-item .description h2,
  #slider-hero .slider-container .slide-list .slider-item .description h3 {
    margin: 0 auto 1.5rem;
  }
}
@media only screen and (min-width: 993px) {
  #slider-hero .slider-container .slide-list .slider-item .description h2.red-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h3.red-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h2.superyellow-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h3.superyellow-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h2.yellow-slanted,
  #slider-hero .slider-container .slide-list .slider-item .description h3.yellow-slanted {
    width: max-content;
    margin: 0 0 1.5rem 0;
  }
}
#slider-hero .slider-container .slide-list .slider-item .description .actions {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 993px) {
  #slider-hero .slider-container .slide-list .slider-item .description {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #slider-hero .slider-container .slide-list .slider-item .description > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 75%;
    margin: auto;
  }
  #slider-hero .slider-container .slide-list .slider-item .description h2,
  #slider-hero .slider-container .slide-list .slider-item .description h3,
  #slider-hero .slider-container .slide-list .slider-item .description p {
    text-align: left;
  }
  #slider-hero .slider-container .slide-list .slider-item .description .actions {
    display: flex;
    justify-content: center;
  }
  #slider-hero .slider-container .slide-list .slider-item .img {
    position: relative;
  }
  #slider-hero .slider-container .slide-list .slider-item img {
    max-height: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #slider-hero .slider-container .slide-list .slider-item .description {
    width: 70%;
  }
  #slider-hero .slider-container .slide-list .slider-item .description h2,
  #slider-hero .slider-container .slide-list .slider-item .description h3 {
    font-size: 1.85rem;
    text-align: center;
  }
}
#slider-hero .navigation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  top: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  height: 0;
  padding: 0;
}
#slider-hero .navigation .next,
#slider-hero .navigation .prev {
  appearance: none;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  border: none;
  position: relative;
  color: #FECB00;
  transition: all 1s ease 0s;
  margin: 0 2rem;
  background: rgba(37, 37, 37, 0.7);
}
@media only screen and (max-width: 576px) {
  #slider-hero .navigation .next,
  #slider-hero .navigation .prev {
    margin: 0;
  }
}
#slider-hero .navigation .next:hover,
#slider-hero .navigation .prev:hover,
#slider-hero .navigation .next:focus,
#slider-hero .navigation .prev:focus {
  text-shadow: none;
  color: #fff;
}
#slider-hero .navigation .next:hover,
#slider-hero .navigation .prev:hover {
  transition: 0.25s ease-in-out;
}
#slider-hero .navigation .next:focus,
#slider-hero .navigation .prev:focus {
  transition: 0s;
  border: none;
  outline: none;
}
#slider-hero .navigation .next:focus-visible,
#slider-hero .navigation .prev:focus-visible {
  background: #fff;
  color: #BF0F35;
  border-radius: 1.875rem;
  border: 2px solid black;
  outline: none;
  transition: 0s;
}
#slider-hero .navigation .next:focus-visible:after,
#slider-hero .navigation .prev:focus-visible:after {
  color: #BF0F35;
  text-shadow: none;
}
#slider-hero .navigation .next:after,
#slider-hero .navigation .prev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  font-family: "fts_picto";
}
#slider-hero .navigation .next:after {
  content: "\F0329";
}
#slider-hero .navigation .prev:after {
  content: "\F0328";
}
#slider-hero .pagination {
  position: absolute;
  right: auto;
  top: auto;
  bottom: 4.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 75%;
  margin: 0 auto;
  gap: 0.85rem;
}
@media only screen and (max-width: 576px) {
  #slider-hero .pagination {
    display: none;
  }
}
@media only screen and (min-width: 576px) {
  #slider-hero .pagination {
    bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  #slider-hero .pagination {
    bottom: 4.5rem;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 769px) {
  #ciclismo-gallery img,
  #sede-di-milano img {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}
#slider-pagodil-partner .slider-container,
#slider-team-partner .slider-container {
  padding: 2rem 1.5rem;
}
@media only screen and (max-width: 768px) {
  #slider-pagodil-partner .slider-container,
  #slider-team-partner .slider-container {
    padding: 2rem 0;
  }
}
@media only screen and (max-width: 992px) {
  #slider-pagodil-partner .slider-item,
  #slider-team-partner .slider-item {
    padding: 1rem;
  }
}
#slider-pagodil-partner .slider-item a,
#slider-team-partner .slider-item a {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-bottom: none;
  box-shadow: none;
  color: none;
}
#slider-pagodil-partner .tile,
#slider-team-partner .tile {
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
}
#slider-pagodil-partner .tile:has(a:focus-visible),
#slider-team-partner .tile:has(a:focus-visible) {
  outline: 2px solid;
  outline-offset: 4px;
}
#slider-pagodil-partner h3,
#slider-team-partner h3,
#slider-pagodil-partner .title,
#slider-team-partner .title,
#slider-pagodil-partner .title strong,
#slider-team-partner .title strong {
  margin: 0.7rem 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #D0103A;
  text-transform: uppercase;
}
#slider-great .slider-container {
  padding: 2rem;
  border-radius: 25px;
}
@media only screen and (max-width: 768px) {
  #slider-great .slider-container {
    padding: 0;
  }
}
#slider-credit .slider-container {
  border-radius: 25px;
}
#slider-credit .slide-list {
  justify-content: flex-start;
  height: auto;
  transition: transform 0.5s ease-in-out;
}
#slider-credit .slider-item {
  box-shadow: none;
  background: none;
}
#slider-credit h3 {
  color: #D0103A;
}
#slider-credit p,
#slider-credit span,
#slider-credit .svg {
  color: black;
}
#slider-credit .svg,
#slider-credit [class*="ei_gly_"]::before {
  font-size: 4rem;
}
#slider-credit .navigation {
  padding-bottom: 2rem;
  justify-content: space-between;
}
#slider-credit .navigation .next,
#slider-credit .navigation .prev {
  background-color: rgba(254, 203, 0, 0.47);
  position: relative;
}
#slider-credit .navigation .next:before,
#slider-credit .navigation .prev:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 100%;
  background: none;
}
#slider-credit .navigation .next:hover,
#slider-credit .navigation .prev:hover {
  background: #FECB00;
}
#slider-credit .navigation .next:focus,
#slider-credit .navigation .prev:focus {
  background: #F2C100;
}
#slider-credit .navigation .next:focus:before,
#slider-credit .navigation .prev:focus:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 105%;
  border-radius: 100%;
  background: #FECB00;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
#slider-credit .pagination {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
  max-width: 75%;
  gap: 0.85rem;
}
@media only screen and (max-width: 1200px) {
  #slider-credit .pagination {
    justify-content: center;
  }
}
#slider-credit .pagination .pagination-bullet {
  background-color: white;
  border: solid #FECB00 1px;
}
#slider-credit .pagination .pagination-bullet:before {
  content: "";
  position: absolute;
  height: 3rem;
  width: 7rem;
  top: -100%;
  right: auto;
  left: 0;
}
#slider-credit .pagination .pagination-bullet:first-child:before {
  left: auto;
  right: 0;
}
#slider-credit .pagination .pagination-bullet:focus {
  border: solid #F2C100 1px;
}
#slider-credit .pagination .pagination-bullet.active {
  background-color: #F2C100;
}
@media only screen and (max-width: 576px) {
  #slider-credit {
    margin: auto;
    padding: 0;
  }
}
#slider-team-partner .slide-list {
  column-gap: 5%;
}
#slider-team-partner .slider-item .tile {
  justify-content: space-between;
}
#slider-team-partner .slider-item img {
  width: auto;
}
/****************************************/
/******** Styles COFIDIS IT 2021 ********/
/****************************************/
/* Description :                        */
/*  - Styles COFIDIS/Tiles              */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 11/08/2021 : création             */
/****************************************/
/****************************************/
.cc.main .tiles {
  display: flex;
  flex-wrap: wrap;
}
@media 480px {
  .cc.main .tiles {
    display: flex;
    flex-direction: column;
  }
}
.cc.main .tiles:not(.team-cofidis) {
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles:not(.team-cofidis) {
    gap: 1rem;
  }
}
.cc.main .tiles a.tile,
.cc.main .tiles a.tile:hover {
  text-transform: none;
  box-shadow: none;
  border-bottom: 0;
  color: black;
  text-decoration: none;
}
.cc.main .tiles a.tile,
.cc.main .tiles .tile {
  position: relative;
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
}
@media only screen and (min-width: 993px) {
  .cc.main .tiles a.tile,
  .cc.main .tiles .tile {
    width: calc(100%/3);
  }
  .cc.main .tiles a.tile.team,
  .cc.main .tiles .tile.team {
    width: 25%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main .tiles a.tile,
  .cc.main .tiles .tile {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles a.tile,
  .cc.main .tiles .tile {
    width: 100%;
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles a.tile,
  .cc.main .tiles .tile {
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
    margin: 0 auto 2rem;
    width: 85%;
  }
}
.cc.main .tiles a.tile > div,
.cc.main .tiles .tile > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  background: #fff;
  border-radius: 25px;
  box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.cc.main .tiles a.tile .actions,
.cc.main .tiles .tile .actions {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 auto;
  /*px*/ padding: 0 20px 25px 20px;
  /*rem*/ padding: 0 1.25rem 1.5625rem 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles a.tile .actions,
  .cc.main .tiles .tile .actions {
    /*px*/ padding: 0 15px 20px 15px;
    /*rem*/ padding: 0 0.9375rem 1.25rem 0.9375rem;
  }
}
.cc.main .tiles a.tile .actions .button,
.cc.main .tiles .tile .actions .button {
  margin: 1rem 0;
}
.cc.main .tiles a.tile .actions a:after,
.cc.main .tiles .tile .actions a:after {
  content: "";
  position: absolute;
  display: flex;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cc.main .tiles a.tile .actions a:hover img,
.cc.main .tiles .tile .actions a:hover img {
  transform: scale(1.1);
}
.cc.main .tiles a.tile .actions a:hover .banner img,
.cc.main .tiles .tile .actions a:hover .banner img {
  transform: none;
}
.cc.main .tiles a.tile .actions a :focus img,
.cc.main .tiles .tile .actions a :focus img {
  opacity: 0.75;
  transform: none;
}
.cc.main .tiles a.tile button,
.cc.main .tiles .tile button {
  border: none;
}
.cc.main .tiles a.tile picture,
.cc.main .tiles .tile picture {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.cc.main .tiles a.tile picture:after,
.cc.main .tiles .tile picture:after {
  content: "";
  height: 100%;
  width: 20px;
  background: #FECB00;
  display: block;
  position: absolute;
  top: 0;
  border-radius: 15px 0 0 0;
}
.cc.main .tiles a.tile picture img,
.cc.main .tiles .tile picture img {
  object-fit: cover;
  height: 100%;
  margin-bottom: -4px;
}
.cc.main .tiles a.tile .banner h1,
.cc.main .tiles .tile .banner h1,
.cc.main .tiles a.tile .banner h2,
.cc.main .tiles .tile .banner h2,
.cc.main .tiles a.tile .banner h3,
.cc.main .tiles .tile .banner h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
  text-align: center;
}
.cc.main .tiles a.tile .banner p,
.cc.main .tiles .tile .banner p {
  margin-bottom: 0;
  font-weight: 400;
}
.cc.main .tiles a.tile .banner > img,
.cc.main .tiles .tile .banner > img {
  /*px*/ margin: 0 0 10px;
  /*rem*/ margin: 0 0 0.625rem;
  height: 75px;
  object-fit: contain;
}
.cc.main .tiles a.tile.ville > div picture:after,
.cc.main .tiles .tile.ville > div picture:after {
  display: none;
}
.cc.main .tiles a.tile.ville > div h3,
.cc.main .tiles .tile.ville > div h3 {
  text-transform: uppercase;
  color: #D0103A;
}
.cc.main .tiles a.tile.ville > div p,
.cc.main .tiles .tile.ville > div p {
  word-wrap: break-word;
}
.cc.main .tiles a.tile.ville > div .actions,
.cc.main .tiles .tile.ville > div .actions {
  padding: 0 1.25rem 1.85rem 1.25rem;
}
@media only screen and (min-width: 769px) {
  .cc.main .tiles a.tile.ville > div .actions a:hover,
  .cc.main .tiles .tile.ville > div .actions a:hover {
    position: relative;
    animation-duration: 0.5s;
    animation-name: move-top;
  }
}
.cc.main .tiles a.tile.produit-pro,
.cc.main .tiles .tile.produit-pro,
.cc.main .tiles a.tile a.produit-pro,
.cc.main .tiles .tile a.produit-pro {
  box-shadow: none;
  text-transform: none;
  font-weight: 300;
}
.cc.main .tiles a.tile.produit-pro > div picture:after,
.cc.main .tiles .tile.produit-pro > div picture:after,
.cc.main .tiles a.tile a.produit-pro > div picture:after,
.cc.main .tiles .tile a.produit-pro > div picture:after {
  background: #D0103A;
}
.cc.main .tiles a.tile.produit-pro > div a,
.cc.main .tiles .tile.produit-pro > div a,
.cc.main .tiles a.tile a.produit-pro > div a,
.cc.main .tiles .tile a.produit-pro > div a,
.cc.main .tiles a.tile.produit-pro > div button,
.cc.main .tiles .tile.produit-pro > div button,
.cc.main .tiles a.tile a.produit-pro > div button,
.cc.main .tiles .tile a.produit-pro > div button,
.cc.main .tiles a.tile.produit-pro > div .button,
.cc.main .tiles .tile.produit-pro > div .button,
.cc.main .tiles a.tile a.produit-pro > div .button,
.cc.main .tiles .tile a.produit-pro > div .button {
  margin: 2rem 0 0 0;
  background: #D0103A;
  color: #fff;
  border: none;
  text-transform: uppercase;
}
.cc.main .tiles a.tile.produit-pro > div a:hover,
.cc.main .tiles .tile.produit-pro > div a:hover,
.cc.main .tiles a.tile a.produit-pro > div a:hover,
.cc.main .tiles .tile a.produit-pro > div a:hover,
.cc.main .tiles a.tile.produit-pro > div button:hover,
.cc.main .tiles .tile.produit-pro > div button:hover,
.cc.main .tiles a.tile a.produit-pro > div button:hover,
.cc.main .tiles .tile a.produit-pro > div button:hover,
.cc.main .tiles a.tile.produit-pro > div .button:hover,
.cc.main .tiles .tile.produit-pro > div .button:hover,
.cc.main .tiles a.tile a.produit-pro > div .button:hover,
.cc.main .tiles .tile a.produit-pro > div .button:hover {
  background: #BF0F35;
}
.cc.main .tiles a.tile.produit-pro > div p,
.cc.main .tiles .tile.produit-pro > div p,
.cc.main .tiles a.tile a.produit-pro > div p,
.cc.main .tiles .tile a.produit-pro > div p {
  font-size: 1rem;
  color: black;
  line-height: 1.375rem;
}
.cc.main .tiles a.tile.team:first-child > div,
.cc.main .tiles .tile.team:first-child > div,
.cc.main .tiles a.tile.lightgrey:first-child > div,
.cc.main .tiles .tile.lightgrey:first-child > div {
  background: #2d2d2d;
  color: #fff;
}
.cc.main .tiles a.tile.team:first-child > div .ei_gly_linkedin_plein:focus,
.cc.main .tiles .tile.team:first-child > div .ei_gly_linkedin_plein:focus,
.cc.main .tiles a.tile.lightgrey:first-child > div .ei_gly_linkedin_plein:focus,
.cc.main .tiles .tile.lightgrey:first-child > div .ei_gly_linkedin_plein:focus,
.cc.main .tiles a.tile.team:first-child > div .ei_gly_linkedin_plein:focus-visible,
.cc.main .tiles .tile.team:first-child > div .ei_gly_linkedin_plein:focus-visible,
.cc.main .tiles a.tile.lightgrey:first-child > div .ei_gly_linkedin_plein:focus-visible,
.cc.main .tiles .tile.lightgrey:first-child > div .ei_gly_linkedin_plein:focus-visible {
  outline: solid 2px #fff;
  outline-offset: 1px;
  padding: 0 6px 4px;
  transition: none;
}
.cc.main .tiles a.tile.team > div,
.cc.main .tiles .tile.team > div,
.cc.main .tiles a.tile.lightgrey > div,
.cc.main .tiles .tile.lightgrey > div {
  background: #f2efed;
}
.cc.main .tiles a.tile.team > div picture:after,
.cc.main .tiles .tile.team > div picture:after,
.cc.main .tiles a.tile.lightgrey > div picture:after,
.cc.main .tiles .tile.lightgrey > div picture:after {
  content: none;
}
.cc.main .tiles a.tile.team > div .banner p,
.cc.main .tiles .tile.team > div .banner p,
.cc.main .tiles a.tile.lightgrey > div .banner p,
.cc.main .tiles .tile.lightgrey > div .banner p {
  text-transform: uppercase;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc.main .tiles a.tile.team > div .banner p:last-child,
.cc.main .tiles .tile.team > div .banner p:last-child,
.cc.main .tiles a.tile.lightgrey > div .banner p:last-child,
.cc.main .tiles .tile.lightgrey > div .banner p:last-child {
  margin-bottom: 0;
}
.cc.main .tiles a.tile.team > div .banner p strong,
.cc.main .tiles .tile.team > div .banner p strong,
.cc.main .tiles a.tile.lightgrey > div .banner p strong,
.cc.main .tiles .tile.lightgrey > div .banner p strong {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: 600;
  text-transform: none;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles a.tile.team > div .actions,
  .cc.main .tiles .tile.team > div .actions,
  .cc.main .tiles a.tile.lightgrey > div .actions,
  .cc.main .tiles .tile.lightgrey > div .actions {
    display: flex;
  }
}
.cc.main .tiles a.tile.team > div .actions .svg,
.cc.main .tiles .tile.team > div .actions .svg,
.cc.main .tiles a.tile.lightgrey > div .actions .svg,
.cc.main .tiles .tile.lightgrey > div .actions .svg {
  color: #fff;
  box-shadow: none;
  background: #1e8dc5;
  border-radius: 50%;
  transition: all 0.3s;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  /*px*/ line-height: 5px;
  /*rem*/ line-height: 0.3125rem;
  animation: none;
}
.cc.main .tiles a.tile.team > div .actions .svg:hover,
.cc.main .tiles .tile.team > div .actions .svg:hover,
.cc.main .tiles a.tile.lightgrey > div .actions .svg:hover,
.cc.main .tiles .tile.lightgrey > div .actions .svg:hover {
  color: #fff;
  transform: scale(1.2);
  box-shadow: none;
}
@media only screen and (max-width: 992px) {
  .cc.main .tiles a.tile.team,
  .cc.main .tiles .tile.team,
  .cc.main .tiles a.tile.lightgrey,
  .cc.main .tiles .tile.lightgrey {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles a.tile.team,
  .cc.main .tiles .tile.team,
  .cc.main .tiles a.tile.lightgrey,
  .cc.main .tiles .tile.lightgrey {
    width: 100%;
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles a.tile.team,
  .cc.main .tiles .tile.team,
  .cc.main .tiles a.tile.lightgrey,
  .cc.main .tiles .tile.lightgrey {
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
    margin: 0 auto 2rem;
    width: 85%;
  }
}
.cc.main .tiles a.tile.lightgrey,
.cc.main .tiles .tile.lightgrey {
  width: 25%;
}
.cc.main .tiles a.tile.lightgrey:first-child > div,
.cc.main .tiles .tile.lightgrey:first-child > div {
  background: #f2efed;
  color: black;
}
.cc.main .tiles a.tile.lightgrey > div .banner h3,
.cc.main .tiles .tile.lightgrey > div .banner h3 {
  margin-top: 0.5rem;
}
.cc.main .tiles a.tile.lightgrey > div .banner p,
.cc.main .tiles .tile.lightgrey > div .banner p {
  text-transform: none;
}
.cc.main .tiles a.tile.lightgrey > div .banner p strong,
.cc.main .tiles .tile.lightgrey > div .banner p strong {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: 600;
  text-transform: none;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles a.tile.lightgrey > div .actions,
  .cc.main .tiles .tile.lightgrey > div .actions {
    display: flex;
  }
}
.cc.main .tiles a.tile.lightgrey > div .actions .svg,
.cc.main .tiles .tile.lightgrey > div .actions .svg {
  color: #fff;
  box-shadow: none;
  background: #1e8dc5;
  border-radius: 50%;
  transition: all 0.3s;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  /*px*/ line-height: 5px;
  /*rem*/ line-height: 0.3125rem;
  animation: none;
}
.cc.main .tiles a.tile.lightgrey > div .actions .svg:hover,
.cc.main .tiles .tile.lightgrey > div .actions .svg:hover {
  color: #fff;
  transform: scale(1.2);
  box-shadow: none;
}
.cc.main .tiles a.tile.lightgrey > div .button,
.cc.main .tiles .tile.lightgrey > div .button {
  background-color: #FECB00;
  margin: 1rem 0;
}
.cc.main .tiles a.tile.lightgrey > div img,
.cc.main .tiles .tile.lightgrey > div img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles a.tile.lightgrey .wrapper,
  .cc.main .tiles .tile.lightgrey .wrapper,
  .cc.main .tiles a.tile.lightgrey picture,
  .cc.main .tiles .tile.lightgrey picture {
    min-height: 40%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main .tiles a.tile.lightgrey,
  .cc.main .tiles .tile.lightgrey {
    width: 35%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles a.tile.lightgrey,
  .cc.main .tiles .tile.lightgrey {
    width: 100%;
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles a.tile.lightgrey,
  .cc.main .tiles .tile.lightgrey {
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
    margin: 0 auto 2rem;
    width: 85%;
  }
}
.cc.main .tiles a.tile.mix-one a.button,
.cc.main .tiles .tile.mix-one a.button {
  color: black;
  background: #FECB00;
}
.cc.main .tiles a.tile.mix-one picture:after,
.cc.main .tiles .tile.mix-one picture:after {
  background: #D0103A;
}
.cc.main .tiles.horizontiles {
  width: 100%;
}
.cc.main .tiles.horizontiles .tile {
  width: 100%;
}
.cc.main .tiles.horizontiles .tile > div {
  flex-direction: row;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile > div {
    flex-direction: column-reverse;
  }
}
.cc.main .tiles.horizontiles .tile > div > picture {
  width: 40%;
  position: relative;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles.horizontiles .tile > div > picture {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile > div > picture {
    width: 100%;
  }
}
.cc.main .tiles.horizontiles .tile > div > picture img {
  object-fit: cover;
  height: 100%;
}
.cc.main .tiles.horizontiles .tile > div .banner {
  width: 60%;
  text-align: left;
  align-self: center;
  border-radius: 20px;
  /*px*/ padding: 30px 30px 30px 60px;
  /*rem*/ padding: 1.875rem 1.875rem 1.875rem 3.75rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles.horizontiles .tile > div .banner {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile > div .banner {
    width: 100%;
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
    text-align: center;
  }
}
.cc.main .tiles.horizontiles .tile > div .banner h3 {
  color: #D0103A;
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  text-align: left;
}
.cc.main .tiles.horizontiles .tile > div .banner img {
  object-fit: contain;
}
.cc.main .tiles.horizontiles .tile > div .wrapper {
  width: 60%;
  text-align: left;
  align-self: center;
  border-radius: 20px;
  /*px*/ padding: 30px 30px 30px 60px;
  /*rem*/ padding: 1.875rem 1.875rem 1.875rem 3.75rem;
}
.cc.main .tiles.horizontiles .tile > div .wrapper h3 {
  color: #D0103A;
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  text-align: left;
  margin-top: 0;
}
.cc.main .tiles.horizontiles .tile > div .wrapper p {
  text-align: left;
}
.cc.main .tiles.horizontiles .tile > div .wrapper .banner {
  padding: 0;
  width: 100%;
  text-align: left;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles.horizontiles .tile > div .wrapper .banner {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile > div .wrapper .banner {
    width: 100%;
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
    text-align: center;
  }
}
.cc.main .tiles.horizontiles .tile > div .wrapper .actions {
  padding: 0;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles.horizontiles .tile > div .wrapper {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile > div .wrapper {
    width: 100%;
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
    text-align: center;
  }
  .cc.main .tiles.horizontiles .tile > div .wrapper .actions {
    padding: 0;
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile:nth-child(odd) > div {
    flex-direction: column;
  }
}
.cc.main .tiles.horizontiles .tile:nth-child(odd) > div > picture:after {
  left: 0;
  border-radius: 15px 0 0 15px;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile:nth-child(odd) > div > picture:after {
    border-radius: 15px 0 0 0;
  }
}
.cc.main .tiles.horizontiles .tile:nth-child(odd) > div > picture img {
  border-radius: 20px 0 0 20px;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile:nth-child(odd) > div > picture img {
    border-radius: 20px 20px 0 0;
  }
}
.cc.main .tiles.horizontiles .tile:nth-child(even) > div > picture {
  order: 2;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile:nth-child(even) > div > picture {
    order: 1;
  }
}
.cc.main .tiles.horizontiles .tile:nth-child(even) > div > picture:after {
  right: 0;
  border-radius: 0 20px 20px 0;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile:nth-child(even) > div > picture:after {
    border-radius: 0;
    left: 0;
  }
}
.cc.main .tiles.horizontiles .tile:nth-child(even) > div > picture img {
  border-radius: 0 20px 20px 0;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile:nth-child(even) > div > picture img {
    border-radius: 0;
  }
}
.cc.main .tiles.horizontiles .tile:nth-child(even) > div .banner {
  order: 1;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.horizontiles .tile:nth-child(even) > div .banner {
    order: 2;
  }
}
.cc.main .tiles.team-cofidis > article.tile > div > picture > img {
  box-shadow: none;
}
.cc.main .tiles.team-cofidis > article.tile > div > picture:after {
  display: none;
}
.cc.main .tiles.team-cofidis > article.tile > div > div.banner h3 {
  text-transform: uppercase;
  color: #D0103A;
}
.cc.main .tiles.team-cofidis > article.tile > div > div.banner p {
  color: #000;
}
.cc.main .tiles.team-cofidis > article.tile > div div.description-hover {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  background-color: #2d2d2d;
  border-radius: 0 0 20px 20px;
  height: 100%;
  /*px*/ min-height: 172px;
  /*rem*/ min-height: 10.75rem;
}
.cc.main .tiles.team-cofidis > article.tile > div div.description-hover p {
  color: #fff;
}
.cc.main .tiles.actus .horizontiles {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.actus .horizontiles .tile {
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
  }
}
.cc.main .tiles.actus .horizontiles .tile div {
  background: #E2E0D7;
}
.cc.main .tiles.actus .horizontiles .tile div .banner h3 {
  color: #000;
}
.cc.main .tiles.actus .horizontiles .tile div .banner time {
  display: inline-block;
  border: 1px solid #000;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ padding: 0 10px;
  /*rem*/ padding: 0 0.625rem;
  /*px*/ border-radius: 20px;
  /*rem*/ border-radius: 1.25rem;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc.main .tiles.actus .horizontiles .tile div picture:after {
  display: none;
}
.cc.main .tiles.actus .horizontiles .tile div .actions a:hover {
  color: #000;
  box-shadow: 0 3px 0 0 #000;
}
.cc.main .tiles.actus > .tile > div picture:after {
  content: none;
}
.cc.main .tiles.actus > .tile > div .banner {
  position: relative;
  text-align: left;
}
.cc.main .tiles.actus > .tile > div .banner h1,
.cc.main .tiles.actus > .tile > div .banner h2,
.cc.main .tiles.actus > .tile > div .banner h3 {
  color: #D0103A;
  text-align: left;
}
.cc.main .tiles.actus > .tile > div .banner p {
  text-align: left;
}
.cc.main .tiles.actus > .tile > div .banner time {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  background-color: #E2E0D7;
  /*px*/ padding: 0 20px;
  /*rem*/ padding: 0 1.25rem;
  /*px*/ border-radius: 20px;
  /*rem*/ border-radius: 1.25rem;
  color: #000;
  z-index: 10;
  position: absolute;
  top: -13px;
  display: inline-block;
  max-width: none;
}
@media only screen and (min-width: 769px) {
  .cc.main .tiles.actus > .tile > div .actions a:hover {
    position: relative;
    animation-duration: 0.5s;
    animation-name: move-top;
  }
}
@media only screen and (min-width: 769px) {
  @keyframes move-top {
    0% {
      top: 0;
    }
    50% {
      top: -5px;
    }
    100% {
      top: 0;
    }
  }
}
.cc.main .tiles.team:first-child > div {
  background: #2d2d2d;
  color: #fff;
}
.cc.main .tiles.team > div {
  background: #f2efed;
}
.cc.main .tiles.team > div picture:after {
  content: none;
}
.cc.main .tiles.team > div .banner p {
  text-transform: uppercase;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc.main .tiles.team > div .banner p:last-child {
  margin-bottom: 0;
}
.cc.main .tiles.team > div .banner p strong {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: 600;
  text-transform: none;
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles.team > div .actions {
    display: flex;
  }
}
.cc.main .tiles.team > div .actions .svg {
  color: #fff;
  box-shadow: none;
  background: #1e8dc5;
  border-radius: 50%;
  transition: all 0.3s;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  /*px*/ line-height: 5px;
  /*rem*/ line-height: 0.3125rem;
  animation: none;
}
.cc.main .tiles.team > div .actions .svg:hover {
  color: #fff;
  transform: scale(1.2);
  box-shadow: none;
}
@media only screen and (max-width: 992px) {
  .cc.main .tiles.team {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main .tiles.team {
    width: 100%;
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .tiles.team {
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
    margin: 0 auto 2rem;
    width: 85%;
  }
}
.cc.main .tiles.mix-one .tile a.button {
  color: black;
  background: #FECB00;
}
.cc.main .tiles.mix-one .tile picture:after {
  background: #D0103A;
}
.cc.main .tiles.mix-one .tile p {
  display: none;
}
.cc.main .tiles.produit-pro .tile picture:after {
  background: #D0103A;
}
.cc.main .tiles.produit-pro .tile button {
  background: #D0103A;
  color: #fff;
  border: none;
  text-transform: uppercase;
}
.cc.main .tiles.produit-pro .tile button:hover {
  background: #BF0F35;
}
.cc.main .tiles.produit-pro .tile .button {
  background: #D0103A;
  color: #fff;
  border: none;
  text-transform: uppercase;
}
.cc.main .tiles.produit-pro .tile .button:hover {
  background: #BF0F35;
}
.cc.main .tiles.produit-pro .tile p {
  font-size: 1rem;
  color: black;
  line-height: 1.375rem;
}
.cc.main .tiles.basic .tile > div {
  justify-content: flex-start;
}
.cc.main .tiles.no-description .tile picture {
  min-height: 50%;
}
.cc.main .tiles.no-description .tile picture img {
  width: 100%;
}
.cc.main .tiles.no-description .tile .wrapper {
  min-height: 50%;
}
.cc.main .tiles.no-description .tile .banner p {
  display: none;
}
.cc.main .tiles.no-description .tile .actions {
  padding: 0 1.25rem;
}
.cc.main .tiles.no-description .tile .button {
  margin: 1rem 0;
}
.cc.main .bg-secondary .tiles .tile picture:after {
  background: #D0103A;
}
.cc.main .bg-secondary .tiles a.tile:hover,
.cc.main .bg-secondary .tiles a.tile:focus {
  box-shadow: none;
}
/****************************************/
/******** Styles COFIDIS IT 2021 ********/
/****************************************/
/* Description :                        */
/*  - Styles COFIDIS/Layout             */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 11/08/2021 : création             */
/****************************************/
/****************************************/
.cc.main article header {
  position: relative;
}
.cc.main article header[data-click] {
  overflow: hidden;
}
.cc.main article header[data-click] .img {
  transition: transform 0.3s ease-in-out;
}
@media only screen and (min-width: 769px) {
  .cc.main article header[data-click]:hover .button {
    background: #f2c100;
    color: #2d2d2d;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
  }
  .cc.main article header[data-click]:hover .img {
    transform: scale(1.1);
    overflow: hidden;
  }
}
.cc.main article header.intro {
  background: #fecb00;
  /*px*/ min-height: 180px;
  /*rem*/ min-height: 11.25rem;
}
@media only screen and (max-width: 1200px) {
  .cc.main article header.intro.hero .banner {
    /*px*/ margin-left: 20px;
    /*rem*/ margin-left: 1.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article header.intro.hero .banner {
    /*px*/ margin-left: 10px;
    /*rem*/ margin-left: 0.625rem;
  }
}
.cc.main article header div.img {
  position: relative;
}
.cc.main article header div.img:after {
  background: #FECB00;
  content: "";
  height: 100%;
  /*px*/ width: 20px;
  /*rem*/ width: 1.25rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main article header div.img:after {
    /*px*/ width: 10px;
    /*rem*/ width: 0.625rem;
  }
}
.cc.main article header div.img > img,
.cc.main article header div.img > picture img {
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
  min-height: 400px;
}
@media only screen and (min-width: 769px) {
  .cc.main article header div.img > img,
  .cc.main article header div.img > picture img {
    max-height: 464px;
  }
}
.cc.main article header div.img:before {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.cc.main article header div.banner {
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .cc.main article header div.banner {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article header div.banner {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main article header div.banner {
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.cc.main article header div.banner h1,
.cc.main article header div.banner h2,
.cc.main article header div.banner h3 {
  /*px*/ font-size: 48px;
  /*rem*/ font-size: 3rem;
  /*px*/ line-height: 44px;
  /*rem*/ line-height: 2.75rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .cc.main article header div.banner h1,
  .cc.main article header div.banner h2,
  .cc.main article header div.banner h3 {
    /*px*/ font-size: 44px;
    /*rem*/ font-size: 2.75rem;
  }
}
.cc.main article header div.banner p {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
  /*px*/ margin: 15px 0 0;
  /*rem*/ margin: 0.9375rem 0 0;
}
.cc.main article header div.banner p.surtitle {
  text-transform: uppercase;
}
.cc.main article header div.banner p.label {
  background: #D0103A;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ line-height: 20px;
  /*rem*/ line-height: 1.25rem;
  font-weight: 600;
  /*px*/ border-radius: 5px;
  /*rem*/ border-radius: 0.3125rem;
  /*px*/ padding: 2px 15px;
  /*rem*/ padding: 0.125rem 0.9375rem;
  /*px*/ letter-spacing: 2px;
  /*rem*/ letter-spacing: 0.125rem;
}
@media only screen and (min-width: 993px) {
  .cc.main article header div.banner > div {
    max-width: 900px;
  }
}
.cc.main article header div.banner .button {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc.main article header div[data-slider="yes"] {
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  position: relative;
  overflow-x: hidden;
}
.cc.main article header div[data-slider="yes"] .slider-list {
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
  padding-top: 0;
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .cc.main article header div[data-slider="yes"] .slider-list {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article header div[data-slider="yes"] .slider-list {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
@media only screen and (max-width: 1600px) {
  .cc.main article header div[data-slider="yes"] .slider-list {
    display: none;
  }
}
.cc.main article header div[data-slider="yes"] .slider-list ol li a {
  border: 1px solid #fff;
  background: #fff;
}
.cc.main article header div[data-slider="yes"] .slider-list ol li a[aria-selected="true"] {
  box-shadow: 0 0 0 3px #2d2d2d inset;
}
@supports (-moz-appearance: none) {
  .cc.main article header div[data-slider="yes"] .slider-list ol li a[aria-selected="true"] {
    outline: 1px solid #fff;
    box-shadow: none;
  }
}
.cc.main article header div[data-slider="yes"] .slider-list ol li a:hover {
  border-color: #FECB00;
  background: #FECB00;
}
.cc.main article header div[data-slider="yes"] .slider-list ol li a:focus {
  border-color: #D0103A;
  background: #D0103A;
}
.cc.main article header div[data-slider="yes"] .slider-inner > div {
  position: relative;
}
.cc.main article header div[data-slider="yes"] .slider-inner > div .banner {
  top: 50%;
  bottom: initial;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
  /*@media @extralarge {
										max-width: none;
										.px-to-rem(padding, 0 70);
									}
									@media @large {
										max-width: none;
										.px-to-rem(padding, 0 50);
									}*/
}
@media only screen and (max-width: 1450px) {
  .cc.main article header div[data-slider="yes"] .slider-inner > div .banner {
    /*px*/ padding: 0 60px;
    /*rem*/ padding: 0 3.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 1200px) {
  .cc.main article header div[data-slider="yes"] .slider-inner > div .banner {
    text-align: center;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article header div[data-slider="yes"] .slider-inner > div .banner {
    width: 100%;
  }
}
.cc.main article header div[data-slider="yes"] .slider-inner > div .banner .button:focus {
  opacity: 1;
}
.cc.main article header div[data-slider="yes"] .slider-inner > div .img img {
  max-height: none;
}
@media only screen and (min-width: 993px) {
  .cc.main article header div[data-slider="yes"] .slider-inner > div .img img {
    min-height: 660px;
  }
}
.cc.main article header div[data-slider="yes"] .slider-buttons {
  margin: 0;
  position: absolute;
  z-index: 1002;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 1350px;
}
.cc.main article header div[data-slider="yes"] .slider-buttons button {
  background: none;
  height: auto;
  color: #fff;
  /*px*/ font-size: 40px;
  /*rem*/ font-size: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  .cc.main article header div[data-slider="yes"] .slider-buttons button {
    padding: 0;
  }
}
.cc.main article header div[data-slider="yes"] .slider-buttons button:hover {
  color: #D0103A;
}
.cc.main article header div[data-slider="yes"] .slider-buttons button:focus {
  color: #FECB00;
}
.cc.main article header div[data-slider="yes"] .slider-buttons button.prev {
  /*px*/ margin-left: 20px;
  /*rem*/ margin-left: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article header div[data-slider="yes"] .slider-buttons button.prev {
    /*px*/ margin-left: 10px;
    /*rem*/ margin-left: 0.625rem;
  }
}
.cc.main article header .header-logo {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  /*px*/ padding: 23px;
  /*rem*/ padding: 1.4375rem;
  border-bottom-left-radius: 1.8rem;
  background: white;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .cc.main article header .header-logo {
    /*px*/ padding: 17px;
    /*rem*/ padding: 1.0625rem;
  }
}
@media only screen and (max-width: 576px) {
  .cc.main article header .header-logo {
    border-bottom-left-radius: 1.45rem;
    width: 160px;
  }
}
.cc.main article header .header-logo img {
  /*px*/ max-height: 84px;
  /*rem*/ max-height: 5.25rem;
  object-fit: contain;
}
@media only screen and (max-width: 576px) {
  .cc.main article header .header-logo img {
    /*px*/ max-height: 66px;
    /*rem*/ max-height: 4.125rem;
    /*px*/ max-width: 120px;
    /*rem*/ max-width: 7.5rem;
  }
}
.cc.main article header .header-logo.info {
  align-items: center;
  font-size: 0.9rem;
  line-height: 1.3rem;
  padding: 1.1rem;
  gap: 1.1rem;
  max-width: 221px;
  max-height: 130px;
  min-height: 130px;
}
.cc.main article header .header-logo.info img {
  width: 25px;
  height: 25px;
}
.cc.main article header .header-logo.info p {
  font-size: 0.9rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 576px) {
  .cc.main article header .header-logo.info {
    height: 100px;
    max-width: 221px;
    max-height: 100px;
    min-height: 100px;
    gap: 0.6rem;
    padding: 0.6rem;
  }
  .cc.main article header .header-logo.info p {
    line-height: 1.12rem;
    font-size: 0.8rem;
  }
  .cc.main article header .header-logo.info img {
    width: 20px;
    height: 20px;
  }
}
.cc.main article header .mycofidis-store-container-main {
  justify-content: start;
}
.cc.main article .body > div.flex {
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body > div.flex {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body > div.flex {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main article .body > div.flex {
    display: flex;
  }
}
.cc.main article .body h2 {
  margin-top: 2rem;
  color: #D0103A;
}
.cc.main article .body .intro {
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body .intro {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body .intro {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
.cc.main article .body aside.rebound {
  width: 100%;
}
.cc.main article .body aside.rebound.bg {
  background: rgba(45, 45, 45, 0.03);
}
.cc.main article .body aside.rebound > div {
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body aside.rebound > div {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside.rebound > div {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
.cc.main article .body aside.encart-social {
  width: 20%;
  float: left;
  margin-right: 10%;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body aside.encart-social {
    width: 100%;
    order: 2;
    /*px*/ margin-top: 20px;
    /*rem*/ margin-top: 1.25rem;
  }
}
.cc.main article .body aside.encart-social > div {
  background: rgba(45, 45, 45, 0.03);
  position: sticky;
  border-radius: 20px;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  text-align: center;
}
.cc.main article .body aside.encart-social > div > p {
  color: #D0103A;
  font-weight: 600;
}
.cc.main article .body aside.encart-social .social ul li a {
  color: #fff;
  width: 100%;
  position: relative;
}
.cc.main article .body aside.encart-social .social ul li a:before {
  font-family: "fts_picto";
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.cc.main article .body aside.encart-social .social ul li a:hover {
  transform: scale(1.1);
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_facebook {
  background: #1299f5;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_facebook:hover {
  background: #D0103A;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_facebook:focus {
  background: #000;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_linkedin_plein {
  background: #1e8dc5;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_linkedin_plein:hover {
  background: #D0103A;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_linkedin_plein:focus {
  background: #000;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_whatsapp {
  background: #25d366;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_whatsapp:hover {
  background: #D0103A;
}
.cc.main article .body aside.encart-social .social ul li a.ei_gly_whatsapp:focus {
  background: #000;
}
.cc.main article .body aside.encart-social + div {
  width: 80%;
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body aside.encart-social + div {
    width: 100%;
    padding-left: 0;
    order: 1;
  }
}
.cc.main article .body aside.encart-social + div > section:first-child > div {
  padding-top: 0;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body aside.encart-social + div > section > div {
    padding: 0;
  }
}
.cc.main article .body section.bg {
  background: rgba(45, 45, 45, 0.03);
}
.cc.main article .body section.bg-img {
  color: #fff;
}
.cc.main article .body section.bg-img h1,
.cc.main article .body section.bg-img h2,
.cc.main article .body section.bg-img h3,
.cc.main article .body section.bg-img h4,
.cc.main article .body section.bg-img p,
.cc.main article .body section.bg-img li {
  color: #fff;
}
.cc.main article .body section.bg-img a {
  color: #fff;
  box-shadow: 0 3px 0 0 #fff;
}
.cc.main article .body section.bg-img a:hover {
  color: #FECB00;
  box-shadow: 0 3px 0 0 #FECB00;
}
.cc.main article .body section.bg-img a:focus,
.cc.main article .body section.bg-img a:focus-visible {
  outline-color: white;
  opacity: 1;
}
.cc.main article .body section.bg-img a.tile {
  box-shadow: none;
}
.cc.main article .body section.bg-img a.tile:hover {
  box-shadow: none;
}
.cc.main article .body section.bg-img a.tile:hover img {
  transform: scale(1.1);
}
.cc.main article .body section.bg-img a.tile:focus {
  opacity: 1;
}
.cc.main article .body section.bg-img a.tile:focus img {
  opacity: 0.75;
  transform: none;
}
.cc.main article .body section.bg-img a.button {
  color: #2d2d2d;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.cc.main article .body section.bg-img a.button:hover,
.cc.main article .body section.bg-img a.button:focus {
  background: #F2C100;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
}
.cc.main article .body section.bg-img a.button:focus {
  box-shadow: none;
}
.cc.main article .body section.bg-img a.button:focus-visible {
  outline-color: white;
  box-shadow: none;
}
.cc.main article .body section.bg-img a.button:focus-visible:hover {
  box-shadow: none;
}
.cc.main article .body section.bg-img p a {
  box-shadow: 0 1px 0 0 #fff;
}
.cc.main article .body section.bg-img p a:hover {
  box-shadow: 0 1px 0 0 #FECB00;
}
.cc.main article .body section.bg-img p a:focus {
  box-shadow: none;
}
.cc.main article .body section.bg-img .insert {
  color: #2d2d2d;
}
.cc.main article .body section.bg-img .insert h1,
.cc.main article .body section.bg-img .insert h2,
.cc.main article .body section.bg-img .insert h3,
.cc.main article .body section.bg-img .insert h4,
.cc.main article .body section.bg-img .insert p,
.cc.main article .body section.bg-img .insert li {
  color: #2d2d2d;
}
.cc.main article .body section.bg-img .insert a {
  color: #D0103A;
}
.cc.main article .body section.bg-img .insert a:hover {
  color: #BF0F35;
}
.cc.main article .body section.bg-img .insert a:focus {
  color: #2d2d2d;
}
.cc.main article .body section.bg-color {
  background: #D0103A;
  color: #fff;
}
.cc.main article .body section.bg-color h1,
.cc.main article .body section.bg-color h2,
.cc.main article .body section.bg-color h3,
.cc.main article .body section.bg-color h4,
.cc.main article .body section.bg-color p,
.cc.main article .body section.bg-color li {
  color: #fff;
}
.cc.main article .body section.bg-color a {
  color: #fff;
}
.cc.main article .body section.bg-color a:hover {
  color: #fff;
  border-bottom: solid 2px #fff;
}
.cc.main article .body section.bg-color a:focus-visible {
  color: #fff;
  outline-color: white;
}
.cc.main article .body section.bg-color a.button {
  box-shadow: none;
  color: #D0103A;
  background: #fff;
}
.cc.main article .body section.bg-color a.button:focus,
.cc.main article .body section.bg-color a.button:hover {
  border: none;
  color: #BF0F35;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
}
.cc.main article .body section.bg-color a.button:focus {
  box-shadow: none;
}
.cc.main article .body section.bg-color a.button:focus-visible {
  box-shadow: none;
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: #fff;
}
.cc.main article .body section.bg-color a.button:focus-visible:hover {
  box-shadow: none;
}
.cc.main article .body section.bg-color a.button.phone:hover,
.cc.main article .body section.bg-color a.button.phone:focus {
  background-color: #FECB00;
  color: black;
}
.cc.main article .body section.bg-color p a:hover {
  color: #fff;
  opacity: 0.7;
}
.cc.main article .body section.bg-color p a:focus {
  box-shadow: 0 1px 0 0 #000;
}
.cc.main article .body section.bg-color .insert {
  color: #2d2d2d;
}
.cc.main article .body section.bg-color .insert h1,
.cc.main article .body section.bg-color .insert h2,
.cc.main article .body section.bg-color .insert h3,
.cc.main article .body section.bg-color .insert h4,
.cc.main article .body section.bg-color .insert p,
.cc.main article .body section.bg-color .insert li {
  color: #2d2d2d;
}
.cc.main article .body section.bg-color .insert a {
  color: #D0103A;
}
.cc.main article .body section.bg-color .insert a:hover {
  color: #BF0F35;
}
.cc.main article .body section.bg-color .insert a:focus {
  color: #2d2d2d;
}
.cc.main article .body section.bg-color .insert a:not(.ddl):not(.button) {
  box-shadow: 0 3px 0 0 #D0103A;
}
.cc.main article .body section.bg-color .insert a:not(.ddl):not(.button):hover {
  color: #BF0F35;
  box-shadow: 0 3px 0 0;
}
.cc.main article .body section.bg-color .insert a:not(.ddl):not(.button):focus {
  box-shadow: 0 3px 0 0 #E2E0D7;
}
.cc.main article .body section.bg-color .insert a.button {
  background: #000;
  color: #fff;
}
.cc.main article .body section.bg-color .insert a.button:hover {
  color: #D0103A;
  background: #fff;
}
.cc.main article .body section.bg-color .insert a.button:focus {
  color: #fff;
  background: #D0103A;
}
.cc.main article .body section.bg-color .flex {
  justify-content: center;
}
.cc.main article .body section.bg-color .flex > div:nth-child(2n) {
  /*px*/ margin-left: 20px;
  /*rem*/ margin-left: 1.25rem;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body section.bg-color .flex > div:nth-child(2n) {
    margin-left: 0;
    margin-top: 5%;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main article .body section.bg-color .flex {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article .body section.bg-color .flex {
    display: flex;
  }
}
.cc.main article .body section.bg-color figure img {
  box-shadow: 12px 12px 0 0 rgba(0, 0, 0, 0.2);
}
.cc.main article .body section.bg-secondary {
  background: #FECB00;
  color: #000;
}
.cc.main article .body section.bg-secondary h1,
.cc.main article .body section.bg-secondary h2,
.cc.main article .body section.bg-secondary h3,
.cc.main article .body section.bg-secondary h4,
.cc.main article .body section.bg-secondary p,
.cc.main article .body section.bg-secondary li {
  color: black;
}
.cc.main article .body section.bg-secondary a {
  color: #353535;
}
.cc.main article .body section.bg-secondary a:hover {
  color: #FECB00;
}
.cc.main article .body section.bg-secondary a:focus {
  color: #000;
  box-shadow: none;
}
.cc.main article .body section.bg-secondary a.button {
  color: #D0103A;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  background: white;
  transition: 0.3s ease-in-out;
}
.cc.main article .body section.bg-secondary a.button:hover,
.cc.main article .body section.bg-secondary a.button:focus {
  color: white;
  background: #BF0F35;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.7);
}
.cc.main article .body section.bg-secondary a.button:focus {
  border: none;
  box-shadow: none;
  opacity: 1;
}
.cc.main article .body section.bg-secondary p a:hover {
  color: #fff;
}
.cc.main article .body section.bg-dark {
  background-color: #2d2d2d;
  color: #fff;
}
.cc.main article .body section.bg-dark h2 {
  color: #fff;
}
.cc.main article .body section.bg-img {
  position: relative;
  margin-bottom: -5px;
  /*px*/ min-height: 500px;
  /*rem*/ min-height: 31.25rem;
  /*FIX BANDEAU*/
}
.cc.main article .body section.bg-img:before {
  content: "";
  background: #000;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 20%);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section.bg-img {
    display: flex;
    align-items: center;
  }
  .cc.main article .body section.bg-img:before {
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 0%);
  }
}
.cc.main article .body section.bg-img > picture > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  object-fit: cover;
}
@media only screen and (max-width: 1450px) {
  .cc.main article .body section.bg-img > div {
    left: 0;
    bottom: 0;
    top: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .cc.main article .body section.bg-img > div.orient-droite > div,
  .cc.main article .body section.bg-img > div.orient-gauche > div {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section.bg-img > div.orient-droite > div,
  .cc.main article .body section.bg-img > div.orient-gauche > div {
    text-align: center;
  }
}
.cc.main article .body section.bg-mixte {
  position: relative;
}
.cc.main article .body section.bg-mixte:before {
  content: "";
  background: rgba(45, 45, 45, 0.03);
  width: 100%;
  height: 50%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.cc.main article .body section.bg-mixte.doc:before {
  background: #D0103A;
  height: 40%;
}
.cc.main article .body section.bg-mixte > div {
  position: relative;
}
.cc.main article .body section.bg-mixte-secondary {
  background: white;
  background: linear-gradient(180deg, rgba(45, 45, 45, 0.03) 50%, #ffffff 50%);
}
.cc.main article .body section > div {
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body section > div {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
.cc.main article .body section > div.orient-droite,
.cc.main article .body section > div.orient-gauche {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .cc.main article .body section > div.orient-droite,
  .cc.main article .body section > div.orient-gauche {
    display: block;
  }
}
.cc.main article .body section > div.orient-droite > div,
.cc.main article .body section > div.orient-gauche > div {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div.orient-droite > div,
  .cc.main article .body section > div.orient-gauche > div {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div.orient-droite > div div.actions,
  .cc.main article .body section > div.orient-gauche > div div.actions {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div.orient-droite > div:last-child,
  .cc.main article .body section > div.orient-gauche > div:last-child {
    /*px*/ padding-top: 20px;
    /*rem*/ padding-top: 1.25rem;
  }
}
.cc.main article .body section > div.orient-droite > div figure,
.cc.main article .body section > div.orient-gauche > div figure {
  margin: 0;
}
.cc.main article .body section > div.orient-droite > div:first-child {
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
}
@media only screen and (max-width: 576px) {
  .cc.main article .body section > div.orient-droite > div:first-child {
    padding-right: 0;
  }
}
.cc.main article .body section > div.orient-droite > div:last-child {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
@media only screen and (max-width: 576px) {
  .cc.main article .body section > div.orient-droite > div:last-child {
    padding-left: 0;
  }
}
.cc.main article .body section > div.orient-droite > div:last-child img {
  float: right;
}
@media only screen and (max-width: 576px) {
  .cc.main article .body section > div.orient-droite > div:last-child img {
    float: none;
  }
}
.cc.main article .body section > div.orient-gauche > div:first-child {
  order: 2;
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
@media only screen and (max-width: 576px) {
  .cc.main article .body section > div.orient-gauche > div:first-child {
    order: 1;
    padding-left: 0;
  }
}
.cc.main article .body section > div.orient-gauche > div:last-child {
  order: 1;
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
}
@media only screen and (max-width: 576px) {
  .cc.main article .body section > div.orient-gauche > div:last-child {
    order: 2;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .cc.main article .body section > div.keypoints {
    /*px*/ margin: 0 25px;
    /*rem*/ margin: 0 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div.keypoints {
    /*px*/ margin: 0 20px;
    /*rem*/ margin: 0 1.25rem;
  }
}
.cc.main article .body section > div .player iframe,
.cc.main article .body section > div video {
  /*px*/ margin-top: 40px;
  /*rem*/ margin-top: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div .player iframe,
  .cc.main article .body section > div video {
    /*px*/ margin-top: 20px;
    /*rem*/ margin-top: 1.25rem;
  }
}
.cc.main article .body section > div .banner {
  /*px*/ padding: 20px 25px;
  /*rem*/ padding: 1.25rem 1.5625rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div .banner {
    /*px*/ padding: 20px 20px 15px;
    /*rem*/ padding: 1.25rem 1.25rem 0.9375rem;
  }
}
.cc.main article .body footer {
  padding-bottom: 0 !important;
  max-width: 1180px;
  padding: 1.5rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body footer {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body footer {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
.cc.main article .body footer div.prefooter.flex {
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body footer div.prefooter.flex {
    display: flex;
  }
}
.cc.main article .body footer div.prefooter.flex div {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body footer div.prefooter.flex div {
    padding: 5%;
    width: 50%;
  }
}
.cc.main article .content-import .body section.bg {
  background: none;
}
.cc.main article .body section.bandeau-bg-slider h2,
.cc.main article .body section.bandeau-bg-slider p {
  text-align: center;
}
.cc.main article .body div.slider-list a[aria-selected="true"] {
  height: 1.063rem;
  height: 17px;
  width: 1.063rem;
  width: 17px;
}
.cc.main article .body div.slider-list a {
  box-shadow: none;
  outline: none;
}
.cc.main article .body div.slider-list a:hover {
  box-shadow: none;
}
.cc.main article .body div.slider-list a:focus {
  box-shadow: none;
}
.cc.main article .body div.slider div {
  text-align: center;
}
.cc.main article .body div.slider div h3 {
  color: #D0103A;
}
.cc.main article .body div.slider div p {
  color: #000;
}
.cc.main article .body div.slider div div.svg {
  font-size: 3rem;
  color: #000;
}
.cc.main article header div.banner time {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ margin: 0 0 5px 0;
  /*rem*/ margin: 0 0 0.3125rem 0;
}
.cc.main article .body .rebound {
  text-align: center;
}
.cc.main article .body .rebound .tiles {
  justify-content: center;
}
.cc.main.basic article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) {
  text-align: center;
}
@media only screen and (min-width: 1281px) {
  .cc.main.basic article .body section > div ol:not(.styled) {
    /*px*/ margin-left: 55px;
    /*rem*/ margin-left: 3.4375rem;
  }
}
.cc.main.blog article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) {
  text-align: center;
}
.cc.main.produit-particulier article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning),
.cc.main.produit-pro article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) {
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .cc.main.home article header .scrollTo {
    display: none;
  }
}
.cc.main.home article header .scrollTo:before {
  content: "\F0327";
  font-family: "fts_picto";
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  position: absolute;
  bottom: 60px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%) scaleX(1.25);
  filter: drop-shadow(0 -7px 0px #fff);
  color: #fff;
  cursor: pointer;
}
.cc.main.home article header .scrollTo:after {
  content: "Scroll";
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  position: absolute;
  bottom: 40px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  cursor: pointer;
}
.cc.main.home article header .scrollTo:hover:before {
  animation-duration: 0.5s;
  animation-name: icon-top;
}
@media screen and (min-width: 576px) and (max-device-width: 1200px) {
  .cc.main.home article header .scrollTo {
    display: none;
  }
}
.cc.main.home article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) {
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .cc.main.home article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) > h2,
  .cc.main.home article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) > h3,
  .cc.main.home article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) > h4,
  .cc.main.home article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) > p,
  .cc.main.home article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) > ul,
  .cc.main.home article .body section > div:not(.orient-droite):not(.orient-gauche):not(.alert-warning) > ol {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 769px) {
  .cc.main.home article .body section.right > div:not(.orient-droite):not(.orient-gauche) > h2,
  .cc.main.home article .body section.left > div:not(.orient-droite):not(.orient-gauche) > h2,
  .cc.main.home article .body section.right > div:not(.orient-droite):not(.orient-gauche) > h3,
  .cc.main.home article .body section.left > div:not(.orient-droite):not(.orient-gauche) > h3,
  .cc.main.home article .body section.right > div:not(.orient-droite):not(.orient-gauche) > h4,
  .cc.main.home article .body section.left > div:not(.orient-droite):not(.orient-gauche) > h4,
  .cc.main.home article .body section.right > div:not(.orient-droite):not(.orient-gauche) > p,
  .cc.main.home article .body section.left > div:not(.orient-droite):not(.orient-gauche) > p,
  .cc.main.home article .body section.right > div:not(.orient-droite):not(.orient-gauche) > ul,
  .cc.main.home article .body section.left > div:not(.orient-droite):not(.orient-gauche) > ul,
  .cc.main.home article .body section.right > div:not(.orient-droite):not(.orient-gauche) > ol,
  .cc.main.home article .body section.left > div:not(.orient-droite):not(.orient-gauche) > ol {
    width: 100%;
  }
}
.ei_header__content,
.ei_logo_img,
.ei_menu__nav > ul > li {
  transition: 0.3s ease-in-out all;
}
.ei_menu__nav .e_smenu {
  top: 80%;
}
.ei_header.scrolling {
  box-shadow: 0 0 5px 2px #8a8a8a;
}
.ei_header.scrolling .ei_header__content {
  min-height: 70px;
}
@media only screen and (min-width: 769px) {
  .ei_header.scrolling .ei_menu__nav > ul > li {
    height: 50px;
  }
}
@keyframes icon-top {
  0% {
    bottom: 60px;
  }
  50% {
    bottom: 55px;
  }
  100% {
    bottom: 60px;
  }
}
#back-lightbox {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1999;
  display: block;
  opacity: 0.6;
}
dialog#lightbox {
  z-index: 2000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  position: fixed;
  height: auto;
  aspect-ratio: 16/9;
  width: 70%;
  display: flex;
  padding: 0;
}
dialog#lightbox button#close-lightbox {
  -webkit-appearance: button;
  cursor: pointer;
  position: absolute;
  right: -30px;
  top: -30px;
  height: 2.25rem;
  width: 2.25rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background: transparent;
  transition: all 0.3s ease 0s;
}
dialog#lightbox button#close-lightbox:before {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  font-size: 25px;
  color: #FECB00;
}
dialog#lightbox button#close-lightbox:focus-visible {
  background: #fff;
  outline-offset: 0;
}
dialog#lightbox button#close-lightbox:focus-visible::before {
  color: #D0103A;
}
dialog#lightbox button#close-lightbox:hover::before,
dialog#lightbox button#close-lightbox:focus::before {
  color: #D0103A;
}
dialog#lightbox iframe {
  border: none;
  width: 100%;
  height: 100%;
}
dialog#lightbox > div {
  -ms-flex-positive: 1;
  flex: 1;
}
dialog#lightbox.html {
  width: auto;
  height: auto;
}
dialog#lightbox.pdf {
  height: calc(100% - 160px);
  border-radius: 25px;
}
@media screen and (max-width: 768px) {
  dialog#lightbox.pdf {
    width: 85%;
    height: 75%;
  }
}
@media screen and (max-width: 576px) {
  dialog#lightbox.pdf {
    height: 60%;
    width: 95%;
  }
}
dialog#lightbox button#close-lightbox::before {
  font-family: "fts_picto";
  content: "\F0228";
}
@media screen and (max-width: 787px) {
  dialog#lightbox,
  dialog#lightbox:not(.pdf) {
    width: 80%;
  }
}
.player iframe {
  width: 100%;
  height: 100%;
  min-height: 550px;
  margin: 0 auto;
  display: block;
  border-radius: 20px;
  box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 992px) {
  .player iframe {
    min-height: 450px;
  }
}
@media only screen and (max-width: 768px) {
  .player iframe {
    min-height: 300px;
  }
}
div.player {
  position: relative;
}
div.player img {
  top: 0;
  left: 0;
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
div.player > div.youtube-consent-txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(100, 100, 100, 0.4);
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 15px;
  border-radius: 20px;
}
div.player > div.youtube-consent-txt > .consent {
  background: rgba(254, 203, 0, 0.9);
  padding: 15px;
  border-radius: 15px;
  margin: 10px 20px;
}
div.player > div.youtube-consent-txt > .consent > p {
  color: #000;
}
div.player > div.youtube-consent-txt button {
  padding-left: 40px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.player > div.youtube-consent-txt button::before {
  content: "";
  position: relative;
  left: -15px;
  top: 0;
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  display: inline-block;
}
div.player > div.youtube-consent-txt button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.player > div.youtube-consent-txt button:focus-visible {
  border: solid 2px #000;
  outline: solid white 2px;
}
/****************************************/
/******** Styles COFIDIS IT 2021 ********/
/****************************************/
/* Description :                        */
/*  - Styles COFIDIS/Forms             	*/
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 11/08/2021 : création             */
/****************************************/
/****************************************/
.cc.main article .educational-container {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}
.cc.main article .educational-container .video-frame {
  width: 100%;
  max-width: 220px;
  display: flex;
  min-height: 320px;
  justify-content: end;
  align-items: center;
  flex-direction: column;
  border-radius: 20px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.cc.main article .educational-container .video-frame img {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cc.main article .educational-container .video-frame .educational-cta {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 20px;
  width: 100%;
  padding: 10px;
}
.cc.main article .educational-container .video-frame .educational-cta > div {
  padding: 0 5px;
}
.cc.main article .educational-container .video-frame .educational-cta a.lightbox {
  border: solid 2px white;
  color: #D0103A;
  background: #fff;
  padding: 10px 20px;
  border-radius: 20px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.cc.main article .educational-container .video-frame .educational-cta a.lightbox::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cc.main article .educational-container .video-frame .educational-cta a.lightbox:hover,
.cc.main article .educational-container .video-frame .educational-cta a.lightbox:focus {
  border: solid 2px #D0103A;
  color: #fff;
  background: #D0103A;
}
.cc.main article .educational-container .video-frame .educational-cta a.lightbox:focus-visible {
  border: solid 2px white;
}
.cc.main article .menu-faq {
  /*px*/ margin-top: 80px;
  /*rem*/ margin-top: 5rem;
  position: sticky;
  background-color: white;
  z-index: 10;
  padding: 15px 0;
  top: 140px;
}
@media only screen and (max-width: 992px) {
  .cc.main article .menu-faq {
    /*.px-to-rem(margin-top, 20);*/
    position: static;
    padding: 0;
    /*px*/ margin-top: 40px;
    /*rem*/ margin-top: 2.5rem;
  }
}
.cc.main article .menu-faq a {
  /*px*/ margin-right: 80px;
  /*rem*/ margin-right: 5rem;
  text-decoration: none;
  border-bottom: none !important;
  box-shadow: none;
  color: #2d2d2d;
  text-transform: none;
  font-size: 20px;
}
.cc.main article .menu-faq a:hover {
  border-bottom: none;
  box-shadow: none;
}
@media only screen and (max-width: 992px) {
  .cc.main article .menu-faq a {
    /*px*/ margin-right: 0;
    /*rem*/ margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.cc.main article .menu-faq a:last-child {
  /*px*/ margin-right: 0;
  /*rem*/ margin-right: 0;
}
.cc.main article .faq-search-block,
.cc.main article .faq0-quick-search-form {
  margin: 2.85rem auto 2rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .cc.main article .faq-search-block,
  .cc.main article .faq0-quick-search-form {
    margin: 2rem auto;
    max-width: 65%;
  }
}
.cc.main article .faq-search-block input,
.cc.main article .faq0-quick-search-form input {
  width: 100%;
  margin: 0;
  padding: 0.5rem;
  border: solid 2px #2d2d2d;
  border-radius: 50px;
}
.cc.main article .faq-search-block input:focus,
.cc.main article .faq0-quick-search-form input:focus,
.cc.main article .faq-search-block input:focus-visible,
.cc.main article .faq0-quick-search-form input:focus-visible {
  outline-offset: 0;
  border: none;
  outline: solid 2px #FECB00;
}
.cc.main article .faq-search-block label,
.cc.main article .faq0-quick-search-form label {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 97%;
  padding: 0 1rem;
  text-align: left;
  font-size: 0.85rem;
  color: #2d2d2d;
  transition: all 0.3s ease-in-out;
  position: absolute;
}
.cc.main article .faq-search-block label:before,
.cc.main article .faq0-quick-search-form label:before {
  content: '';
  position: absolute;
  right: 0.5rem;
  top: 50%;
  translate: 0 -50%;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  border: solid 2px #2d2d2d;
  transition: 0.3s ease-in-out;
}
.cc.main article .faq-search-block label:after,
.cc.main article .faq0-quick-search-form label:after {
  content: '';
  position: absolute;
  right: 0.25rem;
  top: auto;
  bottom: 3px;
  width: 0.5rem;
  height: 2px;
  rotate: 45deg;
  background-color: #2d2d2d;
  transition: 0.3s ease-in-out;
}
.cc.main article .faq-search-block .faq0-quick-search-buttons button,
.cc.main article .faq0-quick-search-form .faq0-quick-search-buttons button,
.cc.main article .faq-search-block #faq-search-block-button-list button,
.cc.main article .faq0-quick-search-form #faq-search-block-button-list button {
  display: inline-block;
  cursor: pointer;
  margin-top: 2rem;
  margin-left: 0;
  padding: 0;
  border: none;
  background: none;
  color: #D0103A;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: solid 2px #D0103A;
  transition: all 0.5s ease 0s;
}
.cc.main article .faq-search-block .faq0-quick-search-buttons button:hover,
.cc.main article .faq0-quick-search-form .faq0-quick-search-buttons button:hover,
.cc.main article .faq-search-block #faq-search-block-button-list button:hover,
.cc.main article .faq0-quick-search-form #faq-search-block-button-list button:hover,
.cc.main article .faq-search-block .faq0-quick-search-buttons button:focus,
.cc.main article .faq0-quick-search-form .faq0-quick-search-buttons button:focus,
.cc.main article .faq-search-block #faq-search-block-button-list button:focus,
.cc.main article .faq0-quick-search-form #faq-search-block-button-list button:focus {
  color: #BF0F35;
  border-bottom: solid 2px #BF0F35;
}
.cc.main article .faq-search-block .faq0-quick-search-buttons button:focus-visible,
.cc.main article .faq0-quick-search-form .faq0-quick-search-buttons button:focus-visible,
.cc.main article .faq-search-block #faq-search-block-button-list button:focus-visible,
.cc.main article .faq0-quick-search-form #faq-search-block-button-list button:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
  transition: 0s all;
}
.cc.main article #faq faq-question-list.masque,
.cc.main article faq-category faq-question-list.masque {
  display: block;
}
@media only screen and (min-width: 769px) {
  .cc.main article #faq ul[data-collapse="true"],
  .cc.main article faq-category ul[data-collapse="true"] {
    padding: 0 6rem;
  }
}
.cc.main article #faq ul[data-collapse="true"] li,
.cc.main article faq-category ul[data-collapse="true"] li {
  margin: 2.5rem 0;
}
.cc.main article #faq ul[data-collapse="true"] .styled li,
.cc.main article faq-category ul[data-collapse="true"] .styled li {
  margin: 0.85rem 0;
}
.cc.main article #faq h3,
.cc.main article faq-category h3 {
  position: relative;
  color: #D0103A;
  background: white;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cc.main article #faq h3,
  .cc.main article faq-category h3 {
    font-size: 1.625rem;
  }
}
.cc.main article #faq h3:focus-visible,
.cc.main article faq-category h3:focus-visible {
  outline: none;
}
.cc.main article #faq h3[data-libelle="Domande frequenti"],
.cc.main article faq-category h3[data-libelle="Domande frequenti"],
.cc.main article #faq h3[data-libelle-opened="Domande frequenti"],
.cc.main article faq-category h3[data-libelle-opened="Domande frequenti"],
.cc.main article #faq h3[data-libelle-closed="Domande frequenti"],
.cc.main article faq-category h3[data-libelle-closed="Domande frequenti"] {
  display: none!important;
}
.cc.main article #faq h3 > button,
.cc.main article faq-category h3 > button {
  appearance: none;
  border: none;
  background: none;
  cursor: default;
}
.cc.main article #faq dt.FAQ_question,
.cc.main article faq-category dt.FAQ_question {
  position: relative;
  margin-top: 1.85rem !important;
  padding: 0.5rem 0.3125rem 0.3125rem 3rem !important;
  border-radius: 10px;
  border: none!important;
  background: none;
  text-align: left;
  font-size: 1.375rem;
  font-weight: 600;
}
.cc.main article #faq dt.FAQ_question:before,
.cc.main article faq-category dt.FAQ_question:before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  top: 14px;
  min-width: 0.5rem;
  min-height: 0.5rem;
  border-top: solid 2px black;
  border-right: solid 2px black;
  rotate: 135deg;
  z-index: 1;
}
.cc.main article #faq dt.FAQ_question:after,
.cc.main article faq-category dt.FAQ_question:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: auto;
  top: 4px;
  width: 1.85rem;
  height: 1.85rem;
  border: solid 1px #2d2d2d;
  border-radius: 100%;
}
.cc.main article #faq dt.FAQ_question:hover,
.cc.main article faq-category dt.FAQ_question:hover {
  color: #000;
}
.cc.main article #faq dt.FAQ_question:focus,
.cc.main article faq-category dt.FAQ_question:focus {
  color: #D0103A;
}
.cc.main article #faq dt.FAQ_question:focus:after,
.cc.main article faq-category dt.FAQ_question:focus:after {
  content: "";
  border: solid 1px #2d2d2d;
  background: #FECB00;
}
.cc.main article #faq dt.FAQ_question:focus-visible,
.cc.main article faq-category dt.FAQ_question:focus-visible {
  outline: solid 2px #2d2d2d;
  outline-offset: 0.5rem;
}
.cc.main article #faq dt.FAQ_question[aria-expanded="true"],
.cc.main article faq-category dt.FAQ_question[aria-expanded="true"] {
  color: #D0103A;
}
.cc.main article #faq dt.FAQ_question[aria-expanded="true"]::before,
.cc.main article faq-category dt.FAQ_question[aria-expanded="true"]::before {
  rotate: -45deg;
  top: 17px;
}
.cc.main article #faq dt.FAQ_question[aria-expanded="true"]:after,
.cc.main article faq-category dt.FAQ_question[aria-expanded="true"]:after {
  content: "";
  border: solid 1px #FECB00;
  background: #FECB00;
}
.cc.main article #faq dt.faq0-question button,
.cc.main article faq-category dt.faq0-question button {
  position: relative;
  margin-top: 1.85rem !important;
  padding: 0.5rem 0.3125rem 0.3125rem 3rem !important;
  border-radius: 10px;
  border: none!important;
  background: none;
  text-align: left;
  font-size: 1.375rem;
  font-weight: 600;
}
.cc.main article #faq dt.faq0-question button:before,
.cc.main article faq-category dt.faq0-question button:before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  top: 18px;
  min-width: 0.5rem;
  min-height: 0.5rem;
  border-top: solid 2px black;
  border-right: solid 2px black;
  rotate: 135deg;
  z-index: 1;
}
.cc.main article #faq dt.faq0-question button:after,
.cc.main article faq-category dt.faq0-question button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: auto;
  top: 8px;
  width: 1.85rem;
  height: 1.85rem;
  border: solid 1px #2d2d2d;
  border-radius: 100%;
}
@media only screen and (min-width: 1201px) {
  .cc.main article #faq dt.faq0-question button:after,
  .cc.main article faq-category dt.faq0-question button:after {
    top: 4px;
  }
  .cc.main article #faq dt.faq0-question button:before,
  .cc.main article faq-category dt.faq0-question button:before {
    top: 14px;
  }
}
.cc.main article #faq dt.faq0-question button:hover,
.cc.main article faq-category dt.faq0-question button:hover {
  color: #000;
}
.cc.main article #faq dt.faq0-question button:focus,
.cc.main article faq-category dt.faq0-question button:focus {
  color: #D0103A;
}
.cc.main article #faq dt.faq0-question button:focus:after,
.cc.main article faq-category dt.faq0-question button:focus:after {
  content: "";
  border: solid 1px #2d2d2d;
  background: #FECB00;
}
.cc.main article #faq dt.faq0-question button:focus-visible,
.cc.main article faq-category dt.faq0-question button:focus-visible {
  outline: solid 2px #2d2d2d;
  outline-offset: 0.5rem;
}
.cc.main article #faq dt.faq0-question button[aria-expanded="true"],
.cc.main article faq-category dt.faq0-question button[aria-expanded="true"] {
  color: #D0103A;
}
.cc.main article #faq dt.faq0-question button[aria-expanded="true"]::before,
.cc.main article faq-category dt.faq0-question button[aria-expanded="true"]::before {
  rotate: -45deg;
  top: 21px;
}
.cc.main article #faq dt.faq0-question button[aria-expanded="true"]:after,
.cc.main article faq-category dt.faq0-question button[aria-expanded="true"]:after {
  content: "";
  border: solid 1px #FECB00;
  background: #FECB00;
}
@media only screen and (min-width: 1201px) {
  .cc.main article #faq dt.faq0-question button[aria-expanded="true"]:before,
  .cc.main article faq-category dt.faq0-question button[aria-expanded="true"]:before {
    top: 17px;
  }
}
.cc.main article #faq dd,
.cc.main article faq-category dd {
  padding-top: 1rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article #faq dd,
  .cc.main article faq-category dd {
    text-align: left;
  }
  .cc.main article #faq dd ol,
  .cc.main article faq-category dd ol,
  .cc.main article #faq dd ul,
  .cc.main article faq-category dd ul {
    text-align: left;
  }
  .cc.main article #faq dd a,
  .cc.main article faq-category dd a {
    text-transform: none;
  }
}
.cc.main article #faq > li,
.cc.main article faq-category > li {
  /*px*/ margin-top: 100px;
  /*rem*/ margin-top: 6.25rem;
}
@media only screen and (max-width: 992px) {
  .cc.main article #faq > li,
  .cc.main article faq-category > li {
    /*px*/ margin-top: 75px;
    /*rem*/ margin-top: 4.6875rem;
  }
}
.cc.main article #faq > li h3 + [aria-hidden="true"],
.cc.main article faq-category > li h3 + [aria-hidden="true"] {
  display: block !important;
}
.cc.main article .faq-search-block-search-field-focused label,
.cc.main article .faq-search-block-search-in-progress label {
  top: -1rem;
}
.cc.main article .faq-search-block-search-field-focused label:after,
.cc.main article .faq-search-block-search-in-progress label:after,
.cc.main article .faq-search-block-search-field-focused label:before,
.cc.main article .faq-search-block-search-in-progress label:before {
  display: none;
}
.cc.main article .faq h3 {
  color: #D0103A;
  cursor: text !important;
  text-align: center;
}
.cc.main article .faq h3:focus {
  outline: none;
}
.cc.main article .faq dd {
  padding-top: 1.85rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .faq dd {
    text-align: left;
  }
  .cc.main article .faq dd ol,
  .cc.main article .faq dd ul {
    text-align: left;
  }
  .cc.main article .faq dd a {
    text-transform: none;
  }
}
.cc.main article .faq > li {
  /*px*/ margin-top: 100px;
  /*rem*/ margin-top: 6.25rem;
}
@media only screen and (max-width: 992px) {
  .cc.main article .faq > li {
    /*px*/ margin-top: 75px;
    /*rem*/ margin-top: 4.6875rem;
  }
}
.cc.main article .faq > li h3 + [aria-hidden="true"] {
  display: block !important;
}
.cc.main article .faq h3:after {
  display: none;
}
.cc.main article .faq-expanded h3 {
  display: none;
}
.cc section#supporto #faq-search-block-search-area {
  margin-top: 5.5rem;
}
.cc section:not(#supporto) .faq h3,
.cc section:not(#supporto) #faq h3,
.cc section:not(#supporto) faq-category h3 {
  display: none;
}
.cc section:not(#supporto) .faq h3[role="tab"],
.cc section:not(#supporto) #faq h3[role="tab"],
.cc section:not(#supporto) faq-category h3[role="tab"] {
  display: none;
}
.cc .supporto #faq_1,
.cc .supporto #faq_2,
.cc .supporto #faq_3,
.cc .supporto #faq_4 {
  padding-top: 20%;
}
@media only screen and (max-width: 768px) {
  .cc .supporto #faq_1,
  .cc .supporto #faq_2,
  .cc .supporto #faq_3,
  .cc .supporto #faq_4 {
    padding-top: 40%;
  }
}