/***************************************************************************/
/********** Styles IID ******************************************************/
/***************************************************************************/
/* Description :                                                           */
/*  - Styles e-i.com	              	                                   */
/* Responsabilité :                                                        */
/*  - 5440/AM      						                                   */
/* Historique :                                                            */
/*  - 19/10/2022											               */
/***************************************************************************/
/***************************************************************************/
.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: #97c8ff;
}
.cc.main .body .disposition .flex > div:nth-child(2n) {
  background: #4471a8;
}
.cc.main .body .more.summary:before {
  font-family: fts_commun;
  content: "\E605";
  padding-right: 5px;
  font-size: 10px;
}
.cc.main .body .more.summary:after {
  content: none;
}
/*==============================================
. Break
============================================== */
/*==============================================
. Fonts
============================================== */
/* IE10 + IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    -ms-overflow-x: hidden;
  }
  .ctxt-home.main.cc article header.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;
  }
  .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%;
  }
}
@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;
  }
}
/* Feuille de style pour impression */
@media print {
  .ei_header,
  .header_container,
  .ei_footer,
  #ei_tpl_footerlegal {
    display: none;
  }
  html,
  body {
    margin: 0;
    padding: 0;
  }
  section,
  figure {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  #-\35 440-IID-Article-Nos-Videos section {
    break-inside: auto;
    page-break-inside: auto;
  }
  #-\35 440-IID-Article-Nos-Videos section .flex33 {
    margin-bottom: 20px;
  }
  aside.sidebar,
  form {
    display: none;
  }
  .body.flex > div {
    width: 100%;
  }
  .soft,
  .smaller {
    font-size: 8pt;
  }
  .border {
    border: 1px solid #000;
  }
  .bigger {
    font-size: 10pt;
  }
  .bigger p {
    font-size: 10pt;
  }
  .bigger h3,
  .bigger h4 {
    font-size: 12pt;
  }
  .flex {
    display: block;
  }
  .flex .flex10,
  .flex .flex20,
  .flex .flex25,
  .flex .flex30,
  .flex .flex33,
  .flex .flex40,
  .flex .flex50,
  .flex .flex60,
  .flex .flex70,
  .flex .flex80,
  .flex .flex90 {
    width: 100%;
    display: block;
  }
  .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;
  }
  .actions {
    margin-top: 5px;
  }
  .padding-top {
    padding-top: 5px;
  }
  .right,
  .center {
    text-align: left;
  }
  nav.pagination {
    display: none;
  }
  h1 {
    color: #000;
    font-size: 14pt;
  }
  h2 {
    font-size: 12pt;
  }
  .body h2 {
    color: #000;
  }
  h3 {
    color: #000;
    font-size: 10pt;
  }
  h4 {
    color: #000;
    font-size: 8pt;
    font-weight: 700;
  }
  p {
    font-size: 8pt;
    line-height: 12pt;
    orphans: 3;
    widows: 4;
  }
  a {
    color: #000;
    text-decoration: underline;
    font-weight: 700;
  }
  a[href]:after {
    display: none;
    visibility: hidden;
  }
  .button {
    display: none;
    visibility: hidden;
  }
  iframe[frameborder="0"] {
    min-height: 0px;
  }
  ul,
  ol {
    font-size: 8pt;
    margin: 10px 0;
  }
  ul li,
  ol li {
    font-size: 8pt;
    margin-bottom: 5px;
  }
  .insert {
    clear: both;
    display: block;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 1px solid rgba(89, 89, 89, 0.2);
  }
  .insert.tile {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd {
    display: block;
    font-size: 8pt;
    padding: 10px;
  }
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd p,
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ul li,
  .cc section [data-collapse][role="tablist"] [role="tab"][data-collapsed="yes"] + dd ol li {
    font-size: 8pt;
    margin-bottom: 5px;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .cc.main article {
    max-width: none;
  }
  .cc.main article header div.banner {
    position: static;
    -webkit-transform: none;
    transform: none;
    color: #000;
    padding: 0;
  }
  .cc.main article header div.banner h1 {
    color: #000;
    width: 100%;
  }
  .cc.main article header div.banner p {
    color: #000;
    width: 100%;
  }
  .cc.main article .body {
    padding: 0;
    max-width: none;
  }
  .cc.main article .body section {
    padding: 10px 0;
  }
  .cc.main article .body section > div {
    padding: 0;
    max-width: none;
  }
  .cc.main article .body section > div h2 {
    margin-bottom: 10px;
  }
  .cc.main article .body section > div p {
    margin-bottom: 10px;
  }
  .cc.main article .body section .orientation figure {
    display: none;
  }
  .cc.main article .body section.bg {
    background: #fff;
  }
  .cc.main.ctxt-list article .tiles > div {
    padding: 0;
    max-width: none;
  }
  .cc.main.ctxt-list article .tiles .tile {
    width: 100%;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile {
    display: block;
    margin-bottom: 15px;
    height: initial;
    border: 1px solid rgba(89, 89, 89, 0.2);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile figure {
    width: auto;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile figure img {
    max-width: 200px;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div {
    display: block;
    margin: 0;
    padding: 0;
    justify-content: initial;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div figure {
    display: none;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div figure + .banner {
    padding: 0;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .actions {
    margin: 0;
    padding: 0;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .banner {
    min-height: 0;
    padding: 0;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div .div {
    margin: 0;
  }
  .cc.main.ctxt-list article .tiles .tile > .tile > div h1 {
    margin-top: 0;
  }
  .cc.main.ctxt-list article .tiles .tile .actions {
    margin-top: 0;
  }
  .cc.main.ctxt-list article .tiles .tile .actions a.more {
    padding-left: 0;
  }
  .cc.main.ctxt-list article .tiles .tile.ei_cardboarditem .tile figure {
    display: none;
  }
  .cc.main.ctxt-list article .tiles .tile.ei_cardboarditem .tile div {
    width: 100%;
  }
  .cc.main .key-figure {
    display: flex;
  }
  .cc.main .key-figure > div {
    width: 33%;
  }
  .cc.main .key-figure > div > div {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(89, 89, 89, 0.2);
    padding: 10px;
    text-align: center;
  }
  .cc.main .key-figure > div > div figure {
    display: none;
  }
  .cc.main .key-figure > div > div p {
    font-size: 8pt;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .cc.main .key-figure > div > div p strong {
    font-size: 8pt;
    color: #000;
    display: inline;
  }
}
/* Icons */
@font-face {
  font-family: fts_picto;
  src: url("../../assets/icons/fts_picto.woff2") format("woff2"), url("../../assets/icons/fts_picto.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
.cc [class*="ei_gly"]::before {
  all: unset;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: fts_picto;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  speak: none;
  text-transform: none;
  vertical-align: middle;
}
.cc a[class*="ei_gly_"]:before,
.cc a[class*="icon-"]:before,
.cc a[class^="ei_gly_"]:before,
.cc a[class^="icon-"]:before {
  position: absolute;
  left: 0;
}
.cc .ei_gly_like::before {
  content: "\F0534";
}
.cc .ei_gly_notejuridique::before {
  content: "\F0593";
}
.cc .ei_gly_doc:before {
  content: "\F00F7";
}
.cc .ei_gly_financements_plein:before {
  content: "\F014C";
}
.cc .ei_gly_ic_people:before {
  content: "\F03C5";
}
.cc .ei_gly_reception:before {
  content: "\F0AAB";
}
.cc .ei_gly_ic_chevron_down:before {
  content: "\F0327";
}
/****************************************/
/********** Styles 5440 2022 ************/
/****************************************/
/* Description :                        */
/*  - Styles 5440/Global	            */
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 19/10/2022 : création             */
/****************************************/
/****************************************/
html,
body,
main {
  height: 100%;
}
.cc {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc * {
  box-sizing: border-box;
}
.cc .soft {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc .teaser {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc .bigger {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
.cc .smaller {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.cc .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 .border-radius img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.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 img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}
.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 .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 .actions {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
}
.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 h1 {
  /*px*/ font-size: 52px;
  /*rem*/ font-size: 3.25rem;
  line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
  .cc h1 {
    /*px*/ font-size: 35px;
    /*rem*/ font-size: 2.1875rem;
  }
}
@media only screen and (max-width: 992px) {
  .cc h1 {
    /*px*/ font-size: 26px;
    /*rem*/ font-size: 1.625rem;
  }
}
.cc h2 {
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  /*px*/ line-height: 36px;
  /*rem*/ line-height: 2.25rem;
  color: #004494;
}
@media only screen and (max-width: 992px) {
  .cc h2 {
    /*px*/ font-size: 28px;
    /*rem*/ font-size: 1.75rem;
    /*px*/ line-height: 32px;
    /*rem*/ line-height: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc h2 {
    /*px*/ font-size: 22px;
    /*rem*/ font-size: 1.375rem;
    /*px*/ line-height: 26px;
    /*rem*/ line-height: 1.625rem;
  }
}
.cc h3 {
  /*px*/ font-size: 26px;
  /*rem*/ font-size: 1.625rem;
  /*px*/ line-height: 30px;
  /*rem*/ line-height: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc h3 {
    /*px*/ font-size: 20px;
    /*rem*/ font-size: 1.25rem;
    /*px*/ line-height: 24px;
    /*rem*/ line-height: 1.5rem;
  }
}
.cc h4 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
.cc p {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
  color: #414141;
}
.cc .body h2 {
  /*px*/ margin: 15px 0 30px;
  /*rem*/ margin: 0.9375rem 0 1.875rem;
}
@media only screen and (max-width: 992px) {
  .cc .body h2 {
    /*px*/ margin: 0 0 15px;
    /*rem*/ margin: 0 0 0.9375rem;
  }
}
.cc .body h3,
.cc .body h4 {
  /*px*/ margin: 15px 0;
  /*rem*/ margin: 0.9375rem 0;
}
.cc figure {
  margin: 0;
}
.cc .button {
  background: #004494;
  color: #fff;
  /*px*/ padding: 10px 18px;
  /*rem*/ padding: 0.625rem 1.125rem;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  /*px*/ border-radius: 50px;
  /*rem*/ border-radius: 3.125rem;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  border: 2px solid #004494;
}
.cc .button[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:hover {
  color: #fff;
}
.cc .button.more:focus {
  color: #004494;
}
.cc .button.more:after {
  position: absolute;
  top: 50%;
  right: 15px;
}
.cc .button:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
  border-color: #0069e0;
  background: #0069e0;
}
.cc .button:focus {
  background: #0069e0;
  color: #0069e0;
  background: rgba(0, 105, 224, 0.1);
}
.cc .more {
  font-weight: 600;
  position: relative;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc .more:hover,
.cc .more:focus {
  color: #0069e0;
}
.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;
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc a {
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  color: #004494;
}
.cc a:hover {
  color: #0069e0;
  text-decoration: underline;
}
.cc a.more {
  text-decoration: none;
}
.cc [data-collapse].insert {
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse].insert {
    width: 100%;
  }
}
.cc [data-collapse] dd h2 {
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
  /*px*/ line-height: 30px;
  /*rem*/ line-height: 1.875rem;
}
.cc [data-collapse] dd h2:before {
  content: none;
}
.cc [data-collapse] dd h3 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
}
.cc [data-collapse] dd h4 {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 20px;
  /*rem*/ line-height: 1.25rem;
  color: #414141;
}
.cc [data-collapse] dd figure img {
  -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;
  max-width: 200px;
}
.cc [data-collapse] iframe {
  width: 100%;
}
.cc [data-collapse] figure.tile {
  min-width: 300px;
}
.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: 18px;
  /*rem*/ font-size: 1.125rem;
  color: rgba(89, 89, 89, 0.2);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse][role="tablist"] [role="tab"][data-collapsed]:after {
    padding-right: 0;
  }
}
.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] + dd dl dd blockquote p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.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: #004494;
}
.cc [data-collapse][role="tablist"] [role="tab"][data-collapsed="no"] + dd {
  display: block;
}
.cc [data-collapse][role="tablist"] [role="tab"]:hover,
.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: #004494;
  vertical-align: middle;
  display: inline-block;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd {
  /*px*/ padding: 15px 30px 15px 50px;
  /*rem*/ padding: 0.9375rem 1.875rem 0.9375rem 3.125rem;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse].pdf [role="tab"][data-collapsed] + dd {
    /*px*/ padding: 15px;
    /*rem*/ padding: 0.9375rem;
  }
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul {
  margin: 0;
  padding-left: 0;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li {
  border-bottom: 1px solid rgba(89, 89, 89, 0.2);
  margin: 0;
  /*px*/ padding: 18px 15px 15px;
  /*rem*/ padding: 1.125rem 0.9375rem 0.9375rem;
}
@media only screen and (max-width: 768px) {
  .cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li {
    /*px*/ padding: 15px 0;
    /*rem*/ padding: 0.9375rem 0;
  }
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li:first-child {
  padding-top: 0;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd ul li:last-child {
  /*px*/ margin-bottom: -15px;
  /*rem*/ margin-bottom: -0.9375rem;
  border: none;
}
.cc [data-collapse].pdf [role="tab"][data-collapsed] + dd a[href$=".pdf"]:before {
  content: url("../../CSD/assets/pictos/fichier.svg");
  /*px*/ padding-right: 15px;
  /*rem*/ padding-right: 0.9375rem;
  color: #004494;
  vertical-align: middle;
  display: inline-block;
}
.cc .svg::before {
  transform: translate(-50%, -50%);
  top: 50%;
}
.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 {
  /*px*/ padding-left: 70px;
  /*rem*/ padding-left: 4.375rem;
  counter-reset: li;
}
@media only screen and (max-width: 992px) {
  .cc ol.styled {
    /*px*/ padding-left: 40px;
    /*rem*/ padding-left: 2.5rem;
  }
}
.cc ol.styled > li,
.cc ol.styled span > li {
  position: relative;
  /*px*/ margin-bottom: 16px;
  /*rem*/ margin-bottom: 1rem;
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
  counter-increment: li;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li,
  .cc ol.styled span > li {
    /*px*/ padding-left: 10px;
    /*rem*/ padding-left: 0.625rem;
  }
}
.cc ol.styled > li:before,
.cc ol.styled span > li:before {
  display: inline-block;
  text-align: right;
  background-color: #004494;
  color: #fff;
  content: counter(li);
  margin-left: -50px;
  margin-right: 0.5em;
  direction: rtl;
  /*px*/ padding: 9px 14px;
  /*rem*/ padding: 0.5625rem 0.875rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  font-weight: 600;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .cc ol.styled > li:before,
  .cc ol.styled span > li:before {
    position: absolute;
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ padding: 6px 13px;
    /*rem*/ padding: 0.375rem 0.8125rem;
    margin-left: -42px;
  }
}
.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;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
}
.cc ol.styled.horizontal li:before {
  margin: 0;
  position: absolute;
  /*px*/ top: -60px;
  /*rem*/ top: -3.75rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  color: #004494;
  /*px*/ font-size: 36px;
  /*rem*/ font-size: 2.25rem;
  /*px*/ padding: 34px 36px;
  /*rem*/ padding: 2.125rem 2.25rem;
  font-weight: 700;
}
.cc ol.styled.horizontal li div {
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*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 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:not(.svg):before {
  content: "\2022";
  color: #004494;
  width: 1em;
  margin-left: -1em;
}
.cc ul,
.cc ol {
  list-style: none;
  padding-left: 0;
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
}
.cc ul > li,
.cc ol > li {
  list-style-position: outside;
  /*px*/ line-height: 22px;
  /*rem*/ line-height: 1.375rem;
  /*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 h2,
.cc ol > li h2 {
  /*px*/ margin: 0;
  /*rem*/ margin: 0;
}
.cc ul.styled > li,
.cc ol.styled > li {
  list-style-position: outside;
}
.cc ul.styled > li:last-child,
.cc ol.styled > li:last-child {
  margin-bottom: 0;
}
.cc ul.styled > li:before,
.cc ol.styled > li:before {
  font-weight: bold;
  display: inline-block;
}
.cc ul.styled > li.check,
.cc ol.styled > li.check {
  position: relative;
  /*px*/ padding-left: 5px;
  /*rem*/ padding-left: 0.3125rem;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
@media only screen and (max-width: 768px) {
  .cc ul.styled > li.check,
  .cc ol.styled > li.check {
    /*px*/ margin-bottom: 15px;
    /*rem*/ margin-bottom: 0.9375rem;
  }
}
.cc ul.styled > li.check:before,
.cc ol.styled > li.check:before {
  content: "";
  display: block;
  width: 8px;
  height: 18px;
  border: solid #004494;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  position: absolute;
  top: -2px;
  left: 10px;
  z-index: 1;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
.cc ul.styled > li.check:after,
.cc ol.styled > li.check:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #fff;
  position: absolute;
  left: -30px;
  top: 0px;
  border: 1px solid rgba(89, 89, 89, 0.3);
}
.cc ul ul,
.cc ol ul,
.cc ul ol,
.cc ol ol {
  /*px*/ margin: 10px 30px;
  /*rem*/ margin: 0.625rem 1.875rem;
  padding-left: 0;
}
.cc ul ul li,
.cc ol ul li {
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc ul ul li:before,
.cc ol ul li:before {
  content: "\2022";
  color: #002d61;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.cc.main .body .insert {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  /*px*/ padding: 36px 40px 40px;
  /*rem*/ padding: 2.25rem 2.5rem 2.5rem;
  background: rgba(0, 68, 148, 0.05);
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.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.flex50 .banner p {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.main .body .insert.flex33 .banner p {
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
}
.cc.main .body .insert > figure {
  margin: 0;
}
.cc.main .body .insert .banner p.note {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
  font-weight: bold;
}
.cc.main .body .insert h1,
.cc.main .body .insert h2,
.cc.main .body .insert h3 {
  /*px*/ margin: 0 0 10px;
  /*rem*/ margin: 0 0 0.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body .insert h1,
  .cc.main .body .insert h2,
  .cc.main .body .insert h3 {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
.cc.main .body .insert.flex > figure img {
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}
.cc .banner .event .alt[data-end] p {
  margin: 0 0 15px;
}
.cc div[class="count"] {
  display: none;
}
.cc .alt {
  display: none;
  background: #004494;
  border-radius: 10px;
}
.cc .alt p {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 20px;
}
.cc .description .box-compteur,
.cc .box-compteur {
  background: #004494;
  padding-right: 10px;
  border-radius: 0 0 10px;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: flex-start;
}
@media only screen and (max-width: 480px) {
  .cc .description .box-compteur,
  .cc .box-compteur {
    flex-direction: column;
    border-radius: 0;
    padding-right: 0;
    width: 100%;
  }
}
.cc .description .box-compteur p,
.cc .box-compteur p {
  color: #fff;
}
.cc .description .box-compteur .annonce,
.cc .box-compteur .annonce {
  padding: 0 10px;
  width: 30%;
}
@media only screen and (max-width: 480px) {
  .cc .description .box-compteur .annonce,
  .cc .box-compteur .annonce {
    width: 100%;
  }
}
.cc .description .box-compteur .annonce p,
.cc .box-compteur .annonce p {
  margin: 15px 0 0;
}
.cc .description .box-compteur .count-container,
.cc .box-compteur .count-container {
  display: flex;
  width: 70%;
}
@media only screen and (max-width: 480px) {
  .cc .description .box-compteur .count-container,
  .cc .box-compteur .count-container {
    width: 100%;
  }
}
.cc .description .box-compteur .count-container .item,
.cc .box-compteur .count-container .item {
  padding: 10px 10px 0;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cc .description .box-compteur .count-container .item .teaser,
.cc .box-compteur .count-container .item .teaser {
  color: #004494;
  background: #fff;
  padding: 7px;
  font-weight: 700;
  border-radius: 5px;
  text-align: center;
  width: 100%;
}
.cc .description .box-compteur .count-container .item p,
.cc .box-compteur .count-container .item p {
  font-size: 12px;
  margin: 0;
  text-align: center;
}
.cc blockquote {
  border-radius: 0 20px 20px 0;
}
.cc .body .timeline {
  max-width: 800px;
}
.cc .body .timeline > ul {
  display: inline-block;
}
.cc .body .timeline > ul > li:not(.svg):before {
  content: "";
}
.cc .body .timeline > ul > li {
  border-left: 1px dashed #004494;
  /*px*/ padding: 0 0 30px 30px;
  /*rem*/ padding: 0 0 1.875rem 1.875rem;
  /*px*/ margin-left: 200px;
  /*rem*/ margin-left: 12.5rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .cc .body .timeline > ul > li {
    margin-left: 0;
  }
}
.cc .body .timeline > ul > li:before {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #004494;
  border-radius: 9px;
  box-shadow: 0 0 2px 8px #fff;
  top: 0;
  left: -5px;
}
.cc .body .timeline > ul > li:first-child {
  /*px*/ padding-top: 30px;
  /*rem*/ padding-top: 1.875rem;
}
.cc .body .timeline > ul > li:first-child::before {
  top: 35px;
}
.cc .body .timeline > ul > li:first-child.svg:before {
  top: 40px;
}
.cc .body .timeline > ul > li:first-child > div {
  position: relative;
  top: -1px;
}
.cc .body .timeline > ul > li:first-child > div:first-child {
  top: 30px;
}
@media only screen and (max-width: 768px) {
  .cc .body .timeline > ul > li:first-child > div:first-child {
    top: -2px;
  }
}
.cc .body .timeline > ul > li:last-child {
  /*px*/ padding-bottom: 10px;
  /*rem*/ padding-bottom: 0.625rem;
}
.cc .body .timeline > ul > li > div {
  position: relative;
  top: -6px;
}
.cc .body .timeline > ul > li > div:first-child {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  color: #004494;
  position: absolute;
  width: 150px;
  left: -185px;
  top: -5px;
  text-align: right;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .cc .body .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 .body .timeline > ul > li > div h3 {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ margin: 0;
  /*rem*/ margin: 0;
  line-height: initial;
  text-align: left;
}
.cc .body .timeline > ul > li > div p {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc .body .timeline > ul > li > div p:first-child {
  margin-top: 0;
}
.cc .body .timeline > ul > li > div p small {
  display: block;
}
.cc .body .timeline > ul > li > div .actions {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc .key-figure > div {
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
}
.cc .key-figure > div > div {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -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: block;
}
.cc .key-figure > div > div figure {
  margin: 0;
  /*px*/ padding-right: 10px;
  /*rem*/ padding-right: 0.625rem;
  align-self: center;
}
.cc .key-figure > div > div figure img {
  background: rgba(0, 68, 148, 0.1);
  width: 42px;
  /*px*/ padding: 5px;
  /*rem*/ padding: 0.3125rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 0;
}
.cc .key-figure > div > div p {
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
  /*px*/ font-size: 14px;
  /*rem*/ font-size: 0.875rem;
  /*px*/ line-height: 18px;
  /*rem*/ line-height: 1.125rem;
  width: 100%;
  max-width: none;
  font-weight: initial;
}
@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 {
  display: block;
  color: #004494;
  text-align: center;
  /*px*/ margin-bottom: 5px;
  /*rem*/ margin-bottom: 0.3125rem;
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
  /*px*/ line-height: 24px;
  /*rem*/ line-height: 1.5rem;
}
.cc .key-figure > div > div p strong .bigger {
  color: #e2001a;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc .key-figure > div > div p strong .bigger {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
  }
}
.cc .key-figure > div .svg {
  position: relative;
  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: 0 auto;
}
.cc .key-figure > div .svg:before {
  color: #004494;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*px*/ font-size: 24px;
  /*rem*/ font-size: 1.5rem;
}
.cc .resume p,
.cc .resume ul {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
@media only screen and (max-width: 768px) {
  .cc .resume p,
  .cc .resume ul {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ line-height: 22px;
    /*rem*/ line-height: 1.375rem;
  }
}
.cc .resume p.teaser,
.cc .resume ul.teaser {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc .resume p.teaser,
  .cc .resume ul.teaser {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 26px;
    /*rem*/ line-height: 1.625rem;
  }
}
.cc .resume .insert p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc .entity > div {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cc ul.tabs li a {
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
}
.cc.main:not(.ctxt-home) section h2 {
  text-align: left;
  position: relative;
}
.cc.main:not(.ctxt-home) section h2:before {
  content: "";
  background: #e2001a;
  display: block;
  height: 4px;
  width: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  /*px*/ top: 30px;
  /*rem*/ top: 1.875rem;
  /*px*/ left: -45px;
  /*rem*/ left: -2.8125rem;
}
@media only screen and (max-width: 992px) {
  .cc.main:not(.ctxt-home) section h2:before {
    width: 20px;
    /*px*/ left: -24px;
    /*rem*/ left: -1.5rem;
    /*px*/ top: 23px;
    /*rem*/ top: 1.4375rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main:not(.ctxt-home) section h2:before {
    width: 30px;
    /*px*/ top: 18px;
    /*rem*/ top: 1.125rem;
    /*px*/ left: -35px;
    /*rem*/ left: -2.1875rem;
  }
}
.cc.main:not(.ctxt-home) section h2.center:before {
  content: none;
}
@media only screen and (max-width: 768px) {
  .cc.main:not(.ctxt-home) section h2.center {
    text-align: left;
  }
  .cc.main:not(.ctxt-home) section h2.center:before {
    content: "";
    background: #e2001a;
    display: block;
    height: 4px;
    width: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    /*px*/ top: 18px;
    /*rem*/ top: 1.125rem;
    /*px*/ left: -35px;
    /*rem*/ left: -2.1875rem;
  }
}
.cc.main article header.hero div.img:before {
  background: rgba(65, 65, 65, 0.7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
}
.cc.main article header.hero div.banner .actions a {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
.cc.main article .body h3 {
  color: #004494;
}
.cc.main article .body section#teaser p,
.cc.main article .body section#teaser ul {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  /*px*/ line-height: 26px;
  /*rem*/ line-height: 1.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section#teaser p,
  .cc.main article .body section#teaser ul {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
    /*px*/ line-height: 22px;
    /*rem*/ line-height: 1.375rem;
  }
}
.cc.main article .body section#teaser p.teaser,
.cc.main article .body section#teaser ul.teaser {
  /*px*/ font-size: 20px;
  /*rem*/ font-size: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section#teaser p.teaser,
  .cc.main article .body section#teaser ul.teaser {
    /*px*/ font-size: 18px;
    /*rem*/ font-size: 1.125rem;
    /*px*/ line-height: 26px;
    /*rem*/ line-height: 1.625rem;
  }
}
.cc.main article .body section#teaser .insert p {
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section .orientation {
    display: flex;
  }
  .cc.main article .body section .orientation > div:first-child {
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section .orientation .flex50.infos {
    order: 1;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section .orientation .flex50:not(.infos) {
    order: 2;
  }
}
.cc.main article .body section .orientation .flex50:first-child {
  /*px*/ padding-right: 30px;
  /*rem*/ padding-right: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section .orientation .flex50:first-child {
    /*px*/ padding-right: 0;
    /*rem*/ padding-right: 0;
  }
}
.cc.main article .body section .orientation .flex50:last-child {
  /*px*/ padding-left: 30px;
  /*rem*/ padding-left: 1.875rem;
}
@media only screen and (max-width: 768px) {
  .cc.main article .body section .orientation .flex50:last-child {
    /*px*/ padding-left: 0;
    /*rem*/ padding-left: 0;
  }
}
.cc.main article .body section .orientation .flex50 > figure {
  margin: 0;
}
.cc.main article .body section .orientation .flex50 > figure img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cc footer {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
  margin: 0 auto;
  max-width: 1180px;
}
@media only screen and (max-width: 768px) {
  .cc footer {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
.cc footer h1,
.cc footer h2,
.cc footer h3,
.cc footer h4,
.cc footer h5,
.cc footer p,
.cc footer li {
  font-style: italic;
}
/****************************************/
/********** Styles 5440      ************/
/****************************************/
/* Description :                        */
/*  - Styles 5440/Layout	            */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 19/10/2022 : création             */
/****************************************/
/****************************************/
.cc.main article header {
  margin: 0 auto;
  max-width: 1280px;
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
}
@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 .banner h1 {
  margin: 0;
  color: #004494;
}
.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: #e2001a;
}
.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.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: #004494;
  }
}
.cc.main article header.hero div.banner p {
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .cc.main article header.hero div.banner p {
    /*px*/ font-size: 16px;
    /*rem*/ font-size: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main article header.hero div.banner p {
    color: #595959;
  }
}
.cc.main article header.hero div.banner .actions a:focus {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.cc.main .body section.bg {
  background: rgba(0, 68, 148, 0.05);
  /*px*/ padding-bottom: 10px;
  /*rem*/ padding-bottom: 0.625rem;
}
@media only screen and (max-width: 768px) {
  .cc.main .body section.bg {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main .body section.bg {
    background: #fff;
  }
}
.cc.main .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 .body section > div {
    /*px*/ padding: 30px;
    /*rem*/ padding: 1.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main .body section > div {
    /*px*/ padding: 20px;
    /*rem*/ padding: 1.25rem;
  }
}
@media only screen and (max-width: 480px) {
  .cc.main .body section > div {
    /*px*/ padding: 10px 20px 10px 20px;
    /*rem*/ padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  }
}
.cc.main .body section > div p:last-child {
  margin-bottom: 0;
}
.cc.main .body section#teaser + #keypoints > div {
  padding-top: 0;
}
.cc.nos-offres > div {
  /*px*/ padding: 40px;
  /*rem*/ padding: 2.5rem;
}
/****************************************/
/********** Styles 5440      ************/
/****************************************/
/* Description :                        */
/*  - Styles 5440/Home		            */
/* Responsabilité :                     */
/*  - 5440        						*/
/* Historique :                         */
/*  - 19/10/2022 : création             */
/****************************************/
/****************************************/
.cc.main.ctxt-home article header {
  background-repeat: no-repeat;
  background-size: cover;
  /*px*/ padding: 50px 0;
  /*rem*/ padding: 3.125rem 0;
  max-width: 100%;
  position: relative;
  z-index: 0;
}
.cc.main.ctxt-home article header:before {
  background: rgba(0, 45, 97, 0.85);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  content: "";
  z-index: -1;
}
@media only screen and (min-width: 769px) {
  .cc.main.ctxt-home article header {
    background-image: url(https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/IID/assets/articles/accueil/1.0/header-desktop.jpg);
  }
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-home article header {
    /*px*/ padding: 20px 0;
    /*rem*/ padding: 1.25rem 0;
    background-image: url(https://cdnwmii.e-i.com/SITW/wm/global/1.0.0/WEBA/IID/assets/articles/accueil/1.0/header-mobile.jpg);
  }
}
.cc.main.ctxt-home article header p {
  position: relative;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-home article header p {
    line-height: 22px;
  }
}
.cc.main.ctxt-home article header p br {
  /*px*/ margin-bottom: 15px;
  /*rem*/ margin-bottom: 0.9375rem;
}
.cc.main.ctxt-home article header div.banner {
  margin: 0 auto;
  max-width: 1180px;
  /*px*/ padding: 0 20px;
  /*rem*/ padding: 0 1.25rem;
}
.cc.main.ctxt-home article header div.banner .youtube-consent-txt p {
  position: initial;
}
.cc.main.ctxt-home article header div.banner .actions {
  text-align: inherit;
}
.cc.main.ctxt-home article header div.banner .actions a.button {
  background-color: #fff;
  color: #004494;
  left: calc(50% - 10px);
  transform: translateX(-50%);
  position: relative;
  border: 2px solid rgba(0, 68, 148, 0.3);
}
.cc.main.ctxt-home article header div.banner .actions a.button:hover {
  background: #0069e0;
  color: #fff;
}
.cc.main.ctxt-home article header div.banner .actions a.button:focus {
  border-color: #0069e0;
  color: #0069e0;
  background: #E5F0FC;
}
.cc.main.ctxt-home article header div.banner h1 {
  width: 100%;
  position: relative;
  text-transform: uppercase;
  color: #fff;
  /*px*/ font-size: 32px;
  /*rem*/ font-size: 2rem;
  /*px*/ line-height: 36px;
  /*rem*/ line-height: 2.25rem;
  /*px*/ margin-bottom: 25px;
  /*rem*/ margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 992px) {
  .cc.main.ctxt-home article header div.banner h1 {
    /*px*/ font-size: 28px;
    /*rem*/ font-size: 1.75rem;
    /*px*/ line-height: 32px;
    /*rem*/ line-height: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-home article header div.banner h1 {
    /*px*/ margin-bottom: 20px;
    /*rem*/ margin-bottom: 1.25rem;
  }
}
.cc.main.ctxt-home article header div.banner h3 {
  color: #fff;
}
.cc.main.ctxt-home article header div.banner iframe {
  min-height: 330px;
  margin: 0;
  width: 100%;
}
.cc.main.ctxt-home article header div.banner .flex .flex50:first-child {
  /*px*/ padding-right: 40px;
  /*rem*/ padding-right: 2.5rem;
  /*px*/ padding-top: 25px;
  /*rem*/ padding-top: 1.5625rem;
  /*px*/ margin-bottom: 20px;
  /*rem*/ margin-bottom: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-home article header div.banner .flex .flex50:first-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-home article header div.banner .flex .flex50:last-child {
    /*px*/ margin-bottom: 50px;
    /*rem*/ margin-bottom: 3.125rem;
  }
}
.cc.main.ctxt-home article header div.banner .event {
  position: relative;
  box-shadow: 1px 1px 70px 11px #00000038;
  transition: ease-in-out 0.5s;
  opacity: 0.95;
  border-radius: 10px 10px 0 0;
}
@media only screen and (min-width: 769px) {
  .cc.main.ctxt-home article header div.banner .event:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }
  .cc.main.ctxt-home article header div.banner .event:hover .button {
    background: #0069e0;
  }
}
.cc.main.ctxt-home article header div.banner .event .img-container {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.cc.main.ctxt-home article header div.banner .event .img-container img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  max-width: 100%;
  display: block;
  transition: ease-in-out 0.5s;
  margin-top: auto;
  border: none;
}
.cc.main.ctxt-home article header div.banner .event .date {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 15px;
  border-radius: 10px 0;
  max-width: 70%;
}
.cc.main.ctxt-home article header div.banner .event .description {
  background: #fff;
  padding: 20px 20px 30px 20px;
  border-radius: 0 0 10px 10px;
  position: relative;
}
.cc.main.ctxt-home article header div.banner .event .description div[data-count] {
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
}
.cc.main.ctxt-home article header div.banner .event .description h3 {
  color: #004494;
  margin-bottom: 10px;
}
.cc.main.ctxt-home article header div.banner .event .description a.button.more {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #fff;
}
@media only screen and (max-width: 480px) {
  .cc.main.ctxt-home article header div.banner .event .description a.button.more {
    width: 80%;
  }
}
.cc.main.ctxt-home article header div.banner .event .description a.button.more:focus {
  background: #e5f0fc;
  border: 2px solid #004494;
}
.cc.main.ctxt-home article header div.banner .video {
  position: relative;
}
@media only screen and (max-width: 480px) {
  .cc.main.ctxt-home article header div.banner .video .youtube-player {
    /*px*/ margin: 60px 0;
    /*rem*/ margin: 3.75rem 0;
  }
}
.cc.main.ctxt-home article header div.banner .video .youtube-player .consent-text {
  /*px*/ margin: 0;
  /*rem*/ margin: 0;
}
@media only screen and (max-width: 480px) {
  .cc.main.ctxt-home article header div.banner .video .youtube-player .consent-text {
    /*px*/ margin: 10px 0;
    /*rem*/ margin: 0.625rem 0;
  }
}
.cc.main.ctxt-home article header div.banner div.transcript {
  /*px*/ margin-top: 20px;
  /*rem*/ margin-top: 1.25rem;
  position: relative;
}
.cc.main.ctxt-home article header div.banner div.transcript h3 {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc.main.ctxt-home article header div.banner div.transcript p {
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
  /*px*/ line-height: 16px;
  /*rem*/ line-height: 1rem;
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
}
.cc.main.ctxt-home article header div.banner div.transcript p:first-child {
  /*px*/ height: 35px;
  /*rem*/ height: 2.1875rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cc.main.ctxt-home article header div.banner div.transcript .opened p:first-child {
  display: block;
  height: auto;
}
.cc.main.ctxt-home article header div.banner div.transcript a.morelink {
  color: #fff;
  /*px*/ margin-top: 10px;
  /*rem*/ margin-top: 0.625rem;
  /*px*/ font-size: 15px;
  /*rem*/ font-size: 0.9375rem;
  display: block;
  /*px*/ padding: 10px 40px 10px 18px;
  /*rem*/ padding: 0.625rem 2.5rem 0.625rem 1.125rem;
  text-decoration: none;
  font-weight: 600;
}
.cc.main.ctxt-home article header div.banner div.transcript a.morelink .txtless {
  display: none;
}
.cc.main.ctxt-home article header div.banner div.transcript a.morelink.less .txtmore {
  display: none;
}
.cc.main.ctxt-home article header div.banner div.transcript a.morelink.less .txtless {
  display: inline;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-home article header div.banner div.transcript .morecontent {
    display: inline;
  }
}
.cc.main.ctxt-home article .body .tileslist {
  background: rgba(0, 68, 148, 0.05);
}
.cc.main.ctxt-home article .body .tileslist .tiles > div > .tile > div.tile > div figure img {
  padding: 0;
}
.cc.main.ctxt-home article .body .tileslist .tiles > div > .tile > div.tile > div .banner {
  min-height: 90px;
}
@media only screen and (max-width: 768px) {
  .cc.main.ctxt-home article .body .tileslist .tiles > div > .tile > div.tile > div .banner {
    min-height: 0;
  }
}
.cc.main.ctxt-home article .body .orientation figure img {
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cc.main.ctxt-home article .body section > div h2 {
  text-align: center;
}
.cc.main.ctxt-home article .body section > div h2:before {
  content: none;
}
/****************************************/
/********** Styles CSD 2020 ************ /
/****************************************/
/* Description :                        */
/*  - Styles CSD/Tiles              	*/
/* Responsabilité :                     */
/*  - SB        						*/
/* Historique :                         */
/*  - 04/03/2020 : création             */
/****************************************/
/****************************************/
.cc .values {
  /*px*/ margin: 20px 0;
  /*rem*/ margin: 1.25rem 0;
}
.cc.ctxt-list .tiles > div {
  padding: 1.25rem;
  margin: 0 auto;
  max-width: 1280px;
}
@media only screen and (max-width: 768px) {
  .cc.ctxt-list .tiles > div {
    /*px*/ padding: 0 10px 10px;
    /*rem*/ padding: 0 0.625rem 0.625rem;
  }
}
.cc .tiles > div {
  display: flex;
  flex-wrap: wrap;
}
.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);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  /*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 picture img,
.cc .tiles > div > .tile > div.tile figure img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}
.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 h2,
.cc .tiles > div > .tile > div.tile > div .banner h3,
.cc .tiles > div > .tile > div.tile > div .banner h4 {
  color: #004494;
  /*px*/ margin: 0 0 10px 0;
  /*rem*/ margin: 0 0 0.625rem 0;
}
.cc .tiles > div > .tile > div.tile > div .banner p {
  /*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: #004494;
  border: 2px solid rgba(0, 68, 148, 0.3);
  /*px*/ padding: 6px 40px 6px 20px;
  /*rem*/ padding: 0.375rem 2.5rem 0.375rem 1.25rem;
}
@media only screen and (max-width: 768px) {
  .cc .tiles > div > .tile > div.tile > div .actions .button {
    /*px*/ padding: 10px 40px 10px 20px;
    /*rem*/ padding: 0.625rem 2.5rem 0.625rem 1.25rem;
  }
}
.cc .tiles > div > .tile > div.tile > div .actions .button:hover {
  color: #fff;
  border-color: #0069e0;
  background: #0069e0;
}
.cc .tiles > div > .tile > div.tile > div .actions .button:focus {
  border-color: #0069e0;
  color: #0069e0;
  background: rgba(0, 105, 224, 0.1);
}
.cc .tiles > div > .tile > div.tile > div figure + .banner {
  /*px*/ padding-top: 15px;
  /*rem*/ padding-top: 0.9375rem;
}
/*Light Box*/
div#overlay {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1850;
  display: block;
  opacity: 0.6;
}
dialog#lightbox {
  background: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -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);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  dialog#lightbox {
    width: 70%;
    height: calc(100% - 130px);
  }
}
@media only screen and (max-width: 480px) {
  dialog#lightbox {
    width: 90%;
  }
}
dialog#lightbox > div {
  -ms-flex-positive: 1;
  flex: 1;
}
dialog#lightbox button.close {
  float: right;
  background: transparent;
  border: none;
  transition: all 1s ease 0s;
  font-weight: 400;
}
dialog#lightbox button.close:before {
  display: inline-block;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  font-family: "fts_commun";
  content: "\EAB3";
  color: #004494;
}
dialog#lightbox button.close:hover:before,
dialog#lightbox button.close:focus:before {
  color: #0069e0;
}
dialog#lightbox a.fullscreen {
  display: none;
  float: right;
  background: transparent;
  border: none;
  transition: all 1s ease 0s;
  font-weight: 400;
  /*px*/ margin-right: 7px;
  /*rem*/ margin-right: 0.4375rem;
}
dialog#lightbox a.fullscreen:before {
  display: inline-block;
  /*px*/ font-size: 30px;
  /*rem*/ font-size: 1.875rem;
  font-family: "fts_commun";
  content: "\EB76";
  /*px*/ margin-top: 1px;
  /*rem*/ margin-top: 0.0625rem;
  color: #004494;
}
dialog#lightbox a.fullscreen:hover:before,
dialog#lightbox a.fullscreen:focus:before {
  color: #0069e0;
}
dialog#lightbox h1 {
  /*px*/ margin: 0 0 15px 0;
  /*rem*/ margin: 0 0 0.9375rem 0;
  color: #004494;
  line-height: 1;
  font-weight: 400;
}
dialog#lightbox iframe {
  border: none;
  width: 100%;
  height: 100%;
  height: calc(100% - 32px);
}
dialog#lightbox.pdf,
dialog#lightbox.nowidth {
  width: 70%;
}
dialog#lightbox.pdf,
dialog#lightbox.noheight {
  height: calc(100% - 160px);
}
@media only screen and (max-width: 768px) {
  dialog#lightbox.pdf,
  dialog#lightbox.noheight {
    height: 100%;
  }
}
dialog#lightbox button.close::before {
  font-family: fts_picto;
  content: "\F0228";
}
dialog#lightbox.noheight {
  top: 100px;
  z-index: 2000;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 787px) {
  dialog#lightbox.noheight {
    top: 50%;
    margin-top: 10px;
    width: 80%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 500px) {
  dialog#lightbox.noheight {
    margin-top: 25px;
  }
}
.cc header .youtube-player,
.cc section .youtube-player {
  max-width: 880px;
  margin: 0 auto;
}
.cc header .youtube-player > div.youtube-consent-txt,
.cc section .youtube-player > div.youtube-consent-txt {
  background: rgba(0, 45, 97, 0.5);
}
.cc header .youtube-player img,
.cc section .youtube-player img {
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.cc header .youtube-player .playbutton,
.cc section .youtube-player .playbutton {
  position: relative;
}
.cc header .youtube-player .playbutton:before,
.cc section .youtube-player .playbutton:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  width: 70px;
  height: 70px;
  background-color: #002d61;
  opacity: 0.7;
  border-radius: 50%;
  transition: all 0.5s ease 0s;
}
.cc header .youtube-player .playbutton:after,
.cc section .youtube-player .playbutton:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 15px 0 15px 25px;
}
.cc header .youtube-player .lightbox:hover .playbutton:before,
.cc section .youtube-player .lightbox:hover .playbutton:before,
.cc header .youtube-player .lightbox:focus .playbutton:before,
.cc section .youtube-player .lightbox:focus .playbutton:before {
  background-color: #fff;
}
.cc header .youtube-player .lightbox:hover .playbutton:after,
.cc section .youtube-player .lightbox:hover .playbutton:after,
.cc header .youtube-player .lightbox:focus .playbutton:after,
.cc section .youtube-player .lightbox:focus .playbutton:after {
  border-color: transparent transparent transparent #002d61;
}
.cc iframe {
  width: 80%;
  min-height: 400px;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cc iframe {
    width: 100%;
  }
}
.cc iframe[frameborder="0"] {
  min-height: 480px;
}
.cc video {
  cursor: pointer;
  max-width: 100%;
  border-radius: 25px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .cc video {
    max-width: 100%;
  }
}
.cc .youtube-player {
  position: relative;
}
.cc .youtube-player > div.youtube-consent-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: rgba(100, 100, 100, 0.4);
  padding: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.cc .youtube-player > div.youtube-consent-txt p {
  margin-bottom: 0.5rem;
  text-align: center;
}
.cc .youtube-player > div.youtube-consent-txt > .consent-text {
  background: rgba(0, 45, 97, 0.9);
  padding: 15px;
  border-radius: 15px;
  /*px*/ margin: 10px 20px;
  /*rem*/ margin: 0.625rem 1.25rem;
  border: 1px solid #fff;
}
@media only screen and (max-width: 480px) {
  .cc .youtube-player > div.youtube-consent-txt > .consent-text {
    /*px*/ margin: 10px 0;
    /*rem*/ margin: 0.625rem 0;
  }
}
.cc .youtube-player > div.youtube-consent-txt > .consent-text > p {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .cc .youtube-player > div.youtube-consent-txt > .consent-text > p {
    /*px*/ font-size: 14px;
    /*rem*/ font-size: 0.875rem;
  }
}
.cc .youtube-player button {
  padding-left: 40px;
  border: 2px solid #fff;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.cc .youtube-player button:hover {
  border: 2px solid #fff;
}
.cc .youtube-player button:focus {
  background: #0069e0;
  color: #fff;
  border: 2px solid #fff;
}
.cc .youtube-player 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 .youtube-player button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cc .flex33 > .youtube-player > div.youtube-consent-txt {
  width: 100%;
  padding: 5px;
}
.cc .flex50 .youtube-player > div.youtube-consent-txt {
  width: 100%;
}
.cc .intro .banner .youtube-player > div p {
  text-align: center;
}
.cc .intro .banner .youtube-player > div a {
  color: white;
}
@media only screen and (max-width: 768px) {
  .cc .youtube-player > div.youtube-consent-txt {
    width: 100%;
  }
}
/****************************************/
/********** Styles 5440 2022 ************/
/****************************************/
/* Description :                        */
/*  - Styles 5440/Forms              	*/
/* Responsabilité :                     */
/*  - GV        						*/
/* Historique :                         */
/*  - 22/10/2022 : création             */
/****************************************/
/****************************************/
.cc #frmcontact:not(.i_blocgenform) {
  width: 70%;
}
.cc #frmcontact:not(.i_blocgenform) h2 {
  text-align: left;
}
.cc #frmcontact:not(.i_blocgenform) h2::before {
  display: none;
}
.cc .mandatory {
  color: #e2001a;
}
.cc form {
  text-align: left;
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .cc form {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .cc form {
    width: 100%;
  }
}
.cc form p {
  text-align: left;
}
.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);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  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 bloc fieldset .form-group.toggle > [id^="rd"] + .form-control label {
  /*px*/ padding-left: 40px;
  /*rem*/ padding-left: 2.5rem;
}
.cc form bloc fieldset .form-group.toggle > [id^="rd"] + .form-control label:last-child {
  /*px*/ padding-left: 35px;
  /*rem*/ padding-left: 2.1875rem;
}
.cc form bloc fieldset .form-group.toggle > [id^="rd"] + .form-control input {
  position: absolute;
  border: 1px solid #004494;
  width: 16px;
  height: 16px;
  clip: auto;
  box-shadow: none;
}
.cc form bloc fieldset .form-group.toggle > [id^="rd"] + .form-control input:checked + label {
  background-color: #0069e0;
}
.cc form bloc fieldset .form-group.toggle > [id^="rd"] + .form-control input#rdCivilite-M {
  left: 10px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.cc form bloc fieldset .form-group.toggle > [id^="rd"] + .form-control input#rdCivilite-Mme {
  left: 55%;
  margin: 0;
  transform: translate(-50%, -50%);
  top: 50%;
}
.cc form bloc fieldset .form-group.toggle > [id^="rd"] + .form-control input:hover,
.cc form bloc fieldset .form-group.toggle > [id^="rd"] + .form-control input:focus {
  border: 4px solid grey;
}
.cc form bloc fieldset .form-group .valid input {
  color: #004494;
}
.cc form bloc fieldset .form-group .form-control.radiobutton {
  position: relative;
}
.cc form bloc fieldset .form-group .form-control.radiobutton input[type="radio"]:checked {
  background-color: #000;
  border: 4px solid #fff;
}
.cc form bloc fieldset .form-group .form-control.radiobutton input[type="radio"]:checked:hover,
.cc form bloc fieldset .form-group .form-control.radiobutton input[type="radio"]:checked:focus {
  border: 4px solid grey;
}
.cc form legend {
  font-weight: 700;
  position: absolute;
  /*px*/ top: -35px;
  /*rem*/ top: -2.1875rem;
  left: 0;
  /*px*/ font-size: 16px;
  /*rem*/ font-size: 1rem;
  color: #004494;
}
@media only screen and (max-width: 480px) {
  .cc form legend {
    position: static;
  }
}
.cc form .err-msg {
  color: #ff4545;
  display: block;
  text-align: right;
  /*px*/ font-size: 12px;
  /*rem*/ font-size: 0.75rem;
}
.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%;
    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 .chk-group {
  border: 2px solid rgba(0, 68, 148, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input {
  /*px*/ margin-left: 16px;
  /*rem*/ margin-left: 1rem;
  display: inline-block;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input + label {
  /*px*/ padding: 8px 16px 8px 8px;
  /*rem*/ padding: 0.5rem 1rem 0.5rem 0.5rem;
  display: inline-block;
  margin: 0;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input:checked {
  background: #fff;
  color: #fff;
}
.cc form .form-group.inline > [id^="chk"] + .form-control .chk-group input:checked:before {
  color: #004494;
}
.cc form .form-group.inline > [id^="chk"] + div > div {
  display: inline-block;
}
.cc form .form-group.inline > [id^="rd"] {
  display: inline-block;
}
.cc form .form-group.toggle > [id^="rd"] {
  display: block;
  /*px*/ padding-bottom: 10px;
  /*rem*/ padding-bottom: 0.625rem;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control {
  border: 2px solid rgba(0, 68, 148, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  /*px*/ padding: 7px 0;
  /*rem*/ padding: 0.4375rem 0;
  /*px*/ margin-top: -3px;
  /*rem*/ margin-top: -0.1875rem;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control input {
  position: absolute;
  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:checked + label {
  color: #fff;
  /*px*/ padding-top: 8px;
  /*rem*/ padding-top: 0.5rem;
  /*px*/ padding-bottom: 8px;
  /*rem*/ padding-bottom: 0.5rem;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control label {
  text-align: center;
  /*px*/ padding: 7px 16px;
  /*rem*/ padding: 0.4375rem 1rem;
  margin: 0;
  -webkit-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  border-right: 2px solid rgba(0, 68, 148, 0.3);
  border-left: 2px solid rgba(0, 68, 148, 0.3);
}
.cc form .form-group.toggle > [id^="rd"] + .form-control label:first-of-type {
  margin-right: -5px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  border: none;
}
.cc form .form-group.toggle > [id^="rd"] + .form-control label:last-of-type {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  border: none;
  margin-left: -5px;
}
.cc form .form-group .form-control.invalid {
  margin-bottom: 0;
}
.cc form .form-group .form-control.invalid input,
.cc form .form-group .form-control.invalid textarea {
  border-color: #ff4545;
  background: rgba(255, 69, 69, 0.05);
  color: #ff4545;
}
.cc form .form-group .form-control.valid input,
.cc form .form-group .form-control.valid textarea,
.cc form .form-group .form-control.valid select {
  color: #33ab89;
  border-color: #33ab89;
  background: rgba(51, 171, 137, 0.05);
}
.cc form .form-group .form-control[role="radiogroup"] label,
.cc form .form-group .form-control[role="radiogroup"] .form-label {
  display: inline;
}
.cc form .form-group .form-control input {
  width: 100%;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid rgba(0, 68, 148, 0.3);
  color: #004494;
  font-weight: 600;
}
.cc form .form-group .form-control input[type="radio"] {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.cc form .form-group .form-control input[type="radio"]:checked {
  box-shadow: 0px 0px 0px 3px #fff inset;
  outline: none;
}
.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: none;
}
.cc form .form-group .form-control input[type="checkbox"]:checked:before {
  content: "\EAA7";
  font-family: "fts_commun";
  display: block;
  color: #fff;
  position: absolute;
  top: -6px;
  left: -1px;
}
.cc form .form-group .form-control input[type="radio"]:checked {
  border-color: #0069e0;
  background-color: #0069e0;
}
.cc form .form-group .form-control input[type="checkbox"]:checked {
  background: #0069e0;
  border-color: #0069e0;
}
.cc form .form-group .form-control input[type="checkbox"]:checked:before {
  /*px*/ font-size: 18px;
  /*rem*/ font-size: 1.125rem;
}
.cc form .form-group .form-control input[type="radio"],
.cc form .form-group .form-control input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 1px solid #004494;
  transition: all 0.2s linear;
  padding: 0;
  display: inline-block;
  vertical-align: -2px;
  cursor: pointer;
}
.cc form .form-group .form-control input[type="radio"] + label,
.cc form .form-group .form-control input[type="checkbox"] + label {
  cursor: pointer;
}
.cc form .form-group .form-control input[type="radio"] + label:hover,
.cc form .form-group .form-control input[type="checkbox"] + label:hover {
  color: #0069e0;
}
.cc form .form-group .form-control textarea {
  width: 100%;
  min-height: 150px;
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid rgba(0, 68, 148, 0.3);
  color: #004494;
  font-weight: 600;
}
.cc form .form-group .form-control select {
  width: 100%;
  border: 2px solid rgba(0, 68, 148, 0.3);
  /*px*/ padding: 10px;
  /*rem*/ padding: 0.625rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cc form .form-group .form-control > div {
  /*px*/ margin-bottom: 10px;
  /*rem*/ margin-bottom: 0.625rem;
}
.cc form .form-group .form-control > div:last-child {
  margin-bottom: 0;
}
.cc form .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;
  }
}
/*# sourceMappingURL=./styles.css.map */