/****************************************/
/********** Styles CSD 2020 ************/
/****************************************/
/* Description :                        */
/*  - Styles CSD		              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 13/03/2020 : création             */
/****************************************/
/****************************************/
@font-face {
  font-family: "fts_commun";
  src: url("/partage/fr/CSD/styles/kit-ei-glyph/fonts/fts_commun.eot");
  src: url("/partage/fr/CSD/styles/kit-ei-glyph/fonts/fts_commun.eot?#iefix") format("eot"), url("/partage/fr/CSD/styles/kit-ei-glyph/fonts/fts_commun.woff2") format("woff2"), url("/partage/fr/CSD/styles/kit-ei-glyph/fonts/fts_commun.woff") format("woff"), url("/partage/fr/CSD/styles/kit-ei-glyph/fonts/fts_commun.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*==============================================
. Break
============================================== */
/*==============================================
. Fonts
============================================== */
/* IE10 + IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    -ms-overflow-x: hidden;
  }
  .ctxt-home.main.cc article header {
    /*px*/ padding: 30px 30px 0 30px;
    /*rem*/ padding: 1.875rem 1.875rem 0 1.875rem;
  }
  .ctxt-home.main.cc article header .tiles :first-child.column-tiles > :last-child.tile {
    padding-bottom: 0;
  }
  .cc .social a,
  .cc .social a:hover {
    text-decoration: none;
  }
  /*.cc.main .entity > div figure img {
		width: 100%;
	}
	
	.cc.main .entity > div figure {
		height: 210px;
	}*/
  .cc.main abbr[title] {
    border: 1px dotted;
  }
  .cc .tiles > div > .tile > div.tile figure {
    height: auto;
    overflow: hidden;
  }
  .cc.main .more:after {
    top: 10px;
  }
  .cc figure.tile img {
    width: 100%;
  }
  .cc .team > div figure img {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main.cc article header.hero.intro div.banner {
    transform: none;
  }
  .main.cc .team > div .banner {
    min-height: 0;
  }
}
/* Feuille de style pour impression */
@media print {
  .ei_header,
  .header_container,
  .ei_footer,
  #ei_tpl_footerlegal {
    display: none !important;
  }
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
  }
  figure {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  /* aside.sidebar, form{
		display: none !important;
	} */
  aside.sidebar {
    display: none !important;
  }
  .body.flex > div {
    width: 100% !important;
  }
  .soft,
  .smaller {
    font-size: 8pt !important;
  }
  .border {
    border: 1px solid #000 !important;
  }
  .social {
    display: none !important;
  }
  .bigger {
    font-size: 10pt !important;
  }
  .bigger p {
    font-size: 10pt !important;
  }
  .bigger h3,
  .bigger h4 {
    font-size: 12pt !important;
  }
  .flex {
    display: block !important;
  }
  .flex .flex10,
  .flex .flex20,
  .flex .flex25,
  .flex .flex30,
  .flex .flex33,
  .flex .flex40,
  .flex .flex50,
  .flex .flex60,
  .flex .flex70,
  .flex .flex80,
  .flex .flex90 {
    width: 100% !important;
    display: block !important;
  }
  .flex .flex10 div.insert,
  .flex .flex20 div.insert,
  .flex .flex25 div.insert,
  .flex .flex30 div.insert,
  .flex .flex33 div.insert,
  .flex .flex40 div.insert,
  .flex .flex50 div.insert,
  .flex .flex60 div.insert,
  .flex .flex70 div.insert,
  .flex .flex80 div.insert,
  .flex .flex90 div.insert,
  .flex .flex10.insert,
  .flex .flex20.insert,
  .flex .flex25.insert,
  .flex .flex30.insert,
  .flex .flex33.insert,
  .flex .flex40.insert,
  .flex .flex50.insert,
  .flex .flex60.insert,
  .flex .flex70.insert,
  .flex .flex80.insert,
  .flex .flex90.insert {
    margin-top: 15px !important;
  }
  .info {
    color: #000 !important;
  }
  .actions {
    margin-top: 5px !important;
  }
  .padding-top {
    padding-top: 5px !important;
  }
  .right,
  .center {
    text-align: left !important;
  }
  nav.pagination {
    display: none !important;
  }
  h1 {
    color: #000 !important;
    font-size: 14pt !important;
  }
  h2 {
    font-size: 12pt !important;
  }
  .body h2 {
    color: #000 !important;
  }
  h3 {
    color: #000 !important;
    font-size: 10pt !important;
  }
  h4 {
    color: #000 !important;
    font-size: 8pt !important;
    font-weight: 700 !important;
  }
  p {
    font-size: 8pt !important;
    line-height: 12pt !important;
    orphans: 3;
    widows: 4;
  }
  a {
    color: #000 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
  }
  a[href]:after {
    content: " (" attr(href) ")" !important;
    font-size: 8pt !important;
  }
  .button {
    background: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    font-size: 8pt !important;
    width: 100% !important;
  }
  .button.btn-info {
    font-size: 8pt !important;
    padding: 15px !important;
    width: 100% !important;
  }
  .button.btn-info:after {
    transform: translateY(50%) !important;
    left: 0 !important;
  }
  .button.btn-info:before {
    content: none !important;
  }
  .button.more {
    font-size: 8pt !important;
  }
  .more {
    font-size: 8pt !important;
  }
  iframe[frameborder="0"] {
    min-height: 0px !important;
  }
  figure figcaption {
    font-size: 8pt !important;
    background: #fff !important;
    color: #000 !important;
  }
  figure.border figcaption {
    border-top: 1px dashed #000 !important;
  }
  ul,
  ol {
    font-size: 8pt !important;
    margin: 10px 0 !important;
  }
  ul li,
  ol li {
    font-size: 8pt !important;
    margin-bottom: 5px !important;
  }
  ul.tabs {
    display: none !important;
  }
  .main div.tab {
    border-bottom: 1px solid #000;
  }
  .main div.tab[aria-hidden="true"] {
    display: block;
  }
  .main div.tab .flex {
    display: flex !important;
  }
  .main div.tab .flex .flex10 {
    width: 10% !important;
  }
  .main div.tab .flex .flex20 {
    width: 20% !important;
  }
  .main div.tab .flex .flex25 {
    width: 25% !important;
  }
  .main div.tab .flex .flex30 {
    width: 30% !important;
  }
  .main div.tab .flex .flex33 {
    width: 33.3% !important;
  }
  .main div.tab .flex .flex40 {
    width: 40% !important;
  }
  .main div.tab .flex .flex50 {
    width: 50% !important;
  }
  .main div.tab .flex .flex60 {
    width: 60% !important;
  }
  .main div.tab .flex .flex70 {
    width: 70% !important;
  }
  .main div.tab .flex .flex80 {
    width: 80% !important;
  }
  .main div.tab .flex .flex90 {
    width: 90% !important;
  }
  .main div.tab .flex .flex100 {
    width: 100% !important;
  }
  blockquote {
    background: #fff !important;
    border: 1px solid #000 !important;
    padding: 30px !important;
  }
  blockquote:after {
    color: #000 !important;
    font-size: 14pt !important;
    bottom: 0 !important;
  }
  blockquote:before {
    color: #000 !important;
    font-size: 14pt !important;
    top: 40px !important;
  }
  blockquote p {
    width: 100% !important;
    font-size: 8pt !important;
    font-weight: 400 !important;
  }
  blockquote p cite {
    font-size: 8pt !important;
  }
  .slider div[aria-hidden="true"] {
    display: block !important;
  }
  .insert {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    background: #fff !important;
    padding: 20px !important;
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
  }
  .insert.tile {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
    font-size: 8pt !important;
    padding: 10px !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd {
    display: block !important;
    font-size: 8pt !important;
    padding: 10px !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd p,
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ul li,
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ol li {
    font-size: 8pt !important;
  }
  [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] + dd {
    padding: 10px !important;
  }
  .cc.main article {
    max-width: none !important;
  }
  .cc.main article header div.img {
    display: none !important;
  }
  .cc.main article header div.banner {
    position: static !important;
    -webkit-transform: none !important;
    transform: none !important;
    color: #000 !important;
    padding: 0 !important;
  }
  .cc.main article header div.banner h1 {
    color: #000 !important;
    width: 100% !important;
  }
  .cc.main article header div.banner p {
    color: #000 !important;
    width: 100% !important;
  }
  .cc.main article header div.banner img[src$=".png"],
  .cc.main article header div.banner img[src$=".jpg"] {
    max-width: 100px !important;
  }
  .cc.main article header + .social {
    display: none !important;
  }
  .cc.main article .body {
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main article .body section {
    padding: 10px 0 !important;
  }
  .cc.main article .body section > div {
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main article .body section > div h2 {
    margin-bottom: 10px !important;
  }
  .cc.main article .body section > div p {
    margin-bottom: 10px !important;
  }
  .cc.main article .body section .orientation figure {
    display: none !important;
  }
  .cc.main article .body section.bg {
    background: #fff !important;
  }
  .cc.main article .body.media:before {
    font-family: fts_commun;
    content: "\EC7F";
    border: 1px solid rgba(89, 89, 89, 0.2);
    padding: 10px 20px !important;
    font-size: 10pt !important;
  }
  .cc.main article .body.media div {
    display: none !important;
  }
  .cc.main article .body aside.sticky {
    display: none !important;
  }
  .cc.main article .body aside.sticky + div {
    width: 100% !important;
    padding-left: 0 !important;
  }
  .cc.main.ctxt-list article .tiles > div {
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main.ctxt-list article .tiles .tile {
    width: 100% !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile {
    display: block !important;
    margin-bottom: 15px !important;
    height: initial !important;
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile figure {
    width: auto !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile figure img {
    max-width: 200px !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: initial !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div figure {
    display: none !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div figure + .banner {
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .actions {
    margin: 0 !important;
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .banner {
    min-height: 0 !important;
    padding: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .div {
    margin: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div h1 {
    margin-top: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile .actions {
    margin-top: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile .actions a.more {
    padding-left: 0 !important;
  }
  .cc.main.ctxt-list article .tiles .tile.ei_cardboarditem .tile figure {
    display: none !important;
  }
  .cc.main.ctxt-list article .tiles .tile.ei_cardboarditem .tile div {
    width: 100% !important;
  }
  .cc.main.ctxt-list article .tiles #filters .filter p.sel {
    border: 1px solid rgba(89, 89, 89, 0.3) !important;
  }
  .cc.main .key-figure {
    display: flex !important;
  }
  .cc.main .key-figure > div {
    width: 33% !important;
  }
  .cc.main .key-figure > div > div {
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    padding: 10px !important;
    text-align: center !important;
  }
  .cc.main .key-figure > div > div figure {
    display: none !important;
  }
  .cc.main .key-figure > div > div p {
    font-size: 8pt !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .cc.main .key-figure > div > div p strong {
    font-size: 8pt !important;
    color: #000 !important;
    display: inline !important;
  }
  .cc.main .resume {
    width: 100% !important;
    padding: 0 !important;
    max-width: none !important;
  }
  .cc.main .team {
    padding: 5px !important;
    width: 33% !important;
  }
  .cc.main .team > div {
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .cc.main .team > div .banner p strong {
    color: #000 !important;
  }
  .cc.main .entity {
    padding: 5px !important;
    width: 33% !important;
  }
  .cc.main .entity > div {
    border: 1px solid rgba(89, 89, 89, 0.2) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .cc.main .entity > div .banner p strong {
    color: #000 !important;
  }
  .cc.main .entity.infoscompl > div .banner + div {
    border: 1px solid rgba(89, 89, 89, 0.2);
  }
  .cc.main .entity.infoscompl > div .banner + div p {
    color: #000 !important;
    font-weight: 400 !important;
  }
  .cc.main .entity.infoscompl > div .banner + div p strong {
    color: #000 !important;
  }
}
/* Bleu - BASE */
/* Bleu foncé */
/* Bleu moyen */
/* Bleu clair */
/* Bleu pastel */
/* Rouge - BASE */
/*#c6a699 Rouge foncé */
/* Rouge moyen */
/* Rouge clair */
/* Rouge pastel */
/* Vert fluo */
/* Jaune */
/* Rouge fluo */
/* Blanc */
/* Noir */
/* Gris très très clair */
/* Gris très clair */
/* Gris */
/* Gris foncé */
/* Gris noir */
.accordeon [data-question] {
  cursor: pointer;
  padding: 15px;
  padding: 0.9375rem;
  font-weight: 700;
  border-bottom: 1px solid rgba(89, 89, 89, 0.2);
  position: relative;
  padding: 0;
}
.accordeon [data-question] button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  text-align: left;
}
.accordeon [data-question] button:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  background: rgba(38, 143, 128, 0.2);
}
.accordeon [data-question] button:after {
  font-family: fts_commun;
  content: "\E635";
  padding-right: 5px;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  color: rgba(0, 68, 148, 0.2);
  position: absolute;
  right: 0;
  top: 18px;
}
.accordeon [data-question] button[aria-expanded="true"]:after {
  content: "\E634";
  color: #004494;
}
.accordeon [data-answer] {
  display: none;
  padding: 15px;
}
.accordeon [data-answer][data-expanded="true"] {
  display: block;
}
.accordeon.pdf button:before {
  content: url("/partage/fr/CSD/assets/pictos/securite.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
.accordeon.pdf ul {
  margin: 0;
  padding-left: 0;
}
.accordeon.pdf ul li {
  border-bottom: 1px solid rgba(0, 68, 148, 0.2);
  margin: 0;
  /*px*/ padding: 18px 15px 15px;
  /*rem*/ padding: 1.125rem 0.9375rem 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .accordeon.pdf ul li {
    /*px*/ padding: 15px 0;
    /*rem*/ padding: 0.9375rem 0;
  }
}
.accordeon.pdf ul li:first-child {
  padding-top: 0;
}
.accordeon.pdf ul li:last-child {
  /*px*/ margin-bottom: -15px;
  /*rem*/ margin-bottom: -0.9375rem;
  border: none;
}
.accordeon.pdf a[href$=".pdf"]:before {
  content: url("/partage/fr/CSD/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
/****************************************/
/********** Styles CSD 2020 ************/
/****************************************/
/* Description :                        */
/*  - Styles CSD/Core		            */
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 13/03/2020 : création             */
/****************************************/
/****************************************/
html,
body,
main {
  height: 100%;
}
.cc {
  color: #414141;
  /*  .justify-center {
  justify-content: center;
}*/
}
.cc * {
  box-sizing: border-box;
}
.cc .word-break-all {
  word-break: break-all;
}
.cc .border {
  border: 1px solid #f2efed;
}
.cc .soft {
  color: #595959;
}
.cc .example {
  color: #414141;
}
.cc .teaser {
  font-weight: 700;
}
.cc .all-caps,
.cc .uppercase {
  text-transform: uppercase;
}
.cc .italic {
  font-style: italic;
}
.cc .clickable {
  cursor: pointer;
}
.cc .smaller {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc .height100 {
  height: 100% !important;
}
@media only screen and (max-width: 768px) {
  .cc .height100 {
    height: auto;
  }
}
.cc .width100 {
  width: 100% !important;
}
@media only screen and (max-width: 768px) {
  .cc .width100 {
    width: auto;
  }
}
.cc .relative {
  position: relative;
}
.cc .vertical_center {
  position: absolute;
  /* postulat de départ */
  top: 50%;
  left: 50%;
  /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%);
  /* décalage de 50% de sa propre taille */
}
.cc .invisible,
.cc .hide,
.cc .hidden {
  position: absolute !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  -webkit-clip-path: circle(0) !important;
  clip-path: circle(0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  white-space: nowrap !important;
}
.cc .light {
  font-weight: 300;
}
.cc .regular {
  font-weight: 400;
}
.cc .semibold {
  font-weight: 600;
}
.cc .bold {
  font-weight: 700;
}
.cc .extrabold {
  font-weight: 800;
}
.cc abbr[title] {
  border: none;
}
.cc .marginauto {
  margin-right: auto;
  margin-left: auto;
}
.cc .center-align {
  align-self: center;
}
.cc .align-items-center {
  align-items: center;
}
.cc .vertical-align-bottom {
  vertical-align: bottom;
}
.cc .d-flex {
  display: flex;
}
.cc .flex {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}
@media only screen and (max-width: 768px) {
  .cc .flex {
    display: block;
    /*px*/ margin-bottom: 15px;
    /*rem*/ margin-bottom: 0.9375rem;
  }
  .cc .flex .flex10,
  .cc .flex .flex15,
  .cc .flex .flex20,
  .cc .flex .flex25,
  .cc .flex .flex30,
  .cc .flex .flex33,
  .cc .flex .flex40,
  .cc .flex .flex50,
  .cc .flex .flex60,
  .cc .flex .flex66,
  .cc .flex .flex70,
  .cc .flex .flex80,
  .cc .flex .flex90 {
    width: 100% !important;
  }
}
.cc .flex.space-between {
  justify-content: space-between;
}
.cc .flex.justify-center {
  justify-content: center;
}
.cc .flex .center-align {
  align-self: center;
}
.cc .flex .flex10,
.cc .flex .flex15,
.cc .flex .flex20,
.cc .flex .flex25,
.cc .flex .flex30,
.cc .flex .flex33,
.cc .flex .flex40,
.cc .flex .flex50,
.cc .flex .flex60,
.cc .flex .flex66,
.cc .flex .flex70,
.cc .flex .flex80,
.cc .flex .flex90 {
  /*p, h1, h2, h3, h4, h5, h6 {
      margin: 0;
      align-self: center;
    }*/
}
.cc .flex .flex10 > div.insert,
.cc .flex .flex15 > div.insert,
.cc .flex .flex20 > div.insert,
.cc .flex .flex25 > div.insert,
.cc .flex .flex30 > div.insert,
.cc .flex .flex33 > div.insert,
.cc .flex .flex40 > div.insert,
.cc .flex .flex50 > div.insert,
.cc .flex .flex60 > div.insert,
.cc .flex .flex66 > div.insert,
.cc .flex .flex70 > div.insert,
.cc .flex .flex80 > div.insert,
.cc .flex .flex90 > div.insert {
  width: 94%;
}
@media only screen and (max-width: 768px) {
  .cc .flex .flex10 > div.insert,
  .cc .flex .flex15 > div.insert,
  .cc .flex .flex20 > div.insert,
  .cc .flex .flex25 > div.insert,
  .cc .flex .flex30 > div.insert,
  .cc .flex .flex33 > div.insert,
  .cc .flex .flex40 > div.insert,
  .cc .flex .flex50 > div.insert,
  .cc .flex .flex60 > div.insert,
  .cc .flex .flex66 > div.insert,
  .cc .flex .flex70 > div.insert,
  .cc .flex .flex80 > div.insert,
  .cc .flex .flex90 > div.insert {
    width: 100%;
    /*px*/ margin-top: 10px;
    /*rem*/ margin-top: 0.625rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .flex .flex10.padding-left,
  .cc .flex .flex15.padding-left,
  .cc .flex .flex20.padding-left,
  .cc .flex .flex25.padding-left,
  .cc .flex .flex30.padding-left,
  .cc .flex .flex33.padding-left,
  .cc .flex .flex40.padding-left,
  .cc .flex .flex50.padding-left,
  .cc .flex .flex60.padding-left,
  .cc .flex .flex66.padding-left,
  .cc .flex .flex70.padding-left,
  .cc .flex .flex80.padding-left,
  .cc .flex .flex90.padding-left {
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc .flex .flex10.padding-right,
  .cc .flex .flex15.padding-right,
  .cc .flex .flex20.padding-right,
  .cc .flex .flex25.padding-right,
  .cc .flex .flex30.padding-right,
  .cc .flex .flex33.padding-right,
  .cc .flex .flex40.padding-right,
  .cc .flex .flex50.padding-right,
  .cc .flex .flex60.padding-right,
  .cc .flex .flex66.padding-right,
  .cc .flex .flex70.padding-right,
  .cc .flex .flex80.padding-right,
  .cc .flex .flex90.padding-right {
    padding-right: 0;
  }
}
.cc .flex .flex10 {
  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 .inline {
  display: inline;
}
.cc .block {
  display: block;
}
.cc .inline-block {
  display: inline-block;
}
.cc .flex-direction-row {
  flex-direction: row;
}
.cc ul.inline li {
  display: inline;
}
.cc ul.block li {
  display: block;
}
.cc ul.inline-block li {
  display: inline-block;
  /*px*/ margin-left: 10px;
  /*rem*/ margin-left: 0.625rem;
}
.cc ul.inline-block li:first-child {
  margin-left: 0;
}
.cc p {
  color: #414141;
}
.cc .center {
  text-align: center !important;
}
.cc .center p {
  text-align: center !important;
}
.cc .left {
  text-align: left !important;
}
.cc .left p {
  text-align: left !important;
}
.cc .right {
  text-align: right !important;
}
@media only screen and (max-width: 768px) {
  .cc .right {
    text-align: left !important;
  }
}
.cc .right p {
  text-align: right !important;
}
@media only screen and (max-width: 768px) {
  .cc .right p {
    text-align: left !important;
  }
}
.cc .float-right {
  float: right;
}
@media only screen and (max-width: 768px) {
  .cc .float-right {
    float: none;
  }
}
.cc .float-left {
  float: left;
}
@media only screen and (max-width: 768px) {
  .cc .float-left {
    float: none;
  }
}
.cc .clear {
  clear: both;
}
.cc .clearR {
  clear: right;
}
.cc .clearL {
  clear: left;
}
.cc .margins {
  /*px*/ margin: 15px;
  /*rem*/ margin: 0.9375rem;
}
.cc .paddings {
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
}
.cc .nomargin {
  margin: 0 !important;
}
.cc .nopadding {
  padding: 0 !important;
}
.cc .padding-top {
  /*px*/ padding-top: 15px;
  /*rem*/ padding-top: 0.9375rem;
}
.cc .padding-right {
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc .padding-right {
    padding-right: 0;
  }
}
.cc .padding-left {
  /*px*/ padding-left: 15px;
  /*rem*/ padding-left: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc .padding-left {
    padding-left: 0;
  }
}
.cc .padding-bottom {
  /*px*/ padding-bottom: 15px;
  /*rem*/ padding-bottom: 0.9375rem;
}
.cc .margin-top {
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
}
.cc .margin-right {
  /*px*/ margin-right: 15px;
  /*rem*/ margin-right: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc .margin-right {
    margin-right: 0;
  }
}
.cc .margin-left {
  /*px*/ margin-left: 15px;
  /*rem*/ margin-left: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc .margin-left {
    margin-left: 0;
  }
}
.cc .margin-bottom {
  /*px*/ margin-bottom: 15px;
  /*rem*/ margin-bottom: 0.9375rem;
}
.cc .bloc {
  /*px*/ margin: 70px 0;
  /*rem*/ margin: 4.375rem 0;
}
@media only screen and (max-width: 992px) {
  .cc .bloc {
    /*px*/ margin: 40px 0;
    /*rem*/ margin: 2.5rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc .bloc {
    /*px*/ margin: 20px 0;
    /*rem*/ margin: 1.25rem 0;
  }
}
.cc .font,
.cc .picto,
.cc .ei_card_ico {
  display: inline-block;
  color: #414141;
}
.cc .font:before,
.cc .picto:before,
.cc .ei_card_ico:before {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
.cc .font.cross:before,
.cc .picto.cross:before,
.cc .ei_card_ico.cross:before {
  font-family: "fts_commun";
  content: "\E629";
}
.cc .font.check,
.cc .picto.check,
.cc .ei_card_ico.check {
  position: relative;
}
.cc .font.check:before,
.cc .picto.check:before,
.cc .ei_card_ico.check:before {
  content: "";
  display: block;
  width: 5px;
  height: 15px;
  border: solid #004494;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  position: absolute;
  top: -2px;
  left: 10px;
  z-index: 1;
}
.cc .font.check:after,
.cc .picto.check:after,
.cc .ei_card_ico.check:after {
  content: "";
  display: block;
  border: 1px solid rgba(89, 89, 89, 0.3);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: white;
  position: relative;
  left: 0px;
}
.cc .font.green:before,
.cc .picto.green:before,
.cc .ei_card_ico.green:before {
  border: solid #33AB89;
  border-width: 0 3px 3px 0;
}
.cc .font.orange:before,
.cc .picto.orange:before,
.cc .ei_card_ico.orange:before {
  border: solid #FEB31A;
  border-width: 0 3px 3px 0;
}
.cc .font.red:before,
.cc .picto.red:before,
.cc .ei_card_ico.red:before {
  color: #FF4545;
}
.cc .font.simple_check,
.cc .picto.simple_check,
.cc .ei_card_ico.simple_check {
  position: relative;
}
.cc .font.simple_check:before,
.cc .picto.simple_check:before,
.cc .ei_card_ico.simple_check:before {
  content: "";
  display: block;
  width: 5px;
  height: 15px;
  border: solid #004494;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  position: absolute;
  top: -2px;
  left: 10px;
  z-index: 1;
}
.cc .phone-bloc {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  /*px*/ font-size: 19px;
  /*rem*/ font-size: 1.1875rem;
  /*px*/ margin: 0 10px;
  /*rem*/ margin: 0 0.625rem;
}
.cc .phone-bloc.cristal {
  vertical-align: middle;
}
.cc .phone-bloc.cristal .type {
  background: rgba(89, 89, 89, 0.6);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  float: left;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  font-weight: 700;
  /*px*/ margin-right: -12px;
  /*rem*/ margin-right: -0.75rem;
  /*px*/ padding: 7px 15px;
  /*rem*/ padding: 0.4375rem 0.9375rem;
}
.cc .phone-bloc.cristal .num {
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
  border-color: rgba(89, 89, 89, 0.6);
  color: rgba(89, 89, 89, 0.6);
  border-image: none;
  border-style: solid solid solid none;
  border-width: 2px;
  display: inline-block;
  /*px*/ padding: 5px 15px;
  /*rem*/ padding: 0.3125rem 0.9375rem;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  text-decoration: none;
}
.cc .phone-bloc.cristal .rate {
  color: rgba(89, 89, 89, 0.6);
  display: block;
  text-align: center;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc .phone-bloc.sva-free {
  font-family: arial;
  position: relative;
  vertical-align: middle;
}
.cc .phone-bloc.sva-free .num {
  border: 1px solid #78b41e;
  color: #78b41e !important;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  /*px*/ padding: 4px 150px 4px 4px;
  /*rem*/ padding: 0.25rem 9.375rem 0.25rem 0.25rem;
  /*px*/ margin: 3px 0;
  /*rem*/ margin: 0.1875rem 0;
  text-decoration: none;
}
.cc .phone-bloc.sva-free .rate {
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  left: auto;
  line-height: 1;
  position: absolute;
  text-align: left;
  /*px*/ top: -7px;
  /*rem*/ top: -0.4375rem;
  /*px*/ right: 5px;
  /*rem*/ right: 0.3125rem;
  /*px*/ height: 35px;
  /*rem*/ height: 2.1875rem;
  /*px*/ width: 140px;
  /*rem*/ width: 8.75rem;
  /*px*/ padding: 5px 15px 12px 6px;
  /*rem*/ padding: 0.3125rem 0.9375rem 0.75rem 0.375rem;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%228.012px%22%20viewBox%3D%220%200%204%208.012%22%20enable-background%3D%22new%200%200%204%208.012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%220.001%2C-0.005%204.001%2C4.006%200.001%2C8.018%20%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left;
  background-color: #78b41e;
}
.cc .phone-bloc.sva-free .hours {
  color: rgba(65, 65, 65, 0.6);
  display: block;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
  text-align: left;
  font-weight: 400;
}
.cc .button {
  background: #004494;
  color: #fff;
  /*px*/ padding: 10px 18px;
  /*rem*/ padding: 0.625rem 1.125rem;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  /*px*/ border-radius: 50px;
  /*rem*/ border-radius: 3.125rem;
}
.cc .button[disabled],
.cc .button[disabled].more {
  background: #f2efed;
  border-color: #f2efed;
  color: #595959;
  cursor: default;
}
.cc .button[disabled]:hover,
.cc .button[disabled].more:hover,
.cc .button[disabled]:focus,
.cc .button[disabled].more:focus {
  background: #f2efed;
  border-color: #f2efed;
  color: #595959;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cc .button.more {
  font-weight: 400;
  /*px*/ padding: 10px 40px 10px 18px;
  /*rem*/ padding: 0.625rem 2.5rem 0.625rem 1.125rem;
}
.cc .button.more:after {
  position: absolute;
  top: 50%;
  right: 15px;
}
.cc .button.download {
  position: relative;
}
.cc .button.download:after {
  font-family: fts_commun;
  content: "\E622";
  position: relative;
  /*px*/ padding-left: 10px;
  /*rem*/ padding-left: 0.625rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .button.map {
  position: relative;
}
.cc .button.map:before {
  font-family: fts_commun;
  content: "\EC7B";
  position: relative;
  top: 3px;
  /*px*/ padding-right: 5px;
  /*rem*/ padding-right: 0.3125rem;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc .button:hover {
  text-decoration: none;
}
.cc .button.button--active {
  color: #0069e0;
  background: rgba(0, 105, 224, 0.1);
}
.cc .more {
  font-weight: 600;
  position: relative;
}
.cc .more:after {
  font-family: fts_commun;
  content: "\EA35";
  position: relative;
  top: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
}
.cc ul .button,
.cc ol .button {
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  /*px*/ margin: 10px;
  /*rem*/ margin: 0.625rem;
}
.cc .actions {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc a {
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  color: #004494;
}
.cc a:hover {
  color: #0069E0;
  text-decoration: underline;
}
.cc a.more {
  text-decoration: none;
}
.cc img {
  max-width: 100%;
}
.cc picture {
  line-height: 0;
}
@media only screen and (max-width: 768px) {
  .cc figure {
    margin: 0;
  }
}
.cc figure figcaption {
  /*px*/ padding-top: 10px;
  /*rem*/ padding-top: 0.625rem;
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc figure.border {
  border: 1px solid rgba(89, 89, 89, 0.3);
}
.cc figure.border img {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc figure.border figcaption {
  border-top: 1px dashed rgba(89, 89, 89, 0.3);
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  margin: 0;
}
.cc figure.smallimg {
  display: table;
  /*px*/ margin: 30px auto;
  /*rem*/ margin: 1.875rem auto;
  width: 300px;
}
.cc figure.smallimg img {
  margin: 0 auto;
  display: block;
  max-width: none;
}
@media only screen and (max-width: 768px) {
  .cc figure.smallimg img {
    max-width: 100%;
  }
}
.cc figure.tile {
  display: table;
  width: 300px;
}
.cc figure.tile img {
  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);
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
}
.cc figure.tile figcaption {
  /*px*/ padding: 10px 20px 20px 0;
  /*rem*/ padding: 0.625rem 1.25rem 1.25rem 0;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc figure.flex10,
.cc figure.flex15,
.cc figure.flex20,
.cc figure.flex25,
.cc figure.flex30,
.cc figure.flex33,
.cc figure.flex40,
.cc figure.flex50,
.cc figure.flex60,
.cc figure.flex66,
.cc figure.flex70,
.cc figure.flex80,
.cc figure.flex90 {
  margin: 0;
}
.cc .IBM {
  width: 100% !important;
  min-height: 307px;
}
.cc iframe {
  width: 80%;
  min-height: 400px;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cc iframe {
    width: 100%;
  }
}
.cc iframe[frameborder="0"] {
  min-height: 480px;
}
.cc video,
.cc iframe {
  cursor: pointer;
  max-width: 100%;
  border-radius: 25px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cc video,
  .cc iframe {
    max-width: 100%;
  }
}
.cc aside.sticky + div iframe {
  width: 100%;
}
.cc aside.sticky + div video {
  max-width: 100%;
}
.cc ul,
.cc ol {
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
}
.cc ul.adresse li,
.cc ol.adresse li {
  margin: 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;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
@media only screen and (max-width: 768px) {
  .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 {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
  }
}
.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 {
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.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.styled.tile,
.cc ol.styled.tile {
  /*px*/ margin: 30px auto 0;
  /*rem*/ margin: 1.875rem auto 0;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile,
  .cc ol.styled.tile {
    width: 100%;
    /*px*/ margin: 20px 0 0;
    /*rem*/ margin: 1.25rem 0 0;
  }
}
.cc ul.styled.tile > li,
.cc ol.styled.tile > li {
  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);
  position: relative;
  width: 70%;
  /*px*/ margin-bottom: 30px;
  /*rem*/ margin-bottom: 1.875rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .cc ul.styled.tile > li,
  .cc ol.styled.tile > li {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li,
  .cc ol.styled.tile > li {
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc ul.styled.tile > li:nth-child(even),
.cc ol.styled.tile > li:nth-child(even) {
  float: right;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li:nth-child(even),
  .cc ol.styled.tile > li:nth-child(even) {
    float: none;
  }
}
.cc ul.styled.tile > li h1,
.cc ol.styled.tile > li h1,
.cc ul.styled.tile > li h2,
.cc ol.styled.tile > li h2,
.cc ul.styled.tile > li h3,
.cc ol.styled.tile > li h3,
.cc ul.styled.tile > li h4,
.cc ol.styled.tile > li h4 {
  /*px*/ padding-bottom: 10px;
  /*rem*/ padding-bottom: 0.625rem;
  line-height: 1.3;
  color: #004494;
  display: inline-block;
}
.cc ul.styled.tile > li h1:before,
.cc ol.styled.tile > li h1:before,
.cc ul.styled.tile > li h2:before,
.cc ol.styled.tile > li h2:before,
.cc ul.styled.tile > li h3:before,
.cc ol.styled.tile > li h3:before,
.cc ul.styled.tile > li h4:before,
.cc ol.styled.tile > li h4:before {
  content: none;
}
.cc ul.styled.tile > li.hero,
.cc ol.styled.tile > li.hero {
  display: flex;
  flex-direction: row;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero,
  .cc ol.styled.tile > li.hero {
    display: block;
    height: auto;
  }
}
.cc ul.styled.tile > li.hero figure,
.cc ol.styled.tile > li.hero figure {
  width: 30%;
  overflow: hidden;
  margin: 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero figure,
  .cc ol.styled.tile > li.hero figure {
    width: 100%;
  }
}
.cc ul.styled.tile > li.hero figure + div,
.cc ol.styled.tile > li.hero figure + div {
  width: 70%;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero figure + div,
  .cc ol.styled.tile > li.hero figure + div {
    width: 100%;
  }
}
.cc ul.styled.tile > li.hero figure img,
.cc ol.styled.tile > li.hero figure img {
  /* position: relative;
              max-width: 185%;
              width: auto;
              height: 100%;
              left: 100%;
              max-height: 100%;
              margin-left: -145%;
              display: flex;*/
  width: 100% !important;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero figure img,
  .cc ol.styled.tile > li.hero figure img {
    position: static;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
.cc ul.styled.tile > li.hero figure img.logo,
.cc ol.styled.tile > li.hero figure img.logo {
  position: static;
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 170px;
  margin: 0;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero figure img.logo,
  .cc ol.styled.tile > li.hero figure img.logo {
    margin: 0 auto;
  }
}
.cc ul.styled.tile > li.hero img.logo-capital-meilleur-employeur,
.cc ol.styled.tile > li.hero img.logo-capital-meilleur-employeur {
  /*px*/ max-width: 160px;
  /*rem*/ max-width: 10rem;
  margin: 0 auto;
  display: block;
}
.cc ul.styled.tile > li.hero:nth-child(even),
.cc ol.styled.tile > li.hero:nth-child(even) {
  padding: 0;
}
.cc ul.styled.tile > li.hero:nth-child(even) figure,
.cc ol.styled.tile > li.hero:nth-child(even) figure {
  order: 1;
}
.cc ul.styled.tile > li.hero:nth-child(even) figure img.logo,
.cc ol.styled.tile > li.hero:nth-child(even) figure img.logo {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero:nth-child(even) figure img.logo,
  .cc ol.styled.tile > li.hero:nth-child(even) figure img.logo {
    padding: 0;
  }
}
.cc ul.styled.tile > li.hero:nth-child(even) figure + div,
.cc ol.styled.tile > li.hero:nth-child(even) figure + div {
  order: 2;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero:nth-child(even) figure + div,
  .cc ol.styled.tile > li.hero:nth-child(even) figure + div {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc ul.styled.tile > li.hero:nth-child(odd),
.cc ol.styled.tile > li.hero:nth-child(odd) {
  padding: 0;
}
.cc ul.styled.tile > li.hero:nth-child(odd) figure,
.cc ol.styled.tile > li.hero:nth-child(odd) figure {
  order: 2;
}
.cc ul.styled.tile > li.hero:nth-child(odd) figure img.logo,
.cc ol.styled.tile > li.hero:nth-child(odd) figure img.logo {
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero:nth-child(odd) figure img.logo,
  .cc ol.styled.tile > li.hero:nth-child(odd) figure img.logo {
    padding: 0;
  }
}
.cc ul.styled.tile > li.hero:nth-child(odd) figure + div,
.cc ol.styled.tile > li.hero:nth-child(odd) figure + div {
  order: 1;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero:nth-child(odd) figure + div,
  .cc ol.styled.tile > li.hero:nth-child(odd) figure + div {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc ul.styled.tile:after,
.cc ol.styled.tile:after {
  content: "";
  display: block;
  clear: both;
}
.cc ul ul,
.cc ol ul,
.cc ul ol,
.cc ol ol {
  /*px*/ margin: 10px 30px;
  /*rem*/ margin: 0.625rem 1.875rem;
  padding-left: 0;
}
.cc ul.flex span.flex10,
.cc ol.flex span.flex10,
.cc ul.flex span.flex15,
.cc ol.flex span.flex15,
.cc ul.flex span.flex20,
.cc ol.flex span.flex20,
.cc ul.flex span.flex25,
.cc ol.flex span.flex25,
.cc ul.flex span.flex30,
.cc ol.flex span.flex30,
.cc ul.flex span.flex33,
.cc ol.flex span.flex33,
.cc ul.flex span.flex40,
.cc ol.flex span.flex40,
.cc ul.flex span.flex50,
.cc ol.flex span.flex50,
.cc ul.flex span.flex60,
.cc ol.flex span.flex60,
.cc ul.flex span.flex66,
.cc ol.flex span.flex66,
.cc ul.flex span.flex70,
.cc ol.flex span.flex70,
.cc ul.flex span.flex80,
.cc ol.flex span.flex80,
.cc ul.flex span.flex90,
.cc ol.flex span.flex90 {
  /*px*/ padding-right: 60px;
  /*rem*/ padding-right: 3.75rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.flex span.flex10,
  .cc ol.flex span.flex10,
  .cc ul.flex span.flex15,
  .cc ol.flex span.flex15,
  .cc ul.flex span.flex20,
  .cc ol.flex span.flex20,
  .cc ul.flex span.flex25,
  .cc ol.flex span.flex25,
  .cc ul.flex span.flex30,
  .cc ol.flex span.flex30,
  .cc ul.flex span.flex33,
  .cc ol.flex span.flex33,
  .cc ul.flex span.flex40,
  .cc ol.flex span.flex40,
  .cc ul.flex span.flex50,
  .cc ol.flex span.flex50,
  .cc ul.flex span.flex60,
  .cc ol.flex span.flex60,
  .cc ul.flex span.flex66,
  .cc ol.flex span.flex66,
  .cc ul.flex span.flex70,
  .cc ol.flex span.flex70,
  .cc ul.flex span.flex80,
  .cc ol.flex span.flex80,
  .cc ul.flex span.flex90,
  .cc ol.flex span.flex90 {
    padding-right: 0;
  }
}
.cc ul.flex span.flex10 li,
.cc ol.flex span.flex10 li,
.cc ul.flex span.flex15 li,
.cc ol.flex span.flex15 li,
.cc ul.flex span.flex20 li,
.cc ol.flex span.flex20 li,
.cc ul.flex span.flex25 li,
.cc ol.flex span.flex25 li,
.cc ul.flex span.flex30 li,
.cc ol.flex span.flex30 li,
.cc ul.flex span.flex33 li,
.cc ol.flex span.flex33 li,
.cc ul.flex span.flex40 li,
.cc ol.flex span.flex40 li,
.cc ul.flex span.flex50 li,
.cc ol.flex span.flex50 li,
.cc ul.flex span.flex60 li,
.cc ol.flex span.flex60 li,
.cc ul.flex span.flex66 li,
.cc ol.flex span.flex66 li,
.cc ul.flex span.flex70 li,
.cc ol.flex span.flex70 li,
.cc ul.flex span.flex80 li,
.cc ol.flex span.flex80 li,
.cc ul.flex span.flex90 li,
.cc ol.flex span.flex90 li {
  /*px*/ margin-bottom: 30px;
  /*rem*/ margin-bottom: 1.875rem;
}
.cc ul {
  list-style: none;
  padding-left: 0;
}
.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;
  }
}
.cc ul.styled > li:before {
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.cc ul.styled > li.check {
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled > li.check {
    /*px*/ margin-bottom: 15px;
    /*rem*/ margin-bottom: 0.9375rem;
  }
}
.cc ul.styled > li.check:after {
  position: absolute;
  left: -30px;
  top: 0px;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.key-words {
    text-align: center;
    padding-left: 0;
  }
}
.cc ul.styled.key-words li {
  /*px*/ padding-left: 50px;
  /*rem*/ padding-left: 3.125rem;
  /*px*/ margin-bottom: 40px;
  /*rem*/ margin-bottom: 2.5rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.key-words li {
    padding-left: 0;
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc ul.styled.key-words li:before {
  color: #fff;
  background: #004494;
  /*px*/ padding: 12px;
  /*rem*/ padding: 0.75rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.key-words li:before {
    position: static;
    display: block;
    /*px*/ margin: 0 auto 20px;
    /*rem*/ margin: 0 auto 1.25rem;
  }
}
.cc ul.styled.key-words li:last-child {
  margin-bottom: 0;
}
.cc ul.styled.key-words li.svg {
  display: block;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.key-words li.svg {
    /*px*/ margin-top: 40px;
    /*rem*/ margin-top: 2.5rem;
  }
}
.cc ul.styled.key-words li.svg:before {
  left: 22px;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.key-words li.svg:before {
    width: 25px !important;
    height: 25px !important;
    position: relative;
    margin-bottom: 0;
  }
}
.cc ul.styled.key-words li ul {
  /*px*/ margin: 15px 0 0;
  /*rem*/ margin: 0.9375rem 0 0;
}
.cc ul.styled.key-words li ul li {
  /*px*/ padding-left: 0;
  /*rem*/ padding-left: 0;
  /*px*/ margin: 0 0 10px 0;
  /*rem*/ margin: 0 0 0.625rem 0;
}
.cc ul.styled.key-words li ul li:before {
  content: "\2022";
  color: #004494;
  background: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc ul.styled.key-words li ul li:last-child {
  margin-bottom: 0;
}
.cc ul.styled.key-words li h1,
.cc ul.styled.key-words li h2,
.cc ul.styled.key-words li h3,
.cc ul.styled.key-words li h4 {
  /*px*/ padding-bottom: 15px;
  /*rem*/ padding-bottom: 0.9375rem;
}
.cc ul.styled.tile > li:nth-child(even) {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li:nth-child(even) {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc ul.styled.tile > li:nth-child(odd) {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li:nth-child(odd) {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc ul.styled.tile > li.hero:nth-child(even) figure + div {
  /*px*/ padding: 40px 40px 40px 20px;
  /*rem*/ padding: 2.5rem 2.5rem 2.5rem 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero:nth-child(even) figure + div {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc ul.styled.tile > li.hero:nth-child(odd) figure + div {
  /*px*/ padding: 40px 20px 40px 40px;
  /*rem*/ padding: 2.5rem 1.25rem 2.5rem 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li.hero:nth-child(odd) figure + div {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc ul.styled.tile > li:before {
  content: none;
}
.cc ol {
  list-style-position: inside;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc ol {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
.cc ol.styled {
  counter-reset: li;
}
.cc ol.styled > li,
.cc ol.styled span > li {
  position: relative;
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
  counter-increment: li;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li,
  .cc ol.styled span > li {
    /*px*/ padding-left: 10px;
    /*rem*/ padding-left: 0.625rem;
  }
}
.cc ol.styled > li:before,
.cc ol.styled span > li:before {
  display: inline-block;
  text-align: right;
  background-color: #004494;
  color: #fff;
  content: counter(li);
  margin-left: -50px;
  margin-right: 0.5em;
  direction: rtl;
  /*px*/ padding: 6px 14px;
  /*rem*/ padding: 0.375rem 0.875rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li:before,
  .cc ol.styled span > li:before {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ padding: 4px 13px;
    /*rem*/ padding: 0.25rem 0.8125rem;
    margin-left: -42px;
  }
}
.cc ol.styled.square > li:before,
.cc ol.styled.square span > li:before {
  background-color: transparent;
  color: #E2001A;
  border: 2px solid #004494;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.cc ol.styled.square.flex > li:before,
.cc ol.styled.square.flex span > li:before {
  position: absolute;
}
.cc ol.styled.tile > li:before {
  position: absolute;
  /*px*/ font-size: 35px;
  /*rem*/ font-size: 2.1875rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.tile > li:before {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
  }
}
.cc ol.styled.tile > li:nth-child(even) {
  /*px*/ padding: 40px 100px 40px 40px;
  /*rem*/ padding: 2.5rem 6.25rem 2.5rem 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.tile > li:nth-child(even) {
    /*px*/ padding: 50px 20px 20px;
    /*rem*/ padding: 3.125rem 1.25rem 1.25rem;
  }
}
.cc ol.styled.tile > li:nth-child(odd) {
  /*px*/ padding: 40px 40px 40px 100px;
  /*rem*/ padding: 2.5rem 2.5rem 2.5rem 6.25rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.tile > li:nth-child(odd) {
    /*px*/ padding: 50px 20px 20px;
    /*rem*/ padding: 3.125rem 1.25rem 1.25rem;
  }
}
.cc ol.styled.tile > li:nth-child(even):before {
  /*px*/ right: -30px;
  /*rem*/ right: -1.875rem;
  /*px*/ top: -15px;
  /*rem*/ top: -0.9375rem;
  /*px*/ padding: 25px;
  /*rem*/ padding: 1.5625rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.tile > li:nth-child(even):before {
    /*px*/ padding: 15px 20px;
    /*rem*/ padding: 0.9375rem 1.25rem;
  }
}
.cc ol.styled.tile > li:nth-child(odd):before {
  /*px*/ left: 35px;
  /*rem*/ left: 2.1875rem;
  /*px*/ top: -15px;
  /*rem*/ top: -0.9375rem;
  /*px*/ padding: 25px;
  /*rem*/ padding: 1.5625rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.tile > li:nth-child(odd):before {
    /*px*/ padding: 15px 20px;
    /*rem*/ padding: 0.9375rem 1.25rem;
  }
}
.cc ol.styled.tile > li.hero:nth-child(even) figure + div {
  /*px*/ padding: 40px 100px 40px 20px;
  /*rem*/ padding: 2.5rem 6.25rem 2.5rem 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.tile > li.hero:nth-child(even) figure + div {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc ol.styled.tile > li.hero:nth-child(odd) figure + div {
  /*px*/ padding: 40px 20px 40px 100px;
  /*rem*/ padding: 2.5rem 1.25rem 2.5rem 6.25rem;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled.tile > li.hero:nth-child(odd) figure + div {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc ol.styled.horizontal {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 0;
}
@media only screen and (max-width: 992px) {
  .cc ol.styled.horizontal {
    display: block;
  }
}
.cc ol.styled.horizontal:before {
  content: "";
  width: 90%;
  height: 10px;
  background: #fff;
  display: block;
  position: absolute;
  /*px*/ top: 65px;
  /*rem*/ top: 4.0625rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc ol.styled.horizontal li {
  flex: 1;
  display: block;
  position: relative;
  /*px*/ margin: 120px 0 0 0;
  /*rem*/ margin: 7.5rem 0 0 0;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
}
.cc ol.styled.horizontal li:before {
  margin: 0;
  position: absolute;
  /*px*/ top: -60px;
  /*rem*/ top: -3.75rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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);
  color: #004494;
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
  /*px*/ padding: 34px 36px;
  /*rem*/ padding: 2.125rem 2.25rem;
  font-weight: 700;
}
.cc ol.styled.horizontal li div {
  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);
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  height: 100%;
}
.cc ol.styled.horizontal li div p {
  /*px*/ margin-bottom: 5px;
  /*rem*/ margin-bottom: 0.3125rem;
}
.cc ol.styled.horizontal li div p:last-child {
  margin-bottom: 0;
}
.cc .timeline {
  max-width: 800px;
}
.cc .timeline > ul {
  display: inline-block;
}
.cc .timeline > ul > li {
  border-left: 1px dashed #004494;
  /*px*/ padding: 0 0 30px 30px;
  /*rem*/ padding: 0 0 1.875rem 1.875rem;
  /*px*/ margin-left: 200px;
  /*rem*/ margin-left: 12.5rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .cc .timeline > ul > li {
    margin-left: 0;
  }
}
.cc .timeline > ul > li:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background-color: #004494;
  border-radius: 9px;
  box-shadow: 0 0 2px 8px #fff;
  top: 0;
  left: -5px;
}
.cc .timeline > ul > li:first-child {
  /*px*/ padding-top: 30px;
  /*rem*/ padding-top: 1.875rem;
}
.cc .timeline > ul > li:first-child:before {
  top: 35px;
}
.cc .timeline > ul > li:first-child.svg:before {
  top: 40px;
}
.cc .timeline > ul > li:first-child > div {
  position: relative;
  top: -1px;
}
.cc .timeline > ul > li:first-child > div:first-child {
  top: 30px;
}
@media only screen and (max-width: 768px) {
  .cc .timeline > ul > li:first-child > div:first-child {
    top: -2px;
  }
}
.cc .timeline > ul > li:last-child {
  /*px*/ padding-bottom: 10px;
  /*rem*/ padding-bottom: 0.625rem;
}
.cc .timeline > ul > li > div {
  position: relative;
  top: -6px;
}
.cc .timeline > ul > li > div:first-child {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  color: #004494;
  position: absolute;
  width: 150px;
  left: -185px;
  top: -5px;
  text-align: right;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .cc .timeline > ul > li > div:first-child {
    position: relative;
    left: 0;
    text-align: left;
    /*px*/ padding-bottom: 8px;
    /*rem*/ padding-bottom: 0.5rem;
    top: -7px;
  }
}
.cc .timeline > ul > li > div h2 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  line-height: initial;
}
.cc .timeline > ul > li > div h2:before {
  content: none !important;
}
.cc .timeline > ul > li > div h3 {
  color: #222222 !important;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  line-height: initial;
}
.cc .timeline > ul > li > div p {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc .timeline > ul > li > div p:first-child {
  margin-top: 0;
}
.cc .timeline > ul > li > div p small {
  display: block;
}
.cc .timeline > ul > li > div .actions {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc .timeline > ul > li > div.opacity {
  opacity: 0;
}
.cc .timeline > ul > li > div.appeared {
  opacity: 1;
  -webkit-animation: droite-gauche 0.6s;
  -o-animation: droite-gauche 0.6s;
  animation: droite-gauche 0.6s;
}
@media only screen and (max-width: 480px) {
  .cc .timeline > ul > li > div.appeared {
    -webkit-animation: gauche-droite 0.6s;
    -o-animation: gauche-droite 0.6s;
    animation: gauche-droite 0.6s;
  }
}
.cc .timeline > ul > li.svg:before {
  color: #fff;
  border-radius: 100%;
  left: 0;
  top: 5px;
  width: 30px !important;
  height: 30px !important;
  text-align: center;
  line-height: 30px;
  /*px*/ padding: 3px;
  /*rem*/ padding: 0.1875rem;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul {
    margin-left: 10px;
  }
}
.cc .timeline_alternance > ul li {
  width: 50%;
  /*px*/ margin-right: 25px !important;
  /*rem*/ margin-right: 1.5625rem !important;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li {
    width: 100%;
  }
}
.cc .timeline_alternance > ul li:nth-child(even) {
  border-right: 1px dotted #004494;
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(even) {
    left: inherit;
    border-left: 1px dotted #004494;
    border-right: inherit;
  }
}
.cc .timeline_alternance > ul li:nth-child(even) > div:first-child {
  width: 16%;
  text-align: center;
  position: absolute;
  right: -8%;
  /*px*/ top: -21px;
  /*rem*/ top: -1.3125rem;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  .cc .timeline_alternance > ul li:nth-child(even) > div:first-child {
    /*px*/ right: -30px;
    /*rem*/ right: -1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(even) > div:first-child {
    /*px*/ left: -26px;
    /*rem*/ left: -1.625rem;
  }
}
.cc .timeline_alternance > ul li:nth-child(even) > div:nth-child(2) {
  /*px*/ margin-right: 25pxpx;
  /*rem*/ margin-right: 1.5625pxrem;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(even) > div:nth-child(2) {
    /*px*/ margin-left: 25px;
    /*rem*/ margin-left: 1.5625rem;
    margin-right: inherit;
  }
}
.cc .timeline_alternance > ul li:nth-child(even) > div:nth-child(2).appeared {
  opacity: 1;
  -webkit-animation: droite-gauche 0.6s;
  -o-animation: droite-gauche 0.6s;
  animation: droite-gauche 0.6s;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(even) > div:nth-child(2).appeared {
    -webkit-animation: gauche-droite 0.6s;
    -o-animation: gauche-droite 0.6s;
    animation: gauche-droite 0.6s;
  }
}
.cc .timeline_alternance > ul li:nth-child(odd) {
  border-left: 1px dotted #004494;
  position: relative;
  left: 50%;
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(odd) {
    left: inherit;
  }
}
.cc .timeline_alternance > ul li:nth-child(odd) > div:first-child {
  width: 16%;
  left: -8%;
  /*px*/ top: -21px;
  /*rem*/ top: -1.3125rem;
  text-align: center;
  position: absolute;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  .cc .timeline_alternance > ul li:nth-child(odd) > div:first-child {
    /*px*/ left: -30px;
    /*rem*/ left: -1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(odd) > div:first-child {
    /*px*/ left: -26px;
    /*rem*/ left: -1.625rem;
  }
}
.cc .timeline_alternance > ul li:nth-child(odd) > div:nth-child(2) {
  /*px*/ margin-left: 25px;
  /*rem*/ margin-left: 1.5625rem;
}
.cc .timeline_alternance > ul li:nth-child(odd) > div:nth-child(2).appeared {
  opacity: 1;
  -webkit-animation: gauche-droite 0.6s;
  -o-animation: gauche-droite 0.6s;
  animation: gauche-droite 0.6s;
}
.cc .timeline_alternance > ul li > div.opacity {
  opacity: 0;
}
.cc .timeline_alternance > ul li > div.appeared:first-child {
  opacity: 1;
  -webkit-animation: date-animation 0.6s;
  -o-animation: date-animation 0.6s;
  animation: date-animation 0.6s;
}
.cc .timeline_alternance > ul li > div figure {
  margin: 0;
}
@-webkit-keyframes date-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-o-keyframes date-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes date-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes gauche-droite {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-o-keyframes gauche-droite {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes gauche-droite {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes droite-gauche {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-o-keyframes droite-gauche {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes droite-gauche {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.cc .key-figure > div {
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
}
.cc .key-figure > div > div {
  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);
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .cc .key-figure > div > div {
    display: block;
  }
}
.cc .key-figure > div > div figure {
  margin: 0;
  /*px*/ padding-right: 10px;
  /*rem*/ padding-right: 0.625rem;
  align-self: center;
}
.cc .key-figure > div > div figure img {
  background: rgba(0, 68, 148, 0.1);
  width: 42px;
  /*px*/ padding: 5px;
  /*rem*/ padding: 0.3125rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 0;
}
.cc .key-figure > div > div p {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  font-weight: 700;
  margin-bottom: 0;
  max-width: calc(100% - 55px);
}
@media only screen and (max-width: 768px) {
  .cc .key-figure > div > div p {
    /*px*/ padding-top: 10px;
    /*rem*/ padding-top: 0.625rem;
  }
}
.cc .key-figure > div > div p.smaller {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  font-weight: 400;
}
.cc .key-figure > div > div p strong {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  display: block;
  color: #004494;
  /*px*/ margin-bottom: 3px;
  /*rem*/ margin-bottom: 0.1875rem;
}
@media only screen and (max-width: 768px) {
  .cc .key-figure > div > div p strong {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
.cc .key-figure > div > div p strong .bigger {
  color: #E2001A;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc .key-figure > div > div p strong .bigger {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
.cc .key-figure > div .svg:before {
  color: #004494;
}
.cc .key-figure.block {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .cc .key-figure.block {
    display: block;
  }
}
.cc .key-figure.block > div {
  flex: 1;
}
.cc .key-figure.block > div > div {
  display: block;
}
.cc .key-figure.block > div > div figure {
  padding-right: 0;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc .key-figure.block > div > div p {
  max-width: initial;
  line-height: 1.2;
}
.cc .key-figure.block > div > div .svg {
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
  display: inline-block;
}
.cc .slider {
  overflow: hidden;
}
.cc .slider-inner div {
  float: left;
  /*px*/ padding: 2px 0;
  /*rem*/ padding: 0.125rem 0;
}
.cc .slider-inner div[aria-hidden="true"] {
  display: block;
}
.cc .slider-inner h2 {
  max-width: none;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
  text-align: left;
}
.cc .slider-inner fieldset {
  border: none;
  margin: 0;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc .slider-inner legend {
  font-weight: bold;
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc .slider-inner input[type="radio"] {
  /*px*/ margin-right: 20px;
  /*rem*/ margin-right: 1.25rem;
}
.cc .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 .slider-list ol {
  list-style-type: none;
  margin: 0;
  z-index: 1;
  position: relative;
  padding-left: 0;
}
.cc .slider-list li {
  display: inline-block;
  /*px*/ margin: 0 5px;
  /*rem*/ margin: 0 0.3125rem;
}
.cc .slider-list a {
  display: inline-block;
  border: 1px solid #002D61;
  /*px*/ width: 10px;
  /*rem*/ width: 0.625rem;
  /*px*/ height: 10px;
  /*rem*/ height: 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  background-color: #fff;
}
.cc .slider-list a[aria-selected="true"] {
  background-color: #004494;
}
.cc .slider-list a:hover {
  background-color: #002D61;
}
.cc .slider-list a:focus {
  outline: 2px solid #002D61 !important;
}
.cc .slider-buttons {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
  padding: 0;
  /*px*/ height: 33px;
  /*rem*/ height: 2.0625rem;
  position: relative;
}
.cc .slider-buttons button {
  width: auto;
  /*px*/ height: 40px;
  /*rem*/ height: 2.5rem;
  /*px*/ padding: 0 20px;
  /*rem*/ padding: 0 1.25rem;
  border: none;
  color: #004494;
  text-align: right;
  background: #F5F5F5;
  transition: all 1s ease 0s;
  position: absolute;
  top: 0;
}
.cc .slider-buttons button:before {
  font-family: fts_commun;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc .slider-buttons button:hover {
  background: #002D61;
  color: #fff;
}
.cc .slider-buttons button:focus {
  background: #0069E0;
  color: #fff;
}
.cc .slider-buttons button.prev {
  left: 0;
  z-index: 10;
}
.cc .slider-buttons button.prev:before {
  content: "\e605";
}
.cc .slider-buttons button.next {
  text-align: left;
  right: 0;
  z-index: 10;
}
.cc .slider-buttons button.next:before {
  content: "\e636";
}
.cc .slider-buttons span.pos {
  color: #0069E0;
  font-size: 0.8em;
  position: absolute;
  /*px*/ right: 4px;
  /*rem*/ right: 0.25rem;
  /*px*/ bottom: 6px;
  /*rem*/ bottom: 0.375rem;
}
.cc .slider-next {
  text-align: center;
  /*px*/ min-height: 33px;
  /*rem*/ min-height: 2.0625rem;
  position: relative;
}
.cc .slider-next .button {
  border-color: #004494;
  color: #0069E0;
}
.cc .slider-next .button[disabled] {
  border-color: #004494;
  color: #002D61;
}
.cc .slider-steps {
  position: relative;
  /*px*/ height: 13px;
  /*rem*/ height: 0.8125rem;
  /*px*/ margin: 0 -4px;
  /*rem*/ margin: 0 -0.25rem;
}
.cc .slider-steps progress {
  position: absolute;
  /*px*/ top: 13px;
  /*rem*/ top: 0.8125rem;
  left: 0;
  width: 100%;
  /*px*/ height: 4px;
  /*rem*/ height: 0.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0069E0;
  border: none;
}
.cc .slider-steps progress::-moz-progress-bar {
  background-color: #004494;
}
.cc .slider-steps progress::-webkit-progress-bar {
  background-color: #0069E0;
}
.cc .slider-steps progress::-webkit-progress-value {
  background-color: #004494;
}
.cc .slider-steps div.progress {
  background: #0069E0;
  height: 10px;
  position: relative;
  top: 10px;
}
.cc .slider-steps div.progress div {
  position: absolute;
  top: 0;
  left: 0;
  background: #004494;
  width: 0;
  height: 10px;
  z-index: 10;
}
.cc [data-slider="yes"] {
  background: #fff;
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  position: relative;
  -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);
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner {
  counter-reset: steps-counter;
  text-align: center;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner > div {
  width: 100%;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner fieldset {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
  text-align: left;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner legend {
  /*px*/ padding: 0 0 0 40px;
  /*rem*/ padding: 0 0 0 2.5rem;
  position: relative;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner legend::before {
  background: #0069E0;
  color: #fff;
  content: counter(steps-counter);
  counter-increment: steps-counter;
  display: inline-block;
  left: 0;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  top: 0;
  /*px*/ width: 32px;
  /*rem*/ width: 2rem;
  /*px*/ height: 20px;
  /*rem*/ height: 1.25rem;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ margin-right: 20px;
  /*rem*/ margin-right: 1.25rem;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner legend ~ .ctxt-form {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner button {
  transition: background-color 0.4s;
  /*px*/ margin-left: 20px;
  /*rem*/ margin-left: 1.25rem;
}
@media only screen and (max-width: 992px) {
  .cc [data-slider="yes"][data-slider-type="steps"] .slider-inner button.prev::before {
    content: " < ";
    speak: none;
  }
  .cc [data-slider="yes"][data-slider-type="steps"] .slider-inner button.prev span {
    left: -9000px;
    position: absolute;
    top: -999999em;
  }
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner button.next {
  background-color: #0069E0;
  border-color: #0069E0;
  color: #fff !important;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner button.next[disabled] {
  background-color: #999;
  color: #fff;
  border-color: #fff;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner input[type="number"] ~ span.help {
  background-color: #33AB89;
  border: 1px solid #33AB89;
  border-color: #fff;
  border-left-width: 0;
  color: #E84558;
  display: inline-block;
  /*px*/ width: 54px;
  /*rem*/ width: 3.375rem;
  /*px*/ height: 28px;
  /*rem*/ height: 1.75rem;
  /*px*/ padding: 4px 16px;
  /*rem*/ padding: 0.25rem 1rem;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner input[type="number"]:focus {
  border-color: #002D61;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner input[type="number"]:focus ~ span.help {
  border-color: #002D61;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner [class^="ctxt-form"] .form-group {
  border-left-width: 0;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner [class^="ctxt-form"] .form-control {
  padding: 0;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner [class^="ctxt-form"] .form-control:first-child input {
  /*px*/ margin: 4px 8px 0 8px;
  /*rem*/ margin: 0.25rem 0.5rem 0 0.5rem;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner [class^="ctxt-form"] input[type="checkbox"],
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner [class^="ctxt-form"] input[type="radio"] {
  margin: 0;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner [class^="ctxt-form"] button {
  /*px*/ margin: 0 0 4px 4px;
  /*rem*/ margin: 0 0 0.25rem 0.25rem;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner [class^="ctxt-form"] button .prev {
  /*px*/ padding: 4px 8px;
  /*rem*/ padding: 0.25rem 0.5rem;
}
.cc [data-slider="yes"] div.frm {
  text-align: left;
  width: 60%;
  margin: 0 auto;
  float: none;
}
.cc [data-slider="yes"]#qcc h2 {
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  /*px*/ margin: 0 0 20px;
  /*rem*/ margin: 0 0 1.25rem;
}
.cc [data-slider="yes"]#qcc h2:before {
  content: none;
}
.cc [data-slider="yes"]#qcc div {
  float: none;
  padding: 0;
  width: 100%;
  position: relative;
  text-align: right;
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
}
.cc [data-slider="yes"]#qcc > .slider > .slider-inner,
.cc [data-slider="yes"]#qcc > .slider > .slider-inner > div {
  padding: 0;
}
.cc [data-slider="yes"]#qcc > .slider > .slider-inner {
  text-align: left;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner legend {
  padding: 0;
  margin-top: 0;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner legend:before {
  content: none;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner input[type="radio"] {
  vertical-align: middle;
  /*px*/ margin-right: 10px;
  /*rem*/ margin-right: 0.625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  /*px*/ height: 16px;
  /*rem*/ height: 1rem;
  /*px*/ width: 16px;
  /*rem*/ width: 1rem;
  background: #fff;
  border: 1px solid #0069E0;
  transition: all 0.2s linear;
  padding: 0;
  display: inline-block;
  vertical-align: -2px;
  cursor: pointer;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner input[type="radio"]:checked {
  border-color: #0069E0;
  background-color: #0069E0;
  box-shadow: 0 0 0 3px #fff inset;
  outline: 0 none !important;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner label {
  display: inline-block;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner label:hover {
  cursor: pointer;
  color: #0069E0;
  font-weight: 600;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner fieldset {
  padding-left: 0;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner > div {
  position: relative;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .slider-inner > div.result {
  text-align: left;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button {
  /*px*/ margin: 10px auto 0;
  /*rem*/ margin: 0.625rem auto 0;
}
@media only screen and (max-width: 768px) {
  .cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button {
    /*px*/ margin: 10px auto 20px;
    /*rem*/ margin: 0.625rem auto 1.25rem;
  }
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button:hover {
  cursor: pointer;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next {
  margin: 0;
  /*px*/ padding: 5px 10px;
  /*rem*/ padding: 0.3125rem 0.625rem;
  background: #fff;
  border-color: #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);
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next:before {
  color: #004494;
}
@media only screen and (max-width: 768px) {
  .cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev,
  .cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next {
    /*px*/ padding: 10px 15px;
    /*rem*/ padding: 0.625rem 0.9375rem;
  }
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev:hover,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next:hover {
  border-color: #0069E0;
  background: #0069E0;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev:hover:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next:hover:before {
  color: #fff;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev:focus,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next:focus {
  background: #0069E0;
  background: rgba(0, 105, 224, 0.1);
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev:focus:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next:focus:before {
  color: #0069E0;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled]:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled]:before {
  color: rgba(0, 68, 148, 0.2);
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled]:hover,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled]:hover,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled]:focus,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled]:focus {
  cursor: initial;
  background: #fff;
  border-color: #fff;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled]:hover:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled]:hover:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled]:focus:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled]:focus:before {
  color: rgba(0, 68, 148, 0.2);
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled] {
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev,
  .cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled] {
    left: 0;
    bottom: -60px;
    right: inherit;
  }
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.prev[disabled]:before {
  font-family: fts_commun;
  content: "\EAAB";
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled] {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
}
@media only screen and (max-width: 768px) {
  .cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next,
  .cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled] {
    right: 0;
    bottom: -60px;
  }
}
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next:before,
.cc [data-slider="yes"]#qcc[data-slider="yes"][data-slider-type="steps"] .button.next[disabled]:before {
  font-family: fts_commun;
  content: "\EAAC";
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc table {
  width: 100%;
  text-align: center;
}
.cc table caption {
  /*px*/ padding: 0 0 20px;
  /*rem*/ padding: 0 0 1.25rem;
  color: #414141;
  font-weight: 700;
}
.cc table thead th {
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.cc table thead th:last-child {
  border: none;
}
.cc table thead th p,
.cc table thead th li {
  color: #fff;
}
.cc table thead th a {
  color: #fff;
  text-decoration: underline;
}
.cc table thead th a:hover,
.cc table thead th a:focus {
  color: rgba(255, 255, 255, 0.5);
}
.cc table tbody td {
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
  border: 1px solid #f2efed;
  background: #fff;
}
.cc table tbody td.group {
  background: #F5F5F5;
  text-align: center;
  font-weight: 700;
}
.cc table tbody td .teaser {
  color: #0069E0;
}
.cc table tbody td a[href$=".pdf"]:before {
  content: url("../../../CSD/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
.cc table.striped tbody tr:nth-child(even) {
  background: rgba(0, 68, 148, 0.05);
}
.cc table.striped tbody tr:nth-child(even) td {
  background: rgba(0, 68, 148, 0.05);
}
.cc table.two-entry tbody th[scope="row"] {
  border: 1px solid #f2efed;
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
}
.cc table.one-entry tbody th[scope="row"] {
  border: 1px solid #f2efed;
  width: 40%;
  text-align: right;
  /*px*/ padding: 15px 20px 15px;
  /*rem*/ padding: 0.9375rem 1.25rem 0.9375rem;
}
.cc table.one-entry tbody td {
  width: 33%;
}
@media only screen and (max-width: 768px) {
  .cc table.RWD-M {
    display: none;
  }
}
.cc table.RWD-M-alt {
  display: none;
}
@media only screen and (max-width: 768px) {
  .cc table.RWD-M-alt {
    display: table;
    /*px*/ margin-bottom: 40px;
    /*rem*/ margin-bottom: 2.5rem;
  }
  .cc table.RWD-M-alt:last-child {
    /*px*/ margin-bottom: 0;
    /*rem*/ margin-bottom: 0;
  }
}
.cc table.doublethead thead tr:first-child th {
  color: #414141;
  background: rgba(0, 105, 224, 0.1);
  border-right: 1px solid #fff;
}
.cc table.doublethead thead tr:first-child th:last-child {
  border: none;
}
.cc table.plan-action tbody tr {
  text-align: left;
}
.cc table.plan-action tbody td {
  text-align: center;
}
.cc table.plan-action tbody td:first-child {
  text-align: left;
}
.cc table.plan-action tbody th {
  background-color: #f2efed;
  padding: 0.9375rem;
  border: 1px solid #f2efed;
  text-align: left;
}
.cc nav {
  background: #fff;
  /*px*/ padding: 5px 0 20px 0;
  /*rem*/ padding: 0.3125rem 0 1.25rem 0;
}
.cc nav.pagination {
  width: 100%;
  text-align: center;
  /*px*/ padding: 5px 0 10px;
  /*rem*/ padding: 0.3125rem 0 0.625rem;
}
.cc nav.pagination ul {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
.cc nav.pagination ul li {
  display: inline;
}
.cc nav.pagination ul li a {
  /*px*/ padding: 5px 10px;
  /*rem*/ padding: 0.3125rem 0.625rem;
  /*px*/ margin: 5px;
  /*rem*/ margin: 0.3125rem;
  display: inline-block;
  text-decoration: none;
}
.cc nav.pagination ul li a:hover,
.cc nav.pagination ul li a:focus {
  background: rgba(0, 68, 148, 0.3);
}
.cc nav.pagination ul li a.sel {
  background: #004494;
  color: #fff;
}
.cc.main .body aside + div .insert {
  width: 100%;
}
.cc.main .body .insert {
  /*px*/ padding: 10px 40px 5px;
  /*rem*/ padding: 0.625rem 2.5rem 0.3125rem;
  background: rgba(0, 68, 148, 0.05);
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
    width: 100%;
  }
}
.cc.main .body .insert.margin-top {
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
}
.cc.main .body .insert.margin-bottom {
  /*px*/ margin-bottom: 15px;
  /*rem*/ margin-bottom: 0.9375rem;
}
.cc.main .body .insert.border {
  border-top: 1px solid #004494;
}
.cc.main .body .insert.flex50 {
  width: 49%;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.flex50 {
    width: 100%;
    /*px*/ margin-top: 10px;
    /*rem*/ margin-top: 0.625rem;
  }
}
.cc.main .body .insert.flex50 .banner h1,
.cc.main .body .insert.flex50 .banner h2,
.cc.main .body .insert.flex50 .banner h3,
.cc.main .body .insert.flex50 .banner h4 {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.flex50 .banner h1,
  .cc.main .body .insert.flex50 .banner h2,
  .cc.main .body .insert.flex50 .banner h3,
  .cc.main .body .insert.flex50 .banner h4 {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
  }
}
.cc.main .body .insert.flex50 .banner p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.flex50 .banner p {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
  }
}
.cc.main .body .insert.flex33 {
  width: 32%;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.flex33 {
    width: 100%;
    /*px*/ margin-top: 10px;
    /*rem*/ margin-top: 0.625rem;
  }
}
.cc.main .body .insert.flex33 .banner h1,
.cc.main .body .insert.flex33 .banner h2,
.cc.main .body .insert.flex33 .banner h3,
.cc.main .body .insert.flex33 .banner h4 {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.flex33 .banner h1,
  .cc.main .body .insert.flex33 .banner h2,
  .cc.main .body .insert.flex33 .banner h3,
  .cc.main .body .insert.flex33 .banner h4 {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ line-height: 24px;
    /*rem*/ line-height: 1.5rem;
  }
}
.cc.main .body .insert.flex33 .banner p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.flex33 .banner p {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ line-height: 20px;
    /*rem*/ line-height: 1.25rem;
  }
}
.cc.main .body .insert > figure {
  margin: 0;
}
.cc.main .body .insert .banner p,
.cc.main .body .insert .banner li {
  color: #595959;
}
.cc.main .body .insert .banner p:last-child,
.cc.main .body .insert .banner li:last-child {
  /*px*/ margin-bottom: 0;
  /*rem*/ margin-bottom: 0;
}
.cc.main .body .insert .banner .actions + p {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc.main .body .insert h1,
.cc.main .body .insert h2,
.cc.main .body .insert h3,
.cc.main .body .insert h4 {
  color: #004494;
  /*px*/ margin: 0 0 10px;
  /*rem*/ margin: 0 0 0.625rem;
}
.cc.main .body .insert h1:before,
.cc.main .body .insert h2:before,
.cc.main .body .insert h3:before,
.cc.main .body .insert h4:before {
  content: none !important;
}
.cc.main .body .insert ul li:last-child {
  margin-bottom: 0;
}
.cc.main .body .insert [data-collapse] {
  padding: 0;
  border-top: 1px solid rgba(89, 89, 89, 0.2);
}
.cc.main .body .insert .insert {
  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);
}
.cc.main .body .insert.tile {
  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);
}
.cc.main .body .insert.flex {
  padding: 0;
}
.cc.main .body .insert.flex > figure {
  overflow: hidden;
}
.cc.main .body .insert.flex > figure img {
  height: auto;
  min-height: 100%;
  width: auto;
}
@media only screen and (max-width: 992px) {
  .cc.main .body .insert.flex > figure img {
    max-width: none;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.flex > figure img {
    display: none;
  }
}
.cc.main .body .insert.flex > figure + div {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc.main .body .center .insert ul {
  padding-left: 0;
}
.cc .body .hasAside .insert {
  width: 400px;
  float: right;
  /*px*/ margin: 0 0 20px 20px;
  /*rem*/ margin: 0 0 1.25rem 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc .body .hasAside .insert {
    width: 100%;
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc header + .social,
.cc.main-include .social,
.cc .social {
  text-align: center;
  background: #fff;
  margin: 0;
  /*px*/ padding: 20px 0;
  /*rem*/ padding: 1.25rem 0;
}
.cc header + .social li,
.cc.main-include .social li,
.cc .social li {
  display: inline-block;
}
.cc header + .social li a:before,
.cc.main-include .social li a:before,
.cc .social li a:before {
  transition: all 1s ease 0s;
  font-family: fts_commun;
  content: "";
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  text-align: center;
  /*px*/ padding: 13px 15px;
  /*rem*/ padding: 0.8125rem 0.9375rem;
  /*px*/ margin: 5px;
  /*rem*/ margin: 0.3125rem;
  display: inline-block;
  border: 2px solid rgba(0, 68, 148, 0.2);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.cc header + .social li a:hover:before,
.cc.main-include .social li a:hover:before,
.cc .social li a:hover:before {
  background: #004494;
  color: #fff;
}
.cc header + .social li a.twitter:before,
.cc.main-include .social li a.twitter:before,
.cc .social li a.twitter:before {
  content: "\E672";
}
.cc header + .social li a.facebook:before,
.cc.main-include .social li a.facebook:before,
.cc .social li a.facebook:before {
  content: "\E671";
}
.cc header + .social li a.linkedin:before,
.cc.main-include .social li a.linkedin:before,
.cc .social li a.linkedin:before {
  content: "\EDB2";
}
.cc header + .social li a.print:before,
.cc.main-include .social li a.print:before,
.cc .social li a.print:before {
  content: "\EC8F";
}
.cc header + .social + .body > section:first-child > div,
.cc.main-include .social + .body > section:first-child > div,
.cc .social + .body > section:first-child > div {
  padding-top: 0;
}
.cc.main-include + article .body section:first-child > div {
  padding-top: 0;
}
.cc blockquote {
  background: rgba(0, 68, 148, 0.05);
  border-left: 5px solid #004494;
  width: 80%;
  margin: 0 auto;
  /*px*/ padding: 20px 20px 20px 40px;
  /*rem*/ padding: 1.25rem 1.25rem 1.25rem 2.5rem;
  position: relative;
  quotes: "“" "”";
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .cc blockquote {
    width: 100%;
  }
}
.cc blockquote:before {
  content: open-quote;
  color: #004494;
  /*px*/ font-size: 50px;
  /*rem*/ font-size: 3.125rem;
  position: absolute;
  top: 0;
  left: 15px;
}
.cc blockquote.flex {
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .cc blockquote.flex {
    display: block;
  }
}
.cc blockquote.flex > div:first-child {
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .cc blockquote.flex > div:first-child {
    width: 100%;
  }
}
.cc blockquote.flex > div:last-child {
  width: 70%;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc blockquote.flex > div:last-child {
    /*px*/ margin-top: 15px;
    /*rem*/ margin-top: 0.9375rem;
    width: 100%;
    padding-left: 0;
  }
}
.cc blockquote.flex > div img {
  max-width: 80px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}
.cc blockquote.flex > div cite {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
  text-align: center;
  display: block;
  font-style: initial;
}
.cc blockquote.flex > div cite strong {
  display: block;
}
.cc blockquote p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  font-style: italic;
}
.cc blockquote p cite {
  display: block;
  font-style: initial;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  text-transform: uppercase;
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
  text-align: right;
}
.cc blockquote p cite strong {
  display: block;
  text-transform: initial;
}
.cc .body #pdfDiv.pdf {
  height: 700px;
}
.cc .body #pdfDiv.pdf object {
  width: 100%;
  height: 100%;
}
.cc .body #pdfDiv.pdf + .insert {
  /*px*/ margin-top: 40px;
  /*rem*/ margin-top: 2.5rem;
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc .body #pdfDiv.pdf + .insert {
    /*px*/ margin-top: 20px;
    /*rem*/ margin-top: 1.25rem;
  }
}
.cc .morecontent {
  display: none;
}
@media only screen and (max-width: 768px) {
  .cc .morecontent {
    display: inline;
  }
}
@media only screen and (max-width: 768px) {
  .cc a.morelink {
    display: none;
  }
}
.cc a.morelink:after {
  content: "\EBB4";
}
.cc a.morelink.less:after {
  content: "\EBB7";
}
.cc [data-collapse] {
  /*px*/ padding: 0 30px;
  /*rem*/ padding: 0 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse] {
    padding: 0;
  }
}
.cc [data-collapse] [role="tabpanel"][aria-hidden="false"] {
  display: block;
}
.cc [data-collapse] [role="tabpanel"][aria-hidden="true"] {
  display: none;
}
.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_commun;
  content: "\E635";
  padding-right: 5px;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  color: rgba(89, 89, 89, 0.2);
  position: absolute;
  right: 0;
  top: 18px;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd {
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd {
    /*px*/ padding: 15px;
    /*rem*/ padding: 0.9375rem;
  }
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd p:last-child {
  margin-bottom: 0;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] + dd dl dd {
  background: #fff;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd {
  display: none;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"]:after {
  content: "\E634";
  color: #004494;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] + dd {
  display: block;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed]:before {
  content: url("../../../CSD/assets/pictos/securite.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd {
  /*px*/ padding: 15px 30px 15px 50px;
  /*rem*/ padding: 0.9375rem 1.875rem 0.9375rem 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse].pdf [role="tab"][data-collapsed] + dd {
    /*px*/ padding: 15px;
    /*rem*/ padding: 0.9375rem;
  }
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul {
  margin: 0;
  padding-left: 0;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li {
  border-bottom: 1px solid rgba(89, 89, 89, 0.2);
  margin: 0;
  /*px*/ padding: 18px 15px 15px;
  /*rem*/ padding: 1.125rem 0.9375rem 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li {
    /*px*/ padding: 15px 0;
    /*rem*/ padding: 0.9375rem 0;
  }
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li:first-child {
  padding-top: 0;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li:last-child {
  /*px*/ margin-bottom: -15px;
  /*rem*/ margin-bottom: -0.9375rem;
  border: none;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd a[href$=".pdf"]:before {
  content: url("../../../CSD/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
.cc .resume {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 1200px) {
  .cc .resume {
    /*px*/ padding: 30px 300px 30px 30px;
    /*rem*/ padding: 1.875rem 18.75rem 1.875rem 1.875rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc .resume {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .resume {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc .resume p.teaser {
  font-weight: 700;
}
.cc .resume ul.teaser {
  font-weight: 700;
  padding: 0;
}
.cc .resume p:last-child {
  margin-bottom: 0;
}
.cc .team > div {
  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);
}
.cc .team > div figure {
  width: 100%;
  height: auto;
  margin: 0;
}
.cc .team > div .banner {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc .team > div .banner {
    /*px*/ padding: 10px 3px;
    /*rem*/ padding: 0.625rem 0.1875rem;
    min-height: 0;
  }
}
.cc .team > div .banner p {
  color: #595959;
  /*px*/ margin-bottom: 3px;
  /*rem*/ margin-bottom: 0.1875rem;
  line-height: initial;
  text-align: left;
}
.cc .team > div .banner p strong {
  color: #004494;
}
.cc .team > div .banner ul.social {
  text-align: left;
}
.cc .team > div .actions {
  text-align: left;
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc .team > div .actions a.lightbox:before {
  font-family: fts_commun;
  content: "\EA35";
  display: inline-block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
}
.cc .team > div .actions a.lightbox:hover:before {
  color: #438DE0;
}
.cc .team > div .actions a.lightbox:focus:before {
  color: #438DE0;
}
.cc .team > div a.lightbox {
  text-decoration: none;
}
.cc .team > div a.lightbox .banner:after {
  font-family: fts_commun;
  content: "\EA35";
  display: block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  text-align: right;
  color: #004494;
}
.cc .team > div a.lightbox:hover .banner:after {
  color: #438DE0;
}
.cc .entity {
  width: 20%;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
}
@media only screen and (max-width: 992px) {
  .cc .entity {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  .cc .entity {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .cc .entity {
    width: 100%;
  }
}
.cc .entity > div {
  -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);
  background: #fff;
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc .entity > div figure {
  margin: 0;
  text-align: center;
}
.cc .entity > div .banner .actions {
  text-align: right;
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc .entity > div .banner .actions a.lightbox:before {
  font-family: fts_commun;
  content: "\EA35";
  display: inline-block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  color: #004494;
}
.cc .entity > div .banner .actions a.lightbox:hover:before {
  color: #438DE0;
}
.cc .entity > div a.lightbox {
  text-decoration: none;
}
.cc .entity > div a.lightbox .banner:after {
  font-family: fts_commun;
  content: "\EA35";
  display: block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  text-align: right;
}
.cc .entity > div a.lightbox:hover .banner:after {
  color: #438DE0;
}
.cc .entity.infoscompl > div {
  padding: 0;
  height: 100%;
}
.cc .entity.infoscompl > div figure {
  /*px*/ padding: 20px 20px 0;
  /*rem*/ padding: 1.25rem 1.25rem 0;
}
.cc .entity.infoscompl > div .banner {
  /*px*/ padding: 0 20px 20px;
  /*rem*/ padding: 0 1.25rem 1.25rem;
}
.cc .entity.infoscompl > div .banner + div {
  border-top: 2px solid rgba(0, 68, 148, 0.2);
}
.cc .entity.infoscompl > div .banner + div > div {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc .entity.infoscompl > div .banner + div > div p {
  color: rgba(0, 68, 148, 0.7);
  word-break: break-word;
}
.cc .entity.infoscompl > div .banner + div > div p:last-child {
  margin-bottom: 0;
}
.cc .entity.infoscompl > div .banner + div > div p strong {
  color: #004494;
}
@tabfocusedelement {
  outline: auto !important;
  /* IE only! */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    outline: 2px solid #004494 !important;
  }
}
.cc div[aria-hidden="true"] {
  display: none;
}
.cc div[aria-hidden="false"] {
  display: block;
}
.cc ul.tabs {
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: 1.8;
  text-align: center;
}
.cc ul.tabs li {
  display: inline-block;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .cc ul.tabs li {
    display: block;
  }
}
.cc ul.tabs li:first-child:before {
  content: none;
}
.cc ul.tabs li a {
  color: #004494;
  /*px*/ padding: 10px 15px 7px;
  /*rem*/ padding: 0.625rem 0.9375rem 0.4375rem;
  border-bottom: 1px solid rgba(0, 68, 148, 0.3);
  cursor: pointer;
  transition: none;
  display: inline-block;
  text-decoration: none;
}
@media only screen and (max-width: 480px) {
  .cc ul.tabs li a {
    width: 100%;
  }
}
.cc ul.tabs li a:hover {
  color: #0069E0;
}
.cc ul.tabs li a:focus {
  outline: auto !important;
  /* IE only! */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cc ul.tabs li a:focus {
    outline: 2px solid #004494 !important;
  }
}
.cc ul.tabs li.sel a {
  color: #004494;
  font-weight: 700;
  position: relative;
}
.cc ul.tabs li.sel a:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 40%;
  height: 0;
  margin: 0 auto;
  content: "";
  border: 2px solid #E2001A;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc div.tab:focus {
  outline: auto !important;
  /* IE only! */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cc div.tab:focus {
    outline: 2px solid #004494 !important;
  }
}
.cc.main div.tab {
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc.main div.tab .flex {
    display: block;
  }
}
.cc.main div.tab .flex figure {
  /*px*/ margin: 10px auto 30px;
  /*rem*/ margin: 0.625rem auto 1.875rem;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .cc.main div.tab .flex figure.flex10,
  .cc.main div.tab .flex figure.flex20,
  .cc.main div.tab .flex figure.flex25,
  .cc.main div.tab .flex figure.flex30,
  .cc.main div.tab .flex figure.flex33,
  .cc.main div.tab .flex figure.flex40,
  .cc.main div.tab .flex figure.flex50,
  .cc.main div.tab .flex figure.flex60,
  .cc.main div.tab .flex figure.flex70,
  .cc.main div.tab .flex figure.flex80,
  .cc.main div.tab .flex figure.flex90 {
    width: 100% !important;
  }
}
.cc.main div.tab .flex figure.flex10 {
  width: 10% !important;
}
.cc.main div.tab .flex figure.flex20 {
  width: 20%;
}
.cc.main div.tab .flex figure.flex25 {
  width: 25% !important;
}
.cc.main div.tab .flex figure.flex30 {
  width: 30%;
}
.cc.main div.tab .flex figure.flex33 {
  width: 33.3% !important;
}
.cc.main div.tab .flex figure.flex40 {
  width: 40% !important;
}
.cc.main div.tab .flex figure.flex50 {
  width: 50%;
}
.cc.main div.tab .flex figure.flex60 {
  width: 60% !important;
}
.cc.main div.tab .flex figure.flex70 {
  width: 70%;
}
.cc.main div.tab .flex figure.flex80 {
  width: 80% !important;
}
.cc.main div.tab .flex figure.flex90 {
  width: 90% !important;
}
.cc.main div.tab .flex figure.flex100 {
  width: 100% !important;
}
.cc.main div.tab .flex figure img {
  max-width: 100%;
}
.cc #searchbox .filter {
  position: relative;
}
.cc #searchbox .filter > ul {
  padding-left: 0;
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
  width: 100%;
  margin: 0;
  border: 1px solid rgba(0, 68, 148, 0.3);
  z-index: 10;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .cc #searchbox .filter > ul {
    text-align: left;
  }
}
.cc #searchbox .filter > ul li {
  display: block;
  margin: 0;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .cc #searchbox .filter > ul li {
    padding: 0;
  }
}
.cc #searchbox .filter > ul li a {
  width: 100%;
  background: #fff;
  display: block;
  color: #414141;
  border-bottom: 1px solid rgba(0, 68, 148, 0.3);
  text-align: left;
  /*px*/ padding: 6px 20px;
  /*rem*/ padding: 0.375rem 1.25rem;
  text-decoration: none;
}
.cc #searchbox .filter > ul li:hover a {
  background: rgba(0, 68, 148, 0.1);
}
.cc #searchbox .filter > ul li:last-child a {
  border-bottom: none;
}
.cc #searchbox .filter > ul li.sel a {
  background: #004494;
  color: #fff;
}
.cc #searchbox .filter > ul li.sel a:after {
  content: "\E629";
  font-family: fts_commun;
  padding-left: 5px;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  position: absolute;
  right: 10px;
  color: #fff;
}
.cc #searchbox .filter p.sel {
  /*px*/ padding: 6px 20px;
  /*rem*/ padding: 0.375rem 1.25rem;
  border: 1px solid rgba(0, 68, 148, 0.3);
  cursor: pointer;
  margin-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  background: #fff;
}
.cc #searchbox .filter p.sel:after {
  font-family: fts_commun;
  padding-left: 5px;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  content: "\EBB4";
  position: absolute;
  right: 10px;
  color: #004494;
}
.cc #searchbox .filter p.sel.open:after {
  content: "\EBB7";
}
.cc.main article header {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 768px) {
  .cc.main article header {
    /*px*/ padding: 25px;
    /*rem*/ padding: 1.5625rem;
  }
}
.cc.main article header h1 {
  /*px*/ margin: 0 0 15px;
  /*rem*/ margin: 0 0 0.9375rem;
}
.cc.main article header p {
  margin: 0;
}
.cc.main article header div.img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.cc.main article header .banner h1 {
  margin: 0;
  color: #004494;
}
.cc.main article header .banner img[src$=".png"],
.cc.main article header .banner img[src$=".jpg"] {
  max-width: 170px;
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
  border: 5px solid #fff;
}
@media only screen and (max-width: 1280px) {
  .cc.main article header .banner img[src$=".png"],
  .cc.main article header .banner img[src$=".jpg"] {
    max-width: 95px;
  }
}
.cc.main article header .banner .actions {
  /*px*/ margin: 25px 0 0 0;
  /*rem*/ margin: 1.5625rem 0 0 0;
}
@media only screen and (max-width: 992px) {
  .cc.main article header .banner .actions {
    /*px*/ margin: 15px 0 0 0;
    /*rem*/ margin: 0.9375rem 0 0 0;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article header .banner .actions {
    text-align: center;
  }
}
.cc.main article header .banner .actions .button.more {
  /*px*/ padding: 13px 40px 13px 18px;
  /*rem*/ padding: 0.8125rem 2.5rem 0.8125rem 1.125rem;
}
@media only screen and (max-width: 480px) {
  .cc.main article header .banner .actions .button.more {
    /*px*/ padding: 10px 20px;
    /*rem*/ padding: 0.625rem 1.25rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article header .banner .actions .button.more:after {
    content: none;
  }
}
.cc.main article header.hero {
  position: relative;
  padding: 0;
  max-width: none;
  background: transparent;
}
.cc.main article header.hero div.img {
  position: relative;
}
.cc.main article header.hero div.img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.cc.main article header.hero div.banner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
  color: #fff;
  /*px*/ padding: 0 30px;
  /*rem*/ padding: 0 1.875rem;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 768px) {
  .cc.main article header.hero div.banner {
    position: static;
    -webkit-transform: initial;
    transform: initial;
    color: #414141;
    text-align: left;
    /*px*/ padding: 10px 20px 5px;
    /*rem*/ padding: 0.625rem 1.25rem 0.3125rem;
  }
}
.cc.main article header.hero div.banner h1 {
  color: #fff;
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 768px) {
  .cc.main article header.hero div.banner h1 {
    color: #004494;
  }
}
.cc.main article header.hero div.banner p {
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .cc.main article header.hero div.banner p {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article header.hero div.banner p {
    color: #595959;
  }
}
.cc.main article header.hero div.banner .actions a:focus {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.cc.main article footer {
  /*px*/ padding: 20px 40px;
  /*rem*/ padding: 1.25rem 2.5rem;
  margin: 0 auto;
  max-width: 1180px;
}
@media only screen and (max-width: 768px) {
  .cc.main article footer {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc.main article footer h1,
.cc.main article footer h2,
.cc.main article footer h3,
.cc.main article footer h4,
.cc.main article footer h5,
.cc.main article footer p,
.cc.main article footer li {
  font-style: italic;
}
.cc.main article footer p:last-child {
  margin-bottom: 0;
}
.cc.main article .body {
  background: #fff;
}
@media only screen and (max-width: 768px) {
}
.cc.main article .body h2 {
  /*px*/ margin: 0 0 10px;
  /*rem*/ margin: 0 0 0.625rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body h2 {
    /*px*/ margin: 15px 0;
    /*rem*/ margin: 0.9375rem 0;
  }
}
.cc.main article .body h3 {
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
}
.cc.main article .body h4 {
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
}
.cc.main article .body.flex {
  /*px*/ padding: 0 40px;
  /*rem*/ padding: 0 2.5rem;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body.flex {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc.main article .body > div section > div {
  /*px*/ padding: 20px 0;
  /*rem*/ padding: 1.25rem 0;
  margin: 0;
  max-width: none;
}
.cc.main article .body > div section.bg {
  background: #fff;
}
.cc.main article .body > div footer {
  /*px*/ padding: 20px 0;
  /*rem*/ padding: 1.25rem 0;
  margin: 0;
  max-width: none;
}
.cc.main article .body section.bg {
  background: rgba(0, 68, 148, 0.05);
  /*px*/ padding-bottom: 10px;
  /*rem*/ padding-bottom: 0.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section.bg {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article .body section.bg {
    background: #fff;
  }
}
.cc.main article .body section#teaser p.teaser {
  font-weight: 700;
}
.cc.main article .body section#teaser ul.teaser {
  font-weight: 700;
  padding: 0;
}
.cc.main article .body section > div {
  max-width: 1280px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation {
    display: flex;
    margin-bottom: 0;
  }
}
.cc.main article .body section > div > div.flex.orientation ol li:last-child,
.cc.main article .body section > div > div.flex.orientation ul li:last-child {
  margin-bottom: 0;
}
.cc.main article .body section > div > div.flex.orientation.orientation-droite figure {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation.orientation-droite > div.flex50 {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation.orientation-droite > div.flex50:last-child {
    padding: 0;
  }
}
.cc.main article .body section > div > div.flex.orientation.orientation-droite > div.flex50 .banner {
  height: 94px;
}
.cc.main article .body section > div > div.flex.orientation.orientation-gauche figure {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation.orientation-gauche > div.flex50 {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation.orientation-gauche > div.flex50:last-child {
    padding: 0;
  }
}
.cc.main article .body section > div > div.flex.orientation > div.flex50.center-align p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation > .flex50 {
    order: 2;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation > .flex50.infos {
    order: 1;
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section .orientation > div:first-child {
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc.main article .body aside.sticky {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside.sticky {
    display: none;
  }
}
.cc.main article .body aside.sticky nav {
  /*px*/ padding: 0 50px 30px 0;
  /*rem*/ padding: 0 3.125rem 1.875rem 0;
  position: sticky;
}
.cc.main article .body aside.sticky nav ul li {
  /*px*/ margin: 0 0 20px 20px;
  /*rem*/ margin: 0 0 1.25rem 1.25rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
}
.cc.main article .body aside.sticky nav ul li a {
  color: rgba(0, 68, 148, 0.5);
  font-weight: 600;
  text-decoration: none;
}
.cc.main article .body aside.sticky nav ul li a:hover {
  color: #002D61;
}
.cc.main article .body aside.sticky nav ul li a:focus {
  outline: auto !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cc.main article .body aside.sticky nav ul li a:focus {
    outline: 2px solid #004494 !important;
  }
}
.cc.main article .body aside.sticky nav ul li.active {
  /*px*/ margin: 0 0 20px 0;
  /*rem*/ margin: 0 0 1.25rem 0;
}
.cc.main article .body aside.sticky nav ul li.active a {
  color: #004494;
}
.cc.main article .body aside.sticky nav ul li.active a:before {
  font-family: fts_commun;
  content: "\E636";
  padding-right: 5px;
  /*px*/ font-size: 10px;
  /*rem*/ font-size: 0.625rem;
}
.cc.main article .body aside + div {
  width: 75%;
  margin-top: 0;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside + div {
    width: 100%;
    padding-left: 0;
  }
}
.cc.main article .body aside + div section > div {
  overflow: visible;
}
.cc.main article .body aside + div [data-collapse] {
  padding: 0;
}
.cc.main article .body aside[role="complementary"] {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1180px;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside[role="complementary"] {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc.main article .body aside[role="complementary"].rebound {
  max-width: none;
  padding: 0;
}
.cc.main article .body aside[role="complementary"].rebound > div {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1180px;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside[role="complementary"].rebound > div {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc.main article .body aside[role="complementary"].rebound > div > h2 {
  width: 100%;
  /*px*/ padding-bottom: 20px;
  /*rem*/ padding-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside[role="complementary"].rebound > div > h2 {
    padding-bottom: 0;
  }
}
.cc.main article .body aside[role="complementary"].rebound > div > .tile {
  width: 25%;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body aside[role="complementary"].rebound > div > .tile {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside[role="complementary"].rebound > div > .tile {
    width: 100%;
  }
}
.cc.main article .body aside[role="complementary"].rebound > div > .tile.bgtile > div.tile > div {
  min-height: 300px;
}
.cc.main article .body aside[role="complementary"].rebound > div > .tile.bgtile > div.tile > div figure + div {
  /*px*/ margin: 20px;
  /*rem*/ margin: 1.25rem;
}
.cc.main article .body aside[role="complementary"].rebound > div .actions.marginauto {
  width: 100%;
  text-align: center;
  /*px*/ padding-bottom: 30px;
  /*rem*/ padding-bottom: 1.875rem;
}
.cc.main article .body aside[role="complementary"].rebound > div .actions.marginauto .button {
  background: #fff;
  color: #004494;
  border: 2px solid rgba(0, 68, 148, 0.3);
}
.cc.main article .body aside[role="complementary"].rebound > div .actions.marginauto .button:hover {
  color: #fff;
  border-color: #0069E0;
  background: #0069E0;
}
.cc.main article .body aside[role="complementary"].rebound > div .actions.marginauto .button:focus {
  border-color: #0069E0;
  color: #0069E0;
  background: rgba(0, 105, 224, 0.1);
}
.cc.main article .body aside[role="complementary"].rebound.bg {
  background: rgba(0, 68, 148, 0.05);
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article header .banner h1,
  .cc.main.ctxt-list article header .banner .actions {
    text-align: center;
  }
}
.cc.main.ctxt-list article .tiles {
  /*px*/ padding-bottom: 30px;
  /*rem*/ padding-bottom: 1.875rem;
}
.cc.main.ctxt-list article .tiles > div {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles > div {
    /*px*/ padding: 0 10px 10px;
    /*rem*/ padding: 0 0.625rem 0.625rem;
  }
}
.cc.main.ctxt-list article .tiles #filters {
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters {
    margin-bottom: 0;
  }
}
.cc.main.ctxt-list article .tiles #filters.multifilters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters.multifilters {
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc.main.ctxt-list article .tiles #filters.multifilters > p {
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
  margin-bottom: 0;
  align-self: center;
  color: #004494;
  text-transform: uppercase;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  font-weight: 700;
}
@media only screen and (max-width: 992px) {
  .cc.main.ctxt-list article .tiles #filters.multifilters > p {
    width: 100%;
    text-align: center;
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters.multifilters > p {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc.main.ctxt-list article .tiles #filters.multifilters div.filter {
  /*px*/ margin: 0 5px;
  /*rem*/ margin: 0 0.3125rem;
}
.cc.main.ctxt-list article .tiles #filters .filter {
  position: relative;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul {
  text-align: center;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters .filter > ul {
    text-align: left;
  }
}
.cc.main.ctxt-list article .tiles #filters .filter > ul li {
  display: inline-block;
  /*px*/ margin: 3px 10px;
  /*rem*/ margin: 0.1875rem 0.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters .filter > ul li {
    /*px*/ margin: 0 5px 15px;
    /*rem*/ margin: 0 0.3125rem 0.9375rem;
    /*px*/ padding: 10px 0;
    /*rem*/ padding: 0.625rem 0;
  }
}
.cc.main.ctxt-list article .tiles #filters .filter > ul li a {
  background: rgba(0, 68, 148, 0.1);
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  display: block;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul li a.sel {
  background: #004494;
  color: #fff;
  position: relative;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list {
  padding-left: 0;
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  margin: 0;
  border: 1px solid rgba(0, 68, 148, 0.3);
  z-index: 10;
  background: #fff;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list li {
  display: block;
  margin: 0;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters .filter > ul.list li {
    padding: 0;
  }
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list li a {
  width: 100%;
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  color: #414141;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 68, 148, 0.3);
  text-align: left;
  /*px*/ padding: 6px 20px;
  /*rem*/ padding: 0.375rem 1.25rem;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list li:hover a {
  background: rgba(0, 68, 148, 0.1);
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list li:last-child a {
  border-bottom: none;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list li.sel a {
  background: #004494;
  color: #fff;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list li.sel a:after {
  content: "\E629";
  font-family: fts_commun;
  padding-left: 5px;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  position: absolute;
  right: 10px;
  color: #fff;
}
.cc.main.ctxt-list article .tiles #filters .filter p.sel {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ padding: 6px 20px;
  /*rem*/ padding: 0.375rem 1.25rem;
  border: 1px solid rgba(0, 68, 148, 0.3);
  cursor: pointer;
  margin-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.cc.main.ctxt-list article .tiles #filters .filter p.sel:after {
  font-family: fts_commun;
  padding-left: 5px;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  content: "\EBB4";
  position: absolute;
  right: 10px;
  color: #004494;
}
.cc.main.ctxt-list article .tiles #filters .filter p.sel.open:after {
  content: "\EBB7";
}
.cc.main.ctxt-list article .tiles #filters .filter.list {
  display: inline-block;
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters .filter.list {
    width: 100%;
    /*px*/ padding-bottom: 10px;
    /*rem*/ padding-bottom: 0.625rem;
  }
}
.cc.main.ctxt-list article .body h2 {
  text-align: center;
}
.cc.main.ctxt-list article .body h2:before {
  content: none;
}
.cc.main.ctxt-list article .body .insert h1,
.cc.main.ctxt-list article .body .insert h2,
.cc.main.ctxt-list article .body .insert h3,
.cc.main.ctxt-list article .body .insert h4 {
  text-align: left;
}
.cc.main.ctxt-list article .body .resume + .tiles > div,
.cc.main.ctxt-list article .body.resume + .tiles > div {
  padding-top: 0;
}
.cc ul li.flex .svg::before {
  width: 40px;
  height: 40px;
}
.cc ul li.flex p {
  padding: 8px;
}
@media only screen and (max-width: 768px) {
  .cc ul li.flex p {
    padding: 0;
  }
}
.cc .flex > .insert .svg {
  justify-content: center;
  margin: 1em 40px;
}
.cc .flex > .insert .svg::before {
  width: 70px;
  height: 70px;
}
.cc .key-figure > div .svg {
  width: 52px;
  height: 50px;
  background: rgba(0, 68, 148, 0.1);
  padding: 5px;
  padding: 0.3125rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 0;
  margin-right: 5px;
  /*&::before {
      width: 42px;
      height: 42px;
    }*/
}
.cc.ctxt-basic .insert.blue {
  text-align: center;
  text-transform: uppercase;
  background-color: #004494;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-basic .insert.blue {
    width: 100%;
  }
}
.cc.ctxt-basic .insert.blue h3,
.cc.ctxt-basic .insert.blue p {
  color: #fff;
}
.cc.ctxt-basic .insert.red {
  text-align: center;
  text-transform: uppercase;
  background-color: #E2001A;
}
.cc.ctxt-basic .insert.red h3,
.cc.ctxt-basic .insert.red p {
  color: #fff;
}
.cc.ctxt-basic .flex50 .banner {
  margin: 0;
}
.cc.ctxt-basic .flex50 figure {
  margin: 1em 30px;
}
.cc.ctxt-basic .flex50 figure img {
  border-radius: 20px;
}
.cc .encart-rapports {
  padding: 20px 40px 20px !important;
}
.cc .encart-rapports h4 {
  font-size: 18px;
}
.cc .encart-rapports p {
  margin-bottom: 5px;
  margin-top: 10px;
}
.cc .encart-rapports ul {
  margin: 0;
}
.cc .encart-rapports ul li {
  line-height: 12px;
}
html[data-section] .cc.main article .body aside.sticky nav ul li {
  /*px*/ margin: 0 0 20px 20px;
  /*rem*/ margin: 0 0 1.25rem 1.25rem;
}
html[data-section] .cc.main article .body aside.sticky nav ul li strong a {
  color: #004494;
  /*px*/ line-height: 20px;
  /*rem*/ line-height: 1.25rem;
}
html[data-section] .cc.main article .body aside.sticky nav ul li strong a:before {
  font-family: fts_commun;
  content: "\E636";
  padding-right: 5px;
  /*px*/ font-size: 10px;
  /*rem*/ font-size: 0.625rem;
}
.cc.ctxt-lightbox {
  height: 100%;
}
.cc.ctxt-lightbox h1 {
  color: #004494;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
}
.cc.ctxt-lightbox p.teaser {
  color: #004494;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  font-weight: 400;
  /*px*/ margin-top: 5px;
  /*rem*/ margin-top: 0.3125rem;
}
.cc.ctxt-lightbox ul {
  /*px*/ margin: 5px 0 0 0;
  /*rem*/ margin: 0.3125rem 0 0 0;
}
.cc.ctxt-lightbox ul.teaser {
  padding: 0;
}
.cc.ctxt-lightbox ul.teaser li {
  display: inline-block;
  color: #004494;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  font-weight: 400;
  margin: 0;
}
.cc.ctxt-lightbox ul.teaser li:before {
  content: "";
  background: #004494;
  width: 5px;
  height: 5px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  /*px*/ margin: 0 8px 4px;
  /*rem*/ margin: 0 0.5rem 0.25rem;
}
.cc.ctxt-lightbox ul.teaser li:first-child:before {
  content: none;
}
.cc.ctxt-lightbox .social li {
  display: inline-block;
}
.cc.ctxt-lightbox .social a.linkedin:before {
  font-family: fts_commun;
  content: "\EDB4";
  display: inline-block;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  background: #004494;
  color: #fff;
  /*px*/ padding: 10px 15px;
  /*rem*/ padding: 0.625rem 0.9375rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cc.ctxt-lightbox .social a.linkedin:hover:before,
.cc.ctxt-lightbox .social a.linkedin:focus:before {
  background: #0069E0;
}
.cc.ctxt-lightbox .social a.email:before {
  font-family: fts_commun;
  content: "\EC0B";
  display: inline-block;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  background: #004494;
  color: #fff;
  /*px*/ padding: 10px 15px;
  /*rem*/ padding: 0.625rem 0.9375rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cc.ctxt-lightbox .social a.email:hover:before,
.cc.ctxt-lightbox .social a.email:focus:before {
  background: #0069E0;
}
.cc.ctxt-lightbox .social a.phone:before {
  font-family: fts_commun;
  content: "\EC6A";
  display: inline-block;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  background: #004494;
  color: #fff;
  /*px*/ padding: 10px 15px;
  /*rem*/ padding: 0.625rem 0.9375rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cc.ctxt-lightbox .social a.phone:hover:before,
.cc.ctxt-lightbox .social a.phone:focus:before {
  background: #0069E0;
}
.cc.ctxt-lightbox .banner {
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc.ctxt-lightbox .banner > div {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.cc.ctxt-lightbox .banner ul.social {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
  padding: 0;
}
.cc.ctxt-lightbox .banner ul.social li {
  display: table-cell;
  vertical-align: middle;
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
}
@media only screen and (max-width: 992px) {
  .cc.ctxt-lightbox figure.flex30 {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc.ctxt-lightbox > .flex {
  margin-bottom: 0;
}
.cc.team figure.flex30 img {
  max-width: 350px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .cc.team figure.flex30 img {
    max-width: 200px;
  }
}
.cc.team .flex70 {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
@media only screen and (max-width: 992px) {
  .cc.team .flex70 {
    padding-left: 0;
  }
}
.cc.entity .flex {
  height: 100%;
}
.cc.entity .flex > figure {
  text-align: center;
  /*px*/ margin-top: -35px;
  /*rem*/ margin-top: -2.1875rem;
}
@media only screen and (max-width: 992px) {
  .cc.entity .flex > figure {
    text-align: left;
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.entity .flex > figure {
    margin-top: 0;
  }
}
.cc.entity .flex > figure img {
  border: 1px solid rgba(89, 89, 89, 0.3);
  /*px*/ padding: 20px;
  /*rem*/ padding: 1.25rem;
}
.cc.entity .flex > div {
  /*px*/ margin-top: -35px;
  /*rem*/ margin-top: -2.1875rem;
}
@media only screen and (max-width: 992px) {
  .cc.entity .flex > div {
    text-align: left;
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.entity .flex > div {
    margin-top: 0;
  }
}
.cc.entity .flex > div div,
.cc.entity .flex > div figure {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc.entity .flex > div figure img {
  border: none;
  padding: 0;
}
iframe.noborder {
  border: none;
}
div#overlay {
  display: none;
  background: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
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;
  top: -50%;
  left: 25%;
  width: 50%;
  z-index: 99999;
  max-height: calc(100% - 130px) !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  dialog#lightbox {
    left: 15%;
    width: 70%;
    height: calc(100% - 130px) !important;
  }
}
@media only screen and (max-width: 480px) {
  dialog#lightbox {
    left: 0;
    width: 90%;
  }
}
dialog#lightbox > div {
  -ms-flex-positive: 1;
  flex: 1;
}
dialog#lightbox button.close {
  float: right;
  background: transparent;
  border: none;
  transition: all 1s ease 0s;
  font-weight: 400;
}
dialog#lightbox button.close:before {
  display: inline-block;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  font-family: "fts_commun";
  content: "\EAB3";
  color: #004494;
}
dialog#lightbox button.close:hover:before,
dialog#lightbox button.close:focus:before {
  color: #0069E0;
}
dialog#lightbox a.fullscreen {
  display: none;
  float: right;
  background: transparent;
  border: none;
  transition: all 1s ease 0s;
  font-weight: 400;
  /*px*/ margin-right: 7px;
  /*rem*/ margin-right: 0.4375rem;
}
dialog#lightbox a.fullscreen:before {
  display: inline-block;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  font-family: "fts_commun";
  content: "\EB76";
  /*px*/ margin-top: 1px;
  /*rem*/ margin-top: 0.0625rem;
  color: #004494;
}
dialog#lightbox a.fullscreen:hover:before,
dialog#lightbox a.fullscreen:focus:before {
  color: #0069E0;
}
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 iframe {
  border: none;
  width: 100%;
  height: 100%;
  height: calc(100% - 32px);
}
dialog#lightbox.pdf,
dialog#lightbox.nowidth {
  left: 15%;
  width: 70%;
}
@media only screen and (max-width: 992px) {
  dialog#lightbox.pdf,
  dialog#lightbox.nowidth {
    left: 8%;
    width: 80%;
    height: calc(100% - 130px) !important;
  }
}
@media only screen and (max-width: 768px) {
  dialog#lightbox.pdf,
  dialog#lightbox.nowidth {
    left: 3%;
    width: 89%;
    height: calc(100% - 130px) !important;
  }
}
@media only screen and (max-width: 480px) {
  dialog#lightbox.pdf,
  dialog#lightbox.nowidth {
    left: 2%;
    width: 85%;
    margin-top: -30px;
  }
}
dialog#lightbox.pdf,
dialog#lightbox.noheight {
  height: calc(100% - 200px) !important;
}
.ctxt-lightbox {
  background: #fff;
}
.ctxt-lightbox .cc dl[data-collapse] dd {
  border: none;
}
.ctxt-lightbox .hideIfLightbox {
  display: none;
}
a[href$=".pdf"]:before {
  content: url("../../../CSD/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
a.france:before {
  content: url("/partage/fr/CSD-CM/CMAF/styles/utils/drapeau/france.png");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  vertical-align: middle;
  display: inline-block;
}
a.anglais:before {
  content: url("/partage/fr/CSD-CM/CMAF/styles/utils/drapeau/anglais.png");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  vertical-align: middle;
  display: inline-block;
}
a.allemand:before {
  content: url("/partage/fr/CSD-CM/CMAF/styles/utils/drapeau/allemand.png");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  vertical-align: middle;
  display: inline-block;
}
a.espagnol:before {
  content: url("/partage/fr/CSD-CM/CMAF/styles/utils/drapeau/espagnol.png");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  vertical-align: middle;
  display: inline-block;
}
.svg.Financements::before {
  width: 32px !important;
  height: 32px !important;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes spin3D {
  from {
    transform: rotate3d(0.5, 0.5, 0.5, 360deg);
  }
  to {
    transform: rotate3d(0deg);
  }
}
@keyframes configure-clockwise {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes configure-xclockwise {
  0% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(-135deg);
  }
  75% {
    transform: rotate(-225deg);
  }
  100% {
    transform: rotate(-315deg);
  }
}
@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0.25;
    transform: scale(0.75);
  }
}
.spinner-box {
  width: 200px;
  height: 200px;
}
.cc .tabs-columns [data-tabs="yes"] {
  font-size: 0;
}
.cc .tabs-columns [data-tabs="yes"] ul[role="tablist"] {
  width: 40%;
}
.cc .tabs-columns [data-tabs="yes"] ul[role="tablist"] li {
  width: 100%;
}
.cc .tabs-columns [data-tabs="yes"] ul[role="tablist"] li a {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cc .tabs-columns [data-tabs="yes"] ul[role="tablist"] {
    width: 100%;
  }
}
.cc .tabs-columns div.tab {
  width: 60%;
  vertical-align: top;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  text-align: center;
}
.cc .tabs-columns div.tab table {
  font-size: 14px;
}
.cc .tabs-columns div.tab table thead th {
  background-color: #478edc;
}
.cc .tabs-columns div.tab table tbody th,
.cc .tabs-columns div.tab table tbody td {
  background-color: #e1edfa;
}
@media only screen and (max-width: 768px) {
  .cc .tabs-columns div.tab {
    width: 100%;
  }
}
.cc .tabs-columns ul[role="tablist"],
.cc .tabs-columns div.tab:not([aria-hidden]),
.cc .tabs-columns div.tab[aria-hidden="false"] {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .cc .tabs-columns ul[role="tablist"],
  .cc .tabs-columns div.tab:not([aria-hidden]),
  .cc .tabs-columns div.tab[aria-hidden="false"] {
    display: block;
  }
}
#-CSD-CMAF-Liste-de-contenu-Nos-principaux-partenariats .resume {
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  #-CSD-CMAF-Liste-de-contenu-Nos-principaux-partenariats .resume {
    width: 100%;
  }
}
#-CSD-CMAF-Liste-de-contenu-Nos-principaux-partenariats .tiles div {
  justify-content: center;
}
#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .padding-top {
  padding-top: 50px;
}
#-CSD-CMAF-Article-Plan-Strategique-ENM section[aria-labelledby="part4"] > div,
#-CSD-CMAF-Article-Plan-Strategique-ENM section[aria-labelledby="part5"] > div,
#-CSD-CMAF-Article-Plan-Strategique-ENM section[aria-labelledby="part6"] > div {
  padding: 0;
}
#-CSD-CMAF-Article-Qui-sommes-nous .tile .actions,
#-CSD-CMAF-Liste-de-contenu-Nos-principaux-partenariats .tile .actions {
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 768px) {
  #-CSD-CMAF-Article-Qui-sommes-nous .tile .actions,
  #-CSD-CMAF-Liste-de-contenu-Nos-principaux-partenariats .tile .actions {
    left: 0;
    bottom: 20px;
  }
}
#nos-marques .flex,
.nos-marques .flex {
  justify-content: center;
}
#nos-marques .flex div,
.nos-marques .flex div {
  width: 14%;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  #nos-marques .flex div,
  .nos-marques .flex div {
    width: 100%;
  }
}
#nos-marques .bigger,
.nos-marques .bigger {
  padding: 1px;
}
#nos-marques .smaller img,
.nos-marques .smaller img {
  max-width: 60%;
}
#nos-marques .flex div.bigger-img,
.nos-marques .flex div.bigger-img {
  width: 20%;
}
#-CSD-CMAF-Article-Fondation header .banner {
  display: flex;
}
#-CSD-CMAF-Article-Fondation header .banner img {
  margin-left: 16px;
  border: none;
}
#-CSD-CMAF-Article-Fondation video {
  margin: 10px auto;
}
@media only screen and (max-width: 992px) {
  #-CSD-CMAF-Article-Fondation video {
    width: 100%;
  }
}
#-CSD-CMAF-Article-Fondation div.tile {
  height: auto !important;
}
#-CSD-CMAF-Article-Fondation .social {
  background: none;
  padding: 0;
}
#-CSD-CMAF-Article-Fondation .linkedin:before {
  content: "\F0538" !important;
  font-family: fts_picto !important;
  padding: 7px 10px !important;
  border: 2px solid #004494;
}
#-CSD-CMAF-Article-Fondation figure {
  margin: 0em 40px;
}
#-CSD-CMAF-Article-Fondation article header.hero div.img::before {
  background: rgba(65, 65, 65, 0.1);
}
.cc .map-switch--with-zoom .map--is-next[data-map-name="europe"] {
  transform: scale(0.28) translate(38px, -406px);
}
.cc .map-switch--with-zoom .map--is-prev[data-map-name="monde"] {
  transform: scale(3.6) translate(-10px, 113px);
}
.cc .map-switch__map-container,
.cc .map-switch__content-container {
  position: relative;
}
.cc .map-switch--with-zoom {
  font-size: 0;
  vertical-align: top;
}
.cc .map-switch--with-zoom .map {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.8s, transform 0.8s;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.cc .map-switch--with-zoom .map--is-prev,
.cc .map-switch--with-zoom .map--is-next {
  pointer-events: none;
  opacity: 0;
}
.cc .map-switch--with-zoom .map--is-prev {
  transform: scale(4);
}
.cc .map-switch--with-zoom .map--is-next {
  transform: scale(0.1);
}
.cc .map-switch--with-zoom .map-switch__map-container,
.cc .map-switch--with-zoom .map-switch__content-container {
  display: inline-block;
  font-size: 16px;
}
.cc .map-switch--with-zoom .map-switch__map-container {
  height: 600px;
  width: calc(100% - 300px);
}
.cc .map-switch--with-zoom .map-switch__content-container {
  z-index: 10;
  width: 300px;
  vertical-align: top;
}
.cc .map-switch__single {
  transform: scale(1) translate(0px, 0px);
  transition: transform 0.6s;
}
.cc .map-switch--large {
  min-height: 1000px;
  padding-bottom: 200px;
}
.cc .map-switch--large .map-switch {
  position: relative;
}
.cc .map-switch--large .map-switch__content-container {
  position: absolute;
  right: 0;
  bottom: 0;
}
.cc #map-poc .infos {
  padding-left: 40px;
}
.cc #map-poc .infos .button {
  margin-bottom: 3px;
}
.cc .collapse-implantations img {
  max-width: 160px;
  max-height: 190px;
  vertical-align: top;
  margin: 0 10px 10px 0;
}
.cc .display-desktop-only {
  display: block;
}
@media only screen and (max-width: 1200px) {
  .cc .display-desktop-only {
    display: none;
  }
}
.cc .display-mobile-only {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .cc .display-mobile-only {
    display: block;
  }
}
.cc .video-center {
  /*px*/ padding: 10px 40px 5px;
  /*rem*/ padding: 0.625rem 2.5rem 0.3125rem;
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .cc .video-center {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
    width: 100%;
  }
}
.cc .video-center iframe {
  aspect-ratio: 16/9;
}
.cc .shadow {
  -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);
}
.cc .tile-with-poster {
  display: flex;
}
.cc .tile-with-poster__content {
  width: calc(100% - 100px);
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
}
.cc .tile-with-poster__image-container {
  width: 100px;
  display: flex;
}
@media only screen and (max-width: 480px) {
  .cc .tile-with-poster__image-container {
    justify-content: center;
  }
}
.cc .tile-with-poster__image {
  width: 100%;
  max-width: 100px;
}
@media only screen and (max-width: 480px) {
  .cc .tile-with-poster__content,
  .cc .tile-with-poster__image-container {
    width: 100%;
  }
}
.cc .image-in-tile-right {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -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);
}
.cc .circles-container {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
}
.cc .circles-container .circle {
  aspect-ratio: 1/1;
  max-width: 300px;
  width: 100%;
  height: 300px;
  border: 1px solid #002D61;
  border-radius: 100%;
  margin: 10px;
}
@media only screen and (max-width: 768px) {
  .cc .circles-container .circle {
    max-width: 250px;
    height: 250px;
    margin: 10px 0;
  }
}
.cc .circles-container .circle__content {
  padding: 50px;
}
@media only screen and (max-width: 768px) {
  .cc .circles-container .circle__content {
    padding: 30px 39px;
  }
}
.cc .circles-container .circle__title {
  text-align: center;
}
.cc .circles-container .circle__description {
  text-align: center;
}
.cc .circles-container .circle__marques {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.cc .circles-container .circle__marques a {
  width: 50%;
  padding: 5px;
}
.cc .circles-container .circle__marques--bigger {
  flex-direction: column;
}
.cc .circles-container .circle__marques--bigger a {
  width: 65%;
}
/****************************************/
/********** Styles CSD 2020 ************ /
/****************************************/
/* Description :                        */
/*  - Styles CSD/Tiles              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 04/03/2020 : création             */
/****************************************/
/****************************************/
.cc .tile {
  margin: 0;
  padding: 0;
}
.cc .tiles > div {
  display: flex;
  flex-wrap: wrap;
}
.cc .tiles > div.center {
  justify-content: center;
}
.cc .tiles > div #filters {
  width: 100%;
}
.cc .tiles > div > .tile {
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
  width: 33%;
  position: relative;
  z-index: 50;
  margin: 0;
}
@media only screen and (max-width: 992px) {
  .cc .tiles > div > .tile {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile {
    width: 100%;
    /*px*/ padding: 5px 0;
    /*rem*/ padding: 0.3125rem 0;
  }
}
.cc .tiles > div > .tile > div.tile {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  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);
  position: relative;
  z-index: 50;
  height: 250px;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile {
    /*px*/ padding: 0 0 20px;
    /*rem*/ padding: 0 0 1.25rem;
    height: 310px;
  }
}
.cc .tiles > div > .tile > div.tile figure {
  margin: 0;
}
.cc .tiles > div > .tile > div.tile figure img {
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: auto;
}
.cc .tiles > div > .tile > div.tile > div {
  height: 100%;
  /*px*/ min-height: 230px;
  /*rem*/ min-height: 14.375rem;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div {
    min-height: 0;
  }
}
.cc .tiles > div > .tile > div.tile > div .publish {
  /*px*/ padding: 4px 30px 0;
  /*rem*/ padding: 0.25rem 1.875rem 0;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .publish {
    /*px*/ padding: 20px 20px 0;
    /*rem*/ padding: 1.25rem 1.25rem 0;
  }
}
.cc .tiles > div > .tile > div.tile > div .publish p {
  color: #5F5F5F;
  margin: 0;
}
.cc .tiles > div > .tile > div.tile > div .banner {
  /*px*/ padding: 0 30px 0;
  /*rem*/ padding: 0 1.875rem 0;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .banner {
    /*px*/ padding: 0 20px 0;
    /*rem*/ padding: 0 1.25rem 0;
    min-height: 0;
  }
}
.cc .tiles > div > .tile > div.tile > div .banner h1 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  color: #004494;
  /*px*/ margin: 0 0 10px 0;
  /*rem*/ margin: 0 0 0.625rem 0;
}
.cc .tiles > div > .tile > div.tile > div .banner h2,
.cc .tiles > div > .tile > div.tile > div .banner h3,
.cc .tiles > div > .tile > div.tile > div .banner h4 {
  color: #004494;
  /*px*/ margin: 0 0 10px 0;
  /*rem*/ margin: 0 0 0.625rem 0;
}
.cc .tiles > div > .tile > div.tile > div .banner p:last-child {
  margin-bottom: 0;
}
.cc .tiles > div > .tile > div.tile > div .actions {
  padding-bottom: 15px;
  /*position:absolute;
							bottom: 0;*/
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .actions {
    position: static;
    /*px*/ padding: 0 20px 0;
    /*rem*/ padding: 0 1.25rem 0;
  }
}
.cc .tiles > div > .tile > div.tile > div .actions .button {
  background: #fff;
  color: #004494;
  border: 2px solid rgba(0, 68, 148, 0.3);
  /*px*/ padding: 6px 40px 6px 20px;
  /*rem*/ padding: 0.375rem 2.5rem 0.375rem 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .actions .button {
    /*px*/ padding: 10px 40px 10px 20px;
    /*rem*/ padding: 0.625rem 2.5rem 0.625rem 1.25rem;
  }
}
.cc .tiles > div > .tile > div.tile > div .actions .button:focus {
  border-color: #0069E0;
  color: #0069E0;
  background: rgba(0, 105, 224, 0.1);
}
.cc .tiles > div > .tile > div.tile > div figure + .banner {
  /*px*/ padding-top: 15px;
  /*rem*/ padding-top: 0.9375rem;
}
.cc .tiles > div > .tile.logo .banner img {
  max-width: 150px;
}
.cc .tiles > div > .tile.bgtile {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile.bgtile {
    width: 50%;
    /*px*/ padding: 10px;
    /*rem*/ padding: 0.625rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .tiles > div > .tile.bgtile {
    width: 100%;
    /*px*/ padding: 5px 0;
    /*rem*/ padding: 0.3125rem 0;
  }
}
.cc .tiles > div > .tile.bgtile > div.tile {
  overflow: hidden;
  padding: 0;
}
.cc .tiles > div > .tile.bgtile > div.tile > div {
  min-height: 400px;
}
@media only screen and (max-width: 1200px) {
  .cc .tiles > div > .tile.bgtile > div.tile > div {
    min-height: 330px;
  }
}
@media only screen and (max-width: 992px) {
  .cc .tiles > div > .tile.bgtile > div.tile > div {
    min-height: 380px;
  }
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile.bgtile > div.tile > div {
    min-height: 260px;
  }
}
@media only screen and (max-width: 480px) {
  .cc .tiles > div > .tile.bgtile > div.tile > div {
    min-height: 280px;
  }
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure:before {
  background: rgba(0, 68, 148, 0.65);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
  z-index: 10;
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  min-height: 100%;
  height: auto;
  width: auto;
  min-width: 100%;
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  z-index: 70;
  /*px*/ margin: 40px;
  /*rem*/ margin: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile.bgtile > div.tile > div figure + div {
    /*px*/ margin: 20px;
    /*rem*/ margin: 1.25rem;
  }
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div .banner {
  padding: 0;
  min-height: 0;
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div .banner h1 {
  color: #fff;
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div .banner p {
  color: #fff;
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div .actions {
  padding: 0;
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div .actions a {
  border-color: #fff;
}
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div .actions a:focus {
  border-color: #fff;
  color: #fff;
}
.cc .tiles.horizontiles > div {
  display: block;
}
.cc .tiles.horizontiles > div > .tile {
  width: 100%;
}
.cc .tiles.horizontiles > div > .tile > div.tile {
  padding: 0;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div {
  display: block;
  min-height: 0;
  /*px*/ padding: 30px;
  /*rem*/ padding: 1.875rem;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .banner {
  padding: 0;
  min-height: 0;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .banner h1 {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .banner time {
  font-weight: bold;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
  display: block;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .actions {
  padding: 0;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div.hero {
  display: flex;
  flex-direction: row;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .cc .tiles.horizontiles > div > .tile > div.tile > div.hero {
    display: block;
  }
}
.cc .tiles.horizontiles > div > .tile > div.tile > div.hero > figure {
  width: 30%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .cc .tiles.horizontiles > div > .tile > div.tile > div.hero > figure {
    width: 100%;
  }
}
.cc .tiles.horizontiles > div > .tile > div.tile > div.hero > figure + div {
  width: 70%;
  /*px*/ padding: 30px;
  /*rem*/ padding: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc .tiles.horizontiles > div > .tile > div.tile > div.hero > figure + div {
    width: 100%;
  }
}
.cc .tiles.horizontiles > div > .tile > div.tile > div.hero > figure img {
  position: relative;
  left: 100%;
  margin-left: -125%;
  max-width: 150%;
  width: auto;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .cc .tiles.horizontiles > div > .tile > div.tile > div.hero > figure img {
    position: static;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
.cc .tiles.horizontiles > div > .tile > div.tile > div.row-reverse {
  flex-direction: row-reverse;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div.row-reverse figure {
  border-radius: 0 20px 20px 0;
}
.cc .tiles .team {
  width: 25%;
  position: relative;
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
}
@media only screen and (max-width: 992px) {
  .cc .tiles .team {
    width: 33%;
  }
}
@media only screen and (max-width: 768px) {
  .cc .tiles .team {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .cc .tiles .team {
    width: 100%;
  }
}
.cc .tiles .team:hover figure img:first-child {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.cc .tiles .team:hover figure img:nth-child(2) {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.cc .tiles .team figure {
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
}
.cc .tiles .team figure img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
}
.flex50 .team {
  width: 50% !important;
}
@media only screen and (max-width: 480px) {
  .flex50 .team {
    width: 100% !important;
  }
}
/****************************************/
/********** Styles CNCM 2019 ************/
/****************************************/
/* Description :                        */
/*  - Styles CNCM/Forms              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 04/04/2019 : création             */
/****************************************/
/****************************************/
/**:focus {
    outline: 0 none !important;
}*/
.cc .mandatory {
  color: #E2001A;
}
.cc form {
  text-align: left;
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc form {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .cc form {
    width: 100%;
  }
}
.cc form p {
  text-align: left !important;
}
.cc form bloc fieldset {
  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: 10px 30px;
  /*rem*/ padding: 0.625rem 1.875rem;
  /*px*/ margin-top: 80px;
  /*rem*/ margin-top: 5rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .cc form bloc fieldset {
    /*px*/ margin-top: 70px;
    /*rem*/ margin-top: 4.375rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc form bloc fieldset {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*px*/ margin-top: 10px;
    /*rem*/ margin-top: 0.625rem;
  }
}
.cc form legend {
  font-weight: 700;
  position: absolute;
  /*px*/ top: -35px;
  /*rem*/ top: -2.1875rem;
  left: 0;
}
@media only screen and (max-width: 480px) {
  .cc form legend {
    position: static;
  }
}
.cc form .err-msg {
  color: #FF4545;
  display: block;
  text-align: right;
}
.cc form .form-group {
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
}
.cc form .form-group label {
  font-weight: 600;
}
.cc form .form-group label,
.cc form .form-group .form-label {
  /*px*/ margin-bottom: 15px;
  /*rem*/ margin-bottom: 0.9375rem;
  display: block;
  color: #595959;
}
@media only screen and (max-width: 768px) {
  .cc form .form-group label,
  .cc form .form-group .form-label {
    width: 100% !important;
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .cc form .form-group label,
  .cc form .form-group .form-label {
    /*px*/ margin-bottom: 5px;
    /*rem*/ margin-bottom: 0.3125rem;
  }
}
.cc form .form-group > [id^="rd"],
.cc form .form-group [id^="chk"] {
  display: block;
  /*px*/ margin-right: 5px;
  /*rem*/ margin-right: 0.3125rem;
  margin-bottom: 0;
}
.cc form .form-group > [id^="rd"] + div,
.cc form .form-group [id^="chk"] + div {
  display: inline-block;
  /*px*/ margin: 10px 0 0 0;
  /*rem*/ margin: 0.625rem 0 0 0;
}
.cc form .form-group > [id^="rd"] + div label,
.cc form .form-group [id^="chk"] + div label {
  /*px*/ margin-right: 15px;
  /*rem*/ margin-right: 0.9375rem;
}
.cc form .form-group > [id^="rd"] + div > div,
.cc form .form-group [id^="chk"] + div > div {
  display: block;
  /*px*/ margin-right: 15px;
  /*rem*/ margin-right: 0.9375rem;
}
.cc form .form-group.inline {
  display: block;
}
.cc form .form-group.inline > [id^="chk"] + .form-control {
  width: auto !important;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group {
  border: 2px solid rgba(0, 68, 148, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input {
  /*px*/ margin-left: 16px;
  /*rem*/ margin-left: 1rem;
  display: inline-block;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input + label {
  /*px*/ padding: 8px 16px 8px 8px;
  /*rem*/ padding: 0.5rem 1rem 0.5rem 0.5rem;
  display: inline-block;
  margin: 0;
  width: auto !important;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input:checked {
  background: #fff;
  color: #fff;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input:checked:before {
  color: #004494;
}
.cc form .form-group.inline > [id^="chk"] + div > div {
  display: inline-block;
}
.cc form .form-group.inline > [id^="rd"] {
  display: inline-block;
}
.cc form .form-group.toggle > [id^="rd"] {
  display: block;
  /*px*/ padding-bottom: 10px;
  /*rem*/ padding-bottom: 0.625rem;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control {
  width: auto !important;
  border: 2px solid rgba(0, 68, 148, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  /*px*/ padding: 7px 0;
  /*rem*/ padding: 0.4375rem 0;
  /*px*/ margin-top: -3px;
  /*rem*/ margin-top: -0.1875rem;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control input + label {
  width: auto !important;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control input:checked + label {
  color: #fff;
  /*px*/ padding-top: 8px;
  /*rem*/ padding-top: 0.5rem;
  /*px*/ padding-bottom: 8px;
  /*rem*/ padding-bottom: 0.5rem;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control label {
  text-align: center;
  /*px*/ padding: 7px 16px;
  /*rem*/ padding: 0.4375rem 1rem;
  margin: 0;
  -webkit-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  border-right: 2px solid rgba(0, 68, 148, 0.3);
  border-left: 2px solid rgba(0, 68, 148, 0.3);
}
.cc form .form-group.toggle > [id^="rd"] + .form-control label:first-of-type {
  margin-right: -5px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  border: none;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control label:last-of-type {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  border: none;
  margin-left: -5px;
}
@media only screen and (max-width: 768px) {
  .cc form .form-group .form-control {
    width: 100% !important;
  }
}
.cc form .form-group .form-control.invalid {
  margin-bottom: 0;
}
.cc form .form-group .form-control.invalid input,
.cc form .form-group .form-control.invalid textarea {
  border-color: #FF4545;
  background: rgba(255, 69, 69, 0.05);
  color: #FF4545;
}
.cc form .form-group .form-control.valid input,
.cc form .form-group .form-control.valid textarea,
.cc form .form-group .form-control.valid select {
  border-color: #33AB89;
  background: rgba(51, 171, 137, 0.05);
}
.cc form .form-group .form-control[role="radiogroup"] label,
.cc form .form-group .form-control[role="radiogroup"] .form-label {
  display: inline;
}
.cc form .form-group .form-control input {
  width: 100%;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid rgba(0, 68, 148, 0.3);
  color: #004494;
  font-weight: 600;
}
.cc form .form-group .form-control input[type="radio"] {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.cc form .form-group .form-control input[type="radio"]:checked {
  box-shadow: 0px 0px 0px 3px #fff inset;
  outline: 0 none !important;
  background: black;
}
.cc form .form-group .form-control input[type="checkbox"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.cc form .form-group .form-control input[type="checkbox"]:checked {
  position: relative;
  outline: 0 none !important;
}
.cc form .form-group .form-control input[type="checkbox"]:checked:before {
  content: "\EAA7";
  font-family: "fts_commun";
  display: block;
  color: #fff;
  position: absolute;
  top: -6px;
  left: -1px;
}
.cc form .form-group .form-control input[type="radio"],
.cc form .form-group .form-control input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 1px solid #004494;
  transition: all 0.2s linear;
  padding: 0;
  display: inline-block;
  vertical-align: -2px;
  cursor: pointer;
}
.cc form .form-group .form-control input[type="radio"] + label,
.cc form .form-group .form-control input[type="checkbox"] + label {
  cursor: pointer;
}
.cc form .form-group .form-control textarea {
  width: 100%;
  min-height: 150px;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid rgba(0, 68, 148, 0.3);
  color: #004494;
  font-weight: 600;
}
.cc form .form-group .form-control select {
  width: 100%;
  border: 2px solid rgba(0, 68, 148, 0.3);
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cc form .form-group .form-control > div {
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc form .form-group .form-control > div:last-child {
  margin-bottom: 0;
}
.cc form .form-group #rdCookieReseaux,
.cc form .form-group #rdCookieMarketing,
.cc form .form-group #rdCookieAudience {
  width: 100%;
  text-align: center;
}
.cc form .form-group #rdCookieReseaux + .form-control,
.cc form .form-group #rdCookieMarketing + .form-control,
.cc form .form-group #rdCookieAudience + .form-control {
  width: 100%;
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 0.9375rem;
}
.cc form .button {
  /*px*/ margin: 40px auto;
  /*rem*/ margin: 2.5rem auto;
  display: block;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.cc form .flex {
  /*px*/ margin-top: -10px;
  /*rem*/ margin-top: -0.625rem;
}
.cc form .flex .form-group {
  /*px*/ padding: 0 20px 0 0;
  /*rem*/ padding: 0 1.25rem 0 0;
  /*px*/ margin: 10px 0;
  /*rem*/ margin: 0.625rem 0;
}
@media only screen and (max-width: 768px) {
  .cc form .flex .form-group {
    padding: 0;
  }
}
.cc form .flex .form-group.flex50:nth-child(even) {
  padding: 0;
}
.cc form .flex .form-group.flex100 {
  padding: 0;
}
.cc form fieldset.flex {
  /*px*/ margin-top: 80px;
  /*rem*/ margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  .cc form fieldset.flex {
    /*px*/ margin-top: 70px;
    /*rem*/ margin-top: 4.375rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc form fieldset.flex {
    /*px*/ margin-top: 10px;
    /*rem*/ margin-top: 0.625rem;
  }
}
.cc form div[aria-labelledby="rdCookieAudience"],
.cc form div[aria-labelledby="rdCookieMarketing"],
.cc form div[aria-labelledby="rdCookieReseaux"] {
  text-align: center;
}
.cc form #cookiesMsg-audience,
.cc form #cookiesMsg-marketing,
.cc form #cookiesMsg-reseaux {
  text-align: center;
}
.cc form #cookiesMsg-audience + .msg.info p,
.cc form #cookiesMsg-marketing + .msg.info p,
.cc form #cookiesMsg-reseaux + .msg.info p {
  text-align: center !important;
  font-weight: 600;
}
/****************************************/
/********** Styles CSD 2020 ************/
/****************************************/
/* Description :                        */
/*  - Styles CSD/Core		            */
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 13/03/2020 : création             */
/****************************************/
/****************************************/
.cc {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .soft {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc .teaser {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.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;
}
.cc h1 {
  /*px*/ font-size: 50px;
  /*rem*/ font-size: 3.125rem;
  line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
  .cc h1 {
    /*px*/ font-size: 35px;
    /*rem*/ font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc h1 {
    /*px*/ font-size: 26px;
    /*rem*/ font-size: 1.625rem;
  }
}
.cc h2 {
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  /*px*/ line-height: 36px;
  /*rem*/ line-height: 2.25rem;
  color: #004494;
}
@media only screen and (max-width: 992px) {
  .cc h2 {
    /*px*/ font-size: 28px;
    /*rem*/ font-size: 1.75rem;
    /*px*/ line-height: 32px;
    /*rem*/ line-height: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc h2 {
    /*px*/ font-size: 22px;
    /*rem*/ font-size: 1.375rem;
    /*px*/ line-height: 26px;
    /*rem*/ line-height: 1.625rem;
  }
}
.cc h3 {
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  /*px*/ line-height: 30px;
  /*rem*/ line-height: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc h3 {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ line-height: 24px;
    /*rem*/ line-height: 1.5rem;
  }
}
.cc h4 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc p {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.cc .button {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  border: 2px solid #004494;
}
.cc .button:hover {
  -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;
  background: #0069E0;
}
.cc .button:focus {
  background: #0069E0;
  color: #0069E0;
  background: rgba(0, 105, 224, 0.1);
}
.cc .button.more {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .button.more:hover {
  color: #fff;
}
.cc .button.more:focus {
  color: #004494;
}
.cc .more {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.cc .more:after {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc .more:hover,
.cc .more:focus {
  color: #0069E0;
}
.cc ul li,
.cc ol li {
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
}
.cc ul li strong.bigger,
.cc ol li strong.bigger {
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
}
.cc ul.styled > li ul li:before,
.cc ol.styled > li ul li:before {
  content: "\2022";
  color: #002D61;
}
.cc ul.styled.tile > li,
.cc ol.styled.tile > li {
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc ul.styled.tile > li:nth-child(even):before,
.cc ol.styled.tile > li:nth-child(even):before {
  /*px*/ right: -70px;
  /*rem*/ right: -4.375rem;
  /*px*/ top: -55px;
  /*rem*/ top: -3.4375rem;
  /*px*/ padding: 80px 80px 30px 30px;
  /*rem*/ padding: 5rem 5rem 1.875rem 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li:nth-child(even):before,
  .cc ol.styled.tile > li:nth-child(even):before {
    /*px*/ padding: 65px 75px 20px 20px;
    /*rem*/ padding: 4.0625rem 4.6875rem 1.25rem 1.25rem;
  }
}
.cc ul.styled.tile > li:nth-child(odd):before,
.cc ol.styled.tile > li:nth-child(odd):before {
  /*px*/ left: -10px;
  /*rem*/ left: -0.625rem;
  /*px*/ top: -55px;
  /*rem*/ top: -3.4375rem;
  /*px*/ padding: 80px 30px 30px 80px;
  /*rem*/ padding: 5rem 1.875rem 1.875rem 5rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled.tile > li:nth-child(odd):before,
  .cc ol.styled.tile > li:nth-child(odd):before {
    /*px*/ padding: 65px 20px 20px 65px;
    /*rem*/ padding: 4.0625rem 1.25rem 1.25rem 4.0625rem;
  }
}
.cc ul.styled > li:before {
  content: "\2022";
  color: #004494;
}
.cc ol.styled > li:before {
  /*px*/ padding: 10px 16px;
  /*rem*/ padding: 0.625rem 1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li:before {
    position: absolute;
    /*px*/ padding: 6px 13px;
    /*rem*/ padding: 0.375rem 0.8125rem;
  }
}
.cc ol.styled > li:nth-child(n+10):before {
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li:nth-child(n+10):before {
    position: absolute;
    /*px*/ padding: 6px 13px;
    /*rem*/ padding: 0.375rem 0.8125rem;
  }
}
.cc ol.styled.horizontal li div {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cc table caption {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc table thead th {
  background-color: #438DE0;
}
.cc table thead th:first-child {
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}
.cc table thead th:last-child {
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}
.cc table thead th p,
.cc table thead th li {
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
}
.cc table tbody td.group {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc table tbody td p,
.cc table tbody td li {
  /*px*/ font-size: 13px;
  /*rem*/ font-size: 0.8125rem;
}
.cc table.two-entry thead th:nth-child(2) {
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}
.cc table.doublethead thead th:first-child,
.cc table.doublethead thead th:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.cc table.doublethead thead tr:first-child td + th {
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}
.cc table.doublethead thead tr:first-child th:first-child {
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}
.cc table.doublethead thead tr:first-child th:last-child {
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}
.cc.main .body .insert {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc.main .body .insert.flex50 .banner p {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.main .body .insert.flex33 .banner p {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.main .body .insert > figure {
  margin: 0;
}
.cc.main .body .insert .banner p.note {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: bold;
}
.cc.main .body .insert h1,
.cc.main .body .insert h2,
.cc.main .body .insert h3 {
  /*px*/ margin: 0 0 10px;
  /*rem*/ margin: 0 0 0.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert h1,
  .cc.main .body .insert h2,
  .cc.main .body .insert h3 {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
.cc.main .body .insert.flex > figure img {
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}
.cc .key-figure > div > div {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cc .resume p,
.cc .resume ul {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
@media only screen and (max-width: 768px) {
  .cc .resume p,
  .cc .resume ul {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ line-height: 22px;
    /*rem*/ line-height: 1.375rem;
  }
}
.cc .resume p.teaser,
.cc .resume ul.teaser {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc .resume p.teaser,
  .cc .resume ul.teaser {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 26px;
    /*rem*/ line-height: 1.625rem;
  }
}
.cc .resume .insert p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc .entity > div {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cc [data-slider="yes"] {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc .slider h2:before {
  content: none !important;
}
.cc .slider-buttons button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cc .team > div {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc .team > div figure img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
						width: calc(100% - 2px) !important;
						margin: 1px;
					}*/
}
.cc .team > div .banner {
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
}
.cc .team > div .banner p {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .team > div .banner p strong {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc .team > div .banner p.soft {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
@media only screen and (max-width: 992px) {
  .cc .team > div .banner p {
    text-align: center;
  }
}
.cc ul.tabs li a {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.cc.main article header p {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
.cc.main article header .banner p {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  /*px*/ margin: 15px 0 0 0;
  /*rem*/ margin: 0.9375rem 0 0 0;
}
@media only screen and (max-width: 992px) {
  .cc.main article header .banner p {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 22px;
    /*rem*/ line-height: 1.375rem;
    /*px*/ margin: 10px 0 0 0;
    /*rem*/ margin: 0.625rem 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article header .banner p {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ margin: 5px 0 0 0;
    /*rem*/ margin: 0.3125rem 0 0 0;
    /*px*/ line-height: 20px;
    /*rem*/ line-height: 1.25rem;
  }
}
.cc.main article header .banner p.surtitle {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .cc.main article header .banner p.surtitle {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article header .banner .actions .button.more {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
  }
}
.cc.main article header.hero div.img:before {
  background: rgba(65, 65, 65, 0.2);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
}
.cc.main article header.hero div.banner .actions a {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc.main article .body h2 {
  color: #004494;
}
.cc.main article .body h2:before {
  content: "";
  background: #E2001A;
  display: block;
  height: 4px;
  width: 30px;
  -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.main article .body h2:before {
    width: 25px;
    /*px*/ left: -28px;
    /*rem*/ left: -1.75rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body h2:before {
    width: 30px;
    /*px*/ top: 18px;
    /*rem*/ top: 1.125rem;
    /*px*/ left: -35px;
    /*rem*/ left: -2.1875rem;
  }
}
.cc.main article .body h2.center:before {
  content: none;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body h2.center {
    text-align: left !important;
  }
  .cc.main article .body h2.center:before {
    content: "";
    background: #E2001A;
    display: block;
    height: 4px;
    width: 30px;
    -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.main article .body h3 {
  color: #004494;
}
.cc.main article .body section:first-child {
  /*px*/ padding-top: 5px;
  /*rem*/ padding-top: 0.3125rem;
}
.cc.main article .body section:last-child {
  /*px*/ padding-bottom: 16px;
  /*rem*/ padding-bottom: 1rem;
}
.cc.main article .body section > div {
  /*px*/ padding: 10px 45px;
  /*rem*/ padding: 0.625rem 2.8125rem;
  margin: 0 auto;
  max-width: 1180px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .cc.main article .body section > div {
    /*px*/ padding: 10px 10px;
    /*rem*/ padding: 0.625rem 0.625rem;
  }
}
.cc.main article .body section#teaser p,
.cc.main article .body section#teaser ul {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section#teaser p,
  .cc.main article .body section#teaser ul {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ line-height: 22px;
    /*rem*/ line-height: 1.375rem;
  }
}
.cc.main article .body section#teaser p.teaser,
.cc.main article .body section#teaser ul.teaser {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section#teaser p.teaser,
  .cc.main article .body section#teaser ul.teaser {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 26px;
    /*rem*/ line-height: 1.625rem;
  }
}
.cc.main article .body section#teaser .insert p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc.main article .body section .orientation .flex50 > figure img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cc.main article .body aside.sticky nav {
  /*px*/ top: 100px;
  /*rem*/ top: 6.25rem;
}
.cc.main.ctxt-list article .tiles #filters > ul li a {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
@media only screen and (max-width: 992px) {
  .cc.main.ctxt-list article .tiles #filters > ul li a {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .tiles #filters > ul li a {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
  }
}
.cc.main.ctxt-list article .body h2:before {
  content: none;
}
.cc .blocmsg.info {
  max-width: 1290px;
  margin: auto;
  margin-bottom: 50px;
}
.cc .blocmsg.info p {
  margin-bottom: 0;
}
.cc .adel {
  display: block;
  /*px*/ width: 225px;
  /*rem*/ width: 14.0625rem;
  /*
		margin: 0 auto;
		*/
}
.cc img.sem {
  max-width: 350px;
}
dialog#lightbox {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#scroll_to_top {
  position: fixed;
  width: 35px;
  height: 35px;
  bottom: 50px;
  right: 20%;
  bottom: 10%;
  cursor: pointer;
  z-index: 9999;
}
.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(/partage/fr/CSD-CM/CMAF/assets/maps/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: 15px;
  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;
}
html.sr .cc.main > article > .body > section > div {
  visibility: hidden;
}
.cc .area-content[data-linked-area-name="cic-ile-de-france"] div.tiles.center {
  max-height: 400px;
}
.cc .area-content[data-linked-area-name="cic-ile-de-france"] div.tiles .team {
  width: 33%;
}
.cc .area-content[data-linked-area-name="cic-ile-de-france"] div.tiles .team > div .banner {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
}
.cc .area-content[data-linked-area-name="cic-ile-de-france"] div.tiles .team > div .banner p {
  /*px*/ font-size: 11px;
  /*rem*/ font-size: 0.6875rem;
}
.cc .area-content[data-linked-area-name="cic-ile-de-france"] div.tiles .team > div .banner p strong {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .area-content[data-linked-area-name="antilles-guyane"] div.tiles.center {
  max-height: 400px;
}
.cc .area-content[data-linked-area-name="antilles-guyane"] div.tiles .team {
  width: 33%;
}
.cc .area-content[data-linked-area-name="antilles-guyane"] div.tiles .team > div .banner {
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
}
.cc .area-content[data-linked-area-name="antilles-guyane"] div.tiles .team > div .banner p {
  /*px*/ font-size: 11px;
  /*rem*/ font-size: 0.6875rem;
}
.cc .area-content[data-linked-area-name="antilles-guyane"] div.tiles .team > div .banner p strong {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .map__svg--full-width {
  width: 100%;
}
.cc .map__svg--full-width .region {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
.cc .map-switch-with-zoom__tiles-container {
  margin-bottom: 50px;
}
.cc .map-switch-with-zoom__buttons-container .button {
  margin: 0 10px 10px 0;
}
.cc .team-description-smaller {
  transform: scaleX(0.9);
  text-wrap: nowrap;
  margin-left: -8px;
}
.cc .pilier-dividende-societal {
  display: flex;
  flex-direction: row;
  margin-bottom: 50px;
  align-items: center;
}
.cc .pilier-dividende-societal__titre-container {
  width: 200px;
  height: 200px;
  text-align: center;
}
.cc .pilier-dividende-societal__titre-rond {
  border-radius: 100%;
  border: 2px solid #004494;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc .pilier-dividende-societal__titre {
  font-weight: bold;
  font-size: 20px;
  padding: 25px;
}
.cc .pilier-dividende-societal__content {
  width: calc(100% - 200px);
  margin-left: 25px;
}
@media only screen and (max-width: 768px) {
  .cc .pilier-dividende-societal__content {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc .pilier-dividende-societal {
    flex-direction: column;
  }
}
.cc#-CSD-CMAF-Article-Nos-Chiffre [class*="ei_gly_"] {
  width: 52px;
  height: 50px;
  background: rgba(0, 68, 148, 0.1);
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 0;
  margin-right: 5px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc#-CSD-CMAF-Article-Nos-Chiffre [class*="ei_gly_"]:before {
  font-family: fts_picto !important;
  font-size: 25px;
  color: #004494;
}
.cc .video-newsletter-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  position: relative;
}
.cc .video-newsletter-container video {
  max-width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
}
.cc#-CSD-CMAF-Article-Partenariats-CIC .hero__figure {
  display: flex;
  justify-content: center;
}
.cc#-CSD-CMAF-Article-Partenariats-CIC .hero__img {
  width: auto !important;
  max-width: none;
  max-height: 520px;
}
@media only screen and (max-width: 768px) {
  .cc#-CSD-CMAF-Article-Partenariats-CIC .hero__img {
    width: 100%;
    max-height: none;
  }
}
@media only screen and (max-width: 768px) {
  .cc#-CSD-CMAF-Article-Partenariats-CIC .hero__figure,
  .cc#-CSD-CMAF-Article-Partenariats-CIC .hero__picture,
  .cc#-CSD-CMAF-Article-Partenariats-CIC .hero__img {
    width: 100% !important;
  }
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile-container {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile-container {
    flex-direction: column;
  }
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile {
  width: 25%;
  border-radius: 20px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  margin: 15px;
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile__image-container {
  height: 60%;
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 0;
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile__content-container {
  margin-bottom: auto;
  width: 100%;
  padding: 15px;
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile__content-container p {
  margin-bottom: 3px;
  line-height: initial;
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile__figure {
  position: relative;
  margin: 0;
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile__img--gray {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.4s;
  z-index: 1;
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile__title {
  font-weight: bold;
  color: #004494;
  font-size: 16px;
  margin-top: 0;
}
.cc#-CSD-CMAF-Article-Credit-Mutuel-Dirigeants .team-tile:hover .team-tile__img--gray {
  opacity: 0;
}
#-CSD-CMAF-Article-Video-Newsletter-SAMIA-GHERAIA.cc.main article header.hero div.banner h1 small,
#-CSD-CMAF-Article-Video-Newsletter-Neolithe.cc.main article header.hero div.banner h1 small {
  font-weight: normal;
  font-size: 70%;
  line-height: 80%;
}