/****************************************/
/**********  Styles CSD 2020 ************/
/****************************************/
/* Description :                        */
/*  - Styles CSD		              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 13/03/2020 : création             */
/****************************************/
/****************************************/
.cc.main .body code.insert {
  display: block;
  background: #000 !important;
  color: #fff !important;
  border-left: 0 !important;
  border-radius: 0;
  white-space: pre;
  line-height: 1;
  overflow: scroll;
  /*px*/ padding: 0 20px 20px;
  /*rem*/ padding: 0 1.25rem 1.25rem;
  /*px*/ margin: 20px 0 20px;
  /*rem*/ margin: 1.25rem 0 1.25rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.main .body code.insert .tag {
  color: #f92c47;
}
.cc.main .body code.insert .property {
  color: #83e22e;
}
.cc.main .body code.insert .value {
  color: #e6db74;
}
.cc.main .body strong.ctxt-featured {
  color: #c31c1c;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc.main .body .disposition .flex > div {
  height: 30px;
  background: #d15462;
  color: #D4DCFF;
}
.cc.main .body .disposition .flex > div:nth-child(2n) {
  background: #4471a8;
}
.cc.main .body .more.summary:before {
  font-family: fts_commun;
  content: "\E605";
  padding-right: 5px;
  font-size: 10px;
}
.cc.main .body .more.summary:after {
  content: none;
}
/*==============================================
. Break
============================================== */
/*==============================================
. Fonts
============================================== */
/* Blanc */
/* Noir */
/* Gris très très clair */
/* Gris très clair */
/* Gris */
/* Gris foncé */
/* Gris noir */
/* Bleu - BASE */
/* Bleu foncé */
/* Bleu moyen */
/* Bleu clair */
/* Bleu pastel */
/* Rouge - BASE */
/*#c6a699 Rouge foncé */
/* Rouge moyen */
/* Rouge clair */
/* Rouge pastel */
/* Vert contrasté */
/* Jaune */
/* Rouge contrasté */
/* IE10 + IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    -ms-overflow-x: hidden;
  }
  .ctxt-home.main.cc article header.intro .tiles {
    /*px*/ padding: 30px 0 0;
    /*rem*/ padding: 1.875rem 0 0;
  }
  .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;
  }
  .main.cc .team > div .banner {
    min-height: 150px;
  }
  .cc figure.tile img {
    width: 100%;
  }
  .cc .team > div figure img {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .cc.main article .body aside[role='complementary'].rebound > div > .tile.bgtile > div.tile > div figure + div {
    height: auto !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 - ex : #7989D9 */
/* Bleu clair */
/* Bleu pastel */
/* Rouge - BASE */
/* Rouge foncé */
/* Rouge moyen */
/* Rouge clair */
/* Rouge pastel */
/* Vert - BASE */
/* Vert foncé */
/* Vert moyen */
/* Vert clair */
/* Vert pastel */
/* Autre bleu - BASE */
/* Autre bleu foncé */
/* Autre bleu moyen */
/* Autre bleu clair */
/* Autre bleu pastel */
/* Vert  */
/* Jaune */
/* Rouge */
/****************************************/
/********** Styles CNCM 2019 ************/
/****************************************/
/* Description :                        */
/*  - Styles CNCM/Forms              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 04/04/2019 : création             */
/****************************************/
/****************************************/
.cc .mandatory {
  color: #D0644C;
}
.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: #AD0000;
  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: 10px;
  /*rem*/ margin-bottom: 0.625rem;
  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(37, 55, 141, 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: #25378D;
}
.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(37, 55, 141, 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(37, 55, 141, 0.3);
  border-left: 2px solid rgba(37, 55, 141, 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: #AD0000;
  background: rgba(173, 0, 0, 0.05);
  color: #AD0000;
}
.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: #325D4C;
  background: rgba(50, 93, 76, 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(37, 55, 141, 0.3);
  color: #25378D;
  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;
}
.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: "\F021D";
  font-family: "fts_picto";
  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 #25378D;
  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(37, 55, 141, 0.3);
  color: #25378D;
  font-weight: 600;
}
.cc form .form-group .form-control select {
  width: 100%;
  border: 2px solid rgba(37, 55, 141, 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 0;
  /*rem*/ margin: 2.5rem auto 0;
  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/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 #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: 576px) {
  .cc .tiles > div > .tile {
    width: 100%;
    /*px*/ padding: 5px 0;
    /*rem*/ padding: 0.3125rem 0;
  }
}
.cc .tiles > div > .tile > div.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);
  /*px*/ padding: 0 0 30px;
  /*rem*/ padding: 0 0 1.875rem;
  height: 100%;
  position: relative;
  z-index: 50;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile {
    /*px*/ padding: 0 0 20px;
    /*rem*/ padding: 0 0 1.25rem;
  }
}
.cc .tiles > div > .tile > div.tile figure {
  margin: 0;
}
.cc .tiles > div > .tile > div.tile figure img {
  width: 100%;
  height: auto;
}
.cc .tiles > div > .tile > div.tile > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div {
    min-height: 0;
  }
}
.cc .tiles > div > .tile > div.tile > div .banner {
  /*px*/ padding: 20px 20px 0;
  /*rem*/ padding: 1.25rem 1.25rem 0;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .banner {
    /*px*/ padding: 20px 20px 0;
    /*rem*/ padding: 1.25rem 1.25rem 0;
  }
}
.cc .tiles > div > .tile > div.tile > div .banner h1 {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  color: #25378D;
  /*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: #25378D;
  /*px*/ margin: 0 0 10px 0;
  /*rem*/ margin: 0 0 0.625rem 0;
}
.cc .tiles > div > .tile > div.tile > div .banner p {
  /*px*/ margin-bottom: 5px;
  /*rem*/ margin-bottom: 0.3125rem;
}
.cc .tiles > div > .tile > div.tile > div .banner p:last-child {
  margin-bottom: 0;
}
.cc .tiles > div > .tile > div.tile > div .banner p time {
  display: inline;
}
.cc .tiles > div > .tile > div.tile > div .banner time {
  font-weight: 600;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
  display: block;
}
.cc .tiles > div > .tile > div.tile > div .actions {
  /*px*/ padding: 20px 20px 0;
  /*rem*/ padding: 1.25rem 1.25rem 0;
  bottom: 0;
  margin-top: auto;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .actions {
    position: static;
    /*px*/ padding: 20px 20px 0;
    /*rem*/ padding: 1.25rem 1.25rem 0;
  }
}
.cc .tiles > div > .tile > div.tile > div .actions .button {
  background: #fff;
  color: #25378D;
  border: 2px solid rgba(37, 55, 141, 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: #3853D9;
  color: #3853D9;
  background: rgba(56, 83, 217, 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;
  height: initial;
}
.cc .tiles > div > .tile.bgtile > div.tile > div {
  min-height: 400px;
  height: 100%;
  flex-direction: row;
}
@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(37, 55, 141, 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;
  align-self: flex-end;
  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,
.cc .tiles > div > .tile.bgtile > div.tile > div figure + div .banner h3 {
  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;
  margin-top: 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 p time {
  display: inline;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .banner time {
  font-weight: bold;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
  display: inline-block;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .actions {
  padding: 0;
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div.hero {
  display: flex;
  flex-direction: row;
  padding: 0;
  align-items: center;
}
@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;
  margin-bottom: -5px;
}
@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 .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%;
  }
}
/****************************************/
/********** Styles CSD 2020 ************/
/****************************************/
/* Description :                        */
/*  - Styles CSD/Core		            */
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 13/03/2020 : création             */
/****************************************/
/****************************************/
html,
body,
main {
  height: 100%;
}
.cc {
  color: #414141;
}
.cc * {
  box-sizing: border-box;
}
.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 .height100 {
  height: 100%;
}
@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 .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 .justify-center {
  justify-content: center;
}
.cc .vertical-align-bottom {
  vertical-align: bottom;
}
.cc .scroll {
  /*px*/ height: 281px;
  /*rem*/ height: 17.5625rem;
  overflow-y: scroll;
}
.cc .flex {
  display: flex;
  flex-wrap: wrap;
  clear: both;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
@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.justify-center {
  justify-content: center;
}
.cc .flex .center-align {
  align-self: center;
}
.cc .flex .flex10 > div.insert,
.cc .flex .flex15 > div.insert,
.cc .flex .flex20 > div.insert,
.cc .flex .flex25 > div.insert,
.cc .flex .flex30 > div.insert,
.cc .flex .flex33 > div.insert,
.cc .flex .flex40 > div.insert,
.cc .flex .flex50 > div.insert,
.cc .flex .flex60 > div.insert,
.cc .flex .flex66 > div.insert,
.cc .flex .flex70 > div.insert,
.cc .flex .flex80 > div.insert,
.cc .flex .flex90 > div.insert {
  width: 94%;
}
@media only screen and (max-width: 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 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 .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: 480px) {
  .cc .margin-right {
    margin-right: 0;
  }
}
.cc .margin-left {
  /*px*/ margin-left: 15px;
  /*rem*/ margin-left: 0.9375rem;
}
@media only screen and (max-width: 480px) {
  .cc .margin-left {
    margin-left: 0;
  }
}
.cc .margin-bottom {
  /*px*/ margin-bottom: 15px;
  /*rem*/ margin-bottom: 0.9375rem;
}
.cc .medium-margins {
  /*px*/ margin: 50px;
  /*rem*/ margin: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margins {
    /*px*/ margin: 30px;
    /*rem*/ margin: 1.875rem;
  }
}
.cc .medium-margin-top {
  /*px*/ margin-top: 50px;
  /*rem*/ margin-top: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-top {
    /*px*/ margin-top: 30px;
    /*rem*/ margin-top: 1.875rem;
  }
}
.cc .medium-margin-right {
  /*px*/ margin-right: 50px;
  /*rem*/ margin-right: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-right {
    /*px*/ margin-right: 30px;
    /*rem*/ margin-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-margin-right {
    margin-right: 0;
  }
}
.cc .medium-margin-left {
  /*px*/ margin-left: 50px;
  /*rem*/ margin-left: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-left {
    /*px*/ margin-left: 30px;
    /*rem*/ margin-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-margin-left {
    margin-left: 0;
  }
}
.cc .medium-margin-bottom {
  /*px*/ margin-bottom: 50px;
  /*rem*/ margin-bottom: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-margin-bottom {
    /*px*/ margin-bottom: 30px;
    /*rem*/ margin-bottom: 1.875rem;
  }
}
.cc .big-margins {
  /*px*/ margin: 150px;
  /*rem*/ margin: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margins {
    /*px*/ margin: 50px;
    /*rem*/ margin: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margins {
    /*px*/ margin: 30px;
    /*rem*/ margin: 1.875rem;
  }
}
.cc .big-margin-top {
  /*px*/ margin-top: 150px;
  /*rem*/ margin-top: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-top {
    /*px*/ margin-top: 50px;
    /*rem*/ margin-top: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-top {
    /*px*/ margin-top: 30px;
    /*rem*/ margin-top: 1.875rem;
  }
}
.cc .big-margin-right {
  /*px*/ margin-right: 150px;
  /*rem*/ margin-right: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-right {
    /*px*/ margin-right: 50px;
    /*rem*/ margin-right: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-right {
    /*px*/ margin-right: 30px;
    /*rem*/ margin-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-margin-right {
    margin-right: 0;
  }
}
.cc .big-margin-left {
  /*px*/ margin-left: 150px;
  /*rem*/ margin-left: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-left {
    /*px*/ margin-left: 50px;
    /*rem*/ margin-left: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-left {
    /*px*/ margin-left: 30px;
    /*rem*/ margin-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-margin-left {
    margin-left: 0;
  }
}
.cc .big-margin-bottom {
  /*px*/ margin-bottom: 150px;
  /*rem*/ margin-bottom: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-margin-bottom {
    /*px*/ margin-bottom: 50px;
    /*rem*/ margin-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-margin-bottom {
    /*px*/ margin-bottom: 30px;
    /*rem*/ margin-bottom: 1.875rem;
  }
}
.cc .nomargin {
  margin: 0 !important;
}
.cc .nomargin-top {
  margin-top: 0 !important;
}
.cc .nomargin-bottom {
  margin-bottom: 0 !important;
}
.cc .nomargin-right {
  margin-right: 0 !important;
}
.cc .nomargin-left {
  margin-left: 0 !important;
}
.cc .paddings {
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
}
.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: 480px) {
  .cc .padding-right {
    padding-right: 0;
  }
}
.cc .padding-left {
  /*px*/ padding-left: 15px;
  /*rem*/ padding-left: 0.9375rem;
}
@media only screen and (max-width: 480px) {
  .cc .padding-left {
    padding-left: 0;
  }
}
.cc .padding-bottom {
  /*px*/ padding-bottom: 15px;
  /*rem*/ padding-bottom: 0.9375rem;
}
.cc .medium-paddings {
  /*px*/ padding: 50px;
  /*rem*/ padding: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-paddings {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc .medium-padding-top {
  /*px*/ padding-top: 50px;
  /*rem*/ padding-top: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-top {
    /*px*/ padding-top: 30px;
    /*rem*/ padding-top: 1.875rem;
  }
}
.cc .medium-padding-right {
  /*px*/ padding-right: 50px;
  /*rem*/ padding-right: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-right {
    /*px*/ padding-right: 30px;
    /*rem*/ padding-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-padding-right {
    padding-right: 0;
  }
}
.cc .medium-padding-left {
  /*px*/ padding-left: 50px;
  /*rem*/ padding-left: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-left {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .medium-padding-left {
    padding-left: 0;
  }
}
.cc .medium-padding-bottom {
  /*px*/ padding-bottom: 50px;
  /*rem*/ padding-bottom: 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc .medium-padding-bottom {
    /*px*/ padding-bottom: 30px;
    /*rem*/ padding-bottom: 1.875rem;
  }
}
.cc .big-paddings {
  /*px*/ padding: 150px;
  /*rem*/ padding: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-paddings {
    /*px*/ padding: 50px;
    /*rem*/ padding: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-paddings {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
.cc .big-padding-top {
  /*px*/ padding-top: 150px;
  /*rem*/ padding-top: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-top {
    /*px*/ padding-top: 50px;
    /*rem*/ padding-top: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-top {
    /*px*/ padding-top: 30px;
    /*rem*/ padding-top: 1.875rem;
  }
}
.cc .big-padding-right {
  /*px*/ padding-right: 150px;
  /*rem*/ padding-right: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-right {
    /*px*/ padding-right: 50px;
    /*rem*/ padding-right: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-right {
    /*px*/ padding-right: 30px;
    /*rem*/ padding-right: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-padding-right {
    padding-right: 0;
  }
}
.cc .big-padding-left {
  /*px*/ padding-left: 150px;
  /*rem*/ padding-left: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-left {
    /*px*/ padding-left: 50px;
    /*rem*/ padding-left: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-left {
    /*px*/ padding-left: 30px;
    /*rem*/ padding-left: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc .big-padding-left {
    padding-left: 0;
  }
}
.cc .big-padding-bottom {
  /*px*/ padding-bottom: 150px;
  /*rem*/ padding-bottom: 9.375rem;
}
@media only screen and (max-width: 992px) {
  .cc .big-padding-bottom {
    /*px*/ padding-bottom: 50px;
    /*rem*/ padding-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc .big-padding-bottom {
    /*px*/ padding-bottom: 30px;
    /*rem*/ padding-bottom: 1.875rem;
  }
}
.cc .nopadding {
  padding: 0 !important;
}
.cc .nopadding-top {
  padding-top: 0 !important;
}
.cc .nopadding-bottom {
  padding-bottom: 0 !important;
}
.cc .nopadding-right {
  padding-right: 0 !important;
}
.cc .nopadding-left {
  padding-left: 0 !important;
}
.cc .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;
}
.cc .font:before,
.cc .picto:before,
.cc .ei_card_ico:before {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  color: #25378D !important;
}
.cc .font.cross:before,
.cc .picto.cross:before,
.cc .ei_card_ico.cross:before {
  font-family: fts_picto;
  content: "\F00D5";
}
.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 #25378D;
  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 #325D4C;
  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: #AD0000;
}
.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 #25378D;
  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: #25378D;
  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_picto;
  content: "\F02A1";
  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_picto;
  content: "\F036C";
  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 .more {
  font-weight: 600;
  position: relative;
}
.cc .more:after {
  font-family: fts_picto;
  content: "\F01B9";
  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: #25378D;
}
.cc a:hover {
  color: #3853D9;
  text-decoration: underline;
}
.cc a.more {
  text-decoration: none;
}
.cc img {
  max-width: 100%;
}
@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-bottom: 1px dashed rgba(89, 89, 89, 0.3);
  /*px*/ padding: 10px 20px;
  /*rem*/ padding: 0.625rem 1.25rem;
  margin: 0;
}
.cc figure.border image + figcaption {
  border-bottom: none;
  border-top: 1px dashed rgba(89, 89, 89, 0.3);
}
.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 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 iframe.noborder {
  min-height: 480px;
}
.cc video {
  cursor: pointer;
  max-width: 100%;
  border-radius: 25px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cc video {
    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:last-child,
.cc ol li:last-child {
  margin-bottom: 0;
}
.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 {
  width: 80%;
  /*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: #25378D;
  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;
  height: 200px;
}
@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;
}
@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: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 ul,
.cc ol ul,
.cc ul ol,
.cc ol ol {
  /*px*/ margin: 10px 30px;
  /*rem*/ margin: 0.625rem 1.875rem;
  padding-left: 0 !important;
}
.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*/ 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 !important;
  background: #25378D;
  /*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: #25378D;
  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 !important;
}
.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: #25378D;
  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: #D0644C;
  border: 2px solid #25378D;
  -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: #25378D;
  /*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:not(.svg):before {
  content: "";
}
.cc .timeline > ul > li {
  border-left: 1px dashed #25378D;
  /*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;
  width: 9px;
  height: 9px;
  background-color: #25378D;
  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: #25378D;
  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:first-child.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:first-child.appeared {
    -webkit-animation: gauche-droite 0.6s;
    -o-animation: gauche-droite 0.6s;
    animation: gauche-droite 0.6s;
  }
}
.cc .timeline > ul > li > div:nth-child(2).appeared {
  opacity: 1;
  -webkit-animation: gauche-droite 0.6s;
  -o-animation: gauche-droite 0.6s;
  animation: gauche-droite 0.6s;
}
@media only screen and (max-width: 480px) {
  .cc .timeline > ul > li > div:nth-child(2).appeared {
    -webkit-animation: gauche-droite 0.6s;
    -o-animation: gauche-droite 0.6s;
    animation: gauche-droite 0.6s;
  }
}
.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.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;
  /*px*/ margin-top: 36px;
  /*rem*/ margin-top: 2.25rem;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li {
    width: 100%;
  }
}
.cc .timeline_alternance > ul li > div:first-child {
  text-align: center;
  position: absolute;
  width: 100px;
  /*px*/ top: -21px;
  /*rem*/ top: -1.3125rem;
  font-weight: bold;
  height: 30px;
  top: -30px;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li > div:first-child {
    width: auto;
  }
}
.cc .timeline_alternance > ul li:nth-child(even) {
  border-right: 1px dotted #25378D;
  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 #25378D;
    border-right: inherit;
  }
}
.cc .timeline_alternance > ul li:nth-child(even) > div:first-child {
  right: -50px;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(even) > div:first-child {
    left: -17px;
    right: auto;
  }
}
.cc .timeline_alternance > ul li:nth-child(even) > div:nth-child(2) {
  /*px*/ margin-right: 50pxpx;
  /*rem*/ margin-right: 3.125pxrem;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(even) > div:nth-child(2) {
    /*px*/ margin-left: 50px;
    /*rem*/ margin-left: 3.125rem;
    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 #25378D;
  position: relative;
  left: 50%;
}
@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 {
  left: -50px;
}
@media only screen and (max-width: 480px) {
  .cc .timeline_alternance > ul li:nth-child(odd) > div:first-child {
    left: -17px;
  }
}
.cc .timeline_alternance > ul li:nth-child(odd) > div:nth-child(2) {
  /*px*/ margin-left: 50px;
  /*rem*/ margin-left: 3.125rem;
}
.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(37, 55, 141, 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 {
  font-weight: 400;
}
.cc .key-figure > div > div p strong {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  display: block;
  color: #25378D;
  /*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: #D0644C;
  /*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: #25378D;
}
.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;
}
.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 #172259;
  /*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: #25378D;
}
.cc .slider-list a:hover {
  background-color: #172259;
}
.cc .slider-list a:focus {
  outline: 2px solid #172259 !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: #25378D;
  text-align: right;
  background: #F5F5F5;
  transition: all 1s ease 0s;
  position: absolute;
  top: 0;
}
.cc .slider-buttons button:before {
  font-family: fts_picto;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
.cc .slider-buttons button:hover {
  background: #172259;
  color: #fff;
}
.cc .slider-buttons button:focus {
  background: #3853D9;
  color: #fff;
}
.cc .slider-buttons button.prev {
  left: 0;
  z-index: 10;
}
.cc .slider-buttons button.prev:before {
  content: "\F0328";
}
.cc .slider-buttons button.next {
  text-align: left;
  right: 0;
  z-index: 10;
}
.cc .slider-buttons button.next:before {
  content: "\F0329";
}
.cc .slider-buttons span.pos {
  color: #3853D9;
  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: #25378D;
  color: #3853D9;
}
.cc .slider-next .button[disabled] {
  border-color: #25378D;
  color: #172259;
}
.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: #3853D9;
  border: none;
}
.cc .slider-steps progress::-moz-progress-bar {
  background-color: #25378D;
}
.cc .slider-steps progress::-webkit-progress-bar {
  background-color: #3853D9;
}
.cc .slider-steps progress::-webkit-progress-value {
  background-color: #25378D;
}
.cc .slider-steps div.progress {
  background: #3853D9;
  height: 10px;
  position: relative;
  top: 10px;
}
.cc .slider-steps div.progress div {
  position: absolute;
  top: 0;
  left: 0;
  background: #25378D;
  width: 0;
  height: 10px;
  z-index: 10;
}
.cc #qcc fieldset {
  text-align: left;
  border: none;
}
.cc #qcc legend {
  font-weight: bold;
  position: relative;
  /*px*/ padding: 0 0 20px 0;
  /*rem*/ padding: 0 0 1.25rem 0;
}
.cc #qcc legend::before {
  background: #3853D9;
  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 #qcc legend ~ .ctxt-form {
  /*px*/ padding-left: 20px;
  /*rem*/ padding-left: 1.25rem;
}
.cc #qcc legend:before {
  content: none;
}
.cc #qcc h2 {
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  /*px*/ margin: 0 0 20px;
  /*rem*/ margin: 0 0 1.25rem;
}
.cc #qcc h2:before {
  content: none;
}
.cc #qcc 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 #3853D9;
  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 #qcc input[type="radio"]:checked {
  border-color: #3853D9;
  background-color: #3853D9;
  box-shadow: 0 0 0 2px #fff inset;
  outline: 0 none !important;
}
.cc #qcc label {
  display: inline-block;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc #qcc label:hover {
  cursor: pointer;
  color: #3853D9;
  font-weight: 600;
}
.cc #qcc fieldset {
  padding-left: 0;
}
.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 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: " < ";
  }
  .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: #3853D9;
  border-color: #3853D9;
  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: #325D4C;
  border: 1px solid #325D4C;
  border-color: #fff;
  border-left-width: 0;
  color: #FFA692;
  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: #172259;
}
.cc [data-slider="yes"][data-slider-type="steps"] .slider-inner input[type="number"]:focus ~ span.help {
  border-color: #172259;
}
.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 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 > 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: #25378D;
}
@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: #3853D9;
  background: #3853D9;
}
.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: #3853D9;
  background: rgba(56, 83, 217, 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: #3853D9;
}
.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(37, 55, 141, 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(37, 55, 141, 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_picto;
  content: "\F0328";
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .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 {
    /*px*/ font-size: 15px;
    /*rem*/ font-size: 0.9375rem;
  }
}
.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_picto;
  content: "\F0329";
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .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 {
    /*px*/ font-size: 15px;
    /*rem*/ font-size: 0.9375rem;
  }
}
.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: #3853D9;
}
.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: #25378D;
  vertical-align: middle;
  display: inline-block;
}
.cc table.striped tbody tr:nth-child(even) {
  background: rgba(37, 55, 141, 0.05);
}
.cc table.striped tbody tr:nth-child(even) td {
  background: rgba(37, 55, 141, 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(56, 83, 217, 0.1);
  border-right: 1px solid #fff;
}
.cc table.doublethead thead tr:first-child th:last-child {
  border: none;
}
.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 > a > span::before {
  font-size: 30px;
}
.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(37, 55, 141, 0.3);
}
.cc nav.pagination ul li a.sel {
  background: #25378D;
  color: #fff;
}
.cc.main .body aside + div .insert {
  width: 100%;
}
.cc.main .body .insert {
  /*px*/ padding: 36px 40px 40px;
  /*rem*/ padding: 2.25rem 2.5rem 2.5rem;
  background: rgba(37, 55, 141, 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 #25378D;
}
.cc.main .body .insert.reverse {
  background: #25378D;
}
.cc.main .body .insert.reverse .banner h1,
.cc.main .body .insert.reverse .banner h2,
.cc.main .body .insert.reverse .banner h3,
.cc.main .body .insert.reverse .banner h4,
.cc.main .body .insert.reverse .banner p,
.cc.main .body .insert.reverse .banner li {
  color: #fff;
}
.cc.main .body .insert.reverse .banner ul li,
.cc.main .body .insert.reverse .banner ol li {
  color: #fff;
}
.cc.main .body .insert.reverse .banner ul li:before,
.cc.main .body .insert.reverse .banner ol li:before {
  color: #fff;
  background: #25378D;
}
.cc.main .body .insert.reverse .banner ol.styled li:before {
  color: #25378D;
}
.cc.main .body .insert.reverse .banner a:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.cc.main .body .insert.reverse .banner a:not(.button):hover {
  text-decoration: none;
  opacity: 0.5;
}
.cc.main .body .insert.reverse .banner a:not(.button):focus {
  color: #FFA692;
}
.cc.main .body .insert.reverse .button {
  border-color: #fff;
}
.cc.main .body .insert.reverse .button:focus {
  background: #fff;
  color: #25378D;
}
.cc.main .body .insert.picto {
  position: relative;
  /*px*/ padding: 30px 30px 30px 150px;
  /*rem*/ padding: 1.875rem 1.875rem 1.875rem 9.375rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.picto {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc.main .body .insert.picto:before {
  position: absolute;
  color: #25378D;
  /*px*/ left: 47px;
  /*rem*/ left: 2.9375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*px*/ font-size: 60px;
  /*rem*/ font-size: 3.75rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.picto:before {
    position: static;
    display: initial;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main .body .insert.picto:before {
    /*px*/ font-size: 40px;
    /*rem*/ font-size: 2.5rem;
  }
}
.cc.main .body .insert.picto.reverse:before {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert.picto .banner {
    /*px*/ padding-top: 10px;
    /*rem*/ padding-top: 0.625rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main .body .insert.picto .banner {
    /*px*/ padding-top: 5px;
    /*rem*/ padding-top: 0.3125rem;
  }
}
.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: #25378D;
  /*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_picto;
  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(37, 55, 141, 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: #25378D;
  color: #fff;
}
.cc header + .social li a.twitter:before,
.cc.main-include .social li a.twitter:before,
.cc .social li a.twitter:before {
  content: "\F0736";
}
.cc header + .social li a.facebook:before,
.cc.main-include .social li a.facebook:before,
.cc .social li a.facebook:before {
  content: "\F0136";
}
.cc header + .social li a.linkedin:before,
.cc.main-include .social li a.linkedin:before,
.cc .social li a.linkedin:before {
  content: "\F0536";
}
.cc header + .social li a.print:before,
.cc.main-include .social li a.print:before,
.cc .social li a.print:before {
  content: "\F0400";
}
.cc header + .social li a.download:before,
.cc.main-include .social li a.download:before,
.cc .social li a.download:before {
  background-color: #25378D;
  color: #fff;
  content: "\F02A1";
}
.cc header + .social li a.download:hover:before,
.cc.main-include .social li a.download:hover:before,
.cc .social li a.download:hover:before {
  background: #3853D9;
}
.cc header + .social + .body,
.cc.main-include .social + .body,
.cc .social + .body {
  padding-top: 0 !important;
}
.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(37, 55, 141, 0.05);
  border-left: 5px solid #25378D;
  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: #25378D;
  /*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: flex;
  }
}
@media only screen and (max-width: 480px) {
  .cc blockquote.flex {
    display: block;
  }
}
.cc blockquote.flex > div:first-child {
  width: 20%;
}
@media only screen and (max-width: 480px) {
  .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: 480px) {
  .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;
}
@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: "\F0327";
}
.cc a.morelink.less:after {
  content: "\F032A";
}
.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_picto;
  content: "\F0327";
  padding-right: 5px;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  color: rgba(89, 89, 89, 0.2);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.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: "\F032A";
  color: #25378D;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] + dd {
  display: block;
}
.cc [data-collapse][role="tablist"] [role="tab"]:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  background: rgba(38, 143, 128, 0.2);
}
.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: #25378D;
  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: #25378D;
  vertical-align: middle;
  display: inline-block;
}
.cc .resume {
  /*px*/ padding: 30px 400px 30px 30px;
  /*rem*/ padding: 1.875rem 25rem 1.875rem 1.875rem;
  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 {
    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: #25378D;
}
.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_picto;
  content: "\F01B9";
  display: inline-block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
}
.cc .team > div .actions a.lightbox:hover:before {
  color: #97C8FF;
}
.cc .team > div .actions a.lightbox:focus:before {
  color: #97C8FF;
}
.cc .team > div a.lightbox {
  text-decoration: none;
}
.cc .team > div a.lightbox .banner:after {
  font-family: fts_picto;
  content: "\F01B9";
  display: block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  text-align: right;
  color: #25378D;
}
.cc .team > div a.lightbox:hover .banner:after {
  color: #97C8FF;
}
.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_picto;
  content: "\F01B9";
  display: inline-block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  color: #25378D;
}
.cc .entity > div .banner .actions a.lightbox:hover:before {
  color: #97C8FF;
}
.cc .entity > div a.lightbox {
  text-decoration: none;
}
.cc .entity > div a.lightbox .banner:after {
  font-family: fts_picto;
  content: "\F01B9";
  display: block;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  text-align: right;
}
.cc .entity > div a.lightbox:hover .banner:after {
  color: #97C8FF;
}
.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(37, 55, 141, 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(37, 55, 141, 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: #25378D;
}
@tabfocusedelement {
  outline: auto !important;
  /* IE only! */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    outline: 2px solid #25378D !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: #25378D;
  /*px*/ padding: 10px 15px 7px;
  /*rem*/ padding: 0.625rem 0.9375rem 0.4375rem;
  border-bottom: 1px solid rgba(37, 55, 141, 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: #3853D9;
}
.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 #25378D !important;
  }
}
.cc ul.tabs li.sel a {
  color: #25378D;
  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 #D0644C;
  -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 #25378D !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(37, 55, 141, 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(37, 55, 141, 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(37, 55, 141, 0.1);
}
.cc #searchbox .filter > ul li:last-child a {
  border-bottom: none;
}
.cc #searchbox .filter > ul li.sel a {
  background: #25378D;
  color: #fff;
}
.cc #searchbox .filter > ul li.sel a:after {
  content: "\F00D5";
  font-family: fts_picto;
  padding-left: 5px;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  position: absolute;
  right: 10px;
  color: #fff;
}
.cc #searchbox .filter p.sel {
  margin: 0;
  /*px*/ padding: 6px 20px;
  /*rem*/ padding: 0.375rem 1.25rem;
  border: 1px solid rgba(37, 55, 141, 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_picto;
  padding-left: 5px;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  content: "\F0327";
  position: absolute;
  right: 10px;
  color: #25378D;
}
.cc #searchbox .filter p.sel.open:after {
  content: "\F032A";
}
.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: #25378D;
}
.cc.main article header .banner a.cat {
  color: #fff;
}
.cc.main article header .banner a.cat:hover {
  font-weight: 600;
}
.cc.main article header .banner a.cat:focus {
  color: #D0644C;
}
.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;
}
.cc.main article header .banner img[src$=".jpg"] {
  background: #fff;
}
.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: 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: 768px) {
  .cc.main article header.hero div.banner h1 {
    color: #25378D;
    width: 100%;
  }
}
.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: 40px;
  /*rem*/ padding: 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 .body {
  background: #fff;
}
.cc.main article .body h2 {
  /*px*/ margin: 15px 0 30px;
  /*rem*/ margin: 0.9375rem 0 1.875rem;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body h2 {
    /*px*/ margin: 0 0 15px;
    /*rem*/ margin: 0 0 0.9375rem;
  }
}
.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: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body.flex {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body.flex {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
    display: flex;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article .body.flex {
    /*px*/ padding: 10px 20px 10px 20px;
    /*rem*/ padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  }
}
.cc.main article .body > div section > div {
  /*px*/ padding: 20px 0;
  /*rem*/ padding: 1.25rem 0;
  margin: 0;
  max-width: none;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body > div section > div {
    /*px*/ padding: 0 0 20px;
    /*rem*/ padding: 0 0 1.25rem;
  }
}
.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.full-width.no-padding > div {
  padding: 0;
}
.cc.main article .body section.full-width > div {
  max-width: none;
}
.cc.main article .body section.bg {
  background: rgba(37, 55, 141, 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 {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1180px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body section > div {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article .body section > div {
    /*px*/ padding: 10px 20px 10px 20px;
    /*rem*/ padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  }
}
.cc.main article .body section > div p:last-child {
  margin-bottom: 0;
}
@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;
  }
}
.cc.main article .body section > div > div.flex.orientation.orientation-droite > div.flex50:first-child {
  /*px*/ padding-right: 30px;
  /*rem*/ padding-right: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div > div.flex.orientation.orientation-droite > div.flex50:first-child {
    padding: 0;
  }
}
.cc.main article .body section > div > div.flex.orientation.orientation-droite > div.flex50:last-child {
  /*px*/ padding-left: 30px;
  /*rem*/ padding-left: 1.875rem;
}
@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-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;
  }
}
.cc.main article .body section > div > div.flex.orientation.orientation-gauche > div.flex50:last-child {
  /*px*/ padding-left: 30px;
  /*rem*/ padding-left: 1.875rem;
}
@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 {
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.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;
  }
}
.cc.main article .body section > div.custom-banner {
  max-width: none;
  padding: 0;
  background-color: rgba(37, 55, 141, 0.03);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cc.main article .body section > div.custom-banner > div > div {
  position: relative;
  z-index: 10;
}
.cc.main article .body section > div.custom-banner > div > div h3,
.cc.main article .body section > div.custom-banner > div > div p,
.cc.main article .body section > div.custom-banner > div > div li {
  color: #222222;
}
.cc.main article .body section > div.custom-banner > div > div p.bigger {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc.main article .body section > div.custom-banner.bg {
  position: relative;
}
.cc.main article .body section > div.custom-banner.bg:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.cc.main article .body section > div.custom-banner.bg > div > div h2,
.cc.main article .body section > div.custom-banner.bg > div > div h3,
.cc.main article .body section > div.custom-banner.bg > div > div p,
.cc.main article .body section > div.custom-banner.bg > div > div li {
  color: #fff;
}
.cc.main article .body section > div.custom-banner.bg > div > div:last-child .actions .button {
  background: #fff;
  color: #25378D;
}
.cc.main article .body section > div.custom-banner.bg > div > div:last-child .actions .button:hover {
  background: rgba(255, 255, 255, 0.7);
}
.cc.main article .body section > div.custom-banner.bg > div > div:last-child .actions .button:focus {
  background: #25378D;
  color: #fff;
}
.cc.main article .body section > div.custom-banner.bg > div span.bubble {
  background: #fff;
}
.cc.main article .body section > div.custom-banner.bg > div span.line {
  background: #fff;
  opacity: 0.6;
}
.cc.main article .body section > div.custom-banner.bgwhite {
  position: relative;
}
.cc.main article .body section > div.custom-banner.bgwhite:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.cc.main article .body section > div.custom-banner > div {
  display: flex;
  flex-wrap: wrap;
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1180px;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div.custom-banner > div {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article .body section > div.custom-banner > div {
    display: block;
  }
}
.cc.main article .body section > div.custom-banner > div > div:first-child {
  width: 35%;
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body section > div.custom-banner > div > div:first-child {
    width: 40%;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article .body section > div.custom-banner > div > div:first-child {
    width: 100%;
    padding-right: 0;
  }
}
.cc.main article .body section > div.custom-banner > div > div:first-child h2 {
  /*text-transform: uppercase;
											.px-to-rem(font-size, 45);
											.px-to-rem(line-height, 45);
											.px-to-rem(margin-bottom, 15);
											@media @medium {
												.px-to-rem(font-size, 40);
												.px-to-rem(line-height, 40);
											}
											@media @small {
												.px-to-rem(font-size, 34);
												.px-to-rem(line-height, 34);
												}*/
}
.cc.main article .body section > div.custom-banner > div > div:first-child h2:before {
  content: none;
}
.cc.main article .body section > div.custom-banner > div > div:first-child h2 b {
  opacity: 0.6;
}
.cc.main article .body section > div.custom-banner > div > div:first-child p {
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body section > div.custom-banner > div > div:first-child p:last-child {
    /*px*/ margin-bottom: 15px !important;
    /*rem*/ margin-bottom: 0.9375rem !important;
  }
}
.cc.main article .body section > div.custom-banner > div > div:first-child p.teaser {
  text-transform: uppercase;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  font-weight: 600;
}
.cc.main article .body section > div.custom-banner > div > div:last-child {
  width: 65%;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
@media only screen and (max-width: 992px) {
  .cc.main article .body section > div.custom-banner > div > div:last-child {
    width: 60%;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div.custom-banner > div > div:last-child {
    width: 100%;
    padding-left: 0;
  }
}
.cc.main article .body section > div.custom-banner > div > div:last-child h3 {
  margin-top: 0;
}
.cc.main article .body section > div.custom-banner > div > div:last-child p.legal {
  font-style: italic;
}
.cc.main article .body section > div.custom-banner > div > div:last-child .actions .button {
  box-shadow: none;
  background: #D0644C;
  border: none;
}
.cc.main article .body section > div.custom-banner > div > div:last-child .actions .button:hover {
  background: rgba(208, 100, 76, 0.6);
}
.cc.main article .body section > div.custom-banner > div > div:last-child .actions .button:focus {
  background: rgba(208, 100, 76, 0.4);
}
.cc.main article .body section > div.custom-banner > div > div span.line {
  width: 1px;
  height: 100%;
  display: block;
  background: #25378D;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section > div.custom-banner > div > div span.line {
    display: none;
  }
}
.cc.main article .body section > div.custom-banner.fullwidth > div {
  display: block;
}
.cc.main article .body section > div.custom-banner.fullwidth > div > div {
  width: 100%;
  padding: 0;
}
.cc.main article .body section > div.custom-banner.fullwidth > div > div:first-child p:last-child {
  /*px*/ margin-bottom: 15px;
  /*rem*/ margin-bottom: 0.9375rem;
}
.cc.main article .body section > div.custom-banner.fullwidth > div > div span.bubble {
  display: none;
}
.cc.main article .body section > div.custom-banner.fullwidth > div > div span.line {
  display: none;
}
.cc.main article .body section > div.custom-banner.img-solo > div > div {
  height: 300px;
}
.cc.main article .body section > div.custom-banner.img-solo > div > div span.bubble {
  display: none;
}
.cc.main article .body section > div.custom-banner.img-solo > div > div span.line {
  display: none;
}
@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(37, 55, 141, 0.5);
  font-weight: 600;
  text-decoration: none;
}
.cc.main article .body aside.sticky nav ul li a:hover {
  color: #172259;
}
.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 #25378D !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: #25378D;
  position: relative;
}
.cc.main article .body aside.sticky nav ul li.active a:before {
  font-family: fts_picto;
  content: "\F0329";
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  position: absolute;
  left: -15px;
  top: 0px;
}
.cc.main article .body aside.sidebar {
  width: 30%;
  order: 2;
  /*px*/ padding-left: 30px;
  /*rem*/ padding-left: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside.sidebar {
    width: 100%;
    padding: 0;
  }
}
.cc.main article .body aside.sidebar .insert {
  padding: 0;
  /*px*/ margin-bottom: 30px;
  /*rem*/ margin-bottom: 1.875rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside.sidebar .insert {
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc.main article .body aside.sidebar .insert.no-bg {
  background: none;
}
.cc.main article .body aside.sidebar .insert.no-bg > .banner {
  /*px*/ padding: 10px 0 20px 0;
  /*rem*/ padding: 0.625rem 0 1.25rem 0;
}
.cc.main article .body aside.sidebar .insert.no-bg > .actions {
  /*px*/ padding: 0 0 10px 0;
  /*rem*/ padding: 0 0 0.625rem 0;
  margin-top: 0;
}
.cc.main article .body aside.sidebar .insert.button-insert > a.button {
  width: 100%;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  text-align: center;
  font-weight: 600;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc.main article .body aside.sidebar .insert > .banner {
  /*px*/ padding: 20px 25px 25px 25px;
  /*rem*/ padding: 1.25rem 1.5625rem 1.5625rem 1.5625rem;
}
.cc.main article .body aside.sidebar .insert > .banner h3 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc.main article .body aside.sidebar .insert > .actions {
  /*px*/ padding: 0 25px 25px 25px;
  /*rem*/ padding: 0 1.5625rem 1.5625rem 1.5625rem;
  margin-top: 0;
}
.cc.main article .body aside.sidebar .insert form {
  width: 100%;
}
.cc.main article .body aside.sidebar .insert form fieldset {
  margin-top: 0;
  box-shadow: none;
  padding: 0;
}
.cc.main article .body aside.sidebar .insert form .button {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc.main article .body aside.sidebar + div {
  width: 70%;
  order: 1;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body aside.sidebar + div {
    width: 100%;
  }
}
.cc.main article .body aside.sidebar + div > section:first-child > div {
  padding-top: 0;
}
.cc.main article .body aside.sidebar + div > section:first-child > div h2 {
  margin-top: 0;
}
.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;
  width: 100%;
  max-width: 1180px;
  order: 4;
}
@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 > .actions {
  width: 100%;
  text-align: center;
}
.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;
  height: 100%;
}
.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: #25378D;
  border: 2px solid rgba(37, 55, 141, 0.3);
}
.cc.main article .body aside[role="complementary"].rebound > div .actions.marginauto .button:hover {
  color: #fff;
  border-color: #3853D9;
  background: #3853D9;
}
.cc.main article .body aside[role="complementary"].rebound > div .actions.marginauto .button:focus {
  border-color: #3853D9;
  color: #3853D9;
  background: rgba(56, 83, 217, 0.1);
}
.cc.main article .body aside[role="complementary"].rebound.bg {
  background: rgba(37, 55, 141, 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 .content-with-sidebar {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1280px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .content-with-sidebar {
    /*px*/ padding: 0 10px 10px;
    /*rem*/ padding: 0 0.625rem 0.625rem;
  }
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar {
  width: 30%;
  order: 2;
  /*px*/ padding-left: 30px;
  /*rem*/ padding-left: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .content-with-sidebar > .sidebar {
    width: 100%;
    padding: 0;
  }
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert {
  padding: 0;
  /*px*/ margin-bottom: 30px;
  /*rem*/ margin-bottom: 1.875rem;
  background: rgba(37, 55, 141, 0.05);
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert {
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert.no-bg {
  background: none;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert.no-bg > .banner {
  /*px*/ padding: 10px 0 20px 0;
  /*rem*/ padding: 0.625rem 0 1.25rem 0;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert.no-bg > .actions {
  /*px*/ padding: 0 0 10px 0;
  /*rem*/ padding: 0 0 0.625rem 0;
  margin-top: 0;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert.button-insert {
  background: none;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert.button-insert > a.button {
  width: 100%;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  text-align: center;
  font-weight: 600;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert > figure {
  margin: 0;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert > .banner {
  /*px*/ padding: 20px 25px 25px 25px;
  /*rem*/ padding: 1.25rem 1.5625rem 1.5625rem 1.5625rem;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert > .banner h3 {
  color: #25378D;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert > .banner p:last-child,
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert > .banner li:last-child {
  margin-bottom: 0;
}
.cc.main.ctxt-list article .content-with-sidebar > .sidebar .insert > .actions {
  /*px*/ padding: 0 25px 25px 25px;
  /*rem*/ padding: 0 1.5625rem 1.5625rem 1.5625rem;
  margin-top: 0;
}
.cc.main.ctxt-list article .content-with-sidebar > div {
  width: 70%;
  order: 1;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .content-with-sidebar > div {
    width: 100%;
  }
}
.cc.main.ctxt-list article .content-with-sidebar > div .tiles {
  max-width: none;
}
.cc.main.ctxt-list article .content-with-sidebar > div .tiles > div {
  padding: 0;
  justify-content: initial;
}
.cc.main.ctxt-list article .content-with-sidebar > div .tiles > div article.tile {
  width: 50%;
  padding-top: 0;
  /*px*/ padding-bottom: 30px;
  /*rem*/ padding-bottom: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-list article .content-with-sidebar > div .tiles > div article.tile {
    width: 100%;
    /*px*/ padding: 15px;
    /*rem*/ padding: 0.9375rem;
  }
}
@media only screen and (max-width: 768px) {
}
.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 {
  margin: 0;
  /*px*/ padding-right: 20px;
  /*rem*/ padding-right: 1.25rem;
  margin-bottom: 0;
  align-self: center;
  color: #25378D;
  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(37, 55, 141, 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: #25378D;
  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(37, 55, 141, 0.3);
  z-index: 100;
  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(37, 55, 141, 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(37, 55, 141, 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: #25378D;
  color: #fff;
}
.cc.main.ctxt-list article .tiles #filters .filter > ul.list li.sel a:after {
  content: "\F00D5";
  font-family: fts_picto;
  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 {
  margin: 0;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ padding: 6px 20px;
  /*rem*/ padding: 0.375rem 1.25rem;
  border: 1px solid rgba(37, 55, 141, 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_picto;
  padding-left: 5px;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  content: "\F0327";
  position: absolute;
  right: 10px;
  color: #25378D;
}
.cc.main.ctxt-list article .tiles #filters .filter p.sel.open:after {
  content: "\F032A";
}
.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 {
  height: 40px;
}
.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;
  height: 70px;
}
.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;
}
.cc .key-figure > div .svg::before {
  width: 42px;
  height: 42px;
}
.cc .insertGestionDesCookieVideo .button {
  /*px*/ margin: 20px;
  /*rem*/ margin: 1.25rem;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
.cc .insertGestionDesCookieVideo .button:before {
  content: "";
  position: relative;
  left: -15px;
  top: 4px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  display: inline-block;
}
.cc .insertGestionDesCookieVideo .button:after {
  content: "";
  position: re;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cc .insertGestionDesCookieVideo.poster {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
}
.cc .insertGestionDesCookieVideo.poster > figure {
  margin: 0;
}
.cc .insertGestionDesCookieVideo.poster > figure::before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
  z-index: 10;
  background: rgba(65, 65, 65, 0.6) !important;
}
.cc .insertGestionDesCookieVideo.poster > figure img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  min-height: 100%;
  height: auto;
  width: auto;
  min-width: 100%;
  width: 100%;
}
.cc .insertGestionDesCookieVideo.poster div {
  position: relative;
  z-index: 70;
}
.cc .insertGestionDesCookieVideo.poster div.banner {
  /*px*/ padding: 15px;
  /*rem*/ padding: 0.9375rem;
  border-radius: 20px;
  background-color: #172259;
}
.cc .insertGestionDesCookieVideo.poster div.banner p {
  margin: 0;
  color: white !important;
}
.cc .insertGestionDesCookieVideo.poster div.actions {
  text-align: center;
}
.cc .insertGestionDesCookieVideo.poster div.actions > .button {
  /*px*/ margin: 20px;
  /*rem*/ margin: 1.25rem;
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
.cc .insertGestionDesCookieVideo.poster div.actions > .button:before {
  content: "";
  position: relative;
  left: -15px;
  top: 4px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  display: inline-block;
}
.cc .insertGestionDesCookieVideo.poster div.actions > .button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[data-section="0"] .cc aside.sticky ul li#I1,
html[data-section="1"] .cc aside.sticky ul li#I2,
html[data-section="2"] .cc aside.sticky ul li#I3,
html[data-section="3"] .cc aside.sticky ul li#I4,
html[data-section="4"] .cc aside.sticky ul li#I5,
html[data-section="5"] .cc aside.sticky ul li#I6,
html[data-section="6"] .cc aside.sticky ul li#I7,
html[data-section="7"] .cc aside.sticky ul li#I8,
html[data-section="8"] .cc aside.sticky ul li#I9,
html[data-section="9"] .cc aside.sticky ul li#I10 {
  /*px*/ margin: 0 0 20px 20px;
  /*rem*/ margin: 0 0 1.25rem 1.25rem;
}
html[data-section="0"] .cc aside.sticky ul li#I1 a,
html[data-section="1"] .cc aside.sticky ul li#I2 a,
html[data-section="2"] .cc aside.sticky ul li#I3 a,
html[data-section="3"] .cc aside.sticky ul li#I4 a,
html[data-section="4"] .cc aside.sticky ul li#I5 a,
html[data-section="5"] .cc aside.sticky ul li#I6 a,
html[data-section="6"] .cc aside.sticky ul li#I7 a,
html[data-section="7"] .cc aside.sticky ul li#I8 a,
html[data-section="8"] .cc aside.sticky ul li#I9 a,
html[data-section="9"] .cc aside.sticky ul li#I10 a {
  color: #25378D;
  /*px*/ line-height: 20px;
  /*rem*/ line-height: 1.25rem;
  position: relative;
}
html[data-section="0"] .cc aside.sticky ul li#I1 a:before,
html[data-section="1"] .cc aside.sticky ul li#I2 a:before,
html[data-section="2"] .cc aside.sticky ul li#I3 a:before,
html[data-section="3"] .cc aside.sticky ul li#I4 a:before,
html[data-section="4"] .cc aside.sticky ul li#I5 a:before,
html[data-section="5"] .cc aside.sticky ul li#I6 a:before,
html[data-section="6"] .cc aside.sticky ul li#I7 a:before,
html[data-section="7"] .cc aside.sticky ul li#I8 a:before,
html[data-section="8"] .cc aside.sticky ul li#I9 a:before,
html[data-section="9"] .cc aside.sticky ul li#I10 a:before {
  font-family: fts_picto;
  content: "\F0329";
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  position: absolute;
  left: -15px;
  top: 0px;
}
.cc.ctxt-lightbox {
  height: 100%;
}
.cc.ctxt-lightbox h1 {
  color: #25378D;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
}
.cc.ctxt-lightbox p.teaser {
  color: #25378D;
  /*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: #25378D;
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  font-weight: 400;
  margin: 0;
}
.cc.ctxt-lightbox ul.teaser li:before {
  content: "";
  background: #25378D;
  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;
  margin-bottom: 0;
}
.cc.ctxt-lightbox .social a.linkedin:before {
  font-family: fts_picto;
  content: "\F0536";
  display: inline-block;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  background: #25378D;
  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: #3853D9;
}
.cc.ctxt-lightbox .social a.email:before {
  font-family: fts_picto;
  content: "\F037C";
  display: inline-block;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  background: #25378D;
  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: #3853D9;
}
.cc.ctxt-lightbox .social a.phone:before {
  font-family: fts_picto;
  content: "\F046E";
  display: inline-block;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  background: #25378D;
  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: #3853D9;
}
.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: 850;
}
dialog#lightbox {
  margin: 0;
  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: 880;
  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_picto";
  content: "\F0228";
  color: #25378D;
}
dialog#lightbox button.close:hover:before,
dialog#lightbox button.close:focus:before {
  color: #3853D9;
}
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_picto";
  content: "\F02E8";
  /*px*/ margin-top: 1px;
  /*rem*/ margin-top: 0.0625rem;
  color: #25378D;
}
dialog#lightbox a.fullscreen:hover:before,
dialog#lightbox a.fullscreen:focus:before {
  color: #3853D9;
}
dialog#lightbox h1 {
  /*px*/ margin: 0 0 15px 0;
  /*rem*/ margin: 0 0 0.9375rem 0;
  color: #25378D;
  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;
}
.cc .diaporama {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.cc .diaporama .resetButton {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
}
.cc .diaporama .flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc .diaporama .focus:focus {
  outline: 1px solid #25378D !important;
}
.cc .diaporama__slides-container,
.cc .diaporama__thumbnails-container {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
}
.cc .diaporama__slides-container {
  width: 500px;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.cc .diaporama__thumbnail {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  /*px*/ margin: 0 4px 0;
  /*rem*/ margin: 0 0.25rem 0;
  overflow: hidden;
  background-color: #000;
}
.cc .diaporama__thumbnail:focus {
  outline: 1px solid #25378D !important;
}
@media only screen and (max-width: 768px) {
  .cc .diaporama__thumbnail {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #172259;
  }
}
.cc .diaporama__thumbnail:hover {
  background: #25378D;
}
.cc .diaporama__thumbnail:focus {
  opacity: 0.5;
}
.cc .diaporama__thumbnail--selected .diaporama__thumbnail-image {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .cc .diaporama__thumbnail--selected {
    background-color: #97C8FF;
  }
}
.cc .diaporama__thumbnail-image {
  pointer-events: none;
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .cc .diaporama__thumbnail-image {
    display: none;
  }
}
.cc .diaporama__track {
  position: absolute;
  top: 0;
  left: 0;
  transition: none;
  font-size: 0;
}
.cc .diaporama__track--transition {
  transition: left 0.5s;
}
.cc .diaporama__slide {
  position: relative;
  width: 500px;
  display: inline-block;
}
.cc .diaporama__slide figure {
  margin: 0;
}
.cc .diaporama__button {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  width: 50px;
  height: 200px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  /*px*/ font-size: 50px;
  /*rem*/ font-size: 3.125rem;
}
.cc .diaporama__button:focus {
  outline: 1px solid #25378D !important;
}
.cc .diaporama__button:hover {
  color: #25378D;
}
.cc .diaporama__button:focus {
  color: #D0644C;
}
.cc .diaporama__button-prev {
  left: -60px;
}
.cc .diaporama__button-next {
  right: -60px;
}
.cc .diaporama__slide-image,
.cc .diaporama__thumbnail-image {
  border-radius: 0;
}
.cc .diaporama__fullscreen-button {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
  color: #fff;
  width: 32px;
  height: 32px;
}
.cc .diaporama__fullscreen-button:focus {
  outline: 1px solid #25378D !important;
}
.cc .diaporama__fullscreen-button:before {
  font-size: 24px;
  content: "\F02E8";
}
.cc .diaporama__legend {
  position: absolute;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  bottom: 0;
  /*px*/ padding: 8px;
  /*rem*/ padding: 0.5rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  text-align: left;
  width: 100%;
}
.cc .diaporama--fullscreen {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.cc .diaporama--fullscreen .diaporama__button {
  top: calc((100vh / 2) - (200px / 2));
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  /*px*/ margin: 8px;
  /*rem*/ margin: 0.5rem;
  display: none;
}
.cc .diaporama--fullscreen .diaporama__track {
  transition: none;
}
.cc .diaporama--fullscreen .diaporama__thumbnail {
  display: none;
}
.cc .diaporama--fullscreen .diaporama__slides-container {
  margin-bottom: 0;
}
.cc .diaporama--initialized {
  /*px*/ margin: 0 50px 0;
  /*rem*/ margin: 0 3.125rem 0;
}
.cc .diaporama--initialized .diaporama__slides-container {
  width: 100%;
}
.cc .diaporama--initialized.diaporama--fullscreen {
  margin: 0;
  cursor: pointer;
}
.cc .diaporama--initialized.diaporama--fullscreen > .diaporama__slides-container {
  cursor: auto;
}
div#overlay {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 850;
  display: block;
  opacity: 0.6;
}
.accordeon [data-question] {
  cursor: pointer;
  /*px*/ padding: 15px;
  /*rem*/ 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_picto;
  content: "\F0327";
  padding-right: 5px;
  /*px*/ font-size: 25px;
  /*rem*/ font-size: 1.5625rem;
  color: rgba(89, 89, 89, 0.2);
  position: absolute;
  right: 0;
  top: 18px;
}
.accordeon [data-question] button[aria-expanded="true"]:after {
  content: "\F032A";
  color: #25378D;
}
.accordeon [data-answer] {
  display: none;
  padding: 15px;
}
.accordeon [data-answer][data-expanded="true"] {
  display: block;
}
.accordeon.pdf button:before {
  content: url("../../../CSD/assets/pictos/securite.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #25378D;
  vertical-align: middle;
  display: inline-block;
}
.accordeon.pdf ul {
  margin: 0;
  padding-left: 0;
}
.accordeon.pdf ul li {
  border-bottom: 1px solid rgba(89, 89, 89, 0.2);
  margin: 0;
  /*px*/ padding: 18px 15px 15px;
  /*rem*/ padding: 1.125rem 0.9375rem 0.9375rem;
}
@media only screen and (max-width: 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("../../../CSD/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #25378D;
  vertical-align: middle;
  display: inline-block;
}
.lightbox-img {
  position: relative;
  height: 100%;
  display: inline-block;
}
.lightbox-img:after {
  font-family: "fts_picto";
  content: "\F02E8";
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  /*px*/ margin: 10px;
  /*rem*/ margin: 0.625rem;
  color: #fff;
  /*px*/ height: 32px;
  /*rem*/ height: 2rem;
  /*px*/ width: 32px;
  /*rem*/ width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
}
.lightbox-img-opened {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 1500;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lightbox-img-opened img {
  max-height: 90%;
  max-width: 90%;
}
.lightbox-img-opened__button {
  margin: 20px;
}
.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_picto;
  content: "\F0327";
  padding-right: 5px;
  color: rgba(37, 55, 141, 0.2);
  position: absolute;
  right: 0;
  top: 18px;
}
.accordeon [data-question] button[aria-expanded="true"]:after {
  content: "\F032A";
  color: #25378D;
}
.accordeon [data-answer] {
  display: none;
  padding: 15px;
}
.accordeon [data-answer][data-expanded="true"] {
  display: block;
}
.accordeon.pdf button:before {
  content: url("/partage/fr/CSD-CIC/assets/pictos/securite.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #25378D;
  vertical-align: middle;
  display: inline-block;
  /*px*/ width: 24px;
  /*rem*/ width: 1.5rem;
}
.accordeon.pdf ul {
  margin: 0;
  padding-left: 0;
}
.accordeon.pdf ul li {
  border-bottom: 1px solid rgba(37, 55, 141, 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-CIC/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #25378D;
  vertical-align: middle;
  display: inline-block;
  /*px*/ width: 18px;
  /*rem*/ width: 1.125rem;
}
/****************************************/
/********** Styles CSD 2020 ************/
/****************************************/
/* Description :                        */
/*  - Styles CSD/Core		            */
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 13/03/2020 : création             */
/****************************************/
/****************************************/
.cc {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc .soft {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .teaser {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc .bigger {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
.cc .smaller {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc h1 {
  /*px*/ font-size: 60px;
  /*rem*/ font-size: 3.75rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .cc h1 {
    /*px*/ font-size: 43px;
    /*rem*/ font-size: 2.6875rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc h1 {
    /*px*/ font-size: 34px;
    /*rem*/ font-size: 2.125rem;
  }
}
.cc h2 {
  /*px*/ font-size: 40px;
  /*rem*/ font-size: 2.5rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 992px) {
  .cc h2 {
    /*px*/ font-size: 34px;
    /*rem*/ font-size: 2.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc h2 {
    /*px*/ font-size: 30px;
    /*rem*/ font-size: 1.875rem;
  }
}
.cc h3 {
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .cc h3 {
    /*px*/ font-size: 26px;
    /*rem*/ font-size: 1.625rem;
  }
}
.cc h4 {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
  text-transform: uppercase;
}
.cc p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
.cc .button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  border: 2px solid #25378D;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.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: #3853D9;
  background: #3853D9;
}
.cc .button:focus {
  background: #3853D9;
  color: #172259;
  background: rgba(56, 83, 217, 0.1);
}
.cc .button.more:hover {
  color: #fff;
}
.cc .button.more:focus {
  color: #25378D;
}
.cc .more {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
.cc .more:after {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc .more:hover,
.cc .more:focus {
  color: #3853D9;
}
.cc ul li,
.cc ol li {
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc ul li strong.bigger,
.cc ol li strong.bigger {
  /*px*/ font-size: 38px;
  /*rem*/ font-size: 2.375rem;
}
.cc ul.styled > li ul li:before,
.cc ol.styled > li ul li:before {
  content: "";
  display: block;
  /*px*/ width: 15px;
  /*rem*/ width: 0.9375rem;
  /*px*/ height: 2px;
  /*rem*/ height: 0.125rem;
  background-color: #25378D;
  position: relative;
  /*px*/ left: -8px;
  /*rem*/ left: -0.5rem;
  /*px*/ bottom: -20px;
  /*rem*/ bottom: -1.25rem;
}
.cc ul.styled > li:not(.svg):not(.check):before {
  content: "";
  display: block;
  /*px*/ width: 15px;
  /*rem*/ width: 0.9375rem;
  /*px*/ height: 2px;
  /*rem*/ height: 0.125rem;
  background-color: #25378D;
  position: relative;
  /*px*/ left: -8px;
  /*rem*/ left: -0.5rem;
  /*px*/ bottom: -20px;
  /*rem*/ bottom: -1.25rem;
}
.cc table.plan-action tbody th {
  background-color: #f2efed;
  padding: 0.9375rem;
  border: 1px solid #f2efed;
  text-align: left;
}
.cc table.plan-action tbody tr td:first-child {
  text-align: left;
}
.cc table caption {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
.cc table thead th {
  background-color: #25378D;
}
.cc table thead th p,
.cc table thead th li {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.cc table tbody td.group {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc table tbody td p,
.cc table tbody td li {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.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;
  /*px*/ font-size: 28px;
  /*rem*/ font-size: 1.75rem;
}
@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: 20px;
    /*rem*/ font-size: 1.25rem;
  }
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed] {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc .resume p,
.cc.resume p,
.cc .resume ul,
.cc.resume ul {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
@media only screen and (max-width: 768px) {
  .cc .resume p,
  .cc.resume p,
  .cc .resume ul,
  .cc.resume ul {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
    /*px*/ line-height: 24px;
    /*rem*/ line-height: 1.5rem;
  }
}
.cc .resume p.teaser,
.cc.resume p.teaser,
.cc .resume ul.teaser,
.cc.resume ul.teaser {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
@media only screen and (max-width: 768px) {
  .cc .resume p.teaser,
  .cc.resume p.teaser,
  .cc .resume ul.teaser,
  .cc.resume ul.teaser {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ line-height: 28px;
    /*rem*/ line-height: 1.75rem;
  }
}
.cc .resume .insert p,
.cc.resume .insert p {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc .entity > div {
  border-top: 1px solid #25378D;
}
.cc .team > div .banner p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc .team > div .banner p strong {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc .team > div .banner p.soft {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc ul.tabs li a {
  /*px*/ font-size: 17px;
  /*rem*/ font-size: 1.0625rem;
}
.cc ul.tabs li.sel a {
  color: #D0644C;
}
.cc.main article header p {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
}
.cc.main article header .banner p {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
  /*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: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ line-height: 24px;
    /*rem*/ line-height: 1.5rem;
    /*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: 16px;
    /*rem*/ font-size: 1rem;
    /*px*/ margin: 5px 0 0 0;
    /*rem*/ margin: 0.3125rem 0 0 0;
    /*px*/ line-height: 22px;
    /*rem*/ line-height: 1.375rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main article header .banner .actions .button.more {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
    width: 100%;
  }
}
.cc.main article header.hero div.banner .actions a {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc.main article header.hero div.img:before {
  background: rgba(37, 55, 141, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
}
.cc.main article header.hero div .actions .button {
  background-color: #fff;
  border-color: #fff;
  color: #25378D;
}
.cc.main article header.hero div .actions .button:hover {
  color: #fff;
  border-color: #3853D9;
  background: #3853D9;
}
@media only screen and (max-width: 768px) {
  .cc.main article header.hero div .actions .button {
    background-color: #25378D;
    border-color: #25378D;
    color: #fff;
  }
}
.cc.main article .body h1,
.cc.main article .body h2,
.cc.main article .body h3,
.cc.main article .body h4 {
  color: #25378D;
}
.cc.main article .body section#teaser p,
.cc.main article .body section#teaser ul {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 28px;
  /*rem*/ line-height: 1.75rem;
}
@media only screen and (max-width: 768px) {
  .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: 24px;
    /*rem*/ line-height: 1.5rem;
  }
}
.cc.main article .body section#teaser p.teaser,
.cc.main article .body section#teaser ul.teaser {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
@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: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ line-height: 28px;
    /*rem*/ line-height: 1.75rem;
  }
}
.cc.main article .body section#teaser .insert p {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc.main article .body aside.sticky nav {
  /*px*/ top: 135px;
  /*rem*/ top: 8.4375rem;
}
.cc.main article .body aside.sticky nav ul li a {
  text-transform: uppercase;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.main article .body aside.sticky nav ul li a:before {
  color: #D0644C;
}
.cc.main article .body aside[role="complementary"].rebound > div .actions .button:after {
  color: #D0644C;
}
.cc.main.ctxt-list article .tiles #filters > ul li a {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  text-transform: initial;
}
@media only screen and (max-width: 992px) {
  .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: 768px) {
  .cc.main.ctxt-list article .tiles #filters > ul li a {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
.cc .insertGestionDesCookieVideo.poster div.banner {
  border-radius: 20px;
}
div#overlay {
  background: #25378D;
}
.cc.ctxt-lightbox p.teaser {
  text-transform: uppercase;
}
.cc.ctxt-lightbox ul.teaser {
  text-transform: uppercase;
}
/****************************************/
/********** Styles CSD 2020 ************ /
/****************************************/
/* Description :                        */
/*  - Styles CSD/Tiles              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 04/03/2020 : création             */
/****************************************/
/****************************************/
.cc .tiles > div > .tile > div.tile > div .banner h1,
.cc .tiles > div > .tile > div.tile > div .banner h3 {
  /*px*/ font-size: 22px;
  /*rem*/ font-size: 1.375rem;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .actions .button {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
.cc .tiles > div > .tile > div.tile > div .actions .button:after {
  color: #D0644C;
}
.cc .tiles > div > .tile > div.tile > div .actions .button:hover {
  color: #fff;
  border-color: #3853D9;
  background: #3853D9;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .actions a.more {
  text-transform: uppercase;
}
.cc .tiles.horizontiles > div > .tile > div.tile > div .actions a.more:after {
  color: #D0644C;
}
/****************************************/
/********** Styles CNCM 2019 ************/
/****************************************/
/* Description :                        */
/*  - Styles CNCM/Forms              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 04/04/2019 : création             */
/****************************************/
/****************************************/
.cc form legend {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc form .err-msg {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control input:checked + label {
  background-color: #25378D;
}
.cc form .form-group .form-control.valid input,
.cc form .form-group .form-control.valid textarea,
.cc form .form-group .form-control.valid select {
  color: #325D4C;
}
.cc form .form-group .form-control input[type="radio"]:checked {
  border-color: #25378D;
  background-color: #25378D;
}
.cc form .form-group .form-control input[type="checkbox"]:checked {
  background: #25378D;
  border-color: #25378D;
}
.cc form .form-group .form-control input[type="checkbox"]:checked:before {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc form .form-group .form-control input[type="radio"] + label:hover,
.cc form .form-group .form-control input[type="checkbox"] + label:hover {
  color: #25378D;
}