@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;font-size: 0.75rem}
.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:-0.1rem}
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: 36px;}
@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:0.667rem -1rem 2rem -.33rem;}} /* {margin:2.667rem -13px 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:1.2rem;font-style:normal;font-weight:400;line-height:1.3;max-width:500px; 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}}
@media all and (width <= 576px){.leaders .leader{align-items: center; }}
.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:270px;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.2rem;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.2rem;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:2rem;row-gap:4rem}}
.video-highlights__item{margin-bottom:2rem}
@media all and (width >= 576px){.video-highlights__item{width:calc(33% - 1.2rem);margin-bottom:0}}
.video-highlights__item--image{position: relative;}
.video-highlights__item--image svg.icon-overlay{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.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.25;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:0.9rem;line-height:1.2;text-align: justify;} /* ajout de la justification */
.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:2.5rem;font-weight:700;text-transform:uppercase;background-color:#e11a81;margin-bottom:1rem;line-height:normal;padding:0 5px;padding-right: 3px;}
.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:2.5rem;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:center;gap:2.5rem}} /* justify-content:space-between;gap:2.5rem */
@media all and (width >= 576px){.communication__item{width:calc(50% - 1.35rem)}} /* {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:1.2rem;line-height:1.3;font-weight:700;margin-bottom:1rem;margin-top:0}
.communication .campaign__item--text p{color:#0c419a;font-size:0.9rem;line-height:1.3;text-align: justify;} /* ajout de la justification */
.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:center}} /*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;border: 1px solid #b1bed5a1;}

.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:20px}  /* 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:none;
background-color:transparent;
text-transform: capitalize;}
.carousel-tempsforts-thumbnails button:hover {
  text-decoration: underline;
}

.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:before{content:"";width:10px;height:10px;border-radius:50%;background-color:#0c419a;display:inline-block;position:absolute;top:0;left:100px;transform:translateY(-50%)}
.carousel-tempsforts .carousel-timeline:after{content:"";border-top:1px dashed #0C419A;width:100%;height:1px;display:inline-block;position:absolute;top:0}
.carousel-tempsforts .carousel-timeline>p{
	color:#0c419a;
	opacity:.3;
	font-size:3.75rem;
	font-weight:700;
	line-height:normal;
	letter-spacing:.6px;
	text-transform: capitalize;}
.carousel-tempsforts .carousel-timeline.not-first:before {
 content:none
}
.carousel-tempsforts .carousel-timeline.not-first>p {
 clip:rect(0,0,0,0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 white-space:nowrap;
 width:1px
}	
.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;text-align:left} /* ajout de la justification */
.carousel-tempsforts .carousel-content-description .title h3{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} /* ajout de la justification */
.carousel-tempsforts .carousel-content-description .text p{display:inline-block;font-size:1rem;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:-200px;z-index:1;position:absolute}}
.carousel-navigation button{border:0;font-size:1.067px;font-style:normal;text-decoration:underline;background-color:#005da8;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-button:before{content: "";
background-image: url(../images/topOfPage.png);
background-position: center;
background-repeat: no-repeat;
width: 20px;
height: 20px;}
/* ******************************  */

.carousel-navigation-prev:before{transform:rotate(-90deg)}
.carousel-navigation-next:before{transform:rotate(90deg)}



.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}
.prevenir .keys-numbers__title .text{color:#007fac}

.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__content.prevenir .full{background-color:#007fac}
.keys-numbers__content.prevenir .small{color:#007fac}
.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{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}

/*  accordeon NORMAL */ 
.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;padding-bottom: 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:2;-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:Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:25px;letter-spacing:-.04px;position:relative;margin:0;text-align: justify;} /* ajout de la justification */
.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:#ffff}

@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:15px 0;text-align: justify;} /* ajout de la justification */

	.wysiwyg.box h1{font-family:Arial,sans-serif;font-size:1.875rem;color:#3d67ae;margin:20px 0;font-weight:700}
	.wysiwyg.box h1 span.fonction{font-size:1.2rem;font-weight:400}

    .wysiwyg.box h2{font-family:Arial,sans-serif;font-size:1.2rem;color:#333;margin:20px 0 10px 0;font-weight:600}
    .wysiwyg.box h3{font-family:Arial,sans-serif;font-size:1.3rem;color:#3d67ae;margin:20px 0 10px 0;font-weight:600}
	
.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}
/*   ========   suppression du 'GAP' gap:10px  qui entraine un espacement énorme en mode téléphone réduit ==== */
.menu-main .navigation__liste{display:flex;align-items:center;justify-content:center;min-height:50px;flex-wrap:wrap;}

@media all and (width <= 576px){.menu-main .navigation__liste{flex-direction:column;align-items:flex-start}}
/*   === ajout de margin-right:30px afin d'espacer le menu suite suppression GAP ci-après  ====   ET min-height mit à 30px au lieu de 50px  ET min-right mit à 25px au lieu de 30px  */  
.menu-main .navigation__item{font-size:1rem;white-space:normal;color:#0c419a;display:flex;min-height:30px; margin-right:25px;}

.menu-main .navigation__item a{color:#0c419a;display:flex;align-items:center}.menu-main .navigation__item a:hover{text-decoration:underline}

@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;margin-bottom: 5px;gap:10px;
}

/* ====  flèche du menu qui monte ou descend >> modification de l'original qui ne tenait pas compte de cela  ====  */  
#navigation-secondaire .dropdown-toggle[data-toggle=collapse]:after{content:"";
  display:block;
  width:16px;
  height:16px;
  left:50px;
  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;
}

#navigation-secondaire .dropdown-toggle[data-toggle=collapse][aria-expanded=true]:after{content:"";
-webkit-transform: translateY(0%) rotate(-180deg);
 -ms-transform:translateY(0%) rotate(-180deg);
 transform:translateY(0%) rotate(-180deg);}

@media all and (width >= 1024px){#navigation-secondaire #menu-secondaire{display:block;visibility:visible}}

/* =========================
/* Ajout les puces dans les articles */ 
/* =========================
.article-subtitle .before-sub {
position: absolute;
width: 18px;
height: 18px;
border: solid 4px #3d67ae;
border-radius: 100%;
margin-left: -33px;
margin-top: 9px;
}
@media only screen and (max-width: 1023px){
	.article-subtitle .before-sub {
border: solid 0px #3d67ae;
	}
}

.article-subtitle .before-sub2 {
 position: absolute;
 width: 14px;
 height: 14px;
 border: solid 2px #3d67ae;
 border-radius: 100%;
 margin-left: -24px;
 margin-top: 7px;
}
@media only screen and (max-width: 1023px){
	.article-subtitle .before-sub2 {
border: solid 0px #3d67ae;
	}
}
=============================== */

/* taille des images flex dans les actions locales */
@media (width >= 576px){
.imageEncart2 img{
	max-width: 80%;
	position: relative;
	float: right;
	margin-left: 15px;
}
}

@media only screen and (max-width: 1023px){
.imageEncart2 img{
	max-width:100%;
}
}