/****************************************/
/** Styles COFIDIS CZ 2022 **/
/****************************************/
/* Description :                        */
/*  - Styles COFIDIS                    */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 15/06/2022 : création             */
/****************************************/
/****************************************/
/*@import "utils/admin.less"; Pages de guide */
/* Blanc */
/*Blanc cassé*/
/* Noir */
/*gris*/
/* noir grisé */
/* Gris très très clair */
/* Gris très clair */
/* Gris */
/* Gris foncé */
/* Gris noir */
/*Highlighted*/
/* Couleur de fond des tuiles*/
/*Gris sur fond rouge*/
/* Bleu - BASE */
/* Bleu foncé */
/* Bleu moyen */
/* Bleu clair */
/* Bleu pastel */
/*bordure boutons */
/* Rouge - BASE */
/*#c6a699 Rouge foncé */
/* Rouge moyen */
/* Rouge clair */
/* Rouge moyen */
/* Bleu moyen */
/* Rouge moyen */
/* Bleu moyen */
/* Vert fluo */
/* Jaune */
/* Rouge fluo */
.displayFlex {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .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: 1280px;
}
.pageOrganisation {
  max-width: 1280px;
  /*px*/ padding: 40px 30px;
  /*rem*/ padding: 2.5rem 1.875rem;
  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;
  }
}
.pageOrganisationOrient {
  max-width: 1280px;
  /*px*/ padding: 10px 30px;
  /*rem*/ padding: 0.625rem 1.875rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .pageOrganisationOrient {
    /*px*/ padding: 10px 25px;
    /*rem*/ padding: 0.625rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .pageOrganisationOrient {
    /*px*/ padding: 10px 20px;
    /*rem*/ padding: 0.625rem 1.25rem;
  }
}
/* Feuille de style pour impression */
/*==============================================
. PRINT
============================================== */
@media print {
  .ei_header,
  .header_container,
  .ei_footer,
  #ei_tpl_footerlegal,
  .pagination,
  a[href]:after,
  .button,
  .sidebar,
  form,
  .amc-toolbarreset,
  .key-figure > .key-content > .flex,
  .a_blocappli,
  .amc-toolbarreset,
  #prefooter,
  .tiles > .tile picture > img,
  .accordion-button {
    display: none !important;
  }
  html,
  body {
    margin: 0;
    padding: 0;
  }
  .cc .accordion .hide {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-clip-path: none !important;
    clip: initial !important;
    clip-path: initial !important;
    position: relative !important;
  }
  .cc .key-content,
  .cc figure {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .cc article section .orient-droite,
  .cc article section .orient-gauche {
    display: block !important;
  }
  .cc article section .orient-droite > div,
  .cc article section .orient-gauche > div {
    width: 100% !important;
  }
  .cc .body.flex > div {
    width: 100%;
  }
  .cc .soft,
  .cc .smaller {
    font-size: 8pt;
  }
  .cc .border {
    border: 1px solid #000;
  }
  .cc .bigger {
    font-size: 10pt;
  }
  .cc .bigger p {
    font-size: 10pt;
  }
  .cc .bigger h3,
  .cc .bigger h4 {
    font-size: 12pt;
  }
  .cc .flex {
    display: block;
  }
  .cc .flex .flex10,
  .cc .flex .flex20,
  .cc .flex .flex25,
  .cc .flex .flex30,
  .cc .flex .flex33,
  .cc .flex .flex40,
  .cc .flex .flex50,
  .cc .flex .flex60,
  .cc .flex .flex70,
  .cc .flex .flex80,
  .cc .flex .flex90 {
    display: block;
    width: 100%;
  }
  .cc .actions {
    margin-top: 5px;
  }
  .cc .padding-top {
    padding-top: 5px;
  }
  .cc .right,
  .cc .center {
    text-align: left;
  }
  .cc h1 {
    font-size: 14pt;
    color: #000;
  }
  .cc h2 {
    font-size: 12pt;
    color: #000;
  }
  .cc h3 {
    font-size: 10pt;
    color: #000;
  }
  .cc h4 {
    font-size: 8pt;
    color: #000;
  }
  .cc p {
    font-size: 8pt;
    line-height: 12pt;
    orphans: 3;
    widows: 4;
  }
  .cc a {
    text-decoration: underline;
    color: #000;
  }
  .cc a[href]:after,
  .cc .button {
    visibility: hidden;
  }
  .cc iframe[frameborder="0"] {
    min-height: 0;
  }
  .cc ul,
  .cc ol {
    margin: 10px 0;
    font-size: 8pt;
  }
  .cc ul li,
  .cc ol li {
    margin-bottom: 5px;
    font-size: 8pt;
  }
  .cc .insert {
    clear: both;
    display: block;
    padding: 20px;
    width: 100%;
    border: 1px solid rgba(89, 89, 89, 0.2);
    background-color: #fff;
  }
  .cc .key-figure .key-content {
    box-shadow: none;
  }
  .cc .key-figure .key-content p {
    min-height: none;
  }
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd {
    display: block;
    padding: 10px;
    font-size: 8pt;
  }
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd p,
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ul li,
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ol li {
    margin-bottom: 5px;
    break-inside: avoid;
    font-size: 8pt;
    page-break-inside: avoid;
  }
  .cc article {
    max-width: none;
  }
  .cc article header div.banner {
    position: static;
    padding: 0;
    transform: none;
    color: #000;
  }
  .cc article header div.banner h1,
  .cc article header div.banner p {
    width: 100%;
    color: #000;
  }
  .cc article header img {
    max-height: 250px;
  }
  .cc article .body {
    padding: 0;
    max-width: none;
  }
  .cc article .body section {
    padding: 10px 0;
  }
  .cc article .body section > div {
    max-width: none;
    padding: 0;
  }
  .cc article .body section > div h2,
  .cc article .body section > div p {
    margin-bottom: 10px;
  }
  .cc article .body section.bg {
    background-color: #fff;
  }
}
/*@import "utils/print.less";*/
/****************************************/
/** Styles BFCM 2022 **/
/****************************************/
/* Description :                        */
/*  - Styles BFCM/Global            	*/
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 29/11/2022 : création             */
/****************************************/
/****************************************/
.cc {
  color: #414141;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
}
.cc * {
  box-sizing: border-box;
}
.cc .border {
  border: 1px solid #f2efed;
}
.cc .border-radius {
  border-radius: 20px;
}
.cc .soft {
  /*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 .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;
}
@media only screen and (max-width: 992px) {
  .cc abbr {
    text-decoration: none;
  }
}
.cc abbr[title] {
  border: none;
}
.cc .center-align {
  align-self: center;
}
.cc .justify-center {
  justify-content: center;
}
.cc .vertical-align-bottom {
  vertical-align: bottom;
}
@media only screen and (max-width: 480px) {
  .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 .justify-content-center {
  justify-content: center;
}
.cc .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .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 .flex45 {
    width: 45%;
  }
  .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 h1 {
  /*px*/ font-size: 40px;
  /*rem*/ font-size: 2.5rem;
  /*px*/ line-height: 55px;
  /*rem*/ line-height: 3.4375rem;
  /*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 {
  color: #004494;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  /*px*/ line-height: 40px;
  /*rem*/ line-height: 2.5rem;
  font-weight: 600;
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
  position: relative;
}
@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 h2:before {
  content: "";
  background: #E2001A;
  display: block;
  /*px*/ height: 4px;
  /*rem*/ height: 0.25rem;
  /*px*/ width: 30px;
  /*rem*/ width: 1.875rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  /*px*/ top: 30px;
  /*rem*/ top: 1.875rem;
  /*px*/ left: -45px;
  /*rem*/ left: -2.8125rem;
}
@media only screen and (max-width: 992px) {
  .cc h2:before {
    /*px*/ width: 20px;
    /*rem*/ width: 1.25rem;
    /*px*/ left: -24px;
    /*rem*/ left: -1.5rem;
    /*px*/ top: 23px;
    /*rem*/ top: 1.4375rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc h2:before {
    /*px*/ width: 30px;
    /*rem*/ width: 1.875rem;
    /*px*/ top: 18px;
    /*rem*/ top: 1.125rem;
    /*px*/ left: -35px;
    /*rem*/ left: -2.1875rem;
  }
}
.cc h2.center:before {
  content: none;
}
@media only screen and (max-width: 768px) {
  .cc h2.center {
    text-align: left !important;
  }
  .cc h2.center:before {
    content: "";
    background: #E2001A;
    display: block;
    /*px*/ height: 4px;
    /*rem*/ height: 0.25rem;
    /*px*/ width: 30px;
    /*rem*/ width: 1.875rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    /*px*/ top: 18px;
    /*rem*/ top: 1.125rem;
    /*px*/ left: -35px;
    /*rem*/ left: -2.1875rem;
  }
}
.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;
  color: #004494;
}
@media only screen and (max-width: 768px) {
  .cc h3 {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ line-height: 26px;
    /*rem*/ line-height: 1.625rem;
  }
}
.cc h4 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
}
.cc h5 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
}
.cc p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
  /*px*/ margin: 0 0 15px;
  /*rem*/ margin: 0 0 0.9375rem;
}
.cc p:last-child {
  margin: 0;
}
.cc h2.intertitre-left {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .cc h2.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 .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 .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 .padding-top-bleu {
  padding-top: 10px;
}
.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 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 .body img {
  height: auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cc .body img {
    width: 100%;
  }
}
.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 .list-style {
  content: "\F01EE";
  color: #E2001A;
  font-family: "fts_picto";
  /*px*/ font-size: 8px;
  /*rem*/ font-size: 0.5rem;
  /*px*/ vertical-align: 2px;
  /*rem*/ vertical-align: 0.125rem;
  /*px*/ margin: 0 10px 0 0;
  /*rem*/ margin: 0 0.625rem 0 0;
}
.cc .number-style {
  content: counter(li-counter);
  counter-increment: li-counter;
  font-weight: 700;
  /*px*/ width: 20px;
  /*rem*/ width: 1.25rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #E2001A;
}
.cc ul,
.cc ol {
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
  list-style: none;
}
.cc ul.nostyle,
.cc ol.nostyle {
  padding-left: 0;
  margin-top: 0;
}
.cc ul.nostyle li,
.cc ol.nostyle li {
  text-align: center;
}
.cc ul.nostyle li:before,
.cc ol.nostyle li:before {
  content: none;
}
.cc ul.nostyle.smaller li,
.cc ol.nostyle.smaller li {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ line-height: 10px;
  /*rem*/ line-height: 0.625rem;
}
@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;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc ul > li,
.cc ol > li {
  text-align: left;
}
.cc ul > li ul,
.cc ol > li ul {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
.cc ul > li ul li,
.cc ol > li ul li {
  list-style: none;
  text-align: left;
}
.cc ul > li ul li:before,
.cc ol > li ul li:before {
  content: "\F01EE";
  color: #E2001A;
  font-family: "fts_picto";
  /*px*/ font-size: 8px;
  /*rem*/ font-size: 0.5rem;
  /*px*/ vertical-align: 2px;
  /*rem*/ vertical-align: 0.125rem;
  /*px*/ margin: 0 10px 0 0;
  /*rem*/ margin: 0 0.625rem 0 0;
}
.cc ul {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
.cc ul > li:before {
  content: "\F01EE";
  color: #E2001A;
  font-family: "fts_picto";
  /*px*/ font-size: 8px;
  /*rem*/ font-size: 0.5rem;
  /*px*/ vertical-align: 2px;
  /*rem*/ vertical-align: 0.125rem;
  /*px*/ margin: 0 10px 0 0;
  /*rem*/ margin: 0 0.625rem 0 0;
}
.cc ul.tabs > li:before {
  content: none;
}
.cc ol {
  counter-reset: li-counter;
}
.cc ol > li {
  position: relative;
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
.cc ol > li::before {
  content: counter(li-counter);
  counter-increment: li-counter;
  font-weight: 700;
  /*px*/ width: 20px;
  /*rem*/ width: 1.25rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #E2001A;
}
.cc ol ol {
  /*px*/ margin-left: 20px;
  /*rem*/ margin-left: 1.25rem;
}
.cc div.iframe-contact {
  background: #fff;
}
.cc div.iframe-contact div#frmcontact {
  padding: 30px 50px;
  /*px*/ max-width: 1370px;
  /*rem*/ max-width: 85.625rem;
  margin: 0 auto;
}
.cc div.iframe-contact div#frmcontact span.mandatory {
  color: #004494;
}
.cc div.iframe-contact div#frmcontact fieldset {
  border: none;
  border-radius: 4px;
  padding: 0;
}
.cc div.iframe-contact div#frmcontact fieldset div.form-group {
  margin: 25px 0;
}
.cc div.iframe-contact div#frmcontact fieldset div.form-group label {
  /*px*/ margin-bottom: 8px;
  /*rem*/ margin-bottom: 0.5rem;
  font-weight: 600;
}
.cc div.iframe-contact div#frmcontact fieldset div.form-group input,
.cc div.iframe-contact div#frmcontact fieldset div.form-group select {
  padding: 12px 15px;
  border-radius: 4px;
  border: 1px solid #000;
}
.cc div.iframe-contact div#frmcontact fieldset div.form-group div.form-control {
  padding: 10px 0;
}
.cc div.iframe-contact div#frmcontact fieldset div.form-group div.form-control input,
.cc div.iframe-contact div#frmcontact fieldset div.form-group div.form-control select,
.cc div.iframe-contact div#frmcontact fieldset div.form-group div.form-control textarea {
  width: 100%;
}
.cc div.iframe-contact div#frmcontact fieldset div.form-group div.form-control textarea {
  /*px*/ min-height: 100px;
  /*rem*/ min-height: 6.25rem;
  resize: vertical;
}
.cc #frmcontact {
  text-align: center;
}
.cc #frmcontact .button {
  padding-right: 11px;
}
.cc #faq-search-block-button-list {
  display: none;
}
.cc #faq-search-block-search-area {
  position: relative;
}
.cc #faq-search-block-search-area::before {
  font-family: fts_picto;
  content: "\F0554";
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  position: absolute;
  /*px*/ left: 10px;
  /*rem*/ left: 0.625rem;
  /*px*/ top: 29px;
  /*rem*/ top: 1.8125rem;
}
.cc #faq-search-block-search-area.faq-search-block-search-in-progress label,
.cc #faq-search-block-search-area.faq-search-block-search-field-focused label {
  visibility: hidden;
}
.cc #faq-search-block-search-area label {
  position: absolute;
  /*px*/ top: 8px;
  /*rem*/ top: 0.5rem;
  color: #c8cacb;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
}
.cc #faq-search-block-search-area label:hover {
  cursor: text;
}
.cc faq-quick-search #faq-search-block-search-field {
  width: 50%;
  /*px*/ height: 30px;
  /*rem*/ height: 1.875rem;
  border-radius: 30px;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
  border-color: #002D61;
  /*px*/ border-width: 1px;
  /*rem*/ border-width: 0.0625rem;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  color: #000;
  /*px*/ padding-top: 20px;
  /*rem*/ padding-top: 1.25rem;
  /*px*/ padding-bottom: 20px;
  /*rem*/ padding-bottom: 1.25rem;
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
  border: none;
}
@media only screen and (max-width: 992px) {
  .cc faq-quick-search #faq-search-block-search-field {
    width: 100%;
  }
}
.cc faq-quick-search #faq-search-block-search-field:focus-visible {
  outline: 2px solid #002D61;
}
.cc ul#faq dt[aria-expanded="true"] + dd {
  display: block;
}
.cc ul#faq dt[aria-expanded="false"] + dd {
  display: none;
}
.cc ul#faq h3 + [aria-hidden="false"] {
  display: block;
}
.cc ul#faq h3 + [aria-hidden="true"] {
  display: none;
}
.cc .ei_gly_pdf,
.cc .ei_gly_download,
.cc .ei_gly_arrow_right {
  position: relative;
}
.cc .ei_gly_pdf::before,
.cc .ei_gly_download::before,
.cc .ei_gly_arrow_right::before {
  position: absolute;
  top: 2px;
  right: -20px;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cc .button .ei_gly_pdf::before {
  top: -5px;
  /*px*/ font-size: 10px;
  /*rem*/ font-size: 0.625rem;
}
.cc .button.ei_gly_pdf-hover:hover .ei_gly_pdf::before {
  right: -25px;
}
.cc .ei_gly_arrow_right::before {
  top: 50%;
  translate: 0 -50%;
  right: -25px;
}
.cc .ei_gly_download::before {
  top: 0px;
}
.cc .ei_gly_pdf-hover:hover .ei_gly_pdf::before {
  right: -30px;
}
.cc .ei_gly_download-hover:hover .ei_gly_download::before {
  top: 3px;
}
.cc .ei_arrow_right-hover:hover .ei_gly_arrow_right::before {
  right: -30px;
}
.cc [data-collapse][role="tablist"] [role="tab"]:hover,
.cc [data-collapse][role="tablist"] [role="tab"]:focus {
  background: #fff;
  box-shadow: 0 0 0 0.2rem rgba(255, 222, 38, 0.5);
  outline: none;
  border-bottom: 1px solid transparent;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
  cursor: pointer;
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
  font-weight: 700;
  border-bottom: 1px solid rgba(89, 89, 89, 0.2);
  position: relative;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed]::after {
  font-family: fts_picto;
  content: "\F0327";
  padding-right: 5px;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  color: #B00015;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="false"]::after {
  content: "\F032A";
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"]::after {
  content: "\F032A";
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd {
  display: none;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd {
  /*px*/ padding: 15px 15px 25px 15px;
  /*rem*/ padding: 0.9375rem 0.9375rem 1.5625rem 0.9375rem;
  background: #fafafa;
  word-break: break-word;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd ul.ddl {
  /*px*/ margin: 0;
  /*rem*/ margin: 0;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd ul.ddl li {
  /*px*/ padding: 0 20px 20px 0;
  /*rem*/ padding: 0 1.25rem 1.25rem 0;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd ul.ddl li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd ul.ddl li a {
  text-decoration: none;
  /*px*/ padding: 10px 20px 10px 0;
  /*rem*/ padding: 0.625rem 1.25rem 0.625rem 0;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd ul.ddl li a {
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
  }
}
@media only screen and (min-width: 769px) {
  .cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd ul.ddl li a:hover::after {
    right: -20px;
  }
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] + dd {
  display: block;
}
.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;
  /*px*/ width: 10px;
  /*rem*/ width: 0.625rem;
  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: #004494;
}
.cc .draggable-list ul > li.sel a:hover {
  color: #004494;
}
.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%;
  }
}
#lightbox.disclaimer {
  padding: 20px 30px;
  border-radius: 20px;
  background: white;
  width: 60%;
}
@media only screen and (max-width: 768px) {
  #lightbox.disclaimer {
    width: 85%;
  }
}
#lightbox.disclaimer h2 {
  text-align: center;
  color: #000;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}
#lightbox.disclaimer h2::before {
  content: none;
}
#lightbox.disclaimer h3 {
  color: #000;
  font-size: 18px;
  margin: 0;
  text-decoration: underline;
}
#lightbox.disclaimer p.all-caps {
  font-size: 20px;
}
#lightbox.disclaimer a.morelink {
  color: #fff;
  background: #004494;
  padding: 5px 25px 5px 10px;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  border: 1px solid #004494;
  transition: all 0.5s ease 0s;
}
#lightbox.disclaimer a.morelink:hover,
#lightbox.disclaimer a.morelink:focus {
  color: #004494;
  background: #fff;
}
#lightbox.disclaimer a.morelink:hover::after,
#lightbox.disclaimer a.morelink:focus::after {
  color: #004494;
}
#lightbox.disclaimer a.morelink::after {
  content: "\F032A";
  position: absolute;
  top: calc(50% + 1px);
  right: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: fts_picto;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 20px;
  pointer-events: none;
  font-weight: bold;
  transition: all 0.5s ease 0s;
}
#lightbox.disclaimer a.morelink.less::after {
  content: "\F0327";
}
#lightbox.disclaimer .actions {
  padding: 30px 0;
  display: flex;
  justify-content: center;
  gap: 30px;
}
#lightbox.disclaimer .actions .button {
  border-radius: 50px;
  padding: 5px 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  background: #004494;
  color: #fff;
  border: 1px solid #004494;
  transition: all 0.5s ease 0s;
}
#lightbox.disclaimer .actions .button:hover,
#lightbox.disclaimer .actions .button:focus {
  background: #fff;
  color: #004494;
}
/* Styles globaux */
/****************************************/
/** Styles BFCM 2022 **/
/****************************************/
/* Description :                        */
/*  - Styles BFCM/Layout             */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 15/06/2022 : création             */
/****************************************/
/****************************************/
.cc .bg-gris.nomargin-top h3 {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .cc .bg-gris.nomargin-bottom figure {
    margin-bottom: 0;
  }
}
.cc #message {
  background: #004494;
}
.cc #message div {
  max-width: 1280px;
  /*px*/ padding: 40px 30px;
  /*rem*/ padding: 2.5rem 1.875rem;
  margin: 0 auto;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .cc #message div {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc #message div {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
.cc.main header {
  color: #fff;
  position: relative;
  /*px*/ min-height: 264px;
  /*rem*/ min-height: 16.5rem;
}
.cc.main header h1 {
  font-weight: 700;
}
@media only screen and (max-width: 992px) {
  .cc.main header h1 {
    text-align: center;
  }
}
.cc.main header picture img {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  object-fit: cover;
  width: 100%;
}
.cc.main header.hero picture::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6250701) 71%, rgba(0, 0, 0, 0.16568634) 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
}
.cc.main header.hero .banner {
  max-width: 1280px;
  /*px*/ padding: 40px 30px;
  /*rem*/ padding: 2.5rem 1.875rem;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  /*px*/ padding-top: 80px;
  /*rem*/ padding-top: 5rem;
}
@media only screen and (max-width: 992px) {
  .cc.main header.hero .banner {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main header.hero .banner {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main header.hero .banner {
    /*px*/ padding-top: 80px;
    /*rem*/ padding-top: 5rem;
  }
}
.cc.main header.hero .banner .chapo {
  color: #fff;
}
.cc.main header.hero .banner h1,
.cc.main header.hero .banner h2,
.cc.main header.hero .banner h3 {
  /*px*/ font-size: 40px;
  /*rem*/ font-size: 2.5rem;
  /*px*/ line-height: 44px;
  /*rem*/ line-height: 2.75rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .cc.main header.hero .banner h1,
  .cc.main header.hero .banner h2,
  .cc.main header.hero .banner h3 {
    /*px*/ font-size: 35px;
    /*rem*/ font-size: 2.1875rem;
  }
}
.cc.main header.hero .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 header.hero .banner p.surtitle {
  text-transform: uppercase;
}
.cc.main header:not(.hero) {
  width: 100%;
  /*px*/ min-height: 264px;
  /*rem*/ min-height: 16.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cc.main header:not(.hero) .banner {
  /*px*/ width: 1180px;
  /*rem*/ width: 73.75rem;
}
.cc.main header:not(.hero) .banner > div {
  width: 100%;
  /*px*/ max-width: 1180px;
  /*rem*/ max-width: 73.75rem;
  margin: 0 auto;
  /*px*/ padding: 40px 30px;
  /*rem*/ padding: 2.5rem 1.875rem;
  display: block;
}
.cc.main .body .banniere-logo img {
  /*px*/ max-width: 200px;
  /*rem*/ max-width: 12.5rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .banniere-logo {
    /*px*/ max-width: 200px;
    /*rem*/ max-width: 12.5rem;
    margin: auto;
  }
  .cc.main .body .banniere-logo img {
    /*px*/ padding: 10px;
    /*rem*/ padding: 0.625rem;
  }
}
.cc.main .body a {
  color: #004494;
  font-weight: 700;
  text-decoration: underline;
}
.cc.main .body a:hover {
  color: #0069E0;
}
.cc.main .body a:focus {
  color: #0069E0;
  outline: none;
}
.cc.main .body a:not(.note-bas-page):not(.button):hover {
  border-bottom: 0.5px solid #0069E0;
}
.cc.main .body a:not(.note-bas-page):not(.button):focus {
  border-bottom: 1px solid #0069E0;
}
.cc.main .body a.note-bas-page:hover {
  font-weight: 800;
  padding-left: 2px;
}
.cc.main .body a.note-bas-page:focus sup {
  scale: 1.1;
}
.cc.main .body li a {
  font-weight: 400;
}
.cc.main .body .button {
  color: #fff;
  background: #004494;
  /*px*/ padding: 7px 35px 7px 11.2px;
  /*rem*/ padding: 0.4375rem 2.1875rem 0.4375rem 0.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
  cursor: pointer;
  /*px*/ border-radius: 8px 50px;
  /*rem*/ border-radius: 0.5rem 3.125rem;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border: 2px solid #004494;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .button {
    /*px*/ margin: 12px 0;
    /*rem*/ margin: 0.75rem 0;
  }
}
@media only screen and (min-width: 769px) {
  .cc.main .body .button:not(.consent-button):hover:after,
  .cc.main .body .button:not(.consent-button):focus:after {
    right: -8px;
  }
}
.cc.main .body .button:hover,
.cc.main .body .button:focus {
  background: #0069E0;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
  border-color: #0069E0;
}
.cc.main .body #bouton-eisec {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
}
.cc.main .body p a,
.cc.main .body li a {
  text-transform: initial;
}
.cc.main .body .actions {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc.main .body h3.titre-tableau {
  text-align: center;
}
@media only screen and (min-width: 993px) {
  .cc.main .body h3.titre-tableau {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main .body .section-ancres-tableau table:not(#rwd-0-alt-0) th a {
    display: none;
  }
}
.cc.main .body table {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .cc.main .body table.tableau-nos-dirigeants {
    width: 70%;
    margin: auto;
  }
}
.cc.main .body table.notations-financieres .emetteur {
  /*px*/ max-width: 150px;
  /*rem*/ max-width: 9.375rem;
}
.cc.main .body table.notations-financieres tbody th {
  /*px*/ min-width: 180px;
  /*rem*/ min-width: 11.25rem;
}
.cc.main .body table caption {
  background-color: #004494;
  color: #fff;
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
  /*px*/ padding: 5px;
  /*rem*/ padding: 0.3125rem;
  font-weight: 600;
}
.cc.main .body table caption a {
  color: #fff;
}
.cc.main .body table caption a:hover {
  color: #c8cacb;
}
.cc.main .body table thead {
  background-color: #F2F5FA;
  border: none;
  color: #000;
}
.cc.main .body table thead th {
  padding: 10px 14px;
  border: 1px solid #E2E0D7;
}
.cc.main .body table tbody th {
  border: 1px solid #E2E0D7;
  background-color: #F2F5FA;
  padding: 10px 14px;
}
.cc.main .body table tbody td {
  border: 1px solid #E2E0D7;
}
.cc.main .body table.one-entry {
  /*px*/ margin-bottom: 40px;
  /*rem*/ margin-bottom: 2.5rem;
}
.cc.main .body table.one-entry th {
  width: 50%;
}
.cc.main .body table.RWD-M-alt,
.cc.main .body h3.RWD-M-alt {
  display: none;
}
@media only screen and (max-width: 992px) {
  .cc.main .body table {
    width: auto;
  }
  .cc.main .body table.RWD-M {
    display: none;
  }
  .cc.main .body table.RWD-M-alt {
    display: table;
    width: 100%;
  }
  .cc.main .body h3.RWD-M-alt {
    display: block;
  }
  .cc.main .body .scroll-RWD-M {
    overflow-x: auto;
    width: calc(110%);
    margin-right: -10px;
    border: 1px solid #E2E0D7;
    border-right: 0;
  }
  .cc.main .body .scroll-RWD-M table {
    min-width: 130%;
    background-color: #fff;
  }
}
.cc.main .body section.bg-gris .keypoint-wrap {
  background-color: #fff;
}
.cc.main .body section .key-figure-dessous .key-figure {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .cc.main .body section .key-figure-dessous .key-figure {
    display: block;
  }
}
.cc.main .body section .key-figure {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  height: 100%;
  text-align: center;
}
.cc.main .body section .key-figure div.keypoint-wrap {
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  /*px*/ margin: 10px;
  /*rem*/ margin: 0.625rem;
  /*px*/ border-radius: 10px;
  /*rem*/ border-radius: 0.625rem;
  flex: 1;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content {
  display: block;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content .svg {
  display: inline-block;
  /*px*/ width: 50px;
  /*rem*/ width: 3.125rem;
  /*px*/ height: 50px;
  /*rem*/ height: 3.125rem;
  background: #F2F5FA;
  /*px*/ border-radius: 10px;
  /*rem*/ border-radius: 0.625rem;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content .svg:before {
  font-size: 2rem;
  /*px*/ padding-top: 10px;
  /*rem*/ padding-top: 0.625rem;
  color: #004494;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h3,
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h4 {
  line-height: 30px;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h3 .titre-tuile-chiffre,
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h4 .titre-tuile-chiffre {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  font-weight: 700;
  display: block;
  color: #004494;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h3 .titre-tuile-description,
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h4 .titre-tuile-description {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  color: #414141;
  font-weight: 800;
  display: block;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h3 .titre-tuile-details,
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content h4 .titre-tuile-details {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: 400;
  color: #414141;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content p {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  font-weight: 800;
  margin-bottom: 0;
  /*px*/ padding-top: 10px;
  /*rem*/ padding-top: 0.625rem;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content p.smaller {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  font-weight: 400;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content p strong {
  display: block;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  color: #004494;
  /*px*/ margin-bottom: 3px;
  /*rem*/ margin-bottom: 0.1875rem;
}
.cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content .svg + div {
  /*px*/ max-width: 450px;
  /*rem*/ max-width: 28.125rem;
}
@media only screen and (max-width: 1280px) {
  .cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content .svg + div {
    /*px*/ max-width: 300px;
    /*rem*/ max-width: 18.75rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main .body section .key-figure div.keypoint-wrap div.keypoint-content .svg + div {
    margin: auto;
  }
}
@media only screen and (min-width: 993px) {
  .cc.main .body section .orient-droite .key-figure .keypoint-wrap .keypoint-picto,
  .cc.main .body section .orient-gauche .key-figure .keypoint-wrap .keypoint-picto {
    align-items: center;
    display: flex;
  }
  .cc.main .body section .orient-droite .key-figure .keypoint-wrap .keypoint-picto div:not(.svg),
  .cc.main .body section .orient-gauche .key-figure .keypoint-wrap .keypoint-picto div:not(.svg) {
    text-align: left;
  }
  .cc.main .body section .orient-droite .key-figure .keypoint-wrap .keypoint-picto h3,
  .cc.main .body section .orient-gauche .key-figure .keypoint-wrap .keypoint-picto h3,
  .cc.main .body section .orient-droite .key-figure .keypoint-wrap .keypoint-picto h4,
  .cc.main .body section .orient-gauche .key-figure .keypoint-wrap .keypoint-picto h4 {
    text-align: left;
    /*px*/ margin-left: 20px;
    /*rem*/ margin-left: 1.25rem;
    /*px*/ line-height: 22px;
    /*rem*/ line-height: 1.375rem;
  }
  .cc.main .body section .orient-droite .key-figure .keypoint-wrap .keypoint-picto h3 .titre-tuile-chiffre,
  .cc.main .body section .orient-gauche .key-figure .keypoint-wrap .keypoint-picto h3 .titre-tuile-chiffre,
  .cc.main .body section .orient-droite .key-figure .keypoint-wrap .keypoint-picto h4 .titre-tuile-chiffre,
  .cc.main .body section .orient-gauche .key-figure .keypoint-wrap .keypoint-picto h4 .titre-tuile-chiffre {
    /*px*/ margin-bottom: 5px;
    /*rem*/ margin-bottom: 0.3125rem;
  }
  .cc.main .body section .orient-droite .key-figure .keypoint-wrap .keypoint-picto .button,
  .cc.main .body section .orient-gauche .key-figure .keypoint-wrap .keypoint-picto .button {
    /*px*/ margin-left: 15px;
    /*rem*/ margin-left: 0.9375rem;
  }
}
.cc.main .body [data-tabs] [role="tablist"] {
  border-bottom: 1px solid #c8cacb;
}
.cc.main .body [data-tabs] [role="tablist"] li {
  display: inline-block;
  /*px*/ margin-right: 32px;
  /*rem*/ margin-right: 2rem;
}
.cc.main .body [data-tabs] [role="tablist"] li a {
  color: #000;
  text-decoration: none;
}
.cc.main .body [data-tabs] [role="tablist"] li a:hover,
.cc.main .body [data-tabs] [role="tablist"] li a:focus {
  border-bottom: 4px solid #E2001A;
}
.cc.main .body [data-tabs] [role="tablist"] li.sel h2,
.cc.main .body [data-tabs] [role="tablist"] li.sel h3,
.cc.main .body [data-tabs] [role="tablist"] li.sel a {
  border-bottom: 4px solid #E2001A;
  color: #000;
  font-weight: 700;
}
.cc.main .body [data-tabs] [role="tabpanel"][aria-hidden="true"] {
  display: none;
}
.cc.main .body #pagination {
  text-align: center;
}
.cc.main .body #pagination ul {
  list-style: none;
  display: inline-block;
}
.cc.main .body #pagination ul li {
  display: inline;
  /*px*/ margin-right: 20px;
  /*rem*/ margin-right: 1.25rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc.main .body #pagination ul li:last-child {
  /*px*/ margin-right: 0;
  /*rem*/ margin-right: 0;
}
.cc.main .body #pagination ul li a {
  text-decoration: none;
}
.cc.main .body #pagination ul li a:hover {
  color: #B00015;
}
.cc.main .body #pagination ul li a:focus {
  color: #0069E0;
}
.cc.main .body #pagination ul li a.sel {
  color: #fff;
  background-color: #004494;
  /*px*/ padding: 4px 12px;
  /*rem*/ padding: 0.25rem 0.75rem;
}
.cc.main .body #pagination ul li a.sel:hover {
  background-color: #B00015;
}
.cc.main .body #pagination ul li a.sel:focus {
  background-color: #0069E0;
}
@media only screen and (max-width: 992px) {
  .cc.main .body .flex.flex-keypoints-responsive {
    display: block;
  }
}
.cc.main .body .insert {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #F2F5FA;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
@media only screen and (min-width: 769px) {
  .cc.main .body .insert {
    width: 70%;
  }
}
.cc.main .body .insert.insert-center {
  margin-left: auto;
  margin-right: auto;
}
.cc.main .body .insert .baseline {
  align-items: baseline;
}
.cc.main .body .insert h3.titre-insert {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
  font-weight: 800;
  color: #414141;
}
.cc.main .body .insert h4.titre-insert {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  font-weight: 600;
  color: #414141;
}
.cc.main .body div + .insert {
  /*px*/ margin-top: 30px;
  /*rem*/ margin-top: 1.875rem;
}
.cc.main .body .link-img img {
  width: auto;
  display: block;
  margin: auto;
}
.cc.main .body .link-img:focus img,
.cc.main .body .link-img:active img,
.cc.main .body .link-img:hover img {
  outline: 2px solid #004494;
  /*px*/ outline-offset: 4px;
  /*rem*/ outline-offset: 0.25rem;
  /*px*/ border-radius: 2px;
  /*rem*/ border-radius: 0.125rem;
}
.cc.main .body section.bg-gris {
  background-color: #F2F5FA;
}
.cc.main .body section.bg-img {
  position: relative;
  /*px*/ margin-bottom: -5px;
  /*rem*/ margin-bottom: -0.3125rem;
}
.cc.main .body section.bg-img > picture > img {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  object-fit: cover;
}
.cc.main .body section > div {
  max-width: 1280px;
  /*px*/ padding: 40px 30px;
  /*rem*/ padding: 2.5rem 1.875rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc.main .body section > div {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .body section > div {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
.cc.main .body section > div.orient-droite,
.cc.main .body section > div.orient-gauche,
.cc.main .body section > div > div > div.orient-droite,
.cc.main .body section > div > div > div.orient-gauche {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1280px;
  /*px*/ padding: 10px 30px;
  /*rem*/ padding: 0.625rem 1.875rem;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  .cc.main .body section > div.orient-droite,
  .cc.main .body section > div.orient-gauche,
  .cc.main .body section > div > div > div.orient-droite,
  .cc.main .body section > div > div > div.orient-gauche {
    display: block;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main .body section > div.orient-droite,
  .cc.main .body section > div.orient-gauche,
  .cc.main .body section > div > div > div.orient-droite,
  .cc.main .body section > div > div > div.orient-gauche {
    /*px*/ padding: 10px 25px;
    /*rem*/ padding: 0.625rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .body section > div.orient-droite,
  .cc.main .body section > div.orient-gauche,
  .cc.main .body section > div > div > div.orient-droite,
  .cc.main .body section > div > div > div.orient-gauche {
    /*px*/ padding: 10px 20px;
    /*rem*/ padding: 0.625rem 1.25rem;
  }
}
.cc.main .body section > div.orient-droite > div h2,
.cc.main .body section > div.orient-gauche > div h2,
.cc.main .body section > div > div > div.orient-droite > div h2,
.cc.main .body section > div > div > div.orient-gauche > div h2 {
  /*px*/ margin: 0 0 15px;
  /*rem*/ margin: 0 0 0.9375rem;
}
.cc.main .body section > div.orient-droite > div img,
.cc.main .body section > div.orient-gauche > div img,
.cc.main .body section > div > div > div.orient-droite > div img,
.cc.main .body section > div > div > div.orient-gauche > div img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: auto;
}
@media only screen and (min-width: 1201px) {
  .cc.main .body section > div.orient-droite > div img,
  .cc.main .body section > div.orient-gauche > div img,
  .cc.main .body section > div > div > div.orient-droite > div img,
  .cc.main .body section > div > div > div.orient-gauche > div img {
    /*px*/ max-width: 450px;
    /*rem*/ max-width: 28.125rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc.main .body section > div.orient-droite > div img,
  .cc.main .body section > div.orient-gauche > div img,
  .cc.main .body section > div > div > div.orient-droite > div img,
  .cc.main .body section > div > div > div.orient-gauche > div img {
    /*px*/ max-width: 450px;
    /*rem*/ max-width: 28.125rem;
  }
}
.cc.main .body section > div.orient-droite > div img.floating-icon,
.cc.main .body section > div.orient-gauche > div img.floating-icon,
.cc.main .body section > div > div > div.orient-droite > div img.floating-icon,
.cc.main .body section > div > div > div.orient-gauche > div img.floating-icon {
  /*px*/ max-width: 65px;
  /*rem*/ max-width: 4.0625rem;
}
@media only screen and (min-width: 993px) {
  .cc.main .body section > div.orient-droite > div img,
  .cc.main .body section > div.orient-gauche > div img,
  .cc.main .body section > div > div > div.orient-droite > div img,
  .cc.main .body section > div > div > div.orient-gauche > div img {
    /*px*/ max-height: 633px;
    /*rem*/ max-height: 39.5625rem;
  }
}
.cc.main .body section > div.orient-droite > div:first-child,
.cc.main .body section > div.orient-gauche > div:first-child,
.cc.main .body section > div > div > div.orient-droite > div:first-child,
.cc.main .body section > div > div > div.orient-gauche > div:first-child {
  width: 50%;
  height: 100%;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
@media only screen and (max-width: 992px) {
  .cc.main .body section > div.orient-droite > div:first-child,
  .cc.main .body section > div.orient-gauche > div:first-child,
  .cc.main .body section > div > div > div.orient-droite > div:first-child,
  .cc.main .body section > div > div > div.orient-gauche > div:first-child {
    width: 100%;
    box-shadow: none;
  }
}
.cc.main .body section > div.orient-droite > div:last-child,
.cc.main .body section > div.orient-gauche > div:last-child,
.cc.main .body section > div > div > div.orient-droite > div:last-child,
.cc.main .body section > div > div > div.orient-gauche > div:last-child {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .cc.main .body section > div.orient-droite > div:last-child,
  .cc.main .body section > div.orient-gauche > div:last-child,
  .cc.main .body section > div > div > div.orient-droite > div:last-child,
  .cc.main .body section > div > div > div.orient-gauche > div:last-child {
    width: 100%;
  }
}
.cc.main .body section > div.orient-gauche,
.cc.main .body section > div > div > div.orient-gauche {
  flex-direction: row-reverse;
}
.cc.main .body section > div .youtube-player iframe,
.cc.main .body section > div video {
  /*px*/ margin-top: 40px;
  /*rem*/ margin-top: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body section > div .youtube-player iframe,
  .cc.main .body section > div video {
    /*px*/ margin-top: 20px;
    /*rem*/ margin-top: 1.25rem;
  }
}
.cc.main .body section.noborder-radius .orient-droite div figure img,
.cc.main .body section.noborder-radius .orient-gauche div figure img {
  border-radius: 0;
}
.cc.main .body section.prefooter {
  /*px*/ margin-top: 70px;
  /*rem*/ margin-top: 4.375rem;
  background-color: #002D61;
  /*px*/ padding-top: 20px;
  /*rem*/ padding-top: 1.25rem;
}
.cc.main .body section.prefooter .ei_logo img {
  /*px*/ max-width: 150px;
  /*rem*/ max-width: 9.375rem;
}
.cc.main .body section.prefooter .ei_logo:active img,
.cc.main .body section.prefooter .ei_logo:hover img,
.cc.main .body section.prefooter .ei_logo:focus img {
  outline: 2px solid #fff;
}
@media only screen and (min-width: 769px) {
  .cc.main .body section.prefooter > div {
    padding: 0px;
  }
}
.cc.main .body section.prefooter div#prefooter {
  color: #fff;
  margin: 0 auto;
}
.cc.main .body section.prefooter div#prefooter > div {
  text-align: center;
}
.cc.main .body section.prefooter div#prefooter > div .smaller {
  /*px*/ line-height: 18px;
  /*rem*/ line-height: 1.125rem;
}
.cc.main .body section.prefooter div#prefooter a {
  color: #fff;
}
@media only screen and (max-width: 480px) {
  .cc.main .body section.prefooter {
    text-align: center;
    /*px*/ padding-top: 20px;
    /*rem*/ padding-top: 1.25rem;
    /*px*/ padding-bottom: 20px;
    /*rem*/ padding-bottom: 1.25rem;
  }
}
.cc.main .body footer {
  padding-bottom: 0 !important;
  max-width: 1280px;
  /*px*/ padding: 40px 30px;
  /*rem*/ padding: 2.5rem 1.875rem;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc.main .body footer {
    /*px*/ padding: 30px 25px;
    /*rem*/ padding: 1.875rem 1.5625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .body footer {
    /*px*/ padding: 30px 20px;
    /*rem*/ padding: 1.875rem 1.25rem;
  }
}
/*Structure des pages */
/****************************************/
/********** Styles BFCM 2022 ************ /
/****************************************/
/* Description :                        */
/*  - Styles BFCM/Tiles              	*/
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 04/03/2020 : création             */
/****************************************/
/****************************************/
.cc .tiles .tile {
  /*px*/ margin: 15px;
  /*rem*/ margin: 0.9375rem;
  /*px*/ border-radius: 20px;
  /*rem*/ border-radius: 1.25rem;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
}
.cc .tiles .tile img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}
.cc .tiles .tile .banner {
  padding: 0 30px 0;
}
@media only screen and (min-width: 769px) {
  .cc .tiles .tile .banner {
    min-height: 70px;
  }
}
.cc .tiles .tile .actions {
  text-align: center;
  padding: 20px 20px 0;
  margin-top: 0px;
}
@media only screen and (max-width: 768px) {
  .cc .tiles .tile .actions {
    padding: 20px 20px 20px;
  }
}
.cc .tiles .tile .actions .button {
  background: #fff;
  color: #004494;
  border: 2px solid #B5C9E0;
  margin-top: 0px;
}
.cc .tiles .tile .actions .button:focus,
.cc .tiles .tile .actions .button:hover {
  border: solid #004494 1px;
}
.cc .tiles .tile h3 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
@media only screen and (min-width: 1201px) {
  .cc .tiles.five-tiles .tile {
    width: 17%;
  }
  .cc .tiles.five-tiles .tile > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .cc .tiles.five-tiles .tile > div .banner {
    min-height: 120px;
  }
}
@media only screen and (min-width: 769px) {
  .cc .tiles.five-tiles .tile .banner {
    /*px*/ min-height: 100px;
    /*rem*/ min-height: 6.25rem;
  }
}
/*Styles des tuiles*/
/* Utils */
.hidden {
  visibility: hidden;
  transition: 0.2s;
}
.row-reverse {
  flex-direction: row-reverse;
}
.row {
  flex-direction: row;
}
.justify-center {
  justify-content: center;
}
.justify-right {
  justify-content: right;
}
.slider-wrapper {
  position: relative;
}
.slider-container {
  overflow: hidden;
  height: 100%;
}
.slide-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 3rem;
}
.slider-item {
  /* base */
  flex-shrink: 0;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
.slider-item .keypoint-wrap {
  min-height: 320px;
}
.slider-item[aria-hidden="true"] {
  display: flex;
}
.slider-container-transition {
  transition: transform 0.3s ease-in-out;
}
/* Pagination appearance options */
button {
  cursor: pointer;
  appearance: none;
}
.slidePosition .currentPosition:after {
  content: "/";
  width: 100%;
  height: 100%;
}
/* No slide : garantie l'affichage si le slider n'est pas initialisé */
.no-slide .slider-container {
  overflow: visible;
}
.no-slide .navigation {
  display: none;
}
.no-slide .pagination {
  display: none;
}
.no-slide .scrollContainer {
  display: none;
}
#slider-ambitions .slider-container-transition {
  transition: transform 0.3s ease-in-out;
}
#slider-ambitions {
  margin: auto;
  padding: 0 1rem;
}
@media only screen and (min-width: 769px) {
  #slider-ambitions {
    width: 50%;
    min-height: 35vh;
    padding: 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #slider-ambitions {
    height: 40vh;
  }
}
#slider-ambitions .slider-item {
  display: block;
  height: 100%;
}
#slider-ambitions .slider-item .keypoint-wrap {
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  /*px*/ margin: 10px;
  /*rem*/ margin: 0.625rem;
  /*px*/ border-radius: 10px;
  /*rem*/ border-radius: 0.625rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
#slider-ambitions .slidePosition {
  display: none;
}
#slider-ambitions .navigation .next,
#slider-ambitions .navigation .prev {
  appearance: none;
  background: none;
  border: none;
  height: 100%;
  width: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  color: #002D61;
}
@media only screen and (max-width: 576px) {
  #slider-ambitions .navigation .next,
  #slider-ambitions .navigation .prev {
    width: 4rem;
  }
}
#slider-ambitions .navigation .next {
  right: -1rem;
}
@media only screen and (min-width: 769px) {
  #slider-ambitions .navigation .next {
    right: -2rem;
  }
}
#slider-ambitions .navigation .prev {
  left: -1rem;
}
@media only screen and (min-width: 769px) {
  #slider-ambitions .navigation .prev {
    left: -2rem;
  }
}
#slider-ambitions .navigation .next:hover:after,
#slider-ambitions .navigation .prev:hover:after,
#slider-ambitions .navigation .next:focus:after,
#slider-ambitions .navigation .prev:focus:after {
  color: #438DE0;
  outline: 2px solid #004494;
  outline-offset: 2px;
}
#slider-ambitions .navigation .prev:after {
  content: "\F0328";
  left: 0;
}
#slider-ambitions .navigation .next:after {
  content: "\F0329";
  right: 0;
}
#slider-ambitions .navigation .next:after,
#slider-ambitions .navigation .prev:after {
  font-family: fts_picto;
  font-size: 2rem;
  position: absolute;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
}
#slider-ambitions .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #slider-ambitions .pagination {
    bottom: 0;
  }
}
#slider-ambitions .pagination button {
  appearance: none;
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  cursor: pointer;
  background-color: #002D61;
  border: #002D61;
  color: white;
  transition: 0.3s;
}
#slider-ambitions .pagination button:hover,
#slider-ambitions .pagination button:focus,
#slider-ambitions .pagination button.active {
  background-color: #438DE0;
  border: #438DE0;
  outline: 2px solid #004494;
  outline-offset: 4px;
}
#slider-ambitions .pagination button.active {
  color: white;
  font-weight: bold;
  background-color: #0069E0;
  border: #0069E0;
}
/*Styles des tuiles*/
iframe.noborder {
  border: none;
}
div#overlay {
  display: none;
  background: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1800;
}
dialog#lightbox {
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  border: none;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  position: fixed;
  width: 80%;
  z-index: 2000;
  height: calc(100% - 250px);
  display: flex;
  left: 50%;
  transform: translateX(-50%);
}
dialog#lightbox > div {
  flex: 1;
}
dialog#lightbox button.close {
  float: right;
  transition: all 1s ease 0s;
  background: transparent;
  border: none;
  color: #B00015;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  dialog#lightbox button.close {
    right: -13px;
    top: -30px;
  }
}
dialog#lightbox button.close:before {
  display: inline-block;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
dialog#lightbox button.close:hover,
dialog#lightbox button.close:focus {
  opacity: 0.7;
}
dialog#lightbox h1 {
  /*px*/ margin: 0 0 15px 0;
  /*rem*/ margin: 0 0 0.9375rem 0;
  color: #004494;
  line-height: 1;
  font-weight: 400;
}
dialog#lightbox h1 + iframe {
  height: calc(100% - 52px);
}
dialog#lightbox iframe {
  border: none;
  width: 100%;
  height: calc(100% - 30px);
}
/*Play Button*/
.lightbox {
  outline-offset: 0;
  outline: 0;
}
.playbutton:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  width: 70px;
  height: 70px;
  background-color: #002D61;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.5s ease 0s;
}
.playbutton:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  border-style: solid;
  border-width: 15px 0 15px 25px;
  border-color: transparent transparent transparent #000;
  transition: all 0.5s ease 0s;
}
.lightbox:hover .playbutton:before,
.lightbox:focus .playbutton:before {
  background-color: #004494;
  transition: all 0.5s ease 0s;
}
.lightbox:hover .playbutton:after,
.lightbox:focus .playbutton:after {
  border-color: transparent transparent transparent #fff;
  transition: all 0.5s ease 0s;
}
/*Consentement Youtube*/
.youtube-player {
  position: relative;
}
@media only screen and (max-width: 370px) {
  .youtube-player {
    /*px*/ margin: 45px 0;
    /*rem*/ margin: 2.8125rem 0;
  }
}
.youtube-player > div.youtube-consent-txt {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.youtube-player > div.youtube-consent-txt > div {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  margin: 10px 20px;
  margin: 0.625rem 1.25rem;
  border: 1px solid #002D61;
}
.youtube-player > div.youtube-consent-txt > div p {
  margin-bottom: 0.5rem;
  text-align: center;
}
.youtube-player > div.youtube-consent-txt > .consent-text {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  /*px*/ margin: 10px 20px;
  /*rem*/ margin: 0.625rem 1.25rem;
  border: 2px solid #002D61;
}
@media only screen and (max-width: 480px) {
  .youtube-player > div.youtube-consent-txt > .consent-text {
    /*px*/ margin: 10px 0;
    /*rem*/ margin: 0.625rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .youtube-player > div.youtube-consent-txt > .consent-text > p {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
  }
}
.youtube-player .consent-button {
  padding-left: 35px;
  padding-right: 10px;
  background: #002D61;
  border: 2px solid #002D61;
}
.youtube-player .consent-button:hover,
.youtube-player .consent-button:focus {
  border: 2px solid #002D61;
  background: #fff;
  color: #000;
}
.youtube-player .consent-button::before {
  content: "";
  position: relative;
  left: -14px;
  top: 1px;
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  display: inline-block;
}
.youtube-player .consent-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*Light Box*/
@media screen and (max-width: 787px) {
  dialog#lightbox.noheight {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 10px;
    width: 80%;
  }
}
@media screen and (max-width: 500px) {
  dialog#lightbox.noheight {
    margin-top: 25px;
  }
}
/*Styles des tuiles*/
.cc .map svg g {
  fill: #d3d7e7;
}
.cc section#map-cm > div,
.cc section#map-le-cic > div,
.cc section#map-gouvernance-cm > div,
.cc section#map-gouvernance-cic > div {
  overflow: visible;
  padding: 30px 0px;
}
@media only screen and (max-width: 1200px) {
  .cc section#map-cm h2,
  .cc section#map-le-cic h2,
  .cc section#map-gouvernance-cm h2,
  .cc section#map-gouvernance-cic h2 {
    /*px*/ margin: 15px 20px;
    /*rem*/ margin: 0.9375rem 1.25rem;
  }
}
@media only screen and (max-width: 1200px) {
  .cc section#map-le-cic .map,
  .cc section#map-le-cic .map__background {
    /*px*/ height: 500px;
    /*rem*/ height: 31.25rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc section#map-gouvernance-cm > div,
  .cc section#map-gouvernance-cic > div {
    padding: 10px 45px;
  }
}
.cc section#map-monde > div {
  max-width: 1500px;
}
.cc .map {
  height: 800px;
}
.cc .map__background {
  margin: 0 calc((100vw - 1200px) / -2);
  height: 800px;
  display: flex;
  justify-content: center;
  background: #eeeff4;
  background: linear-gradient(90deg, #eeeff4 50%, #f9f8fd 50%);
}
@supports not (-ms-high-contrast: none) {
  .cc .map__background {
    align-items: center;
  }
}
@media only screen and (max-width: 1200px) {
  .cc .map__background {
    margin: 0;
  }
}
.cc .map__background--jpeg {
  width: 100%;
  background: none;
  background-image: url("https://cdnwmsi.e-i.com/SITW/wm/global/1.0.0/WEBA/BFCM/assets/articles/presentation-cmaf/1.0/map-bg.jpg");
  background-size: 3090px;
  background-position: top -141px left calc((100% - -320px) / 2);
  background-repeat: no-repeat;
}
.cc .map__container {
  display: flex;
  padding: 10px 45px;
  min-width: 1200px;
  width: 1200px;
}
@media only screen and (max-width: 1200px) {
  .cc .map__container {
    padding: 10px 0px;
    min-width: auto;
    width: auto;
  }
}
.cc .map__div {
  width: 50%;
}
@media only screen and (max-width: 1200px) {
  .cc .map__div {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.cc .map__div--map-container {
  position: relative;
  display: flex;
}
.cc .map__div--map-container > div:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .cc .map__div--map-container {
    display: none;
  }
}
.cc .map__div .tiles .team {
  width: 50%;
}
.cc .map__svg {
  width: 555px;
  position: relative;
  z-index: 0;
}
.cc .map__svg .region,
.cc .map__svg .city {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.cc .map__svg .region {
  fill: #004494;
}
.cc .map__svg .city {
  fill: #fff;
  stroke: red;
}
.cc .map__svg .area .region,
.cc .map__svg .area .city {
  transition: fill 0.5s, stroke 0.5s, stroke-width 0.5s;
}
.cc .map__svg .area .city {
  stroke-width: 1px;
}
.cc .map__svg .area .city:before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
}
.cc .map__svg .area.area--disabled .region {
  fill: #d3d7e7;
}
.cc .map__svg .area:not(.area--disabled) {
  cursor: pointer;
}
.cc .map__svg .area:not(.area--disabled):hover .city,
.cc .map__svg .area:not(.area--disabled):focus .city,
.cc .map__svg .area.area--active .city {
  fill: red;
  stroke: rgba(255, 255, 255, 0.2);
  stroke-width: 10px;
}
.cc .map__svg .area:not(.area--disabled):not(.area--active):hover .region,
.cc .map__svg .area:not(.area--disabled):not(.area--active):focus .region {
  fill: #0069E0;
}
.cc .map__svg .area.focus,
.cc .map__svg .area:focus {
  outline: initial;
}
.cc .map__tile {
  border-radius: 20px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin: 20px;
  box-sizing: border-box;
  background-color: white;
  max-width: 460px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cc .map__tile {
    margin-top: 100px;
  }
}
.cc .map__tile ul li {
  /*px*/ line-height: 18px;
  /*rem*/ line-height: 1.125rem;
}
.cc .map .area.area--active .region {
  fill: #97C8FF;
}
.cc .map--cm .map__svg {
  top: 0px;
  left: -18px;
}
.cc .map--cic .map__svg {
  width: 524px;
  position: relative;
  z-index: 0;
  top: -14px;
  left: -14px;
}
.cc .map--cic .map__svg .area .region {
  fill: #4da4a8;
}
.cc .map--cic .map__svg .area:not(.area--disabled):hover .region,
.cc .map--cic .map__svg .area:not(.area--disabled):focus .region,
.cc .map--cic .map__svg .area.area--active .region {
  fill: #004b4f;
}
.cc .map--cm,
.cc .map--cic {
  margin-top: -80px;
}
@media only screen and (max-width: 992px) {
  .cc .map--cm,
  .cc .map--cic {
    margin-top: 0;
  }
}
.cc .map--implantations-international {
  height: 600px;
}
@media only screen and (max-width: 1200px) {
  .cc .map--implantations-international {
    display: flex;
    justify-content: center;
    height: auto;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .cc .map--implantations-international .map__svg {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1200px) and all and (-ms-high-contrast: none), only screen and (max-width: 1200px) and (-ms-high-contrast: active) {
  .cc .map--implantations-international .map__svg {
    height: 330px;
  }
}
.cc .map--implantations-international .region,
.cc .map--implantations-international .city {
  stroke-width: 1px;
}
.cc .map--highlight-linked-text .area-content {
  position: relative;
}
.cc .map--highlight-linked-text .area-content:after {
  display: block;
  content: ' ';
  width: 0px;
  height: 2px;
  background-color: #E2001A;
  position: absolute;
  top: 17px;
  left: 0;
  transition: all 0.5s;
  opacity: 0;
}
.cc .map--highlight-linked-text .area-content--active {
  font-weight: bold;
}
.cc .map--highlight-linked-text .area-content--active:after {
  width: 100px;
  opacity: 1;
}
.cc .map--show-content .area-content {
  display: none;
}
.cc .map--show-content .area-content--active {
  display: block;
}
.cc .map__tooltip {
  pointer-events: none;
  position: absolute;
  display: inline-block;
  border: 1px solid #d3d7e7;
  background-color: white;
  width: 180px;
  height: 80px;
  padding: 10px;
  border-radius: 10px;
  z-index: 10;
}
.cc .map__tooltip p {
  text-align: center;
  color: #002D61;
  font-size: 12px;
  line-height: 18px;
}
.cc .map__tooltip p strong {
  display: block;
}
.cc .map__tooltip:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -21px;
  left: 79px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #d3d7e7;
}
.cc .map__tooltip:after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 0;
  border: 9px solid transparent;
  border-top-color: white;
  bottom: -18px;
  left: 79px;
}
.cc #map-implantation-international-tiles {
  margin-top: 30px;
}
.cc .map-tile {
  display: none;
}
.cc .map-tile > .insert.tile {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  width: 100%;
}
.cc .map-tile h3 + div {
  font-size: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-basis: 100%;
  flex: 1;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.cc .map-tile h3 + div img {
  display: inline-block;
  margin: 2.5%;
  vertical-align: top;
  max-width: 130px;
}
.cc .map-tile h3 + div > * {
  max-width: 100%;
}
.cc .map-tile--active {
  display: block;
}
@media only screen and (max-width: 1200px) {
  .cc section#map-notre-implantation-a-l-international > div > div.flex {
    flex-direction: column;
  }
  .cc section#map-notre-implantation-a-l-international > div > div.flex > .flex50 {
    width: 100%;
  }
  .cc section#map-notre-implantation-a-l-international > div > div.flex .infos {
    transform: scale(0.75);
  }
}
@media only screen and (max-width: 768px) {
  .cc section#map-notre-implantation-a-l-international > div > div.flex {
    flex-direction: column-reverse;
  }
}
.cc section#map-notre-implantation-a-l-international > div > div.flex > div.flex50:last-child {
  align-self: flex-start;
}
.cc .gouvernance-federations-desktop {
  display: block;
}
@media only screen and (max-width: 1200px) {
  .cc .gouvernance-federations-desktop {
    display: none;
  }
}
.cc .gouvernance-federations-mobile {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .cc .gouvernance-federations-mobile {
    display: block;
  }
}
.cc .gouvernance-federations-mobile [data-collapse] {
  position: relative;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc .gouvernance-federations-mobile [data-collapse][role="tablist"] [role="tab"] {
  text-align: center;
}
.cc .gouvernance-federations-mobile [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.cc .gouvernance-federations-mobile [data-collapse][role="tablist"] [role="tab"][data-collapsed]:after {
  display: none;
}
.cc .gouvernance-federations-mobile [data-collapse][role="tablist"] [role="tab"][data-collapsed][data-collapsed="no"] {
  font-weight: bold;
}
.cc .gouvernance-federations-mobile [data-collapse] [role="tabpanel"] {
  background-color: #e1edfa;
  position: relative;
}
.cc .gouvernance-federations-mobile [data-collapse] [role="tabpanel"]:after {
  font-family: fts_commun;
  content: " ";
  padding-right: 5px;
  font-size: 12px;
  font-size: 12 / 16rem;
  position: absolute;
  right: calc(50% - 50px);
  top: -3px;
  background-color: #E2001A;
  height: 5px;
  width: 100px;
}
@media only screen and (max-width: 768px) {
  .cc .gouvernance-federations-mobile [data-collapse] {
    /*px*/ margin: 0 20px;
    /*rem*/ margin: 0 1.25rem;
  }
  .cc .gouvernance-federations-mobile [data-collapse] .tiles .team {
    width: 100%;
  }
  .cc .gouvernance-federations-mobile [data-collapse] .tiles .team > div {
    display: flex;
    flex-direction: row;
    height: 115px;
    overflow: hidden;
  }
  .cc .gouvernance-federations-mobile [data-collapse] .tiles .team > div .banner {
    position: static;
    border-radius: 0 20px 20px 0;
  }
  .cc .gouvernance-federations-mobile [data-collapse] .tiles .team > div .banner p {
    text-align: left !important;
  }
  .cc .gouvernance-federations-mobile [data-collapse] .tiles .team figure {
    width: 110px;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cc .gouvernance-federations-mobile [data-collapse] .tiles .team figure img {
    border-radius: 20px 0 0 20px;
    width: 110px;
  }
}
.cc [data-tabs="yes"].tabs-columns {
  font-size: 0;
  text-align: center;
}
.cc [data-tabs="yes"].tabs-columns ul[role="tablist"] {
  width: 40%;
}
.cc [data-tabs="yes"].tabs-columns ul[role="tablist"] li {
  width: 100%;
}
.cc [data-tabs="yes"].tabs-columns ul[role="tablist"] li a {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cc [data-tabs="yes"].tabs-columns ul[role="tablist"] {
    width: 100%;
  }
}
.cc [data-tabs="yes"].tabs-columns ul[role="tablist"],
.cc [data-tabs="yes"].tabs-columns div.tab:not([aria-hidden]),
.cc [data-tabs="yes"].tabs-columns div.tab[aria-hidden="false"] {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: -35px;
}
@media only screen and (max-width: 768px) {
  .cc [data-tabs="yes"].tabs-columns ul[role="tablist"],
  .cc [data-tabs="yes"].tabs-columns div.tab:not([aria-hidden]),
  .cc [data-tabs="yes"].tabs-columns div.tab[aria-hidden="false"] {
    display: block;
  }
}
.cc [data-tabs="yes"].tabs-columns ul[role="tablist"] table,
.cc [data-tabs="yes"].tabs-columns div.tab:not([aria-hidden]) table,
.cc [data-tabs="yes"].tabs-columns div.tab[aria-hidden="false"] table {
  margin-bottom: 20px;
}
/* Styles de la map */
/****************************************/
/** Styles BFCM 2022 **/
/****************************************/
/* Description :                        */
/*  - Styles BFCM/Form             */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 15/06/2022 : création             */
/****************************************/
/****************************************/
.cc form {
  position: relative;
  /*px*/ margin-top: 120px;
  /*rem*/ margin-top: 7.5rem;
}
@media only screen and (min-width: 993px) {
  .cc form {
    width: 60%;
  }
}
.cc form .soft {
  display: block;
  position: absolute;
  /*px*/ top: -70px;
  /*rem*/ top: -4.375rem;
}
.cc form legend {
  position: absolute;
  /*px*/ top: -35px;
  /*rem*/ top: -2.1875rem;
  left: 0;
  font-weight: 700;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc form fieldset {
  border: none;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 10px 30px;
  /*px*/ margin-top: -80px;
  /*rem*/ margin-top: -5rem;
}
.cc form fieldset + fieldset {
  /*px*/ margin-top: 60px;
  /*rem*/ margin-top: 3.75rem;
}
.cc form fieldset .form-group {
  margin: 20px 0;
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc form fieldset .form-group input,
.cc form fieldset .form-group textarea,
.cc form fieldset .form-group select {
  width: 100%;
  /*px*/ padding: 10px 10px;
  /*rem*/ padding: 0.625rem 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid rgba(37, 55, 141, 0.3);
  color: #25378D;
  /*px*/ border-radius: 10px;
  /*rem*/ border-radius: 0.625rem;
  display: block;
  border: 1px solid black;
  /*px*/ min-width: 500px;
  /*rem*/ min-width: 31.25rem;
}
@media only screen and (max-width: 768px) {
  .cc form fieldset .form-group input,
  .cc form fieldset .form-group textarea,
  .cc form fieldset .form-group select {
    /*px*/ min-width: 300px;
    /*rem*/ min-width: 18.75rem;
  }
}
.cc form fieldset .form-group label {
  /*px*/ margin-bottom: 5px;
  /*rem*/ margin-bottom: 0.3125rem;
  display: block;
}
.cc form fieldset .form-control.invalid {
  margin-bottom: 0;
}
.cc form fieldset .form-control.invalid input,
.cc form fieldset .form-control.invalid textarea {
  border-color: red;
  background: rgba(255, 0, 0, 0.05);
  color: red;
}
.cc form fieldset .form-control.valid input,
.cc form fieldset .form-control.valid textarea,
.cc form fieldset .form-control.valid select {
  border-color: green;
  background: rgba(0, 128, 0, 0.05);
}
/* Styles du formulaire */
/*# sourceMappingURL=./styles.css.map */