@charset "UTF-8";
.heading1,h2,h1,.heading2,.heading3,h3,.heading4,h4,.heading5,h5,.heading6,h6 {
 font-weight:700
}
html {
 font-family:sans-serif;
 -webkit-text-size-adjust:100%;
 -moz-text-size-adjust:100%;
 text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
a {
 background-color:transparent
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:700
}
dfn {
 font-style:italic
}
h1 {
 font-size:2em;
 margin:.67em 0
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button;
 -moz-appearance:button;
 appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
input {
 line-height:normal
}
button:moz-focus-inner,
input:moz-focus-inner {
 border:0;
 padding:0
}
input[type=checkbox],
input[type=radio] {
 box-sizing:border-box;
 padding:0
}
input[type=search] {
 -webkit-appearance:textfield;
 -moz-appearance:textfield;
 appearance:textfield;
 box-sizing:content-box
}
fieldset {
 border:1px solid #c0c0c0;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:700
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,
th {
 padding:0
}
html,
body {
 padding:0;
 margin:0;
 overflow-x:hidden
}
body {
 font-size:1rem;
 font-family:Arial,Helvetica,sans-serif
}
.container {
 max-width:100%;
 width:100%
}
ul {
 padding:0;
 margin:0
}
ul li {
 padding:0
}
.list-not-styled,
.menu-main .navigation__liste,
.keys-numbers__list,
.reference__list,
.communication .campaign__list,
.communication__list,
.health-insurance__list,
.video-highlights__list {
 padding:0;
 margin:0;
 list-style:none
}
.text-bold {
 font-weight:700
}
.footer .menu button {
 background-color:transparent;
 border:0
}
.footer .menu button:hover {
 text-decoration:underline
}
header .logo-section-header {
 display:flex;
 align-items:center;
 width:1292px;
 margin:10px auto 30px
}
@media all and (width >= 576px) {
 header .logo-section-header {
  margin:30px auto
 }
}
header .logo-section-header a {
 min-width:50%
}
@media all and (width >= 576px) {
 header .logo-section-header a {
  min-width:auto
 }
}
header .logo-section-header a img {
 width:100%
}
header .regions-text__container {
 margin-left:1.875rem
}
header .regions-text__container p {
 font-size: 14px;
 color: #a460a3;
 font-weight: bold;
 font-family: Arial, sans-serif;
 padding-left: 14px;
 margin: 0 0 0 14px;
 max-width: 150px;
 border-left: 2px solid #a460a3;
 display: flex;
 display: -webkit-box;
 display: -ms-flexbox;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 height: 100%;
}
@media all and (width >= 576px) {
 header .regions-text__container p {
  margin-left:1.33rem
 }
}
header .region-header {
 display:flex;
 align-items:center;
 background-color:#3d67ae!important
}
header .region-header .region-header__container {
 padding:0 20px
}
@media all and (width >= 576px) {
 header .region-header .region-header__container {
  width:1292px;
  margin:0 auto
 }
}
header #block-menu-menu-menu-institutionnel li a {
 font-size:.9375rem
}
header .title-page {
 color:#fff;
 text-transform:uppercase;
 position:initial;
 font-family:Arial,Helvetica,sans-serif;
 font-weight:700;
 font-size:2.3rem;
 letter-spacing:2px;
 line-height:normal
}
@media all and (width >= 576px) {
 header .title-page {
  text-align:right
 }
}
.btn {
 display:inline-block;
 padding:12px 20px;
 border-radius:1000px;
 border:1px solid #0C419A;
 color:#0c419a;
 font-weight:700;
 font-size:.875rem;
 line-height:1;
 text-align:center;
 text-transform:uppercase;
 font-family:sans-serif;
 margin-top:2rem;
 transition:all .3s
}
.btn:hover {
 color:#fff;
 background-color:#0c419a
}
.chapo {
 display:flex;
 flex-direction:column-reverse
}
@media all and (width >= 576px) {
 .chapo {
  flex-direction:row-reverse
 }
}
@media all and (width >= 576px) {
 .chapo__content {
  margin:2.667rem 0 2rem -.33rem
 }
}
.chapo__titre {
 color:#fff;
 font-family:Arial,sans-serif;
 font-style:normal;
 font-weight:700;
 display:flex;
 flex-direction:column;
 line-height:1.2;
 position:relative;
 z-index:2
}
@media all and (width >= 576px) {
 .chapo__titre {
  width:25.667rem;
  margin-left:-5.7rem
 }
}
.chapo__titre--date .date {
 font-size:3rem;
 text-transform:uppercase;
 background-color:#e11a81;
 padding:0 5px
}
@media all and (width >= 576px) {
 .chapo__titre--date .date {
  font-size:3.5rem
 }
}
.chapo__titre--text .text {
 font-size:1.5rem;
 background-color:#0c419a;
 display:inline;
 padding:0 5px
}
@media all and (width >= 576px) {
 .chapo__titre--text .text {
  font-size:2rem
 }
}
.chapo__texte {
 color:#0c419a;
 font-family:Arial,sans-serif;
 font-size:1rem;
 font-style:normal;
 font-weight:400;
 line-height:1.3;
 max-width:480px;
 text-align: justify;
}
@media all and (width >= 576px) {
 .chapo__image {
  margin-right:2.667rem;
  flex:1 0 auto
 }
}
.chapo__image img {
 max-width:100%;
 height:auto
}
.zone {
 padding:2.333rem 1rem
}
@media all and (width >= 576px) {
 .zone.no-padding-top {
  padding-top:0
 }
}
@media all and (width >= 576px) {
 .zone {
  padding:3.667rem 0
 }
}
.zone.leaders {
 background-color:#f3f5f8;
 padding-top:45px;
 padding-bottom:1rem
}
@media all and (width >= 576px) {
 .zone.leaders {
  padding-bottom:0
 }
}
.zone.highlights {
 background-color:#e7ecf5;
 padding-top:45px
}
.zone.highlights .zone__title {
 margin-bottom:43px
}
.zone.video-highlights {
 background-color:#fff;
 padding-top:40px;
 padding-bottom:20px
}
@media all and (width >= 576px) {
 .zone.video-highlights {
  padding-top:88px;
  padding-bottom:98px
 }
}
.zone.health-insurance {
 background-color:#3d67ae;
 padding-top:40px;
 padding-bottom:40px
}
@media all and (width >= 576px) {
 .zone.health-insurance {
  padding-top:65px;
  padding-bottom:3.667rem
 }
}
.zone.health-insurance .zone__title {
 margin-bottom:42px
}
@media all and (width >= 576px) {
 .zone.health-insurance .zone__title {
  margin-bottom:66px
 }
}
.zone.communication {
 background-color:#e7ecf5
}
.zone.communication .zone-container {
 max-width:1004px
}
.zone.communication .zone__title {
 margin-bottom:42px
}
@media all and (width >= 576px) {
 .zone.communication .zone__title {
  margin-bottom:66px
 }
}
.zone.reference {
 background-color:#fff;
 padding-top:40px
}
@media all and (width >= 576px) {
 .zone.reference {
  padding-top:61px
 }
}
.zone.reference .zone__title {
 margin-bottom:42px
}
@media all and (width >= 576px) {
 .zone.reference .zone__title {
  margin-bottom:39px
 }
}
.zone-container {
 width:100%;
 margin:0 auto
}
@media all and (width >= 576px) {
 .zone-container {
  max-width:1000px
 }
 .zone-container__large {
  max-width:1059px;
  margin:0 auto
 }
}
.zone__title {
 color:#0c419a;
 text-align:center;
 font-size:1.5rem;
 font-style:normal;
 font-weight:700;
 line-height:normal;
 text-transform:uppercase;
 position:relative;
 margin-bottom:3.667rem;
 margin-top:0
}
.zone__title:before {
 content:"";
 height:2px;
 width:4.667rem;
 background-color:#0c419a;
 position:absolute;
 bottom:-15px;
 left:50%;
 transform:translate(-50%)
}
@media all and (width >= 576px) {
 .zone__title {
  line-height:2
 }
 .zone__title:before {
  bottom:0
 }
}
.health-insurance .zone__title {
 color:#fff
}
.health-insurance .zone__title:before {
 background-color:#fff
}
@media only screen and (max-width: 1023px) {
 .page-article .zone-container {
  padding:0 20px
 }
}
@media all and (width >= 576px) {
 .leaders__content {
  display:flex
 }
}
.leaders .leader {
 display:flex;
 flex-direction:column;
 align-items:flex-end
}
@media all and (width >= 576px) {
 .leaders .leader {
  flex-direction:row
 }
}
.leaders .leader .text {
 display:flex;
 flex-direction:column;
 margin-top:2rem
}
@media all and (width >= 576px) {
 .leaders .leader .text {
  margin-top:0;
  margin-bottom:33px;
  max-width:450px;
  margin-left:2rem;
 }
}
.leaders .leader .text--heading {
 display:flex;
 flex-direction:column;
 line-height:1.5;
 gap:6px
}
.leaders .leader .text .status {
 font-size:1rem
}
.leaders .leader .text .link a {
 margin-top:1rem
}
@media all and (width >= 576px) {
 .leaders .leader .text .link a {
  margin-top:2rem;
  margin-left:2.8rem
 }
}
.leaders .leader .text .link a svg {
 margin-top:-2px
}
.leaders .leader .text .link a a:hover svg {
 fill:#fff
}
.leaders .leader .interview>span {
 background-color:#fff;
 font-family:Arial,sans-serif;
 font-size:1.25rem;
 font-style:normal;
 font-weight:700;
 line-height:1.2;
 padding:0 5px
}
.leaders .leader .name {
 margin-bottom:1rem
}
@media all and (width >= 576px) {
 .leaders .leader .name {
  margin-bottom:1rem
 }
}
.leaders .leader .name>span {
 color:#fff;
 font-family:Arial,sans-serif;
 font-size:1.5rem;
 font-style:normal;
 font-weight:700;
 line-height:130%;
 padding:2px 5px
}
.leaders .leader.blue .interview {
 color:#0c419a
}
.leaders .leader.blue .name span {
 background-color:#0c419a
}
.leaders .leader.blue .status {
 color:#0c419a
}
}
.leaders .leader.blue .link a {
 display:inline-flex;
 align-items:center;
 gap:8px
}
.leaders .leader.blue .link a svg {
 fill:#0c419a
}
.leaders .leader.blue .link a:hover svg {
 fill:#fff
}
.leaders .leader.pink .interview {
 color:#e11a81
}
.leaders .leader.pink .name span {
 background-color:#e11a81
}
.leaders .leader.pink .status {
 color:#e11a81
}
.leaders .leader.pink .link a {
 color:#e11a81;
 border-color:#e11a81
}
.leaders .leader.pink .link a svg {
 fill:#e11a81
}
.leaders .leader.pink .link a:hover {
 background:#E11A81;
 color:#fff
}
.leaders .leader.pink .link a:hover svg {
 fill:#fff
}
.leaders .leader img {
 order:-1
}
@media all and (width >= 576px) {
 .video-highlights__content {
  display:flex
 }
}
@media all and (width >= 576px) {
 .video-highlights__list {
  display:flex;
  flex-wrap:wrap;
  gap:2.6875rem;
  row-gap:4.75rem
 }
}
.video-highlights__item {
 margin-bottom:2rem
}
@media all and (width >= 576px) {
 .video-highlights__item {
  width:calc(50% - 1.35rem);
  margin-bottom:0
 }
}
.video-highlights__item--text {
 font-family:Arial,sans-serif;
 color:#0c419a
}
.video-highlights__item--text h3 {
 font-weight:700;
 font-size:1.25rem;
 line-height:1.5;
 padding:.667rem 0;
 margin:0
}
.video-highlights__item--text h3 a {
 font-family:Arial,sans-serif;
 color:#0c419a
}
.video-highlights__item--text p {
 font-weight:400;
 font-size:1rem;
 line-height:1.2
}
.video-highlights__item .clickablecard {
 display:flex;
 flex-direction:column-reverse
}
.video-highlights__item .clickablecard:hover {
 cursor:pointer
}
.video-highlights__item .clickablecard:hover a {
 text-decoration:underline
}
.video-highlights__item--image img {
 max-width:100%;
 height:auto;
 border-radius:3px
}
@media all and (width >= 576px) {
 .video-highlights__item--image img {
  border-radius:0
 }
}
@media all and (width >= 576px) {
 .health-insurance__list {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:2.5rem
 }
}
.health-insurance__item {
 color:#fff;
 text-align:center;
 line-height:1.5;
 font-family:Arial,sans-serif;
 font-size:1rem;
 max-width:250px;
 margin:0 auto;
 margin-bottom:2.667rem
}
@media all and (width >= 576px) {
 .health-insurance__item {
  width:calc(25% - 1.9rem);
  /*! margin-bottom:3.333rem; */
 }
}
.health-insurance__item .pink {
 display:inline-block;
 font-size:26px;
 font-weight:700;
 text-transform:uppercase;
 background-color:#e11a81;
 margin-bottom:1rem;
 line-height:normal;
 padding:0 5px
}
.health-insurance__item .blue {
 background-color:#0c419a;
 font-weight:700;
 margin-bottom:2px;
 padding:1px
}
.health-insurance__item .white {
 font-weight:700
}
.health-insurance__item .white-pink {
 display:inline-block;
 color:#e11a81;
 font-size:26px;
 font-weight:700;
 text-transform:uppercase;
 background-color:#fff;
 margin-bottom:1rem;
 line-height:normal;
 padding:0 5px
}
.health-insurance__link {
 display:flex;
 justify-content:center
}
.health-insurance .btn {
 border:1px solid #fff;
 color:#fff
}
.health-insurance .btn:hover {
 color:#0c419a;
 background-color:#fff
}
@media all and (width >= 576px) {
 .communication__list {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:2.5rem
 }
}
@media all and (width >= 576px) {
 .communication__item {
  width:calc(33.3% - 1.645rem)
 }
}
.communication .campaign__list {
 display:flex;
 flex-direction:column
}
.communication .campaign__item {
 margin-bottom:40px
}
.communication .campaign__item img {
 display:block;
 width:100%
}
.communication .campaign__item--text {
 background-color:#fff;
 padding:1rem
}
.communication .campaign__item--text .title {
 color:#0c419a;
 font-size:1rem;
 line-height:1.3;
 font-weight:700;
 margin-bottom:1rem;
 margin-top:0
}
.communication .campaign__item--text p {
 color:#0c419a;
 font-size:1rem;
 line-height:1.3
}
.reference__list {
 display:flex;
 align-items:center;
 flex-direction:column
}
@media all and (width >= 576px) {
 .reference__list {
  flex-flow:row wrap;
  align-items:normal;
  justify-content:space-between
 }
}
.reference__item {
 width:9rem;
 color:#0c419a;
 text-align:center;
 line-height:1.5;
 font-family:Arial,sans-serif;
 font-size:1.0667rem;
 margin-bottom:2.66rem
}
@media all and (width >= 576px) {
 .reference__item {
  margin-bottom:0
 }
}
.reference__item .link {
 display:flex;
 flex-direction:column;
 align-items:center;
 font-size:1.033rem;
 font-weight:600;
 font-family:sans-serif
}
.reference__item img {
 margin-bottom:1.33rem
}
.carousel-tempsforts-thumbnails {
 list-style:none;
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-start;
 margin-bottom:60px;
 gap:16px;
 -moz-column-gap:30px;
 column-gap:30px
}
@media all and (width >= 576px) {
 .carousel-tempsforts-thumbnails {
  justify-content:space-between;
  gap:unset
 }
}
.carousel-tempsforts-thumbnails button {
 border:0;
 color:#0c419a;
 font-size:16px;
 font-style:normal;
 font-weight:700;
 text-decoration:underline;
 background-color:transparent
}
.carousel-container {
 width:100%
}
@media all and (width >= 576px) {
 .carousel-tempsforts .carousel-content {
  display:flex;
  width:1000px;
  min-height:500px;
 }
}
.carousel-tempsforts .carousel-timeline {
 position:relative;
 margin-top:50px;
 display:none
}
@media all and (width >= 576px) {
 .carousel-tempsforts .carousel-timeline {
  display:block
 }
}

.carousel-tempsforts .carousel-timeline>p {
 color:#0c419a;
 opacity:.3;
 font-size:3.75rem;
 font-weight:700;
 line-height:normal;
 letter-spacing:.6px
}
.carousel-tempsforts .carousel-content-image {
 order:0;
 margin-right:40px;
 flex:1 0 auto;
 display:none
}
@media all and (width >= 576px) {
 .carousel-tempsforts .carousel-content-image {
  display:block
 }
}
.carousel-tempsforts .carousel-content-image img {
 display:block;
 width:381px
}
.carousel-tempsforts .carousel-content-description {
 order:1;
 display:flex;
 flex-direction:column
}
@media all and (width >= 576px) {
 .carousel-tempsforts .carousel-content-description {
  margin-right:192px;
  min-width:574px
 }
}
.carousel-tempsforts .carousel-content-description .date {
 order:0
}
.carousel-tempsforts .carousel-content-description .date p {
 color:#fff;
 font-size:1.25rem;
 font-weight:700;
 background-color:#e11a81;
 display:inline-block;
 padding:0 5px
}
.carousel-tempsforts .carousel-content-description .title {
 order:1;
 margin:16px 0
}
.carousel-tempsforts .carousel-content-description .title h4 {
 color:#e11a81;
 font-size:1.5rem;
 font-style:normal;
 font-weight:700;
 background-color:#fff;
 display:inline;
 padding:0 5px
}
.carousel-tempsforts .carousel-content-description .text {
 order:2;
 text-align: justify;
}
.carousel-tempsforts .carousel-content-description .text p {
 display:inline-block;
 font-size:14px;
 font-style:normal;
 font-weight:400;
 color:#0c419a
}
.carousel-navigation {
 list-style:none;
 padding:0 10px;
 width:100%;
 display:flex;
 justify-content:center;
 margin-top:15px
}
@media all and (width >= 576px) {
 .carousel-navigation {
  justify-content:space-between;
  margin-top:-30px;
  z-index:1;
  position:absolute
 }
}
.carousel-navigation button {
 border:0;
 font-size:1.067px;
 font-style:normal;
 text-decoration:underline;
 background-color:#fff;
 width:3.667rem;
 height:3.667rem;
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0 .5rem
}
@media all and (width >= 576px) {
 .carousel-navigation button {
  margin:0
 }
}
.carousel-navigation button:disabled {
 opacity:0;
 position:absolute;
 top:-1000px
}
.carousel-navigation-button:before {
 border:solid black;
 border-width:0 3px 3px 0;
 padding:3px;
 content:"";
 color:red;
 display:inline-block;
 margin:.667rem;
 line-height:1
}
.carousel-navigation-prev:before {
 transform:rotate(135deg)
}
.carousel-navigation-next:before {
 transform:rotate(-45deg)
}
.keys-numbers__title {
 display:flex;
 align-items:center;
 flex-direction:column
}
.keys-numbers__title img {
 max-width:4.5rem;
 width:100%;
 margin-bottom:1rem
}
.keys-numbers__title .text {
 font-family:Arial,Helvetica,sans-serif;
 font-size:1.5rem;
 text-transform:uppercase;
 margin:0
}
.protect .keys-numbers__title .text {
 color:#00ab8e
}
.innove .keys-numbers__title .text {
 color:#e11a81
}
.engage .keys-numbers__title .text {
 color:#0c419a
}
.transform .keys-numbers__title .text {
 color:#a05bb6
}
.keys-numbers__content.protect .full {
 background-color:#00ab8e
}
.keys-numbers__content.protect .small {
 color:#00ab8e
}
.keys-numbers__content.innove .full {
 background-color:#e11a81
}
.keys-numbers__content.innove .small {
 color:#e11a81
}
.keys-numbers__content.engage .full {
 background-color:#0c419a
}
.keys-numbers__content.engage .small {
 color:#0c419a
}
.keys-numbers__content.transform .full {
 background-color:#a05bb6
}
.keys-numbers__content.transform .small {
 color:#a05bb6
}
.keys-numbers__list {
 display:flex;
 align-items:center;
 flex-direction:column;
 margin-top:1.5rem;
 margin-bottom:3.5rem
}
@media all and (width >= 576px) {
 .keys-numbers__list {
  flex-flow:row wrap;
  align-items:normal;
  margin-top:2rem;
  margin-bottom:4.5rem
 }
}
.keys-numbers__item {
 margin-bottom:2rem;
 width:100%
}
@media all and (width >= 576px) {
 .keys-numbers__item {
  margin-bottom:2rem;
  width:calc(33.3333333333% - 1.6666666667rem)
 }
}
@media all and (width >= 576px) {
 .keys-numbers__item:nth-child(3n+1) {
  margin-right:1.25rem
 }
}
@media all and (width >= 576px) {
 .keys-numbers__item:nth-child(3n+2) {
  margin-left:1.25rem;
  margin-right:1.25rem
 }
}
@media all and (width >= 576px) {
 .keys-numbers__item:nth-child(3n+3) {
  margin-left:1.25rem
 }
}
.keys-numbers__item:last-child {
 margin-bottom:0
}
.keys-numbers .accordion {
 background-color:#e7ecf5;
 height:auto;
 min-height:215px;
 display:flex;
 flex-direction:column;
 position:relative;
 text-align:center;
 line-height:1.5;
 font-family:Arial,sans-serif;
 font-size:1rem;
 font-weight:700
}
.keys-numbers .accordion>h3 {
 height:100%;
 margin:0
}
.keys-numbers .accordion button {
 background-color:transparent;
 border:none;
 padding:24px 16px;
 width:100%;
 height:100%;
 display:flex;
 flex-direction:column;
 align-items:center;
 font-weight:400;
 color:#0c419a;
 font-size:1rem
}
.keys-numbers .accordion button>span {
 display:block;
 margin-bottom:8px;
 line-height:1
}
.keys-numbers .accordion button .bold {
 font-weight:700;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 overflow:hidden
}
.keys-numbers .accordion button .same-line {
 display:flex;
 align-items:center;
 margin-bottom:12px
}
.keys-numbers .accordion button .same-line .full {
 margin-right:.5rem
}
.keys-numbers .accordion button .same-line .small {
 font-size:1.25rem;
 line-height:1;
 font-weight:700;
 text-align:left
}
.keys-numbers .accordion button .plus {
 position:absolute;
 left:50%;
 transform:translate(-50%);
 bottom:1.5rem;
 width:.87rem;
 height:.87rem;
 opacity:1
}
.keys-numbers .accordion button .plus:before,
.keys-numbers .accordion button .plus:after {
 position:absolute;
 left:0;
 content:" ";
 height:.87rem;
 width:2px;
 background-color:#0c419a
}
.keys-numbers .accordion button .plus:before {
 transform:rotate(-90deg)
}
.keys-numbers .accordion button[aria-expanded=true] .plus:after {
 content:none
}
.keys-numbers .accordion button .full {
 font-size:2.5rem;
 color:#fff;
 font-family:Arial,sans-serif;
 font-style:normal;
 font-weight:700;
 line-height:1;
 padding:2px 5px
}
.keys-numbers .accordion__panel {
 padding:1rem 1rem 3.5rem;
 color:#0c419a
}
.keys-numbers .accordion__panel p {
 font-weight:400
}
@media all and (width >= 576px) {
 .column {
  margin-left:20rem
 }
}
.column .wysiwyg p {
 margin-bottom:20px;
 line-height:1.6
}
.column .wysiwyg ul {
 margin-bottom:20px
}
.column .wysiwyg ul li {
 list-style-type:disc;
 margin-left:40px;
 margin-bottom:0
}
.column .wysiwyg table {
 color:#414141;
 margin:0 0 20px;
 line-height:1.65em;
 font-size:.9rem;
 border-collapse:collapse;
 width:100%
}
.column .wysiwyg table caption {
 color:#fff;
 background-color:#005ca7;
 text-align:center;
 padding:0
}
.column .wysiwyg table tr,
.column .wysiwyg table td {
 border:1px solid black
}
.column .wysiwyg table td {
 padding:3px 5px
}
.column .wysiwyg table thead {
 font-weight:700
}
.ariane {
 height:67px;
 display:none;
 align-items:center;
 border-bottom:solid 1px #e6eff6;
 margin-bottom:60px;
 padding-top:1px
}
@media all and (width >= 576px) {
 .ariane {
  display:flex
 }
}
.ariane__item {
 display:inline-block;
 margin-right:15px;
 font-size:.875rem;
 display:inline-flex!important;
 align-items:center;
 justify-content:space-between
}
.ariane__item .after {
 width:5px;
 height:5px;
 border-bottom:solid 1px #00ab8e;
 border-right:solid 1px #00ab8e;
 transform:rotate(-45deg);
 margin-left:8px
}
.ariane__item .after {
 margin-left:10px;
 margin-top:2px
}
.ariane__item:last-child .after {
 display:none
}
.ariane__item a[aria-current=page],
.ariane__item a {
 color:#000
}
.imageEncart img {
 max-width:100%
}
.btn-transcript {
 background-color:#eee;
 display:inline-flex;
 margin:0 auto;
 border:none;
 border-radius:50px;
 padding:10px 25px;
 color:#a05bb6;
 font-weight:400;
 font-size:1rem
}
.blockquote {
 margin-top:60px;
 margin-bottom:60px
}
.blockquote__titre {
 font-family:Arial,sans-serif;
 font-size:30px;
 font-weight:400;
 padding-left:63px;
 margin-bottom:21px
}
.blockquote__bloc {
 min-height:400px;
 border-radius:3px;
 display:block;
 padding:67px 62px 64px;
 border:solid 1px
}
.blockquote__visuel {
 float:left;
 width:240px;
 height:240px;
 margin:0 40px 20px 0;
 position:relative
}
.blockquote__visuelBox {
 width:calc(100% - 20px);
 margin:0 0 0 20px;
 height:auto;
 border-radius:50%;
 position:relative
}
.blockquote__visuelMotif {
 background-color:transparent;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain;
 position:absolute;
 bottom:0;
 left:0;
 width:calc(100% - 20px);
 height:calc(100% - 20px)
}
.blockquote__texte {
 font-family:Ubuntu,sans-serif;
 font-size:16px;
 font-style:normal;
 font-weight:300;
 line-height:25px;
 letter-spacing:-.04px;
 position:relative;
 margin:0
}
.blockquote__texte span {
 color:#414141;
 position:relative
}
.blockquote__texte a {
 text-decoration:underline
}
.blockquote__texte .before {
 position:absolute;
 top:35px;
 left:-20px;
 color:#3d67ae;
 opacity:.2;
 font-family:Arial,sans-serif;
 font-weight:500;
 font-size:128px;
 font-style:normal
}
.blockquote__texte small {
 font-size:.6875em
}
.blockquote__visuel+.blockquote__infos .blockquote__texte .before {
 left:260px
}
.blockquote__author {
 font-family:Ubuntu,sans-serif;
 font-size:17px;
 font-weight:500;
 color:#2b2b2b;
 margin-bottom:25px
}
.blockquote.full .blockquote__visuel {
 float:right;
 margin:0 0 20px 40px
}
.blockquote.full .blockquote__visuelBox {
 margin:0 20px 0 0
}
.blockquote.full .blockquote__texte a {
 color:#fff;
 text-decoration:underline
}
.blockquote.full .blockquote__texte span,
.blockquote.full .blockquote__texte span strong,
.blockquote.full .blockquote__texte span sup {
 color:#fff
}
.blockquote.full .blockquote__texte .before {
 color:#fff!important;
 left:-20px
}
.blockquote.full .blockquote__author {
 color:#2b2b2b
}
@media only screen and (max-width: 1023px) {
 .blockquote {
  margin-top:40px;
  margin-bottom:40px
 }
 .blockquote__titre {
  font-size:24px;
  padding-left:0;
  padding-right:50px;
  margin-bottom:19px
 }
 .blockquote__bloc {
  display:flex;
  flex-direction:column;
  padding:56px 31px 18px
 }
 .blockquote__infos {
  order:1;
  padding-left:9px;
  padding-right:9px
 }
 .blockquote__texte {
  margin-bottom:20px;
  font-size:15px;
  line-height:21px
 }
 .blockquote__texte .before {
  font-size:100px;
  left:-23px!important
 }
 .blockquote__author {
  margin-bottom:30px
 }
 .blockquote__visuel {
  order:2;
  width:216px;
  margin:0 auto
 }
 .blockquote.full .blockquote__visuel {
  margin:0 auto
 }
}
.simple__bloc ul li {
 padding-bottom:20px;
 position:relative;
 list-style-type:none
}
.simple__bloc ul li:before {
 content:"";
 border:2px solid;
 font-weight:700;
 display:inline-block;
 width:10px;
 height:10px;
 position:absolute;
 border-radius:50%;
 top:5px;
 left:-25px
}
.simple__bloc--title {
 font-size:30px;
 padding-left:0;
 margin:0 0 40px;
 color:#00ab8e
}
.videoEncart {
 position:relative;
 margin:40px 0
}
.videoEncart img {
 width:100%;
 display:block
}
.videoEncart a {
 position:absolute;
 left:50%;
 top:50%;
 width:80px;
 height:80px;
 border:none;
 background-color:#fff;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 transform:translate(-50%,-50%)
}
@media only screen and (max-width: 1023px) {
 .videoEncart a {
  width:60px;
  height:60px
 }
}
.videoEncart a span {
 height:0;
 width:0;
 border:solid 10px transparent;
 border-right-width:0;
 border-left-color:#00ab8e;
 transform:scaleX(1.5) translate(20%)
}
.accordions-group .accordion {
 display:flex;
 flex-direction:column;
 margin-top:30px
}
.accordions-group .accordion .accordion-panel {
 margin-top:20px;
 display:none
}
.accordions-group .accordion .accordion-panel.open {
 display:block
}
.wysiwyg.box.article {
 padding:40px 0
}
.wysiwyg.box h1 {
 font-family:Arial,sans-serif;
 font-size:1.875rem;
 color:#3d67ae;
 margin:20px 0;
 font-weight:700
}
,
.wysiwyg.box h2 {
 font-family:Arial,sans-serif;
 font-size:1.6rem;
 color:#3d67ae;
 margin:20px 0;
 font-weight:600
}
,
.wysiwyg.box h3 {
 font-family:Arial,sans-serif;
 font-size:1.5rem;
 color:#3d67ae;
 margin:20px 0;
 font-weight:400
}
.withFadeIn {
 opacity:0;
 transform:translateY(50px)
}
.withFadeIn.visible {
 opacity:1;
 transform:none;
 transition:opacity .75s ease,transform .75s ease
}
.menu-main {
 border-bottom:1px solid #c3c3c3;
 min-height:50px;
 padding:0 50px
}
.menu-main .navigation {
 max-width:1440px;
 margin:0 auto
}
.menu-main .navigation__liste {
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:50px;
 flex-wrap:wrap;
 gap:24px
}
@media all and (width <= 576px) {
 .menu-main .navigation__liste {
  flex-direction:column;
  align-items:flex-start
 }
}
.menu-main .navigation__item {
 font-size:1rem;
 white-space:normal;
 color:#0c419a;
 display:flex;
 min-height:50px
}
.menu-main .navigation__item a {
 color:#0c419a;
 display:flex;
 align-items:center
}
.menu-main .navigation__item a:hover {
 text-decoration:none
}
@media all and (width <= 1023px) {
 #navigation-secondaire {
  padding:16px
 }
}
#navigation-secondaire .dropdown-toggle {
 margin-top:0;
 padding:0;
 border-radius:0;
 border:none;
 background:none;
 color:#0c419a;
 width:100%;
 text-align:left;
 display:flex;
 align-items:center;
 gap:10px
}
#navigation-secondaire .dropdown-toggle:after {
 content:"";
 display:block;
 width:16px;
 height:16px;
 background-image:url(../images/arrow-summary.svg);
 background-size:cover;
 background-repeat:no-repeat;
 font-size:16px;
 font-style:normal;
 font-weight:700;
 text-transform:none
}
@media all and (width >= 1024px) {
 #navigation-secondaire #menu-secondaire {
  display:block;
  visibility:visible
 }
}