/*Class css partagÃ©es entre l'admin et le front*/

/*colors*/
.hover-white:hover,
.white{color: white}
.bg-hover-white:hover,
.bg-white{background: white}
.bg-violet{background: #713e90} 
.beige{color: #6E8AAF}
.tricks-cta{
    position: relative;
    top: -2px;
}
.radius-20{border-radius: 20px}
.w-full{width: 100%}
.hover-black:hover,
.black{color: black}
.bg-hover-black:hover,
.bg-black{background: black}
.bg-blue-lite{background: #00A7C9}
.bg-blue-lite-opac{background: rgb(27 168 217 / 40%)}
.blue-lite{color: #00A7C9}
.blue-medium-lite{color: #00A7C9}
.bg-blue-max-lite{background: #EEFBFE}
.bg-blue-extra-lite{background: #5FC1D4}
.bg-blue-menu{background: #94D0DE}
.blue-menu{color: #00A7C9}
.blue-extra-lite{color: #5FC1D4}
.blue-extra-lite-2{color: #00B3CD}
.bg-blue-extra-lite-2{background: #00B3CD}
.bg-blue{background: #003359}
.bg-blue-opac{background: #C9E9F1}
.bg-rose{background: #F17AA5}
.bg-rose-opac{background: #FBDEE8}
.bg-rose-extra-opac{background:rgb(241 122 165 / 26%)}
.blue{color: #003359}
.rose{color: #F17AA5}
.bg-red{background: #CF1D2E}
.red{color: #CF1D2E}
.bg-red-opac{background: #E5B8BF}
.bg-red-extra-opac{background: rgb(207 29 46 / 30%)}
.bg-green{background: #68B7A6}
.green{color: #68B7A6}
.green-chron{
	color: #79C142;
}
.green-lite-chron{
color: #19B2AB;
}
.bg-green-chron{
	background: #79C142;
}
.bg-green-lite{background: #8CCFC1}
.green-prod{color:#5bbf21}
.bg-green-prod{background: #5bbf21}
.bg-green-opac{background: rgb(157 218 133)}
.bg-orange{background: #FFBAA0}
.color-orange{color: #FFBAA0}

.orange-chron{color: #F58355}
.bg-orange-chron{background: #F58355}
.bg-blue-extra{background: #EBFCFF}
/**tips**/

/*padding*/
.no-pad-left,.no-pad-left-ipad,.no-pad-left-mobile{padding-left: 0px}
.no-pad-right,.no-pad-right-ipad,.no-pad-right-mobile{padding-right: 0px}
.no-pad-top,.no-pad-top-ipad,.no-pad-top-mobile{padding-top: 0px}
.no-pad-bottom,.no-pad-bottom-ipad,.no-pad-bottom-mobile{padding-right: 0px}
body .no-pad{padding: 0px}
.relative{position: relative}
/*margin*/
.no-marg-left,.no-marg-left-ipad,.no-marg-left-mobile{margin-left: 0px}
.no-marg-right,.no-marg-right-ipad,.no-marg-right-mobile{margin-right: 0px}
.no-marg-top,.no-marg-top-ipad,.no-marg-top-mobile{margin-top: 0px}
.no-marg-bottom,.no-marg-bottom-ipad,.no-marg-bottom-mobile{margin-right: 0px}
.no-marg{padding: 0px}
/*others tips*/
.display-none,
.display-ipad,
.display-mobile{display: none}
.display-block{display: block}
.d-flex{display: flex}
.clear{clear: both}
.text-center{text-align: center}
.text-right{text-align: right}
.text-left{text-align: left}
.float-right{float: right}
.float-left{float: left}
.no-decoration:hover,
.no-decoration{text-decoration: none}
.invisible {visibility: hidden}
.img-circle{border-radius: 50%}
.uppercase{text-transform: uppercase}
.capitalize {text-transform: capitalize}
.lowercase {text-transform: lowercase}
.hover-pointer:hover{cursor: pointer}
.img-responsive{max-width: 100%;}
@media screen and (max-width: 991px){
	.display-ipad{display: block}
	.hide-ipad{display: none}
}
@media screen and (max-width: 767px){
	.display-mobile{display: block}
  .hide-mobile{display: none!important}
}

@font-face {
  font-family: "Alga-Semibold";
  src:  url('../fonts/Alga/Alga-Semibold.woff2') format('woff2'),
        url('../fonts/Alga/Alga-Semibold.woff') format('woff');
  font-display: swap;
	unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}

@font-face {
  font-family: "Alga-Medium";
  src:  url('../fonts/Alga/Alga-Medium.woff2') format('woff2'),
        url('../fonts/Alga/Alga-Medium.woff') format('woff');
  font-display: swap;
	unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}
@font-face {
  font-family: "Calistoga-Regular";
  src:  url('../fonts/Calistoga-Regular.woff2') format('woff2'),
        url('../fonts/Calistoga-Regular.woff') format('woff');
  font-display: swap;
	unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
}
@font-face {
  font-family: "Madera-ExtraBold";
  src:  url('../fonts/Madera-ExtraBold.ttf') format('truetype');
	font-display: swap;
}

@font-face {
  font-family: "Madera-Medium";
  src:  url('../fonts/Madera-Medium.ttf') format('truetype');
	font-display: swap;
}
@font-face {
  font-family: "Madera-Bold";
  src:  url('../fonts/Madera-Bold.ttf') format('truetype');
	font-display: swap;
}
@font-face {
  font-family: "Madera-Regular";
  src:  url('../fonts/Madera-Regular.ttf') format('truetype');
	font-display: swap;
}

/*Theme components*/


.postid-809 .intro-archive:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #00335975;
}
.block-text-video .big-title{
    margin-bottom: 10px
}
.title-chron-big{
	font-family: "Calistoga-Regular";
    font-size: 40px;
    line-height: normal;
}
.title-chron-big sup{
	font-size: 16px;
    position: relative;
    top: -19px;
}

.title-3-chron-big{
	font-family: "Calistoga-Regular";
    font-size: 36px;
    line-height: normal;
}

.title-3-chron-big sup{
	font-size: 22px;
    position: relative;
    top: -10px;
}
.title-24 sup{
	    font-size: 16px;
    top: -8px;

}

.text-chron sup{
    font-size: 11px;
    top: -6px;
    position: relative;
    color: #003359;
}

.text-chron.white sup{
color: white;
}
.title-2-chron-big{
	font-family: "Calistoga-Regular";
    font-size: 48px;
    line-height: normal;
}
.title-2-chron-big sup{
    font-size: 24px;
    top: -18px;
    position: relative;
}

.title-chron-medium{
    font-family: "Alga-Regular";
    font-size: 36px;
    line-height: 38px;
}
body .alm-btn-wrap .alm-load-more-btn{
    top: -50px;
    border-radius: 36px;
    font-family: "Rubik-Bold";
    padding: 19px 51px;
    display: inline-block;
    text-decoration: none;
    display: flex;
    margin: auto;
    align-items: center;
    font-size: 16px;
    color: #003359;
    background-color: white!important;
    margin-bottom: 50px;
}
body .alm-btn-wrap .alm-load-more-btn.done{display: none}
body .alm-btn-wrap .alm-load-more-btn:hover{
    background: #003359!important;
    color: white;
}
.alm-reveal .inner .content{min-height: 218px}
.big-title{
    font-family: "Rubik-Bold";
    font-size: 50px!important;
    line-height: 60px!important;
}
.medium-title{
    font-family: "Rubik-Regular";
    font-size: 40px!important;
    line-height: 50px!important;
}
.medium-title b{
    font-family: "Rubik-Bold";
    display: block;
    font-weight: bold;
}
.small-title{
    font-family: "Rubik-Bold";
    font-size: 20px;
    line-height: 24px;
}
.small-title-chron{
   font-family: "Alga-Regular";
	font-size: 20px;
	line-height: normal;
	text-transform: uppercase
}

body:not(.wp-admin) .title:not(.column-title){
    font-family: "Madera-Bold";
    font-size: 23px;
    line-height: 35px;
}
.title-preview-post{
	font-family: "Rubik-Bold";
	font-size: 20px;
	line-height: 26px;
}
p.bold{font-family: "Rubik-Bold"}
p i{font-style: italic}
.small-text{
    font-size: 16px;
    line-height: 24px;
}
.small-text-chron{
    font-size: 16px;
    line-height: normal;
	font-family: "Madera-Regular";
}


.link{
	font-family: "Rubik-Bold";
	font-size: 18px;
	position: relative;
	z-index: 9;
}
.link:active,
.link:focus{
	outline: none;
}
button.link{
    background: none;
    border: none;
    text-align: left;
}
.link-medium{
	font-family: "Rubik-Bold";
	font-size: 22px;
}
.link-medium:after,
.link:after{
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	left: 0;
	bottom: -3px;
	transition: 0.3s;
}
.link-medium.white:after,
.link.white:after{background: #fff}
.link.blue-lite:after{background: #00A7C9}
.link.green:after{background: #68B7A6}
.link.rose:after{background: #F17AA5}
.link-medium:hover:after,
.link:hover:after{width: 100%}
.link svg{
	opacity: 0;
	transition: 0.5s;
	height: 10px;
	width: 10px;
}
.link:hover svg{opacity: 1}
.radius-50{border-radius: 50px}
.cta:focus{outline: none}
.cta{
    border-radius: 36px;
    font-family: "Rubik-Bold";
    font-size: 21px;
    padding: 19px 51px;
    display: inline-block;
    text-decoration: none
}
.cta:hover{background: #5FC1D4}
.cta.bg-rose:hover{
	color: #003359;
	background: #FBDEE8
}
.cta.bg-green-prod:hover{
	color: white;
	background: #5bbf21
}
.cta.bg-red:hover{background: #E5B8BF}
.hover-bg-white-blue-lite:hover{
	background: white;
	color: #00a7c9
}
.bg-green-lite:hover{background: white}
.hover-blue-bold:hover{background: #003359}
.cta.bg-green:hover{background: #A7DED2}
.big-text{
	font-family: "Rubik-Regular";
	line-height: 35px;
	font-size: 28px;
}
@media screen and (max-width: 1300px){
	.cta{font-size: 18px}
}
/*animation*/
.text-content h2{
    font-family: "Rubik-Bold";
    font-size: 33px;
    color: #003359;
    line-height: normal;
    margin: 15px 0px;
}
.text-content h3{
    font-family: "Rubik-Regular";
    color: #003359;
    margin: 15px 0;
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 5px;
}
.text-content h3 strong,
.text-content h3 b{
    font-family: "Rubik-Bold";
}
.text-content h4{
	font-family: "Rubik-Bold";
	line-height: 16px;
	font-size: 20px;
	color: #003359;
	margin: 15px 0px;
}
.text-content p{
    margin-bottom: 15px;
    color: #003359;
    font-size: 20px;
    font-weight: normal;
}
.single-post .text-content p{font-size: 16px}
.single-post .text-content h3{
	font-size: 18px;
    line-height: 24px;
}
.single-post .text-content h2 {
    font-family: "Rubik-Bold";
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #00A7C9;
}
.text-content p strong{font-family: "Madera-Bold"}
.single-post .text-content h4,
.page-template-default .text-content h4{
    color: #00A7C9;
    font-family: "Madera-Medium";
    font-size: 18px;
}
#poststuff .layout-preview .text-content h2{
    font-size: 50px;
    line-height: 60px;
    margin: 15px 0px;
}
#poststuff .block-content-post-preview .block-content .text-content h2{
    font-family: "Rubik-Bold";
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #00A7C9;
}
#poststuff .block-content-post-preview .block-content .text-content p{font-size: 16px}
#poststuff .block-content-post-preview .block-content .text-content h3{
    font-size: 18px;
    line-height: 24px;
}
.layout-preview .text-content{padding: 20px}
.text-content ol li,
.text-content ul li{
	font-family: "Rubik-Regular";
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #003359;
	margin-bottom: 6px;
}
.single-post .text-content li{font-size: 16px}
.text-content sup{
	font-size: 13px;
    top: -6px;
    position: relative;
}
.single-post .text-content p sup{
    font-size: 11px;
    top: -6px;
    position: relative;
}
.single-post .text-content li strong, 
.single-post .text-content li b{
    font-family: "Rubik-Bold";
}
.text-content ul ,
.text-content ol{
	padding-left: 20px;
	margin-bottom: 20px;
}
.text-content ol li{list-style-type: number}
.text-content ul li{list-style-type: disc}
.text-content a{color: #00A7C9}

@media screen and (max-width: 767px){
    .text-content h2{
        font-size: 30px;
        line-height: 40px;
    }
    .block-img-simple .inner{width: 100%!important}
}

.hover-shadow {
  display: inline-block;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
  z-index: 9999;
}
.hover-shadow:hover {
  transform: translateY(-6px);
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.hover-shadow:hover:before {
  opacity: .4;
  transform: translateY(6px);
  animation-name: hover-shadow;
  animation-duration: 1.5s;
  animation-delay: .3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%);
  transition-duration: 0.3s;
  transition-property: transform opacity;
}
input:invalid{animation: shake 300ms}
@keyframes shake {
	25%{transform: translatex(4px)}
	50%{transform: translatex(4px)}
	75%{transform: translatex(4px)}
}

.page-template-default .blocs{z-index: 9}
/**BLOC (ACF)**/
.container.center-mini-block{
	display: flex;
	justify-content: center;
}

/*block-text-icon-variante*/
.block-text-icon-variante{
    display: flex;
    align-items: flex-start;
    gap: 30px;
}
.block-text-icon-variante{
	margin-bottom: 20px;
}
.block-text-icon-variante > img{
	width: 60px;
}


/*Bloc mini-block 1/3-2/3-3/3 */
.block-mini-1-3,
.block-mini-2-3,
.block-mini-3-3 {
    z-index: 9;
    margin: 8px 0px;
    margin-bottom: 51px;
}
.block-mini-3-3 .title-mini-block,
.block-mini-3-3 .link{
	z-index: 9;
}
.mini-block-content{
    height: 380px;
    padding: 0px 30px;
}
.mini-block-content .inner {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}
.mini-block-content .inner img{transition: 0.5s}
.mini-block-content .inner:hover img{transform: scale(1.1)}
.mini-block-content.has-img .inner:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:  #003359;
	border-radius: 50px
}
.mini-block-content.has-img .inner:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #003359;
	opacity: 0.5;
	border-radius: 50px
}
.page-template-template-fds-hp .mini-block-content.has-img .inner:after{background: #00A7C9}
.page-template-template-fds-hp .block-mini-2-3 .mini-block-content.has-img.split .inner:after{
	background: #003359;
}
.mini-block-content .inner picture{
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%;
	border-radius: 50px;
	z-index: 0;
}
.mini-block-content .inner picture img{
	width: 100%;
	height: 100%;
	border-radius: 50px;
  object-fit: cover;
}
.mini-block-content .inner a{
	position: absolute;
	bottom: 37px;
	right: 57px;
	z-index: 9;
	text-decoration: none;
}
.split .left-block{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.mini-block-content.has-img.split .inner.right-block:after{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.mini-block-content.has-img.split .inner.left-block:before{
	border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.block-mini-2-3 .mini-block-content.has-img.split .inner.left-block:before {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 50px;
}
.block-mini-2-3  .mini-block-content.has-img.split .inner.right-block:after {
	border-bottom-left-radius: 0px;
	border-top-right-radius: 50px;
}
.split .right-block picture img,
.split .right-block picture,
.split .right-block{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.title-mini-block{
    font-family: "Rubik-Regular";
    font-size: 32px!important;
    line-height: 40px!important;
    font-weight: normal!important;
    z-index: 9!important;
}
.title-mini-block b{
  font-family: "Rubik-Bold";
  display: block;
}
@media screen and (max-width: 1250px){
  .mini-block-content {padding: 0px 8px}
}
@media screen and (max-width: 991px){
  .title-mini-block {
    font-size: 27px!important;
    line-height: 33px!important;
  }
}
@media screen and (max-width: 800px){
	.block-content-video {left: 60px}
	.title-mini-block {
    font-size: 26px!important;
    line-height: 33px!important;
	}
	.mini-block-content {height: 347px}
}
@media screen and (max-width: 767px){

    .block-mini-2-3 .mini-block-content.has-img.split .inner.left-block:before {border-bottom-left-radius: 0px}
    .block-mini-2-3 .mini-block-content.has-img.split .inner.right-block:after {border-top-right-radius: 0px}
    .mini-block-content .inner{border-radius: 50px!important}
    .block-mini-1-3 .mini-block-content.split {height: auto}
    .block-mini-2-3 .mini-block-content.split .inner.right-block,
    .block-mini-1-3 .mini-block-content.split .inner.right-block{
        border-top-right-radius: 0px!important;
        border-top-left-radius: 0px!important
    }

    .block-mini-1-3 .mini-block-content.split .left-block{height: 347px}
    .split .right-block picture img,
    .split .right-block picture,
    .split .right-block{border-radius: 50px}
    .block-mini-2-3 .mini-block-content.split picture ,
    .block-mini-1-3 .mini-block-content.split picture {
        height: 347px;
        position: relative;
    }
    .split .right-block{padding: 0px}
    .block-mini-1-3, .block-mini-2-3, .block-mini-3-3{
        margin-bottom: 0px;
    }
    .block-mini-1-3 .container, .block-mini-2-3 .container, .block-mini-3-3 .container{padding: 0px}
    .mini-block-content,
    .block-mini-1-3 .container,
    .block-mini-3-3 .container{
        padding: 0px;
    }
    .mini-block-content {margin-bottom: 30px}
    .mini-block-content.split {margin-bottom: 0px!important}
    .mini-block-content.split .right-block {
        margin-top: 0px!important;
        margin-bottom: 30px!important;
    }
    .mini-block-content.split .left-block{
        border-bottom-right-radius: 0px!important;
        border-bottom-left-radius: 0px!important;
    }
    .mini-block-content.split .right-block img{
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
    .block-mini-2-3 .split.mini-block-content {height: auto}
    .block-mini-2-3 .split.mini-block-content .inner {height: 347px}
    .title-mini-block {
        padding-right: 30px;
        padding-left: 30px;
    }
    .mini-block-content .inner a{
        right: 32px;
        bottom: 21px;
    }

}
@media screen and (max-width: 305px){
    .title-mini-block {
        font-size: 26px!important;
        line-height: 33px!important;
    }
    .blocs {padding: 0px 20px!important}
}
/*Bloc login*/
.block-login{
	position: relative;
	width: 1094px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bloc-login .icon-1{
  position: absolute;
  top: -50px;
  right: -365px;
}
.bloc-login .icon-2{
    position: absolute;
    bottom: -320px;
    width: 350px;
    right: -200px;
    z-index: 9;
    transition: 0.9s;
}
.bloc-login.vue .icon-2{right: 20px}
.block-login img:not(.icon-1){
	border-top-right-radius: 150px;
	border-bottom-right-radius: 150px;
	max-width: 100%;
	width: 100%;
	height: 643px;
	object-fit: cover;
}
.block-login .login-infos{
	position: absolute;
	right: calc(-50% + 250px);
	width: 495px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 68px 53px 51px 53px;
	z-index: 9;
}
body:not(.wp-admin) .block-login img:not(.icon-1){
	opacity: 0;
	transform: translate(-50%,0);
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
body:not(.wp-admin) .login-infos{
	opacity: 0;
	transform: translate(100%,0);
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
body:not(.wp-admin) .block-login img:not(.icon-1).vue{
	opacity: 1!important;
	transform: translate(0,0)!important;
	z-index: 1;
}
body:not(.wp-admin) .login-infos.vue {
  opacity: 1!important;
  transform: translate(0,0)!important;
  z-index: 1;
}
.block-login .login-infos p{
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 25px;
    margin-top: 10px;
}
.block-login .medium-title{margin-bottom: 36px}
.block-login .big-text{margin-bottom: 8px}
@media screen and (max-width: 1400px){
  body:not(.wp-admin ) .block-login {width: 994px}
}
@media screen and (max-width: 1270px){
  .block-login .login-infos{
    padding: 68px 40px 51px 40px;
    width: 445px;
    right: calc(-50% + 310px);
  }
}
@media screen and (max-width: 1200px){
  body:not(.wp-admin ) .block-login {width: 100%}
  .block-login .login-infos {
    padding: 48px 40px 41px 40px;
    width: 445px;
    right: inherit;
    bottom: -140px;
    left: 50px;
  }
  .block-login img:not(.icon-1) {border-top-right-radius: 0px}
}
@media screen and (max-width: 767px){
    .block-login img:not(.icon-1) {
        height: 360px;
        border-radius: 0px;
    }
    body:not(.wp-admin ) .block-login{display: block}
    body:not(.wp-admin ) .block-login img.show-mobile{
        width: 100%;
        max-width: 100%;
        border-radius: 25px;
        height: auto;
        object-fit: cover;
        max-height: 152px;
        margin-bottom: 30px;
    }
    .block-login .login-infos {
        position: relative;
        top: 0px;
        left: 0;
        border-radius: 50px;
        width: 100%;
        margin: auto;
        margin-top: -120px;
    }
    .block-login .login-infos p {
        margin-bottom: 32px;
        font-size: 17px;
        line-height: 21px;
    }
    body .bloc-login .icon-2 {
        width: 220px;
        bottom: -220px;
        right: -30px!important;
    }
    body:not(.wp-admin ) div .block-login img.icon-1 {
        width: 245px;
        top: -90px;
        right: -20px;
        display: none;
    }
    .block-login .medium-title {margin-bottom: 10px}
    .block-login .login-infos {padding: 20px 20px 38px 20px}
    body .block-login .login-infos  .medium-title {
        font-size: 20px !important;
        line-height: 22px !important;
        margin-bottom: 27px !important;
    }
}

/*Bloc event*/
.block-event > img {
	position: absolute;
	right: 0;
	top: -303px;
}
.block-event .block-content-actu{position: relative}
.megaphone{
	position: absolute;
	right: -65px;
	bottom: -95px;
	z-index: 9;
}
.block-event {margin-bottom: 200px}
.block-event > svg{
  position: absolute;
  right: 0;
  top: -303px;
}
.block-event:after {
    content: "";
    position: absolute;
    height: 900px;
    background: white;
    width: 1050px;
    z-index: -1;
    right: 0;
    top: -117px;
}
.block-event .mini-container:before {
    content: "";
    position: absolute;
    height: 900px;
    background: white;
    width: 1168px;
    z-index: -1;
    border-bottom-left-radius: 100px;
    right: 0;
    top: -117px;
    border-top-left-radius: 100px;
}
.block-event .cta{
	position: absolute;
	bottom: -185px;
	left: 0;
	margin: auto;
	right: 0;
	display: table;
}
.block-content-actu p{
    width: 520px;
    line-height: 25px;
    margin: 0px;
    margin-bottom: 33px;
    font-size: 21px;
}
.block-content-actu p a{
	text-decoration: underline;
	font-family: "Rubik-Medium";
}
.list-event article{display: flex!important}
.list-event article > img{
    height: 405px;
    object-fit: cover;
    flex: 1;
    border-top-left-radius: 50px;
    padding: 0px;
}
#poststuff .layout-preview .block-content-actu .big-title,
.block-content-actu .big-title{margin-bottom: 12px}
.bloc-list-post .block-content-actu .big-title{margin-bottom: 20px}
.list-event .content{
	flex: 1;
	padding: 76px 74px 0px 46px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
@media screen and (max-width: 1400px){
  .block-event .mini-container:before{width: 1080px}
  .block-event:after{width: 400px}
}
@media screen and (max-width: 1200px){
  .block-event .mini-container:before{width: 105%}
}
@media screen and (max-width: 991px){
    .megaphone {
        right: 0px;
        bottom: -77px;
    }
    .list-event article > img{height: 510px}
    .list-event .content{padding: 76px 30px 0px 46px}
}
@media screen and (max-width: 800px){
  .block-event .block-content-actu{padding-left: 50px}
  .list-event article > img{height: 440px}
  .list-event .content{padding: 55px 20px 0px 35px}
  .block-event .cta {bottom: -160px}
  .video-bg:before {width: 650px}
}
@media screen and (max-width: 767px){
    .slick-dots{left: 0}
    .block-event > img{display: none}
    .megaphone {
        bottom: -125px;
        width: 125px;
        right: 34px;
    }
    .block-event > svg{display: none}
    .list-event article{display: block!important}

    body .list-post article,
    .list-event article{
        margin-right: 18px;
    }
  .list-event article > img {
    border-top-right-radius: 50px;
    height: 260px;
  }
  .list-event .content {
    border-top-right-radius: 0px;
    padding: 35px 15px 20px 23px;
  }
  .block-event .cta{bottom: -165px}
    body .bloc-list-post .icon-2 {
        right: 19px;
        width: 145px;
        top: -92px;
    }
    body .bloc-list-post .block-content-actu{width: 100%}
    .block-event .block-content-actu {padding-left: 25px}
    .block-event .list-event{padding: 0px 20px}
    .block-event .mini-container:before{
        top: 505px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 75px;
        height: 520px;
    }
	.block-content-actu p{
		width: 80%;
		font-size: 17px;
		margin-bottom: 85px
	}
	body:not(.wp-admin) .title:not(.column-title) {
	  font-family: "Rubik-Bold";
	  font-size: 20px;
	  line-height: 25px;
	}
    .slick-dots li {margin: 0px 2.5px}
    .block-event:after{content: none}
    body .block-event{
        background: white;
        padding-top: 45px;
        border-top-right-radius: 75px;
    }
}

/*Bloc list actualitÃ©s*/
/* body .list-post{margin-bottom: 80px!important} */
.bloc-list-post .cta{
	display: table;
	margin: auto;
	clear: both;
	top: 10px;
}
.archive .bloc-list-post .cta{top: 70px}
.bloc-list-post  .slick-list{
	padding-top: 20px;
	padding-bottom: 20px;
	top: -20px;
}
.list-event .title{margin-bottom: 22px}
article p{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 22px;
}
.list-event article .datas {margin-bottom: 20px}
.bloc-list-post .icon-1{
  position: absolute;
  left: 80px;
  top: -160px;
  width: 300px;
}
.bloc-list-post .icon-2{
  position: absolute;
  right: 150px;
  top: -12px;
}
.bloc-list-post .container{position: relative}
.bloc-list-post .block-content-actu p{margin-bottom: 58px}
.bloc-list-post .list-post .slick-dots{bottom: 0px}
/*Bloc list post */
.bloc-list-post .block-content-actu{
  width: 520px;
  float: none;
  margin: auto;
}
.list-post article .inner{
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	transition: 0.3s;
	position: relative;
}
.list-post article .inner > img{
	width: 100%;
	height: 305px;
	object-fit: cover;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px
}
.list-post article{padding: 0px 20px}
.list-post article .content{padding: 36px 54px 36px 40px}
.title-preview-post{
	margin-top: 28px;
	margin-bottom: 22px;
}
.list-post article  p{
	font-family: "Rubik-Regular";
	font-size: 17px;
	line-height: 23px;
}
.list-post article .title-preview-post,
.list-post article p{transition: 0.3s}
.list-post article:hover .title-preview-post,
.list-post article:hover p{color: #00A7C9}
.list-post article:hover .inner{box-shadow: 0px 0px 26px #00335940}
.list-post article  label.label-category{
	border-radius: 18px;
	position: absolute;
	left: 36px;
	top: 26px;
	padding: 8.5px 23px;
	font-family: "Rubik-Bold";
	font-size: 14px;
}
.list-post article  label.label-pro{
	position: absolute;
	right: 20px;
	top: 14px;
	background: white;
	width: 52Px;
	border-radius: 100%;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.list-post article .label-pro svg{width: 32px}
@media screen and (max-width: 1300px){
  .bloc-list-post .icon-1 {left: 20px}
  .bloc-list-post .icon-2 {right: 80px}
	.list-post article .inner > img{height: 260px}
}
@media screen and (max-width: 1200px){
  .list-post article .content {padding: 36px 20px 36px 20px}
  .bloc-list-post .icon-1 {left: -90px}
}
@media screen and (max-width: 991px){
  .bloc-list-post .icon-1 {width: 200px}
  .bloc-list-post .icon-2 {
    right: -50px;
    width: 120px;
  }
}
@media screen and (max-width: 767px){
	.list-post .slick-dots{
		margin-top: 0px;
		display: block;
		position: relative;
	}
	body .bloc-list-post .block-content-actu {
		padding-left: 80px;
    left: 15px;
    position: relative;
	}
	.bloc-list-post .icon-1 {
		width: 145px;
        top: -45px;
        left: -50px;
	}
	.bloc-list-post .block-content-actu p {
        margin-bottom: 30px;
		font-size: 19px;
	}
	body .list-post {padding: 0px 23px}
	.bloc-list-post  .container{padding: 0px}
	body .list-post article{padding: 0px}
}

/*Bloc mini deux colonnes*/
.mini-block-2-content{
	padding: 0px 30px;
    margin-bottom: 77px;
}
.mini-block-2-content .inner{transition: 0.5s}
.mini-block-2-content .inner:hover{box-shadow: 0px 0px 26px #00335940}
.block-mini-2{margin: 25px 0px 0px 0px}
.block-mini-2 img{
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	width: 100%;
	height: 338px;
	object-fit: cover;
}
.block-mini-2 .content{
	padding: 42px 24px 57px 24px;
	margin-top: -3px;
	position: relative;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
}
.block-mini-2 .title-mini-block{margin-bottom: 28px}
.block-mini-2 p{
	margin-bottom: 35px;
	padding: 0px 25px;
}
@media (min-width:991px){
	.block-mini-2 .container{width: 961px}
}
@media (min-width: 1150px){
	.block-mini-2 .container{width: 1061px}
}
@media (min-width:1200px){
	.block-mini-2 .container{width: 1174px}
}
@media (max-width:1300px){
	.block-mini-2 .content {padding: 42px 40px 57px 40px}
}
@media (max-width:991px){
    .mini-block-2-content {
        padding: 0px 10px;
        margin-bottom: 35px;
    }
    .block-mini-2 p {padding: 0px 15px}
    .block-mini-2 .content{padding: 34px 20px 57px 20px}
    .block-mini-2 .cta{padding: 19px 19px}
    .block-mini-2 img{height: 300px}
}
@media (max-width:767px){
    body .mini-block-2-content,
    .block-mini-2 .container{
        padding: 0px;
    }
    .block-mini-2 img {height: 257px}
    .block-mini-2 .content {padding: 45px 27px 43px 27px}
    .block-mini-2 p{
        font-size: 18px;
        margin-bottom: 28px;
    }
    .mini-block-2-content{margin-bottom: 0px;}
    .block-mini-2 .container .slick-dots {bottom: -30px}
}
@media (max-width:305px){
    .list-post article .inner > img {height: 230px}
}

/*Bloc video */
.block-videos{
	margin: 25px 0px;
	margin-bottom: 100px;
}
.block-videos .inner{
	width: 1458px;
	height: 568px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	position: relative;
	max-width: 95%;
}
.block-videos .inner video{
	height: 568px;
	width: 100%;
	object-fit: cover;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
    border: 1px solid #eefbfe;
}
.block-videos .inner .content{
	float: right;
    z-index: 999;
    position: absolute;
    top: 0;
    width: 600px;
    height: 100%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px 45px;
    right: 40px;
}
.block-videos .inner .content p{
	margin: 37px 0px 61px 0px;
	line-height: 25px;
	width: 85%
}
.block-videos .inner .shadow{
	position: absolute;
	top: 0;
	height: 100%;
	right: 400px;
	left: 0px;
	width: 100%;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 31%, #6e8aafa6 39%, #6e8aafba 52%, rgb(110 138 175 / 99%) 59%, rgba(110,138,175,1) 100%)
}
.block-videos  .shape-1{
	position: absolute;
	bottom: -65px;
	right: 550px;
	z-index: 9;
}
.block-videos .shape-2{
	position: absolute;
	bottom: 80px;
	right: 720px;
	z-index: 9;
}
@media screen and (min-width: 768px){
	.block-videos .inner video{border-bottom-left-radius: 100px}
}
@media screen and (max-width: 1500px){
	.block-videos .inner {width: 1358px}
}
@media screen and (max-width: 1400px){
	.block-videos .inner {width: 1258px}
}
@media screen and (max-width: 1100px){
	.block-videos .inner .shadow{
		background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, #6e8aafad 43%, #6e8aafad 34%, rgb(110 138 175 / 99%) 59%, rgba(110,138,175,1) 100%)
	}
}
@media screen and (max-width: 991px){
	.block-videos .inner .content {
		width: 100%;
		right: 0px;
	}
	.block-videos .inner .shadow {background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, #6e8aafad 0%, #6e8aafad 34%, rgb(110 138 175) 59%, rgba(110,138,175,1) 100%)}
	.block-videos .shape-1 {right: 200px}
	.block-videos .shape-2 {
        bottom: 15px;
        right: initial;
        left: 40px;
	}
}
@media screen and (max-width: 767px){
    .title-preview-post {font-size: 18px}
	.block-videos .inner .content p {width: 100%}
	.block-videos .inner{
        width: 100%;
        max-width: 100%;
        border-radius: 0px;
		height: auto;
	}
	.block-videos .inner video{
        height: 374px;
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border: none;
	}
	.block-videos .inner .shadow{
		border-radius: 0px;
		right: 0px;
		background: #6E8AAF4D 0% 0% no-repeat padding-box;
	}
	.block-videos .inner .content{
		position: relative;
		padding: 0px 36px;
		margin-top: 48px;
	}
	.block-videos .title-mini-block{color: #00a7c9}
	.block-videos .inner .content p{
		color: #003359;
		margin-bottom: 28px;
	}
	.block-videos .shape-1{
		right: initial;
		width: 71px;
		bottom: -35px;
		left: 10px;
	}
	.block-videos .shape-2{
		left: 10px;
        bottom: -120px;
        width: 30px;
        filter: invert(79%) sepia(0%) saturate(260%) hue-rotate(137deg) brightness(18%) contrast(1%);
        opacity: 0.5;
	}
	.block-videos {margin-bottom: 58px}
}

/*Bloc texte */
.block-texte .big-text {
	font-family: "Rubik-Regular";
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 5px;
}
.block-texte .big-text  b,
.block-texte .big-text  strong{
	font-family: "Rubik-Bold";
}
.block-texte p b{
	font-family: "Rubik-Bold";
	font-size: 18px;
}
.block-texte {margin: 25px 0px}
@media screen and (max-width: 991px){
	.block-texte {padding: 0px 20px!important}
}
@media screen and (max-width: 767px){
	.block-texte .big-text {margin-bottom: 15px}
	.block-texte p,
	.block-texte p b {
	    font-family: "Rubik-Bold";
	    font-size: 15px;
	    line-height: 22Px;
	}
}
/*Bloc img + text */
.block-img-text .medium-container{
	display: flex;
	align-items: center;
}
.block-img-text img{
	width: 730px;
	float: left;
	height: 508px;
	object-fit: cover;
	border-radius: 50px 50px 0px 50px;
}
.block-img-text p{
	width: calc(100% - 730px);
	float: left;
	padding-left: 70px;
	font-size: 16px;
	line-height: 24px;
}

@media screen and (min-width: 1024px){
	body:not(.wp-admin)  .block-img-text img,
	body:not(.wp-admin)  .block-img-text p{
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		opacity: 0;
	}
	body:not(.wp-admin) .block-img-text img{transform: translate(-25%,0)}
	body:not(.wp-admin) .block-img-text p{transform: translate(25%,0)}
	body:not(.wp-admin) .block-img-text.vue p,
	body:not(.wp-admin) .block-img-text.vue img{
		opacity: 1;
    transform: translate(0,0);
	}
}

@media screen and (max-width: 991px){
	.block-img-text img,
	.block-img-text p{
		width: 50%;
	}
	.block-img-text{padding: 0px 20px!important}
	.block-img-text p {
		padding-left: 30px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 767px){
	.block-img-text .medium-container{display: block;}
	.block-img-text img, body .block-img-text p {
	   width: 100%;
	   margin-bottom: 25px;
	   padding-left: 0px;
	   padding-right: 0px;
	}
	.block-img-text img{
		border-radius: 50px 50px 50px 0px;
		height: 280px;
	}
}

/*Bloc etudes*/
.block-etude .big-title{margin-bottom: 44px}
.item-etude{
	background: white;
	border-radius: 50px;
	padding: 46px 61px 46px 48px;
	position: relative;
	margin-bottom: 44px;
}
.text-etude,
.etude-name{
	font-family: "Rubik-Bold";
	font-size: 20px;
	line-height: 24px;
	color: #003359;
}
.etude-name{margin-bottom: 9px}
.picto-dl-etude{
    position: absolute;
    top: 100px;
    right: 85px;
}
.date-etude{
	background: #C9E9F1;
	display: table;
	position: absolute;
	top: 0;
	color: #003359;
	font-family: "Rubik-Medium";
	padding: 6px 17px;
	border-radius: 14Px;
	top: 46px;
	right: 60px;
}
.result .uppercase{
	font-family: "Rubik-Bold";
	font-size: 16Px;
}
.result{
	border-top: 1px solid #C9E9F1;
	padding-top: 10px;
	margin-top: 25px;
	width: 850px;
	max-width: 85%;
}
.result p:not(.uppercase){
	    font-family: "Rubik-Regular";
    font-size: 16Px;
    line-height: 24Px;
}
.result p:not(.uppercase) strong{font-family: "Rubik-Bold"}
.text-etude{
	font-size: 16px;
	line-height: 24px;
	width: 850px;
	max-width: 85%;
}
@media screen and (max-width: 767px){
  .item-etude{padding-top: 70px}
   .picto-dl-etude {
	 top: 20px;
	 right: inherit;
	left: 50px;
   }
	.result,
	.text-etude {max-width: 100%}
	.date-etude {
		top: 15px;
		right: 30px;
	}
}
/*Bloc numbers*/
.block-numbers .medium-title{
	font-family: "Rubik-Bold";
	line-height: 44px!important;
	top: 0px;
	position: relative;
	left: 50px;
}
.block-numbers .inner{
	display: flex;
	align-items: center;
}
.block-numbers .block-parent{
	position: relative;
	margin: auto;
	display: table;
	padding: 72px 0px;
}
.block-numbers  {margin: 25px 0px}
.block-numbers .block-parent:before{
	content: "";
	background: white;
	width: calc(100% + 85px);
	position: absolute;
	top: 0px;
	left: -85px;
	height: 100%;
	border-radius: 100px;
}
.block-numbers:after{
	content: "";
	background: white;
	width: 4500px;
	position: absolute;
	top: 0px;
	height: 100%;
	z-index: -1;
	right: -3000px;
	border-radius: 0px;
}
.block-numbers .inner img{
	width: 130px;
	height: 130px;
}
.block-numbers > img{
	position: absolute;
	right: 0;
	top: -186px;
}
.block-numbers .block-2 picture{margin-left: 65px}

@media screen and (min-width: 1024px){
	 body:not(.wp-admin) .block-numbers .inner{
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		opacity: 0;
		transform: translate(0,-35%)
	}
		 body:not(.wp-admin)  .block-numbers.vue .inner{
		opacity: 1;
		transform: translate(0,0);
	}
}

@media screen and (max-width: 1900px){
	.block-numbers:after {width: 3435px}
}
@media screen and (max-width: 1350px){
	.block-numbers .block-parent:before {left: -46px}
}
@media screen and (max-width: 1200px){
	.block-numbers .medium-title {left: 30px}
}
@media screen and (max-width: 1100px){
	.block-numbers .col-md-6{width: 45%}
}
@media screen and (max-width: 991px){
	.block-numbers .col-md-6{width: 50%}
	.block-numbers .block-parent:before {left: 0px}
	.block-numbers .col-sm-6 {
        width: 45%;
        left: 20px;
	}
	.block-numbers p {
		font-size: 18px;
		line-height: 22px;
	}
	.block-numbers .inner img {
		width: 105px;
		height: 105px;
	}
	.block-numbers .block-2 picture {margin-left: 0px}
	.block-numbers .medium-title {
        line-height: 34px!important;
        top: 0px;
        position: relative;
        left: 25px;
        font-size: 24px!important;
	}
}
@media screen and (max-width: 767px){
	.block-numbers .inner {margin-bottom: 58px}
	.block-numbers:after{content: none}
	body .block-numbers{padding: 0px!important}
	.block-numbers .block-parent:before{content: none}
	.block-numbers .block-parent {
        background: white;
        border-top-left-radius: 100px;
	}
	.block-numbers .inner{display: block}
	.block-numbers .col-sm-6 {
		width: 100%;
		left: 0px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0px;
		text-align: center;
	}
	.block-numbers .medium-title{left:0px}
	.block-numbers .medium-title {
        font-size: 30px!important;
		margin-top: 30px;
	}
	.block-numbers .block-parent{padding: 58px 0px 0px 0px}
	.block-numbers .inner img {
        width: 150px;
        height: 150px;
	}
}
/*Block country*/
.block-country .block-image{
	width: 479px;
	float: left;
	position: relative;
}
.block-country .block-image img{width: 100%}
.block-country .block-image svg{
	transform: scale(1);
	border-radius: 100%;
	position: absolute
}
.block-country .second-title{margin-top: 20px}
.block-country .block-image svg:hover{animation: pulse-black 2s infinite}
@keyframes pulse-black {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.block-country .block-image svg circle{transition: 0.4s}
.block-country .block-image svg.active .Ellipse_30{
	fill: #4cb7d2;
	opacity: 1;
}
.block-country .block-image svg:not(.active):hover{cursor: pointer}
.block-country .block-image svg.active .Ellipse_31{fill: white}
.block-country .block-content{
	background: #DBF2F7;
	float: left;
	width: calc( 100% - 549px);
	padding: 35px 62px 45px 50px;
	border-radius: 50px;
	margin-left: 70px;
}
.block-country .block-content img{
	width: 100%;
	border-radius: 50px 50px 50px 0px;
	margin-top: 25px;
	object-fit: cover;
}
.block-country .block-content .inner:not(.country-1){display: none}
.block-country .block-content .small-title{margin-bottom: 18px}
.block-country .block-content p.bold{
	font-size: 18px;
	margin-bottom: 18px
}
.block-country > .medium-container > .small-title{
	float: left;
	padding-left: 600px;
	margin-bottom: 20px;
}
@media screen and (max-width: 991px){
	.block-country .block-image{width: 50%}
	.block-country .block-content {
    width: 48%;
    padding: 50px 23px 50px 28px;
    margin-left: 2%;
	}
	.block-country > .medium-container > .small-title{padding-left: 420px}
}
@media screen and (max-width: 767px){
	.block-country .block-image {width: 100%}
	.block-country .block-image{margin-bottom: 0px}
	.block-country .block-content {
		width: 100%;
		margin-left: 0px;
		border-radius: 0px 100px 0px 0px;
		margin-top: -30px;
		padding: 50px 36px 50px 36px;
	}
	.block-country .block-content .medium-title{margin-bottom: 18px}
	.block-country .block-content p.bold {
	    font-size: 15px;
	}

	body .block-country{padding: 0px!important}
	.block-country .block-image svg {width: 20px}
	.block-country > .medium-container > .small-title,
	.block-country .block-image{padding: 0px 36px}
}
/*Block ancres*/
.block-ancres  ul{
    display: flex;
    justify-content: flex-start;
    margin: 25px 0px;
    gap: 15px;
    margin-bottom: 50px;
}
.block-ancres  ul li{
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
    background: white;
    border-radius: 33px;
    z-index: 99;
    padding: 18px 21px;
}
.single-produit .block-ancres ul{
    margin-bottom: 0px;
    margin-top: 0px;
    background: white;
    padding-bottom: 10px;
	padding-top: 20px;
}
.single-produit .block-ancres ul li:nth-of-type(1){padding-left: 0px}
.single-produit .block-ancres{background: white}
.single-produit .block-ancres ul{gap: 0px}
.block-ancres  ul li a{
    font-family: "Rubik-Bold";
    font-size: 15px;
    text-decoration: none;
}
@media screen and (max-width: 991px){
	.block-ancres ul li {padding: 0px 10px}
}
.gform_confirmation_message{color: #00a7c9}

@media screen and (min-width: 768px){
    .block-ancres ul{flex-wrap: wrap}
}
@media screen and (min-width: 767px){
    .block-ancres ul li {margin-right: 10px!important}
}

.single-chroniques .block-ancres ul li a{
	display: flex;
	align-items: center;
	gap: 20px;
}




@media screen and (max-width: 767px){
    .block-ancres {
        position: relative;
        width: 100%;
        overflow-x: scroll; /* Ajout ici sur le conteneur parent */
        scrollbar-width: none; /* Pour cacher la scrollbar sur Firefox */
        -ms-overflow-style: none; /* Pour IE */
		margin: 25px 0px
    }
    /* Cacher la scrollbar pour Chrome/Safari */
    .block-ancres::-webkit-scrollbar {display: none}
    .block-ancres ul {
        display: block;
        text-align: center;
    }
     .block-ancres {padding-right: 0px !important}
    .block-ancres ul {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        padding: 0 1rem 1rem 1rem;
        width: max-content;
        min-width: 100%;
        margin-left: 0;
        position: relative;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }
    .block-ancres ul li {
        flex: 0 0 auto;
        scroll-snap-align: start;
        white-space: nowrap;
        background: white;
        border-radius: 33px;
        padding: 13px 23px;
        z-index: 99;
    }
	 .block-ancres ul li a:after {content: none!important}
    .block-ancres .link svg{display: none}
}

/*Block steps*/
.block-steps{margin: 70px 0px 100px 0px}
.block-steps .shape{
	position: absolute;
	left: 0px;
	top: -185px;
}

.block-steps .medium-title-2{margin-bottom: 35px}
.block-steps .shape-2{
	position: absolute;
	bottom: -50px;
	left: -200px;
}
.block-steps .big-title{
	margin-top: 38px;
	margin-bottom: 28px
}
.block-steps .content{
	float: left;
	width: 100%;
}
.block-steps .block-right > .plyr,
.block-steps .block-right img{
	width: 307px;
	height: 307px;
	object-fit: cover;
	border-radius: 50px;
	float: left;
}
.block-steps .block-right {
	padding-left: 73px;
	float: right;
	top: -75px;
	position: relative;
}
.block-steps .block-right img{margin-right: 32px}
.plyr__video-wrapper{height: 100%}
body .plyr video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-steps .steps{
	display: flex;
	justify-content: center;
	margin-top: 60px;
	padding-bottom: 30px;
}
.block-steps .steps .step{
	position: relative;
	margin: 0px 8px;
	text-align: center;
	transition: 0.4s;
	z-index: 9;
	max-width: initial;
	overflow: hidden;
	width: 100px;
}
.postid-1373 .block-steps .steps .step{width: 150px}
@media screen and (max-width: 767px) {
    .postid-1373 .block-steps .steps .step{
        width: 33.333333333333336%;
    }
}
.block-steps .steps .step:not(.active):hover {
    z-index: 99;
    position: relative;
}
.postid-1373  .block-steps .steps .step > img {object-fit: cover}

@media screen and (min-width: 768px){
	.block-steps .steps .step.active{
		max-width: 300px;
		overflow: visible;
	}
	.block-steps .steps .step{
		transform: scale(1);
		transition: 0s
	}
	.block-steps .steps .step:not(.active):hover{
		-webkit-transition: all 200ms ease-in;
		-webkit-transform: scale(1.5);
		-ms-transition: all 200ms ease-in;
		-ms-transform: scale(1.5);
		-moz-transition: all 200ms ease-in;
		-moz-transform: scale(1.5);
		transition: all 200ms ease-in;
		transform: scale(1.8);
	}
}

.block-steps .steps .step:hover .plus{opacity: 1}
.block-steps .steps .step:hover  > p{opacity: 0}
.block-steps .steps .step.active{z-index: 99999}
.block-steps .steps .step > p{
	font-size: 16px;
	line-height: normal;
	font-family: "Rubik-Medium";
	margin-top: 10px;
}
.block-steps .plus{
	opacity: 0;
	display: block;
}
.block-steps .plus > svg{
	width: 15px;
	float: right;
	position: absolute;
	bottom: 21px;
	right: 20px;
}
.block-steps .steps .step > img{width: 100%;height: 90px;object-fit: contain;}
.slider-step{
	position: absolute;
	top: -100px;
	background: white;
	border-radius: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	opacity: 0;
	z-index: -99999;
	width: 300px;
}
.slider-step.active {
	opacity: 1;
	display: block;
	z-index: 99999;
	position: fixed;
}
body.step-active .shadow{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background: #003359;
	z-index: 99999;
	opacity: 0.53;
}
.slider-step > svg{
	position: absolute;
	top: -9px;
	right: -16px;
}
.block-steps .steps svg:hover{cursor: pointer}
.slider-step img{
	width: 257px!important;
  margin: auto;
	height: 297px;
	object-fit: cover;
	border-radius: 30px;
}
.slider-step .slick-dots{
	bottom: -35px;
	width: 257px;
	left: 0;
	right: 0;
	margin: auto;
}
body div .plyr__control--overlaid {
    background: none!important;
    background-image: url(../img/svg/play-blue.svg)!important;
    padding: 0px;
    width: 84px;
    height: 84px;
    background-size: cover;
    z-index: 0
}
.plyr__controls{opacity: 0}
.plyr--playing .plyr__controls{opacity: 1}
body .plyr__control--overlaid svg{display: none}

@media screen and (max-width: 1200px){
	.block-steps .block-right > .plyr, .block-steps .block-right img {
		width: 280px;
		height: 280px;
	}
	.slider-step{
		right: 0px;
		left: 0;
		top: 48px;
	}
}
@media screen and (max-width: 1100px){
	.block-steps .block-right {
	  padding-left: 0px;
	  right: 0px;
	}
}
@media screen and (min-width: 1025px){
	.block-steps .block-right {
	     top: 0;
		position: absolute;
		right: -60px;
	}
}

@media screen and (max-width: 991px){
	.block-steps .block-right {
    padding-left: 0px;
    right: 0px;
    top: 0;
    margin-top: 40px;
		float: left;
	}
	.block-steps{padding: 0px 36px!important}
	.intro-archive .content {margin-bottom: 100px}
}
@media screen and (max-width: 850px){
	.single-container{width: 100%;}
}
@media screen and (max-width: 767px){
	.slider-step img{width: 85%!important}
	.block-steps .block-right img{margin-right: 0px}
	.intro-archive .content{margin-bottom: 0px}
	.block-steps .steps .step > img {
        width: 100%;
		height: 110px;
	}
	.slider-step{
		position: relative;
		display: none;
		width: 90%;
		left: 5%;
	}
	.block-steps .steps .step .plus{
		opacity: 1;
        top: -15px;
        position: relative;
        right: -15px;
	}
	.block-steps .steps .step{overflow: visible}
	
	body .block-steps{
		border-radius: 0px 75px 75px 0px;
		background: white;
		margin: 10px 0px 100px 0px;
		padding: 0px!important
	}
	.block-steps .block-right {
	    padding: 0px 36px;
	}
	body .block-steps .content {padding:0px 55px}
	.block-steps .block-right > .plyr, .block-steps .block-right img {
		width: 280px;
		height: 318px;
		width: 100%;
	}
	.block-steps .block-right img{margin-bottom: 38px}
	.block-steps .steps{
        display: block!important;
        padding: 0px 13px;
        padding-bottom: 55px;
	}
	.block-steps .shape-2 {
        bottom: -110px;
        left: -30px;
        width: 200px;
	}
	.block-steps .plus > svg{width: 30px}
	.block-steps .steps .step {
        width: 33.333333333333336%;
        max-width: 100%;
        float: left;
        margin: 0px;
        padding: 0px 12px;
        margin-bottom: 25px;
    }
    .block-steps .steps .step:hover > p {opacity: 1}
    body.step-active .shadow{z-index: 0}
    .slider-step > svg {
        position: relative;
        top: 0;
        right: 0px;
    }
}

@media screen and (max-width: 330px){
	body .block-steps .content {padding: 0px 25px}
	.block-steps .block-right {padding: 0px 15px}
}
@media screen and (max-width: 370px){
	.block-steps .steps .step {width: 50%}
}

/*Block technologie */
.block-technologie{
	margin: 25px 0px;
	scroll-margin-top: 300px;
}
.block-technologie .block-left{
	width: 592px;
	position: relative;
	float: left;
}
.block-technologie .block-left > img:not(.shape){
	width: 100%;
	height: 592px;
	border-radius: 50px;
}
.block-technologie .big-title {margin-bottom: 10px}
.block-technologie .content{
	float: left;
	width: calc(100% - 592px);
	padding-left: 70px;
	margin-top: 25px;
}
span.pin {
	border-radius: 50%;
	height: 27px;
	width: 27px;
	transform: scale(1);
	z-index: 99;
	position: absolute;
	transition: 0.5s;
	z-index: 999;
}
.pin .inner{
	border-radius: 50%;
	height: 12px;
	width: 12px;
	transform: scale(1);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99;
	top: calc(50% - 6px);
	transition:  0.5s;
}
span.pin:hover {
	transform: scale(1.7);
	cursor: pointer;
}
span.pin:hover .inner{transform: scale(0.6)}
.block-technologie .modal-pin {
  width: 532px;
  position: absolute;
  bottom: 30px;
  padding: 39px 30px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  z-index: -999999;
  right: 0px;
  transition: 0.7s;
}
.block-technologie .modal-pin.active {
  display: block;
  right: -532px;
  z-index: 99;
}
.block-technologie .modal-pin img{
	height: 257px;
	width: 197px;
	border-radius: 25px;
	float: left;
	object-fit: cover;
}
.block-technologie .modal-pin p{
	font-size: 16px;
	line-height: 24px;
}
.block-technologie .content-pin{
	float: left;
	width: calc(100% - 197px);
	padding-left: 39px;
	padding-top: 10px;
}
.return-btn{
	font-family: "Rubik-Medium";
  font-size: 16px;
  padding: 0px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  color: white;
  text-transform: uppercase;
  margin: auto;
  margin-top: 30px;
  left: -25px;
  position: relative;
}
.return-btn svg{
	height: 13px;
	margin-right: 8px;
}
.block-technologie .block-left:before {
	content: "";
	position: absolute;
	height: 335px;
	background: #C9E9F1;
	width: 4000px;
	z-index: -9999999;
	border-bottom-left-radius: 100px;
	border-top-left-radius: 100px;
	bottom: 50px;
	left: -93px;
}
.block-technologie .shape{
	position: absolute;
	bottom: 18px;
	z-index: -999999;
	transition: 0.7s
}
.block-technologie .shape.active{right: -360px}
.block-technologie .shape:not(.active){right: 0px}
.block-technologie  .picto-2{
	position: absolute;
	bottom: -31px;
	right: -76px;
}
.block-technologie  .picto-1{
	position: absolute;
	bottom: 130px;
	right: -135px;
}
@media screen and (max-width: 1300px){
	.block-technologie .block-left {
		width: 500px;
		margin-left: 38px;
	}
	.block-technologie .modal-pin{width: 500px}
	.block-technologie .modal-pin{width: 490px}
	.block-technologie .modal-pin.active {right: -490px}
}
@media screen and (max-width: 991px){
    .block-technologie .shape{bottom: -20px}
    .block-technologie .content {
        float: left;
        width: 100%;
    }
    .block-technologie .picto-1{display: none}
    .block-technologie .picto-2 {
        right: -108px;
        z-index: -1;
    }
    .block-technologie .block-left {
        width: 450px;
        margin-left: 0px;
    }

    .block-technologie .modal-pin img {
        height: 157px;
        width: 100%;
    }
    .block-technologie .content-pin {
        width: 100%;
        padding-left: 0px;
        padding-top: 15px;
    }
    .block-technologie .modal-pin{width: 400px;}
    .block-technologie .modal-pin.active {
        right: -400px;
    }
    .block-technologie .block-left > img:not(.shape){height: 500px}
    .block-technologie .block-left {
        width: 375px;
        margin-left: 0px;
    }
    .block-technologie .block-left{width: 100%}
    .block-technologie .block-left > img:not(.shape) {height: 410px}
    .block-technologie .content{padding: 0}
    .block-technologie .modal-pin {
        width: 100%;
        top: 0;
        bottom: 0;
        border-radius: 50px;
        opacity: 0;
        transition: 0.5s;
        z-index: 99;
    }
    .block-technologie .modal-pin.active {
        right: 0;
        bottom: -40px;
        opacity: 1;
        height: auto;
        z-index: 99999;
        min-height: 475px
    }
    .block-technologie .shape.active{display: none!important}
    .block-technologie .block-left > img:not(.shape) {
        height: 335px;
        object-fit: cover;
    }
}
/*Block technologie 2*/
body.pin-active:after{
	content: "";
	height: 100vh;
	width: 100%;
	background: #003359;
	opacity: 0.49;
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
}
.block-technologie-2 .return-btn {
	position: absolute;
    top: -18px;
    right: -12px;
    left: inherit;
    margin-top: 0px;
}
.block-technologie-2 .return-btn svg{height: 50px}
.block-technologie-2{
	margin: 25px 0px;
	scroll-margin-top: 300px;
	margin-top: 300px;
}
.block-technologie-2 .block-image{
	width: 100%;
	position: relative;
	float: left;
	padding: 40px 0px
}
.block-technologie-2 .block-image > .inner {
	width: 480px;
	margin: auto;
	position: relative;
	left: 100px;
}
.block-technologie-2 .block-image > .inner > img:not(.shape){
	width: 100%;
	height: auto;
	border-radius: 50px;
	top: 0;
	margin: auto;
	display: block;
}
.block-technologie-2 .big-title {margin-bottom: 10px}
.block-technologie-2 .content{
	float: left;
	padding-left: 70px;
	margin-top: 25px;
	position: absolute;
	top: -260px;
	left: 172Px;
	z-index: 9;
}
@media screen and (max-width: 1350px){
    .block-technologie-2 .content {left: 350px}
}

.block-technologie-2 .modal-pin {
    width: 1045px;
    padding: 0px 0px;
    border-radius: 50px;
    transition: 0.7s;
    position: fixed;
    left: 0;
    right: 0;
    top: 23%;
    margin: auto;
    z-index: -111;
    opacity: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
}
.block-technologie-2 .modal-pin.active {
	opacity: 1;
	z-index: 9999999;
	right: 0;
}
.block-technologie-2 .modal-pin img{
	max-height: 565px;
	max-width: 100%;
	width: 60%;
    border-radius: 25px;
    float: left;
    object-fit: contain;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.block-technologie-2 .modal-pin p{
	font-size: 16px;
	line-height: 24px;
}
.block-technologie-2 .content-pin{
	float: left;
	width: 40%;
	padding: 0px 60px;
	padding-top: 10px;
}
.block-technologie-2 .content-pin .small-title{margin-bottom: 15px}
.block-technologie-2 .block-image:before {
	content: "";
	position: absolute;
	height: 100%;
	background: white;
	width: 4000px;
	z-index: -9999999;
	border-bottom-left-radius: 100px;
	border-top-left-radius: 100px;
	bottom: 0px;
	left: 0px;
}
.block-technologie-2 .shape{
	position: absolute;
	top: 0px;
	z-index: 1;
	transition: 0.7s;
	width: 200px;
	right: inherit;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: scale(-1, -1);
	-o-transform: scale(-1, -1);
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, 1);
	left: -35px;
	top: -165px;
}
.block-technologie-2 .shape.active{right: inherit;}

/* .block-technologie-2 .shape:not(.active){right: 0px} */
.block-technologie-2 .picto-1{
	position: absolute;
	top: -210px;
	left: 380px;
	width: 125px;
}
@media screen and (max-width: 1350px){
	.block-technologie-2 .block-image:before{left: 150px}
	.block-technologie-2 .shape {
        left: 124px;
        top: -155px;
	}
}
@media screen and (max-width: 1300px){
	.block-technologie-2 .content{padding-left: 0px}
}
@media screen and (max-width: 1250px){
	.block-technologie-2 .content {
		left: 350px;
		z-index: 99;
	}
	.block-technologie-2 .content-pin{width: 35%}
	.block-technologie-2 .modal-pin{width: 90%}
}
@media screen and (min-width: 1000px) and (max-height: 820px){
	.block-technologie-2 .modal-pin{top:100px}
	.block-technologie-2 .modal-pin img{
        width: 60%;
        height: auto;
		height: 530px
    }
}
@media screen and (min-width: 1000px) and (max-height: 650px){
	.block-technologie-2 .modal-pin {top: 55px}
	.block-technologie-2 .modal-pin img{height: 500px}
}

@media screen and (max-width: 991px){
	.block-technologie-2 .content {
        right: 36px;
        left: 254px;
	}
	.block-technologie-2 .block-image > .inner{
		left: 0px;
		float: right;
		width: 90%;
	}
	.block-technologie-2 .shape {
        top: -127px;
        left: 2%;
	}
	.block-technologie-2 .modal-pin img{width: 58%}
	.block-technologie-2 .content-pin{width: 48%}
	.block-technologie-2 .block-image:before{content: none}
}
@media screen and (max-width: 767px){
	.block-technologie-2 .block-image:before{display: none}
	.block-technologie-2 .content {
		right: 0;
		left: 0;
		width: 100%;
		top: 0;
		position: relative;
		padding: 0px 55px;
	}
	.block-technologie-2 .shape{display: none}
	.block-technologie-2 {
		scroll-margin-top: 25px;
		margin-top: 25px;
	}
	body .block-technologie-2{
		padding: 0px!important;
		margin-bottom: 0px;
	}
	.block-technologie-2 .block-image > .inner{width: calc(100% - 36px)}
	.block-technologie-2 .block-image > .inner > img:not(.shape){border-radius: 50px}
	.block-technologie-2 .block-image{padding: 25px;}
	.block-technologie-2 .block-image > .inner{left: 0px}
	.block-technologie-2 .block-image > .inner{
		background: white;
		border-radius: 50px;
		width: 100%;
	}
	.block-technologie-2 .block-image > .inner > img:not(.shape){width: 85%}
	.block-technologie-2 .modal-pin {
	  display: block;
	  top: 15%;
	}
	.block-technologie-2 .modal-pin img{
		width: 100%;
		height: auto;
	}
	.block-technologie-2 .content-pin {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 28px;
    padding-right: 28px;
	}
}
@media screen and (max-width: 315px){
	.block-technologie-2 .content{padding: 0px 25px}
}

/*Block txt + video*/
.block-text-video {scroll-margin-top: 250px}
.block-text-video .single-container > div{
	background: white;
	border-bottom-left-radius: 100px;
	border-top-left-radius: 100px;
	padding-top: 70px;
	padding-bottom: 90px;
}
.block-text-video:after {
  content: "";
  position: absolute;
  height: 100%;
  background: white;
  width: 1200px;
  z-index: -9999999;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  bottom: 0px;
  right: 0px;
}
@media screen and (min-width: 3200px){
	.block-text-video:after {width: 2200px}
}
.block-text-video {margin: 100px 0px 150px 0px}
.block-text-video .content{
	float: left;
	width: calc(100% - 736px);
	padding-left: 100px;
	padding-right: 53px;
	text-align: right;
}
.block-text-video .plyr {
	border-radius: 50px;
	width: 736px;
	margin-top: -150px;
}
.block-text-video .plyr video{border-radius: 50px}
.block-text-video  > img{
	position: absolute;
	right: 0;
	transform: rotate(-90deg);
	bottom: -188px;
}
@media screen and (max-width: 1250px){
	.block-text-video .plyr{width:600px}
	.block-text-video .content {width: calc(100% - 600px)}
}
@media screen and (max-width: 1200px){
	.block-text-video .content {padding-left: 0px}
	.block-text-video:after {right: -62px}
}
@media screen and (max-width: 991px){
	.block-text-video .plyr,
	.block-text-video .content {
		width: 100%;
	}
	.block-text-video .content {
	 padding: 0px;
	 margin-bottom: 35px;
	}
	.block-text-video{padding: 0px 36px!important}
}
@media screen and (max-width: 767px){
	.block-text-video{margin: 0px}
	.block-text-video .content{
		text-align: left;
		padding: 0px 19px;
	}
	.block-text-video .plyr{height: 318px}
	.block-text-video .content{margin-bottom: 58px}
	.block-text-video .content .big-title{margin-bottom: 20px}
	.block-text-video .single-container > div{
		padding-bottom: 0px;
		padding-top: 50px;
	}
    .block-text-video:after {
        height: 75%;
        bottom: inherit;
        top: 0px;
        width: 100%;
        right: 0;
        left: 0;
        border-radius: 0px 100px 100px 0px;
    }
    .block-text-video .single-container > div,
    .block-text-video {background: none}
}

/* block-sommaire */
.block-sommaire .inner div{
	margin: 5px;
	padding: 5px;
}

.block-sommaire .inner .h3-sommaire{padding-left: 20px}
.block-sommaire .medium-container{
    background: white;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 20px;
}
.block-sommaire .medium-container > p{
    color: #003359;
    font-family: "Madera-Bold";	
    font-size: 25px;
    margin-bottom: 10px;
    padding: 10px;
}
.block-sommaire .inner div a{
    color: #00A7C9;
    font-family: "Madera-Regular";	
    list-style-type: disc;
    padding-left: 15px;
    font-size: 17px;
}
@media screen and (max-width: 767px){
    .block-sommaire .inner div a {font-size: 14px}
}
/*Block image video*/
.block-image-video {
	position: relative;
	margin: 25px 0px;
	scroll-margin-top: 250px;
}
.block-image-video .content{
	width: 495px;
	padding: 22px 24px 50px 24px;
	border-radius: 50px;
	text-align: center;
	position: absolute;
	top: 100px;
	right: -310px;
	z-index: 9;
}
.block-image-video .shape{
	position: absolute;
	width: 200px;
	top: -125px;
	height: auto;
	right: -245px;
}
.block-image-video{width: 1094px}
.block-image-video .big-title{margin: 31px 0px 28px 0px}
.block-image-video p{margin-bottom: 25px}
.block-image-video > img{
	width: 100%;
	height: 643px;
	object-fit: cover;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}
.block-image-video .plyr,
.block-image-video video{
	border-radius: 25px;
}
.block-image-video .cta svg{
	top: 3px;
	position: relative;
	margin-right: 15px;
}
@media screen and (max-width: 1450px){
	.block-image-video {width: 995px}
}
@media screen and (max-width: 1350px){
	.block-image-video .content{width: 435px}
	.block-image-video {width: 905px}
}
@media screen and (max-width: 1250px){
	.block-image-video {width: 700px}
}
@media screen and (max-width: 1100px){
	.block-image-video {width: 95%}
	.block-image-video .content {
	    left: 0;
	    right: 0;
	    margin: auto;
	}
}
@media screen and (max-width: 767px){
	.block-image-video .content {
		position: relative;
		top: 0;
		width: calc( 100% - 54px);
		padding: 22px 15px 40px 15px;
		margin-top: -100px;
	}
	body .block-image-video{padding: 0px!important}
	.block-image-video .plyr--video{height: 244px}
	.block-image-video > img {
	  border-top-right-radius: 50px;
	  border-bottom-right-radius: 50px;
	  height: 334px;
	  width: calc( 100% - 85px);
	}
	.block-image-video .big-title {margin: 25px 0px 18px 0px}
	.block-image-video .cta{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 21px;
	    width: calc( 100% - 30px);
        margin: auto;
	}
}

/*Block specificite */
.video-spec{
   width: 100%;
   border-radius: 25px;
   height: 310px;
   object-fit: cover;
}

.block-specificite {
	margin-bottom: 70px;
	scroll-margin-top: 220px;
}
.specificite .mini-block{
	width: 404px;
	border-radius: 50px;
	padding: 29px;
	float: left;
}
.specificite .cta{
	margin: auto;
	display: table;
	margin-top: 45px;
	margin-bottom: 15px;
}
.specificite .mini-block img{
	width: 100%;
	border-radius: 25px;
	height: 310px;
	object-fit: cover;
}
.slider-specificite{padding: 0px 150px}
.block-specificite > div > div > p{
	width: 635px;
	margin: auto;
	margin-top: 10px
}
.specificite .content{
	width: calc(100% - 404px);
	float: left;
	padding-left: 57px;
	padding-right: 15px;
}
.specificite .content .small-title{margin-bottom: 15px}

.specificite .content .small-title sup,
 .single-produit p sup,
.specificite .content .small-title span{
    font-size: 12px;
    top: -5px;
    position: relative;
}
.block-relation-product{margin-top: 25px}
body .list-products .block {padding: 20px}
.list-products .block .inner {box-shadow: 0px 0px 14px #0033591c}
.specificite{margin-top: 45px}


.item-parent-slide.slicked .slick-next:before{
	content: url(../img/svg/arrow-slide-right-chron.svg);
}
.item-parent-slide.slicked .slick-prev:before{
	content: url(../img/svg/arrow-slide-left-chron.svg);
}

.block-relation-product .slick-next:before,
.block-specificite .slick-next:before {
    content: url(../img/svg/arrow-slide-right-blue-lite.svg);
    opacity: 0.3
}


.block-relation-product .slick-prev:before,
.block-specificite .slick-prev:before {
    content: url(../img/svg/arrow-slide-left-blue-lite.svg);
    opacity: 0.3
}
@media screen and (min-width: 768px){
	.specificite.flex{
		display: flex;
		align-items: center;
		text-align: center;
	}
}

.block-specificite.specificite-bleu .slick-prev:before {content: url(../img/svg/arrow-slide-left-blue-lite.svg)}
.block-specificite.specificite-red .slick-prev:before {content: url(../img/svg/arrow-slide-left-red-lite.svg)}
.block-specificite.specificite-rose .slick-prev:before {content: url(../img/svg/arrow-slide-left-rose.svg)}
.block-specificite.specificite-bleu .slick-next:before {content: url(../img/svg/arrow-slide-right-blue-lite.svg)}
.block-specificite.specificite-red .slick-next:before {content: url(../img/svg/arrow-slide-right-red-lite.svg)}
.block-specificite.specificite-rose .slick-next:before {content: url(../img/svg/arrow-slide-right-rose.svg)}
.block-specificite.specificite-rose .slick-dots li button:before{color: #F17AA5}
.block-specificite.specificite-red .slick-dots li button:before{color: #CF1D2E}
.block-specificite.specificite-green .slick-dots li button:before{color: #5bbf21}

.block-specificite .slick-prev {left: 45px}
.block-specificite .slick-next {right: 25px}
.block-specificite .slick-dots{
  width: 920px;
  max-width: 100%;
}
@media screen and (max-width: 1200px){
	.slider-specificite{padding: 0px 50px}
}
@media screen and (max-width: 991px){
    .specificite .content{width: 100%}
    .specificite .mini-block{
        float: none;
        margin: auto;
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px){
    .block-specificite > div > div > p{
        width: 100%;
        padding: 0px 19px;
    }
    .block-specificite > div > div > p,
    .block-specificite .big-title{
        padding: 0px 19px;
        text-align: left;
    }
    .slider-specificite,
    .specificite .content{padding: 0px}
    .specificite .mini-block{width: 100%}
    .specificite .mini-block img{height: auto}
    .specificite .cta {
        margin-top: 33px;
        margin-bottom: 10px;
    }
    .specificite .content {
        padding: 0px 19px;
        margin-top: 20px;
    }
}
/*Block relation-product */
.block-relation-product {scroll-margin-top: 250px}
.list-products .block{
	padding: 0px 10px;
	margin-bottom: 65px;
}

.slider-relation .block .link{color: #00A7C9}
.list-products .block img{
	width: 100%;
	margin-bottom: 40px;
	height: 230px;
	object-fit: contain;
}
.list-products .small-title{margin-bottom: 20px}
.list-products .block .inner{
	padding:  28px 20px 36px 20px;
	border-radius: 20px;
	transition: 0.5s;
}
.list-products .block .inner:hover{box-shadow: 0px 0px 26px #00335933}
.list-products .small-text{margin-bottom: 28px}
.block-relation-product .col-md-8{
	padding: 0px 100px 0px 115px;
	margin-bottom: 40px;
}
.block-relation-product .big-title{margin-bottom: 10px}
.block-relation-product .shape{
	position: absolute;
	top: -160px;
	right: 120px;
	width: 300px;
}
@media screen and (max-width: 1200px){
	.block-relation-product .single-container {width: calc( 100% - 72px)}
}
@media screen and (max-width: 991px){
	.block-relation-product .col-md-8 {
	    padding: 0px;
	    margin-bottom: 40px;
	}
	.block-relation-product .shape {
		top: -220px;
		right: 15px;
		width: 200px;
	}
	.postid-1373 .block-technologie-2 .block-image > .inner > img:not(.shape) {margin-top: 65px}
}
@media screen and (max-width: 767px){
	.block-relation-product .shape{display: none}
	body .block-relation-product{padding: 0px!important}
	.block-relation-product .single-container {width: 100%}
	.block-relation-product .col-md-8{
		text-align: left;
		padding: 0px 55px
	}
	.block-relation-product .list-products .block {
		padding: 0px 25px;
		margin-bottom: 65px;
		padding-top: 10px;
	}
	.block-relation-product .slick-dots{bottom: 6px}
}
@media screen and (max-width: 315px){
  .block-relation-product .col-md-8 {padding: 0px 25px}
}

/*bloc-login-post */
@media screen and (max-width: 767px){
	.bloc-login-post img{
		width: 100%;
        border-radius: 50px !important;
        height: 335px !important;
	}
	body .bloc-login.bloc-login-post img.icon-2 {
	    width: 145px!important;
	    height: auto!important;
	    top: inherit;
	    bottom: -44px;
	}
}

/*Block bouton */
body .block-bouton{padding: 25px 0px}
@media screen and (max-width: 767px){
	body .block-bouton{margin: 25px 0px}
}
/*Block avis*/
.block-avis{margin: 70px 0px}
.block-avis > ul{
	display: flex;
	justify-content: center;
}
.block-avis  ul  li.element{
	width: 311px;
	padding: 25px 36px;
	text-align: center;
	border-radius: 0px 50px 50px 50px;
	margin: 0px 12px;
}
.block-avis  ul  li.element p{
	font-size: 20px;
	line-height: 28px;
}
.block-avis .name{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px
}
@media screen and (max-width: 991px){
    .block-avis ul li.element {
        width: 50%;
        float: left;
        display: inline;
        margin: 0px;
        border: 20px solid #eefbfe;
    }
    .block-avis > ul{display: block;}
    .block-avis  ul li.element:nth-child(3){margin-left: 25%}
}
@media screen and (max-width: 767px){
	.block-avis {margin: 20px 0px}
	.block-avis ul li.element{
		border: none;
		width: 100%;
		display: block;
	}
	.block-avis ul  li.element:nth-child(3){margin-left: 0%}
    .block-avis li.element img{margin: auto}
}

/*Block img + txt post*/
.block-list li{
	font-family: "Rubik-Medium";
	font-size: 16px;
	line-height: 24px;
	position: relative;
	padding-left: 26px;
	margin-bottom: 20px;
}
.block-list li::before{
	content: "";
	width: 4px;
	height: 88%;
	position: absolute;
	left: 0px;
	background: #00A7C9;
	border-radius: 4px;
	top: 6%;
}


/*block-soins-locaux*/

.block-soins-locaux .items{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.block-soins-locaux .items .item{width: calc(25% - 23px)}
.block-soins-locaux .items .item .inner{
	padding: 25px;
	margin-top: 20px;
}
.block-soins-locaux .items .item .inner img{
	max-width: 100%;
	margin-bottom: 10px;
}

/*block-soins-locaux-bis*/
.block-soins-locaux-bis .items{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.block-soins-locaux-bis .items .item{
	width: calc(50% - 15px);
	margin-bottom: 30px;
}
.block-soins-locaux-bis .items .item .inner{
	margin-top: 20px;
	padding: 25px;
}

/*block-astuces-chron*/
.block-astuces-chron .items{
	display: flex;
    gap: 30px;
}
.block-astuces-chron .items .item{
	padding: 25px 50px;
	width: 33.333333333333336%;
}
#no-bg.block-astuces-chron .items  .item{
	padding: 0px;
}
#no-bg.block-astuces-chron .items .item img{	
    height: auto;
    margin: 0px;
}
.block-astuces-chron .items .item img{
	margin: 15px 0px;
	max-width: 100%;
	border-radius: 10px;
    height: 125px;
	
}


/*block-etapes-chron*/

.block-etapes-chron .items{
    padding: 50px;
	display: flex;
	gap: 30px;
}
.block-etapes-chron .items .item{
	width: 25%;
	position: relative;
	gap: 30px;
}

.block-etapes-chron .items .item img{
	max-width: 100%;
	margin: auto;
	display: block
}
#size-80.block-etapes-chron .items .item img{
	height: 100px;
	margin-bottom: 20px;
}

#size-200.block-etapes-chron .items .item img{
    height: 200px;
    display: block;
    width: 100%;
	object-fit: cover;
	
    border-radius: 20px;
	margin-bottom: 20px;
}

.block-etapes-chron .items .item svg{
	position: absolute;
	left: -15px;
	top: -20px;
}
.block-etapes-chron .text-chron  a{
	color: #003359;
	text-decoration: underline;
}


.block-etapes-chron .text-chron{
	padding: 0px 10px;
}
.postid-9342 .block-etapes-chron .items{
	padding-bottom: 25px;
}


/*block-multi-items-chron*/

.block-indispensables-chron .title-24{
	display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 30px;
    margin-bottom: 30px;
	
	font-family: "Alga-Bold";
    font-size: 34px;
	
}
.block-indispensables-chron  .text-chron{
	font-size: 23px;
}

.block-indispensables-chron .items .item{
    padding: 50px;
    display: flex;
    gap: 45px;
	margin-bottom: 50px;
}
.block-indispensables-chron .items .item .content{
width: 580px;
}
.block-indispensables-chron .images-block{
	width: calc(100% - 580px)
}

.block-indispensables-chron .items .images-block{
   display: flex;
    gap: 30px;
}
.block-indispensables-chron .img-block{
width: 50%;
}

 .block-indispensables-chron .img-block img{
	 max-width: 100%;
	 
}



/*block-multi-items-chron*/
.block-multi-items-chron .items{
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.block-multi-items-chron .item{
    width: calc(50% - 15px);
    padding: 50px;
}
.block-multi-items-chron .title-3-chron-big{
	margin-bottom: 30px;
}

/*block-icon-content-chron*/
body .block-icon-content-chron{
	padding-top: 100px;
	padding-bottom: 25px
}

.block-icon-content-chron *{
	position: relative;
}
.block-icon-content-chron#mt .items{
	margin-top: 75px
}
.postid-9327  .block-icon-content-chron .item{
	align-items: center;
}


.block-icon-content-chron .title-24{
	margin-bottom: 40px
}
.block-icon-content-chron  .item{
    margin-bottom: 75px;
    padding: 50px;
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.block-icon-content-chron:not(.variante) .item img{
width: 120px;
}
#variante.block-icon-content-chron:not(.variante) .item img{
	width: 200px;
}
.block-icon-content-chron .items{
	margin-top: 0px;
}
.postid-9327  .block-icon-content-chron .items,
#variante.block-icon-content-chron .items,
.postid-9308 .block-icon-content-chron .items{
display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
#variante.block-icon-content-chron.tricks-bg-chron:before{
	content: none!important
}
.postid-9308 .block-icon-content-chron.tricks-bg-chron:before{
	opacity: 0
}
body #variante.block-icon-content-chron{
	padding-top: 30px;
}
body #variante.block-icon-content-chron .title-3-chron-big{
	margin-bottom: 25px;
}
#variante.block-icon-content-chron .item,
.postid-9308 .block-icon-content-chron .item{
	flex-direction: column
}
#variante.block-icon-content-chron,
body.postid-9327 .block-icon-content-chron,
body.postid-9308 .block-icon-content-chron{
	padding-bottom: 50px;
		padding-top: 60px;
}
#variante.block-icon-content-chron .item .title-32,
.postid-9308 .block-icon-content-chron .item .title-32{
	margin-bottom: 15px;
}
#variante.block-icon-content-chron .item,
.postid-9308 .block-icon-content-chron .item{
	    gap: 15px;
}
#variante.block-icon-content-chron .item img,
.postid-9308 .block-icon-content-chron .item img{
	border-radius: 0px;
}


#variante.block-icon-content-chron .item,
.postid-9327 .block-icon-content-chron .item,
.postid-9308 .block-icon-content-chron .item{
	width: calc(50% - 10px);
	margin-bottom: 0px;
}
@media screen and (max-width: 767px){
	#variante.block-icon-content-chron  .item,
	.postid-9327 .block-icon-content-chron  .item,
	#variante.block-icon-content-chron  .item,
	.postid-9308 .block-icon-content-chron  .item{
		width: calc(100%);
	}
}

.block-icon-content-chron.col .items{
	display: flex;
    flex-wrap: wrap;
	gap: 30px;
}
.block-icon-content-chron.col .item{
	width: calc(50% - 15px);
}


/* block-icon-content-col-chron*/

.block-icon-content-col-chron img{
	height: 70px;
	margin-bottom: 20px;
	
}
.block-icon-content-col-chron .items{
	display: flex;
	gap: 30px;
}
.block-icon-content-col-chron .item{
	width: 33.333333333333336%;
	padding: 25px;
		padding-top: 35px;

	padding-bottom: 40px;
}

/* block-bande-compression-chron*/

.block-bande-compression-chron .items{
	display: flex;
	gap: 30px;
}
.block-bande-compression-chron .item{
	background: #E1EDEF;
	padding: 50px;
	width: 50%;
}
.block-bande-compression-chron .item img{
	margin: 10px 0px;
	max-width: 100%;
}




/*block-ordonnance-chron*/

.block-ordonnance-chron{
padding: 50px;
}
.block-ordonnance-chron .items{
display: flex;
    justify-content: center;
    gap: 30px;
}
.block-ordonnance-chron .items .item{
 width: 25%
}
.block-ordonnance-chron .items .item img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}

/*block-3-col-color-chron*/
.mb-50{
margin-bottom: 50px;
}
.block-3-col-color-chron .items{
	display: flex;
    gap: 30px;
}
.block-3-col-color-chron .items p{margin-bottom: 0px}
.block-3-col-color-chron .items h3{margin-bottom: 15px}

.block-3-col-color-chron .items h3 {
    font-size: 20px;
}


 .block-3-col-color-chron .items .item{
	 width: 33.333333333333336%;
	 padding: 50px;
}
#pad-25.block-3-col-color-chron .items .item{
	 padding: 25px 50px;

}
/*block-image-text-variante-chron*/
.block-image-text-variante-chron{margin-bottom: 50px}
.block-image-text-variante-chron .flex{
	display: flex;
	gap: 30px;
}
.block-image-text-variante-chron .content{
	padding: 50px;
	width: calc(100% - 347px);
}

.block-image-text-variante-chron .content .title-chron-big{
font-size: 36px;
	margin-bottom: 20px;
}

.block-image-text-variante-chron .content.w-full{
width: 100%;
}
.block-image-text-variante-chron .content .text-chron b{font-family: "Madera-Medium"}
.block-image-text-variante-chron.is-inverse .flex{flex-direction: row-reverse}
.block-image-text-variante-chron img{
	width: 317px;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
}
.block-image-text-variante-chron#fit-contain figure{
	border-radius: 20px;
	background: white;
}
.block-image-text-variante-chron#fit-contain img{
	object-fit: contain;
	padding: 20px;
}

.block-image-text-variante-chron#size-250 img{
	height: 250px;
}

.block-image-text-variante-chron .title-24-madera img{
	width: auto;
	height: auto
}
.block-image-text-variante-chron .title-24-madera.flex{
	align-items: center
}

.block-image-text-variante-chron .content .title-24-calistoga{margin: 20px 0px}

@media screen and (max-width: 767px){
	.block-image-text-variante-chron#size-250 figure{
		background: white;
		border-radius: 20px;
	}
		.block-image-text-variante-chron#size-250 img{
		object-fit: contain;
	}
	.block-image-text-variante-chron#size-250 img{
		height: 200px;
	}

}

/*bloc_securite_1_chron*/
.arrow-bottom-chron{
	margin: auto;
    display: block;
	margin-bottom: 20px;
}
.alert-chron{
	background: #D1232A;
    font-family: "Madera-Bold";
	font-size: 18px;
	color: white;
	padding: 25px;
	border-radius: 10px;
	text-align: center;    
	line-height: normal;
	margin-top: 50px;
}

.block-severite-chron{
	margin-bottom: 33px;
}

.block-severite-chron .title-chron-medium{
	margin-bottom: 25px;
}
.block-severite-2-chron .btn-security:hover,
.block-severite-3-chron .btn-security:hover,
.block-severite-chron .btn-security:hover{
	cursor: inherit; 
}
body .valide-form{
    margin: auto;
    display: block;
    margin-top: -25px;
	border: none;
}

.block-severite .title-chron-medium{margin-bottom: 20px}
.bloc-questions-etapes{padding: 50px}
.bloc-questions-etapes .questions {
	margin-top: 30px;
	margin-bottom: 75px;
}

.bloc-questions-etapes .text-chron.medium{
	margin-bottom: 75px
}

.block-severite-3-chron  .bloc-questions-etapes .questions{
	margin-bottom: 50px;
}

.block-severite-1-chron .bloc-questions-etapes .etape-1 {
    display: flex;
    border-radius: 10px;
    padding: 20px 25px;
	position: relative;
}
.result-oui{
	border-radius: 10px;
	background: #79C142;
}
.radius-10{border-radius: 10px}
.result-chron{
    text-align: center;
    padding: 20px 0px;
    margin-bottom: 25px;
    font-family: "Madera-Medium";
}
.etape-1 .plus-white{
	position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: calc(50% - 17.5px);
}
.close-popup-questionnaires-chron{
    width: 27px;
    position: absolute;
    right: 50px;
    top: 50px;
}
.close-popup-questionnaires-chron:hover{
	cursor: pointer;
}

.bloc-questionnaires-popup .text-popup-chron{
	font-size: 20px;
    font-family: "Madera-Regular";
    line-height: normal;
}
.bloc-questionnaires-popup .text-popup-chron sup{
	font-size: 12px;
	position: relative;
	top: -6px;
}

.bloc-questionnaires-popup .text-popup-chron b{
	font-family: "Madera-Bold";
}
.bloc-questionnaires-popup .title-popup-chron{
	font-family: "Madera-Bold";
	font-size: 26px;
	    margin-bottom: 0px;
	
}
.bloc-questionnaires-popup ul li{
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.bloc-questionnaires-popup:before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background: #0000003b;
    z-index: 9;
    width: 100%;
    height: 100%;
	z-index: 99999999;
}
.bloc-questionnaires-popup: .inner{
	z-index: 9;
}

.bloc-questionnaires-popup{display: none;}
.bloc-questionnaires-popup.active{display: block;}

.bloc-questionnaires-popup .inner{
	padding: 50px;
	background: white;
	border-radius: 20px;
	position: fixed;
	top: 140px;
	width: 655Px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99999999;
}



.block-severite-chron .resultats{
	display: flex;
	gap: 30px;
}
.block-severite-chron .resultats .col{width: 50%}
.bloc-questions-etapes .etape{
  margin-bottom: 25px;
    margin-top: 25px;
}
.bloc-questions-etapes .etape-1 > div{width: 50%}
.bloc-questions-etapes .etape-1 .block-left{
	text-align: right;
    padding-right: 140px;
}
.bloc-questions-etapes .etape-1 .block-right{padding-left: 60px}
.bloc-questions-etapes .questions li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.valide-form.disable{
	opacity: 0.5
}

.block-severite-chron.resultats .col > img{margin-bottom: 25px}
.result-non.orange-chron {
    font-family: "Calistoga-Regular";
    font-size: 32px;
    text-align: center;
    margin-top: 50px;
}

.bloc-questions-etapes .questions li span.bg-blue{
	width: 30px;
	min-width: 30px;
	height: 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	line-height: normal;
	font-family: "Alga-Medium";
	font-size: 20px;
}
.bloc-questions-etapes .questions li > p,
.bloc-questions-etapes .questions li > div{
	display: flex;	
    align-items: center;
    gap: 10px;
}
.bloc-questions-etapes .questions li p span{font-size: 14px}
.bloc-questions-etapes .questions li .flex{
	display: flex;
    gap: 30px;
    align-items: center;
}
.btn-security{
    border-radius: 10px;
    padding: 14px 44px;
    border: none;
	transition: 0.5s;
}
.btn-security.bg-white.active{
background: #003359;
	color: white;
}

.btn-security:not(.bg-white){
    background: #E5F6FA;
}

.block-severite-3-chron .text-questions {
	font-family: "Madera-Bold";
	margin-bottom: 75px
}
.red-chron{color: #EE1D23}
.border-red-chron{border: 1px solid #D1232A}
.border-orange-chron{border: 1px solid #F58355}
.border-green-chron{border: 1px solid #79C142}
.step-small-chron{
    padding: 22px 25px;
    border-radius: 10px;
    text-align: center;
    font-family: "Madera-Medium";
}

/*block-phase-avant-col-chron*/
.block-phase-avant-col-chron .items{
    display: flex;
    gap: 30px;
}
.block-phase-avant-col-chron .item{
	padding: 50px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 50%;
}



/*block cta chron*/
.cta-chron{
	padding: 19px 44px;
	color: white;
	border-radius: 10px;
	font-family: "Calistoga-Regular";
	font-size: 16px;
    display: inline-block;
	text-decoration: none;
}




/*Block texte*/
.block-texte p,
.block-text-post p{font-size: 16px}

.single-chroniques .block-text-post p{
	font-family: "Madera-Regular";
    font-size: 18px;
	line-height: normal;
}

.single-chroniques .block-text-post p a{
	color: #003359; 
	text-decoration: underline;
}

.single-chroniques .block-text-post p b,
.single-chroniques .block-text-post strong{
	font-family: "Madera-Bold";

}

.single-chroniques .block-text-post p span{
	color: #00B3CE;
}
.single-chroniques .block-text-post p span b{
	font-family: "Madera-Bold";

}


.single-chroniques .block-text-post p sup{
	font-size: 11px;
    top: -6px;
    position: relative;
    color: #003359;
}
.single-chroniques .block-text-post p em{
	font-style: italic;
}

#img-plaies-special img{
	border-radius: 20px;
	width: 175px;	
}
#section-flex-phrase p{
display: flex;
	align-items: center;
	gap: 20px
}


.block-text-post .small-title{margin-bottom: 15px}
.single-produit .block-text-post .small-title{
    text-transform: uppercase;
    color: #003359;
}
/*.block-text-post p b{font-family: "Rubik-Bold"}*/

.single-chroniques .block-icon-content-chron .title-24,
.single-chroniques .block-text-post .small-title{
    font-family: "Alga-Regular";
    font-weight: 600;
    font-size: 28px;
	line-height: normal;
}

.single-chroniques .block-text-post.size-24 li,
.single-chroniques .block-text-post.size-24 p{
	font-size: 24px;
}
.single-chroniques .block-text-post.no-margin p{margin-bottom: 0px}
.single-chroniques .block-text-post li {
	position: relative;
	color: #00B3CE;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 18px;
	font-family: "Madera-Regular";
}
.single-chroniques .block-text-post li sup{
    font-size: 12px;
    position: relative;
    top: -7px;
}

.single-chroniques .block-text-post li b{
	font-weight: bold;
}
.single-chroniques .block-text-post ul.blue li{
	color: #003359;
	line-height: normal;
	margin-bottom: 10px;
}
.single-chroniques .block-text-post ul.blue li a{
	color: #003359;
	text-decoration: underline;
}
.single-chroniques .block-text-post ul.blue li:before {
    background: #003359;
    top: 10px;
}
.single-chroniques .block-text-post ul{padding-left: 15px}
.single-chroniques .block-text-post.size-24 li {
	margin-bottom: 15px;
	font-weight: normal;
}
.single-chroniques .block-text-post li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #00B3CE;
    position: absolute;
    left: 0;
    border-radius: 100%;
    top: 8px;
}
.single-chroniques .block-text-post.size-24 li:before{
	top: 14px;
}


.single-chroniques  .block-double-img img{
    border-radius: 10px;
    height: 460px;
    width: calc(50% - 15px);
}

@media screen and (max-width: 767px){
	.block-text-post .small-title{margin-bottom: 25px}
	.block-text-post .container{padding: 0px}
}
/*Block img (post)*/
.postid-4688 .block-img img {
    width: auto;
	object-fit: contain;
	max-width: 100%;
}
.postid-4688 .block-contact  h3{padding: 0px 20px}

.block-img img{
    width: 100%;
    object-fit: cover;
    border-radius: 50px;
    max-height: 508px;
}
@media screen and (max-width: 767px){
	.block-img img{
		height: 280px;
		border-radius: 50px 50px 50px 0px;
	}
}

/*Block img center (post)*/
.block-img-center img{
	max-width: 100%;
	border-radius: 50px;
}
@media screen and (max-width: 767px){
	.block-img-center img{
		max-width: 160px;
		object-fit: cover;
	}
}

/*Block citation (post)*/
.block-citation p{
	font-size: 24px;
	line-height: 32px;
    font-family: "Madera-Medium";
}
.single-chroniques .block-citation p{
	font-family: "Calistoga-Regular";
}
.block-citation p.blue-lite a{
    color: #003359;
    display: block;
    text-decoration: underline;
	margin-top: 15px;
}

.block-citation > img{
	margin-bottom: 10px;
	margin-top: 20px;
}
@media screen and (max-width: 767px){
	.block-citation p {
	    background: white;
	    padding: 48px 30px;
	    border-radius: 50px;
	}
	.block-citation > img {
        top: 20px;
        position: relative;
	}
}
/*Block img + text*/
.block-img-text-post p{
	float: left;
	width: 100%;
	font-size: 16px;
}
.block-img-text-post .content{
    display: flex;
    flex-direction: column;
    padding-left: 50px;
}
.block-img-text-post .content ul{
	display: flex;
    gap: 30px;
	margin-top: 30px;
}
.block-img-text-post p a{color: #00A7C9}
.block-img-text-post img{
	float: left;
	width: 350px;
	max-width: 100%;
	border-radius: 50px;
	min-height: 350px;
	object-fit: cover;
}
.block-img-text-post{
	margin: 35px 0px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1150px){
	.block-img-text-post img{min-height: 300px}
}
@media screen and (max-width: 767px){

	.sub-sub-menu-columns {margin-bottom: 10px}
	body .block-img-text-post{
		padding: 0px!important;
        margin-bottom: 0px;
	}
	body .block-img-text-post img{
		width: calc(100% - 85px);
		border-radius: 50px;
		height: 335px;
	}
    .block-img-text-post .content ul {
        margin-top: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .block-img-text-post {gap: 0px}
	.block-img-text-post p {
        margin: auto;
        float: none;
        display: block;
        clear: both;
        padding: 40px 20px;
        border-radius: 50px;
        top: 0;
        position: relative;
        background: none;
        text-align: left;
	}	
}
/* block-double-img*/
.block-double-img img{
	width: calc(50% - 33px);
	border-radius: 50px;
	height: 354px;
	object-fit: cover;
}
.block-double-img img:nth-child(1){float: left}
.block-double-img img:nth-child(2){float: right}

@media screen and (max-width: 1150px){
	.block-double-img img{height: 300px}
}
.postid-7893.single-webinar .block-video-post > .plyr{height: 500px}


@media screen and (max-width: 767px){
	.block-double-img img {
		height: 318px;
		width: 100%;
		margin: 30px 0px;
	}
}
/*Block video (post)*/
.block-video-post .plyr__video-wrapper{height: 100%}
body .plyr__video-wrapper{background: none}
.block-video-post .plyr__video-wrapper,
.block-video-post video{
    border-radius: 50px!important;
}
.block-video-post > .plyr{height: 500px}
.single-webinar .block-video-post > .plyr {
    height: auto;
	margin-bottom: 25px;
}
.single-chroniques .block-video-post {
	width: auto;
	margin: auto;
	float: none;
	display: table;
}
.single-chroniques .block-video-post > .plyr{border-radius: 50px}
.single-chroniques .block-video-post .plyr__video-wrapper{
	width: 770px;
	max-width: 100%;
	margin: auto;
}

@media screen and (max-width: 767px){
	.single-webinar .block-video-post,
	.single-evenements .block-video-post,
	.single-post .block-video-post {padding: 0px!important}
	.single-webinar .block-video-post video,
	.single-webinar .block-video-post .plyr__video-wrapper,
	.single-evenements .block-video-post video,
	.single-evenements .block-video-post .plyr__video-wrapper,
	.single-post .block-video-post .plyr__video-wrapper,
	.single-post .block-video-post video{
		border-radius: 0px!important
	}
	.block-video-post > .plyr {height: 318px}
}

/*Block contact (post)*/
.wp-admin .block-contact .block,
.single-webinar .block-contact .block,
.single-evenements .block-contact .block,
.single-post .block-contact .block{
	width: 780px;
	max-width: 100%;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 50px;
	padding-bottom: 68px;
}
.single-post .block-contact .picto-3{display: none}
.wp-admin .block-contact .block,
.single-webinar .block-contact .block,
.single-evenements .block-contact .block,
.single-post .block-contact .block{padding-top: 68px}

.wp-admin .block-contact .block .medium-title,
.single-webinar .block-contact .block .medium-title,
.single-evenements .block-contact .block .medium-title,
.single-post .block-contact .block .medium-title{margin-bottom: 35px}

.wp-admin .block-contact,
.single-webinar .block-contact,
.single-evenements .block-contact,
.single-post .block-contact {margin: 30px 0px}

.wp-admin .block-contact .block p,
.single-webinar .block-contact .block p,
.single-evenements .block-contact .block p,
.single-post .block-contact .block p{
	padding-left: 45px;
	padding-right: 45px;
	margin-top: 8px;
	margin-bottom: 41px
}
.wp-admin .block-contact .picto-1,
.single-webinar .block-contact .picto-1,
.single-evenements .block-contact .picto-1,
.single-post .block-contact .picto-1{
    position: absolute;
    width: 200px;
    z-index: -1;
    left: 0;
    top: 0;
}
.wp-admin .block-contact .picto-2,
.single-webinar .block-contact .picto-2,
.single-evenements .block-contact .picto-2,
.single-post .block-contact .picto-2{
    position: absolute;
    right: 0;
    top: 50%;
    width: 100px;
}

@media screen and (max-width: 767px){
    .single-webinar .block-contact .block,
    .single-post .block-contact .block,
    .single-evenements .block-contact .block{
        width: 100%;
        padding: 33px 20px 46px 20px;
    }
    .single-webinar .block-contact .block .medium-title,
    .single-evenements .block-contact .block .medium-title,
    .single-post .block-contact .block .medium-title{margin-bottom: 5px}

    .single-webinar .block-contact .block p,
    .single-evenements .block-contact .block p,
    .single-post .block-contact .block p{
        margin-bottom: 0px;
        margin-top: 13px;
    }
    .block-contact .block .cta{
        width: 200px;
        margin-top: 40px
    }
    body.single-webinar .block-contact .picto-1,
    body.single-evenements .block-contact .picto-1,
    body.single-post .block-contact .picto-1{
        left: -14px;
        width: 110px;
        top: -38px;
        z-index: -1;
    }
    .single-webinar .block-contact .block p,
    .single-evenements .block-contact .block p,
    .single-post .block-contact .block p{
        padding-left: 0px;
        padding-right: 0px;
    }
    .single-webinar .block-contact .picto-2,
    .single-evenements .block-contact .picto-2,
    .single-post .block-contact .picto-2{display: none}
}
/*BLOCK MISSION 1*/
.block-mission-1 .form{
	position: absolute;
	right: 0;
	top: -186px;
}
.block-mission-1 .form-2{
	position: absolute;
	right: 27%;
	top: -105px;
	width: 83px;
}
.block-mission-1 .form-3{
	position: absolute;
	right: 23%;
	top: -180px;
	width: 62px;
}
.block-mission-1 .block-parent .block-left{
	width: 698px;
	float: left;
}
.block-mission-1 .block-parent .block-left img,
.block-mission-1 .block-parent .block-left .plyr {
	width: 580px;
	margin-left: 118px;
	border-radius: 50px;
	border-bottom-left-radius: 0px;
	margin-top: -135px;
	position: relative;
	height: 457px;
	object-fit: cover;
}
.block-mission-1 .title-mini-block{margin-bottom: 26px}
.block-mission-1{margin: 50px 0px}
.block-mission-1 .block-parent{
    background: #DBF2F7;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-bottom: 40px;
    padding-top: 50px;
}
.block-mission-1 .block-parent:after {
    content: "";
    background: #DBF2F7;
    width: 3000px;
    position: absolute;
    top: 0px;
    height: 100%;
    z-index: -1;
    right: -3000px;
    border-radius: 0px;
}
.block-mission-1 .block-parent .block-right{
	float: left;
	padding-left: 68px;
	width: calc(100% - 698px);
}
@media screen and (max-width: 1300px) {
	.block-mission-1 .block-parent .block-left{width: 500px}
	.block-mission-1 .block-parent .block-right {
		width: calc(100% - 500px);
		padding-left: 100px;
	}
	.block-mission-1 .block-parent .block-left img,
	.block-mission-1 .block-parent .block-left .plyr{
		width: 100%;
		margin-left: 50px;
	}
}
@media screen and (max-width: 1100px) {
	.block-mission-1 .block-parent .block-right,
	.block-mission-1 .block-parent .block-left{
		width: 50%;
	}
}


@media screen and (max-width: 991px) {
    .block-mission-1 .block-parent .block-right{width: 55%}
    .block-mission-1 .block-parent .block-left{width: 45%}
    .block-img-text-post {
        flex-direction: column;
        gap: 50px;
    }
}
@media screen and (max-width: 767px) {

	.block-mission-1 .block-parent .block-left img,
	.block-mission-1 .block-parent .block-left .plyr{
		margin-top: 0px;
	}
	.block-mission-1,
	.block-mission-1 .block-parent{background: #eefbfe}
	.block-mission-1 {
	  border-top-left-radius: 100px;
	}
	.block-mission-1 .form-3,
	.block-mission-1 .form{display: none}
	.block-mission-1 .form-2 {
		right: initial;
        left: 30px;
        top: -124px;
        width: 45px;
	}
	.block-mission-1 .block-parent .block-right,
	.block-mission-1 .block-parent .block-left{
		width: 100%;
	}
	.block-mission-1 .block-parent .block-left img,
	.block-mission-1 .block-parent .block-left .plyr {
        width: 100%;
        margin-left: 0px;
        height: 280px;
        object-fit: cover;
		top: -110px
	}
	.block-mission-1 .container,
	.block-mission-1 .block-parent .block-right .title-mini-block,
	.block-mission-1 .block-parent .block-right{padding: 0px}
	.block-mission-1 .block-parent .block-right {margin-top: -85px}
	.block-mission-1 .block-parent:after{content: none}
}
body:not(.wp-admin) .block-mission-1 .block-right a{
    color: #00A7C9;
    font-weight: bold;
}
@media screen and (min-width: 1200px){
	body:not(.wp-admin) .block-mission-1 .block-right,
	body:not(.wp-admin) .block-mission-1 .block-parent .block-left img,
	body:not(.wp-admin) .block-mission-1 .block-parent .block-left .plyr{
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		opacity: 0;
	}
	body:not(.wp-admin) .block-mission-1 .block-right{transform: translate(0,45%)}
	body:not(.wp-admin) .block-mission-1.vue .block-right,
	body:not(.wp-admin) .block-mission-1.vue .block-parent .block-left img,
	body:not(.wp-admin) .block-mission-1.vue .block-parent .block-left .plyr {
		opacity: 1;
		transform: translate(0,0);
	}
}
/*block-mission-2*/

@media screen and (min-width: 1200px){
	body:not(.wp-admin) .block-mission-2 .block-left,
	body:not(.wp-admin) .block-mission-2 .block-parent .block-right img,
		body:not(.wp-admin) .block-mission-2 .block-parent .block-right .plyr{
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		opacity: 0;
		transform: translate(0,35%);
	}
	body:not(.wp-admin) .block-mission-2 .block-left{transform: translate(0,45%)}
	body:not(.wp-admin) .block-mission-2.vue .block-left,
	body:not(.wp-admin) .block-mission-2.vue .block-parent .block-right img,
	body:not(.wp-admin) .block-mission-2.vue .block-parent .block-right .plyr{
		opacity: 1;
		transform: translate(0,0);
	}
}

.block-mission-2 .form{
	position: absolute;
	left: 0;
	top: -186px;
}
.block-mission-2 .form-2{
	position: absolute;
	left: 25%;
	top: -155px;
	width: 62px;
}
.block-mission-2 .form-3{
	position: absolute;
	right: 63%;
	top: -117px;
	width: 83px;
}
.block-mission-2 .block-parent .block-right{
	width: 698px;
	float: left;
}
.block-mission-2 .block-parent .block-right img,
.block-mission-2 .block-parent .block-right .plyr {
	width: 580px;
	margin-right: 0px;
	border-radius: 50px;
	margin-top: -200px;
	position: relative;
	border-bottom-left-radius: 0px;
	float: right;
	height: 457px;
	object-fit: cover;
}
.block-mission-2 .title-mini-block{margin-bottom: 26px}
.block-mission-2{margin: 50px 0px}
.block-mission-2 .block-parent{padding: 90px 0px}
.block-mission-2 .block-parent:before {
	content: "";
	background: #ffffff;
	width: 3800px;
	position: absolute;
	top: 0px;
	height: 100%;
	z-index: -1;
	left: -3000px;
	border-radius: 0px;
}
.block-mission-2 .block-parent:after {
	content: "";
	background: #ffffff;
	width: 118px;
	position: absolute;
	top: 0px;
	height: 100%;
	z-index: -1;
	right: -118px;
	border-radius: 100px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.block-mission-2 .block-parent .block-left{
	float: left;
	/*padding-left: 68px;*/
	padding-left: 0px;
	width: calc(100% - 698px);
}
.block-mission-1 p,
.block-mission-2 p{
	font-size: 16px;
}
@media screen and (max-width: 1500px) {
	.block-mission-2 .block-parent:after{right: -75px}
}
@media screen and (max-width: 1390px) {
	.block-mission-2 .block-parent .block-right img,
  .block-mission-2 .block-parent .block-right .plyr{
		float: left;
		margin-left: 70px;
	}
	.block-mission-2 .block-parent:after{right: -25px}
	.block-mission-2 .block-parent {
			border-bottom-right-radius: 100px;
	    border-top-right-radius: 100px;
	}
}
@media screen and (max-width: 1300px) {
	.block-mission-2 .block-parent .block-right{width: 500px}
	.block-mission-2 .block-parent .block-right img,
	.block-mission-2 .block-parent .block-right .plyr{
		width: 100%;
		margin-left: 0px;
		left: -25px;
	}
	.block-mission-2 .block-parent .block-left {
	   width: calc(100% - 500px);
	   padding-right: 100px;
	}
	.block-mission-2 .form-2 {left: 21%}
}
@media screen and (max-width: 1100px) {
	.block-mission-2 .block-parent .block-right,
	.block-mission-2 .block-parent .block-left{
		width: 50%;
		padding: 0px 50px;
	}
}
@media screen and (max-width: 991px) {
	.block-mission-2 .block-parent .block-left{width: 55%}
	.block-mission-2 .block-parent .block-right{width: 45%}
}
@media screen and (max-width: 767px) {
	.block-mission-2 .title-mini-block{
		padding: 0px;
		margin-top: 33px;
	}
	.block-mission-2 .form-3{display: none}
	.block-mission-2 .block-parent .block-left img{
		width: 100%;
		border-radius: 50px 50px 50px 0px;
        height: 280px;
        object-fit: cover;
	}
	.block-mission-2 .block-parent {
        padding-bottom: 40px;
        padding-top: 41px;
	}
	.block-mission-2 .block-parent .block-left {
        width: 100%;
        padding: 0px;
	}
	.block-mission-2 .container{padding: 0px}
	.block-mission-2 .form {
        transform: rotate(0deg)!important;
        left: initial;
        right: 0;
		display: none;
	}
	.block-mission-2 .block-parent:before{content: none}
	.block-mission-2{
		background: none;
		border-top-left-radius: 0px
	}
	.block-mission-2 .block-parent{
		border-radius: 100px;
		background: none;
	}
	.block-mission-2 .form-2 {
		left: initial;
        top: 50%;
        width: 70px;
        z-index: 9;
        right: -30px;
        display: none;
	}
	.block-mission-1 .form-2{display: none}
	.block-mission-2 .block-parent:after{content: none}
}

/*Block video 2*/
.block-videos-2 .plyr{
	width: 888px;
	max-width:  100%;
	object-fit: cover;
	border-radius: 50px;
	margin: auto;
}
.block-videos-2 .content{
	width: 888px;
	max-width: 100%;
	margin: auto;
}
.block-videos-2 .content .title-mini-block{margin-bottom: 15px}
.block-videos-2 .content p{margin-bottom: 55px}
.block-videos-2 .plyr__video-wrapper video{
	border-radius: 50px;
	height: 568px
}
.block-videos-2 .video-parent {position: relative}
.block-videos-2 .video-parent > img{
	position: absolute;
	width: 395px;
	left: -120px;
	z-index: 9;
	bottom: -70px;
}
.block-videos-2 .container{position: relative}
.block-videos-2 .form{
	background: white;
	height: 495px;
	width: 100%;
	position: absolute;
	bottom: -80px;
	left: 0;
}
.block-videos-2:before{
	content: "";
	background: white;
	height: 495px;
	width: 1200px;
	position: absolute;
	bottom: -80px;
	left: 0;
	border-bottom-right-radius: 100px;
	border-top-right-radius: 100px;
}
.block-videos-2 .video-parent:after {
	content: "";
	background: #ffffff;
	width: 118px;
	position: absolute;
	bottom: -80px;
	height: 495px;
	z-index: -1;
	right: -118px;
	border-radius: 100px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.block-videos-2 > img{
	position: absolute;
	left: 0;
	top: 135px;
}
@media screen and (max-width: 1500px) {
	.block-videos-2 .video-parent:after{right: -75px}
}
@media screen and (max-width: 1390px) {
	.block-videos-2 .video-parent:after{right: -25px}
	.block-videos-2 .form{border-radius: 100px}
}
@media screen and (max-width: 767px) {
	.block-videos-2 .content .title-mini-block {
		margin-bottom: 15px;
		padding: 0px;
		font-size: 34px!important;
	}
	.block-videos-2 .content p{padding-right: 50px}
	.block-videos-2 .video-parent > img {
        bottom: initial;
        top: -241px;
        width: 134px;
        left: initial;
        right: -40px;
        transform: matrix(1, 0, 0, 1, 0, 0);
        -moz-transform: scale(-1, -1);
        -o-transform: scale(-1, -1);
        -webkit-transform: scale(-1, -1);
        transform: scale(-1, 1);
	}
    .block-videos-2 .plyr__video-wrapper video{
        height: 240px;
        z-index: 99;
    }
    .block-videos-2:before,
    .block-videos-2 .video-parent:after{content: none}
    .block-videos-2 .form {
        background: white;
        height: 190px;
        width: calc(100% - 80px);
        bottom: -50px;
        left: 0;
        border-radius: 0px;
        border-bottom-right-radius: 50px;
    }
    .block-videos-2 .content,
    .block-videos-2 .video-parent{
        padding: 0px 36px;
    }
    .block-videos-2 .container{padding: 0px}
}

/*Block paies 1*/
.block-plaies-1 {
	margin-bottom: 50px;
	margin-top: 30px;
	z-index: 99!important;
	position: relative;
}
.block-plaies-2 {
	z-index: 99!important;
	position: relative;
}
.block-plaies-1 .form{
	position: absolute;
	top: -34px;
}
.block-plaies .content{width: 411px}
.block-plaies .content img{
	width: 100%;
	height: 305px;
	object-fit: cover;
	border-radius: 50px 50px 0px 0px;
}
.block-plaies ul.list-plaies{
	width: calc(100% - 411px);
  float: left;
}
.block-plaies ul.list-plaies li{
	font-family: "Rubik-Bold";
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	transition: 0.5s;
}
.block-plaies{padding-right: 100px!important}

.block-plaies-1 ul.list-plaies li:hover{color: #003359}
.block-plaies-1 ul.list-plaies li svg #Ellipse_31,
.block-plaies-1 ul.list-plaies li svg #Ellipse_30,
.block-plaies-1 ul.list-plaies li svg{transition: 0.5s}
.block-plaies-1 ul.list-plaies li:hover svg #Ellipse_31{fill:#003359}
.block-plaies-1 ul.list-plaies li:hover  svg #Ellipse_30{fill:#9ab9c8}

.block-plaies-2 ul.list-plaies li:hover{color: #00A7C9}
.block-plaies-2 ul.list-plaies li svg #Ellipse_31,
.block-plaies-2 ul.list-plaies li svg #Ellipse_30,
.block-plaies-2 ul.list-plaies li svg{transition: 0.5s}
.block-plaies-2 ul.list-plaies li:hover svg #Ellipse_31{fill:#00A7C9}
.block-plaies-2 ul.list-plaies li:hover  svg #Ellipse_30{fill:#b3e5ef}

.block-plaies ul.list-plaies li.active{
	font-size: 30px;
	margin-bottom: 32px;
	line-height: 45px;
	max-width: 80%;
}
.block-plaies-1 ul li:not(.active) #Ellipse_30{fill: #00A7C9}
.block-plaies-1 ul li:not(.active) #Ellipse_31{fill: #00A7C9}
.block-plaies ul.list-plaies li:hover{cursor: pointer}
.block-plaies ul.list-plaies li svg{
	margin-right: 20px;
	margin-left: 7px;
}
.block-plaies ul.list-plaies li.active svg{
	width: 45px;
	height: 45px;
	margin-right: 11px;
	margin-left: 0px;
}
.block-plaies ul.list-plaies li.active svg circle{width: 45px}
.block-plaies .medium-title{
	margin-bottom: 55px;
	width: 550px;
	max-width: 100%;
}
.block-plaies .content{
	border-radius: 50px 50px 0px 0px;
	border-bottom-right-radius: 50px;
	position: absolute;
	opacity: 0;
	transition: 0.7s;
}
.block-plaies-1 .content{
	float: left;
	right: 0;
	top: -95px;
}
.block-plaies-1 .content .plyr{
    border-radius: 50px 50px 0px 0px;
    z-index: -1;
}
.block-plaies-1 .content.active .plyr{z-index: 9}
.page .block-plaies-2 .content .inner,
.page .block-plaies-1 .content .inner{
    padding: 0px 25px;
    padding-bottom: 15px;
}
.block-plaies .content.active{opacity: 1}
.block-plaies .title-preview-post{
	margin-top: 42px;
	width: 68%;
}
.page .block-plaies .title-preview-post{margin-top: 0px}
.block-plaies .content p{margin-bottom: 35px}
body .block-plaies .parent-plaies{
	padding-bottom: 35px;
}
.block-plaies-1 .parent-plaies:after{
	content: "";
	background: #DBF2F7;
	height: 100%;
	width: 200px;
	position: absolute;
	right: -200px;
	border-bottom-right-radius: 100px;
	border-top-right-radius: 100px;
}
.block-plaies-1 .picto-1{
	z-index: 9;
	position: absolute;
	right: -226px;
	top: -130px;
	width: 180px;
}
.block-plaies-1 .picto-2{
	z-index: 9;
	position: absolute;
	right: 440px;
	top: 150px;
	width: 85px;
}
.page .block-plaies-1 .parent-plaies:after,
.single-post .block-plaies-1 .parent-plaies:after,
.single-webinar .block-plaies-1 .parent-plaies:after,
.single-evenements .block-plaies-1 .parent-plaies:after{
    content: none;
}


.page .block-plaies-1 .picto-2,
.single-post .block-plaies-1 .picto-2,
.single-evenements .block-plaies-1 .picto-2,
.single-webinar .block-plaies-1 .picto-2,
.page  .picto-1,
.single-post  .picto-1,
.single-webinar .picto-1,
.single-evenements .picto-1{
	display: none
}
.page .block-plaies-1 .content,
.single-webinar .block-plaies-1 .content,
.single-evenements .block-plaies-1 .content,
.single-post .block-plaies-1 .content {
    right: 0px;
    width: 280px
}
.page .block-plaies .content img ,
.single-webinar .block-plaies .content img ,
.single-evenements .block-plaies .content img ,
.single-post .block-plaies .content img  {
    height: 225px;
    object-fit: cover;
    border-radius: 50px 50px 0px 0px;
}
.single-webinar .block-plaies .content img, 
.single-evenements .block-plaies .content img, 
.single-post .block-plaies .content img {
    max-width: 50%;
}
@media screen and (max-width: 767px){
    .single-webinar .block-plaies .content img, 
    .single-evenements .block-plaies .content img, .single-post .block-plaies .content img {
        max-width: 100%;
    }
}

.single-webinar .block-plaies .content .inner ,
.single-evenements .block-plaies .content .inner ,
.single-post .block-plaies .content .inner  {
    padding-left: 20px;
}
.page .block-plaies .content img {
    border-radius: 30px;
    width: 35%;
    height: auto;
}
.page .block-plaies-2 .content{left: initial}

.page .block-plaies ul.list-plaies,
.single-post .block-plaies ul.list-plaies,
.single-evenements .block-plaies ul.list-plaies,
.single-webinar .block-plaies ul.list-plaies {
    width: calc(100% - 285px);
}
.page .block-plaies ul.list-plaies{width: calc(100% - 600px)}

.page .block-plaies ul.list-plaies li.active,
.single-post .block-plaies ul.list-plaies li.active,
.single-evenements .block-plaies ul.list-plaies li.active,
.single-webinar  .block-plaies ul.list-plaies li.active{
     font-size: 20px;
    line-height: 23px;
}
.page .block-plaies ul.list-plaies li.active svg,
.single-post .block-plaies ul.list-plaies li.active svg,
.single-evenements .block-plaies ul.list-plaies li.active svg,
.single-webinar .block-plaies ul.list-plaies li.active svg{
    width: 40px;
    height: 40px;
}
.page .block-plaies ul.list-plaies li,
.single-evenements .block-plaies ul.list-plaies li,
.single-webinar .block-plaies ul.list-plaies li,
.single-post .block-plaies ul.list-plaies li{
    font-size: 18px;
}
.page .block-plaies-1 .form,
.single-webinar .block-plaies-1 .form,
.single-post .block-plaies-1 .form,
.single-evenements .block-plaies-1 .form{
    display:none;
}
.block-evenements .title-preview-post,
.block-webinar .title-preview-post,
.block-plaies .title-preview-post {
    width: 100%;
}

.page .block-plaies ul.list-plaies li svg,
.single-evenements .block-plaies ul.list-plaies li svg,
.single-webinar .block-plaies ul.list-plaies li svg,
.single-post .block-plaies ul.list-plaies li svg {
    margin-left: 5px;
}
.single-evenements .block-plaies .page-container,
.single-webinar .block-plaies .page-container,
.single-post .block-plaies .page-container{
    width: 100%;
}

.page .block-plaies-2 .form,
.single-evenements .block-plaies-2 .form,
.single-webinar  .block-plaies-2 .form,
.single-post  .block-plaies-2 .form,
.single-evenements  .block-plaies-2 .parent-plaies:before,
.single-webinar  .block-plaies-2 .parent-plaies:before,
.single-post  .block-plaies-2 .parent-plaies:before{
	display: none;
}
.page .block-plaies .content,
.single-evenements .block-plaies .content,
.single-webinar .block-plaies .content,
.single-post .block-plaies .content{
    width: 600px;
    display: flex;
    top: 0;
    right: 0;
    padding: 15px;
    border-radius: 50px;
    align-items: center;
}
.page .block-plaies .content{
    align-items: flex-start;
    padding-top: 35px;
}
.single-webinar .block-plaies-2 .content,
.single-post .block-plaies-2 .content,
.single-evenements .block-plaies-2 .content {
    left: 0px;
}

@media screen and (max-width: 1250px){
    .single-evenements .block-plaies .content, 
    .single-webinar .block-plaies .content, 
    .single-post .block-plaies .content {
        width: 470px;
    }
    .single-webinar .block-plaies .content img, 
    .single-evenements .block-plaies .content img, 
    .single-post .block-plaies .content img {
        height: 184px;
    }
    .block-plaies {padding-right: 0px !important}
}

@media screen and (max-width: 1700px){
	.block-plaies-1 .parent-plaies:after {
        right: -100px;
        z-index: -1;
	}
}
@media screen and (max-width: 1450px){
	.block-plaies-1 .parent-plaies:after {
        right: -70px;
        z-index: -1;
	}
	.block-plaies-1 .content{right: 60px}
	.block-plaies-1 .picto-2 {
        right: 490px;
        top: 130px;
        width: 64px;
	}
}
@media screen and (max-width: 1400px){
	.block-plaies-1 .parent-plaies:after{right: -90px}
	body .block-plaies .parent-plaies {
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
	}
}
@media screen and (max-width: 1300px){
	.block-plaies-1 .content {
	    right: 100px;
	    z-index: 9;
	}
}
@media screen and (max-width: 1249px){
	.block-plaies-1 .content{right: 0}
	.block-plaies ul.list-plaies li {
		font-size: 22px;
		line-height: 24px;
	}
	.block-plaies ul.list-plaies li.active {
		font-size: 30px;
		line-height: 42px;
	}
}
@media screen and (max-width: 1150px){
    .block-plaies-2 .form {top: -43px!important}
    .page .block-plaies ul.list-plaies {width: 48%}
    .page .block-plaies .content{width: 50%}
    .page .block-plaies .content {flex-direction: column}
    .page .block-plaies .content img {
        width: calc(100% - 20px);
        height: auto;
        left: 20px;
        position: relative;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px){
	body.page .block-contact {margin-top: 200px!important}
	.block-plaies .content {
		top: -40px;
		width: 340px
	}
	.block-plaies .content .inner {
        padding-left: 30px;
        padding-right: 20px;
	}
	.block-plaies ul.list-plaies li.active{max-width: 90%}
	.block-plaies-1 .picto-2{display: none}
	.block-plaies .content img{height: 247px}
	.block-plaies .content p {
	    font-size: 17px;
	    line-height: 24px;
	}
	.block-plaies ul.list-plaies li{display: block}
	.block-plaies ul.list-plaies li svg{float: left}
}
@media screen and (max-width: 1150px){
    .single-post .block-plaies ul.list-plaies, .single-evenements .block-plaies ul.list-plaies, .single-webinar .block-plaies ul.list-plaies {
        width: calc(100% - 320px);
    }
}

@media screen and (max-width: 850px){
	.block-plaies ul.list-plaies li {font-size: 18px}
	.block-plaies ul.list-plaies li.active {
	  font-size: 22px;
	  line-height: 24px;
	}
}
@media screen and (max-width: 767px){
	body.page .block-contact {margin-top: 100px !important}
	.single-webinar .block-plaies-2 ul, 
    .single-webinar .block-plaies-2 .medium-title, 
    .single-post .block-plaies-2 ul, 
    .single-post .block-plaies-2 .medium-title, 
    .single-evenements .block-plaies-2 ul, 
    .single-evenements .block-plaies-2 .medium-title {
        margin-left: 0px;
    }
	.single-evenements .block-plaies-1, 
    .single-webinar .block-plaies-1, 
    .single-post .block-plaies-1 {
        margin-bottom: 130px;
    }
	.block-plaies-1 {margin-bottom: 90px}
	.block-plaies .container{padding: 0px}
	body.page .block-contact .picto-1,
	.block-plaies-2 .picto-2,
	.block-plaies-1 .picto-1{
        display:none
	}
	.block-plaies-2:after,
	.block-plaies-1:after {
        content: "";
        background: #DBF2F7;
        display: block;
        height: 63%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: -1;
        bottom: 0px;
	}
	.block-plaies-1:after{
		border-bottom-right-radius: 100px;
		border-top-right-radius: 100px;
	}
	.block-plaies-2:after{
		border-bottom-left-radius: 100px;
		border-top-left-radius: 100px;
	}
	body .block-plaies-2,
	body .block-plaies-1{padding-bottom: 50px!important}
	body .block-plaies .parent-plaies{padding-bottom: 20px}
    .block-plaies ul.slick-dots {
        bottom: inherit;
        top: -30px;
    }
	body .block-plaies{
		padding-left: 23px!important;
		padding-right: 23px!important
	}
	.block-plaies-2 .picto-1{display: none}
}

@media screen and (max-width: 305px){
	.title-preview-post {
		font-size: 18px;
		line-height: 25px;
	}
}

/*Block paies 2*/
.block-plaies-2 {margin-bottom: 0px}
.block-plaies-2 .medium-title{width: 350px}
.block-plaies-2 ul li:not(.active) #Ellipse_30 {fill: #00A7C9}
.block-plaies-2 ul li:not(.active) #Ellipse_31 {fill: #00A7C9}
.block-plaies-2 ul li.active{
    color: #003359;
}
.block-plaies-2 .form{
	position: absolute;
	right: 0;
	top: -32px;
}
.single-post .block-plaies-2 ul.list-plaies, 
.single-evenements .block-plaies-2 ul.list-plaies, 
.single-webinar .block-plaies-2 ul.list-plaies{
    width: calc(100% - 600px);
    left: 700px;
    position: relative;
}
.block-plaies-2 .content{left: 100px}
.block-plaies-2 .content {top: -95px}
.block-plaies-2 .picto-1,
.block-plaies-2 .picto-2{
	position: absolute;
}
.block-plaies-2 .picto-1{
	left: -102px;
	top: -119px;
	z-index: -9;
	width: 161px;
}
.block-plaies-2 .picto-2{
	right: -200px;
	width: 110px;
	top: -56px;
}

@media screen and (max-width: 1600px){
	.block-plaies-2 .picto-2 {right: -64px}
	body .block-plaies-2 .parent-plaies{
		border-bottom-left-radius: 100px;
		border-top-left-radius: 100px;
	}
	body .block-plaies .parent-plaies {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	}
}
@media screen and (max-width: 1400px){
	.block-plaies-2 .parent-plaies:after{left: 0px}
}
@media screen and (max-width: 1250px){
	.single-post .block-plaies-2 ul.list-plaies, 
	.single-evenements .block-plaies-2 ul.list-plaies, 
	.single-webinar .block-plaies-2 ul.list-plaies {
		left: 600px;
	}
	body:not(.wp-admin ) .single-post .block-login {width: 850px}
}

@media screen and (max-width: 1240px){
	.block-plaies-2 .content{left:0px}
	.block-plaies ul.list-plaies li svg {
	    top: -4px;
	    position: relative;
	}
	.bloc-login-post{margin-bottom: 100px}
}

@media screen and (max-width: 767px){
	.block-plaies .medium-title{font-size: 30px!important}
	.block-plaies-2{margin-bottom: 50px}
	.block-plaies-2 .slick-dots li button:before,
	.block-plaies-2 .slick-dots li.slick-active button:before{
		color: #68B7A6
	}
	.block-plaies-2 .title-preview-post{color: #68B7A6}
	.block-plaies-2 .picto-2{
		right: -61px;
		width: 130px;
		top: -90px;
	}
	body .block-plaies .parent-plaies > ul{display: none}
	.block-plaies .content {
        top: 0;
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        opacity: 1;
        margin-right: 15px;
	}
	.block-plaies-2 .parent-plaies:after,
	.block-plaies-2 .parent-plaies:before,
	.block-plaies-1 .parent-plaies:after,
	.block-plaies-1 .parent-plaies:before{content: none}
	body .block-plaies .parent-plaies{background: none}
	.block-plaies-1 .form{display: none}
	.block-plaies ul {
    width: 100%;
    margin-top: 0px;
	}
	.block-plaies-2 ul, .block-plaies-2 .medium-title{margin: 0px}
	.block-plaies-2 .medium-title{margin-bottom: 90px}
	.block-plaies-2 .form{display: none}
}

/*Block contact page*/
body.page .block-contact {
	margin-bottom: 125px;
	margin-top: 125px;
}
body.page .block-contact .block{
	width: 515px;
	margin: auto;
	border-radius: 50px;
	padding: 68px 49px 50px 49px;
}
body.wp-admin .block-contact .block .cta,
body.page .block-contact .block .cta{margin-top: 40px}
body.page .block-contact .block p{margin-top: 8px}
body.page .block-contact .medium-title{margin-bottom: 35px}
body.wp-admin .block-contact .picto-1,
body.page .block-contact .picto-1{
	position: absolute;
	left: 25%;
	top: 40px;
	width: 160px;
}
body.wp-admin .block-contact .picto-1{
	left: 17%;
	top: 80px;
}
body.wp-admin .block-contact .picto-1{z-index: 9}
body.wp-admin .block-contact .picto-2,
body.page .block-contact .picto-2{
	position: absolute;
	right: 27%;
	top: 270px;
	width: 100px;
}
body.wp-admin .block-contact .picto-3,
body.page .block-contact .picto-3{
	position: absolute;
	right: 20%;
	width: 60px;
	top: 61px;
}
@media screen and (max-width: 1650px){
	body.page .block-contact .picto-1{left:20%}
	body.page .block-contact .picto-2{right:20%}
}
@media screen and (max-width: 1380px){
	body.page .block-contact .picto-1{left:15%}
	body.page .block-contact .picto-2{right:15%}
}
@media screen and (max-width: 1250px){
	body.page .block-contact .picto-1{left:10%}
	body.page .block-contact .picto-2{right:13%}
}
@media screen and (max-width: 1024px){
	body.page .block-contact .picto-1{left:5%}
	body.page .block-contact .picto-2{right:5%}
}
@media screen and (max-width: 991px){
	body.page .block-contact .picto-1{
		left: 2%;
	  width: 100px;
	}
	body.page .block-contact .picto-2{right:2%}
}
@media screen and (max-width: 767px){
    .sidebar .slider-mobile{left: 20px}
    .sidebar .slider-mobile article{margin-right: 40px}
	body.page .block-contact .block .cta{
		width: 200px;
		max-width: 100%;
	}
	body.page .block-contact .medium-title {margin-bottom: 5px}
	body.page .block-contact .block p {
        font-size: 18px;
        margin-top: 13px
    }
	body.page .block-contact .block{
		width: 100%;
		padding: 33px 20px 46px 20px
	}
	body .block-contact{padding: 0px 25px!important}
	body.page .block-contact .picto-2{display: none}
	body.page .block-contact .picto-1 {
    left: -14px;
    width: 110px;
    top: -65px;
    z-index: -1;
	}
}

/*block-big-text-post*/
.block-big-text-post p{
	margin-top: 25px;
	font-size: 20px
}
p.bold{font-family: "Rubik-Bold"}

/*block- list check */
.block-list-check{
	margin-top: 130px;
	margin-bottom: 80px;
	border-radius: 0px 100px 100px 0px;
}
.single-post .block-list-check{
	margin-top: 120px;
}
.block-list-check::before{
	content: "";
	background: white;
	height: 100%;
	width: 2500px;
	position: absolute;
	left: -2500px;
	border-bottom-left-radius: 100px;
	border-top-left-radius: 100px;
	z-index: -1;
	top: 0;
}
.block-list-check .motif{
	width: 125px;
	position: absolute;
	left: -150px;
	top: -48px;
}
.block-list-check .motif-2{
	width: 65px;
	position: absolute;
	bottom: -20px;
	right: 60px;
}
.block-list-check ul{
	padding-bottom: 35px;
	float: left;
	width: 100%;
	padding-top: 0px;
}
.block-list-check li{
	font-family: "Rubik-Bold";
	font-size: 20px;
	line-height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 25px 0px;
}
.block-list-check li > img{margin-right: 30px}
.block-list-check li span{
	width: 478px;
	max-width: 100%;
}
.block-list-check .mascott{
	width: auto;
	margin: auto;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	max-width: 500px;
	margin-top: -70px;
	margin-bottom: 20px;
}
.block-list-check.no-img  .mascott{display: none}
.block-list-check.no-img ul {padding-top: 35px}
.block-list-check li sup{
	font-size: 12px;
	top: -5px;
	position: relative;
}
.block-list-check.no-img  li{
  justify-content: flex-start;
}
.postid-1372 .block-steps .content,
.postid-1373 .block-steps .content {
    width: 70%;
}
.home .list-event article{margin-right: 20px}

@media screen and (max-width: 767px){
	.postid-1372 .block-steps .content,
	.postid-1373 .block-steps .content {
		width: 100%;
	}
	.block-list-check li {font-size: 16px}
	.block-list-check li{
		display: block;
		text-align: center;
	}
	.block-list-check li > img {
		display: block;
        margin: auto;
        width: 34px;
        margin-bottom: 15px;
	}
	.block-list-check {
		width: calc(100% - 20px);
		margin-top: 100px;
	}
	.block-list-check .mascott{width: 100%}
}
/*block group bouton*/
.block-group-bouton ul{
	display: flex;
	justify-content: center;
}
.block-group-bouton li{margin: 0px 18px}
@media screen and (max-width: 767px){
	.block-group-bouton ul{display: block}
	.block-group-bouton li {
		margin: 0px;
		text-align: center;
		margin: 19px 0px;
	}
	.block-group-bouton li a{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
	}
	.block-group-bouton li svg{margin-right: 5px}
}
/*Block login post*/
.single-webinar .block-login,
.single-evenements .block-login,
.single-post .block-login{
    width: 940px;
	max-width: 100%;
    margin-bottom: 80px;
}
.single-webinar .block-login img:not(.icon-1),
.single-evenements .block-login img:not(.icon-1),
.single-post .block-login img:not(.icon-1){
	border-radius: 100px;
	width: 100%;
	max-width: 100%;
	left: 0px;
	height: 420px;
}
body:not(.wp-admin).single-webinar .bloc-login.vue .login-infos,
body:not(.wp-admin).single-evenements .bloc-login.vue .login-infos,
body:not(.wp-admin).single-post .bloc-login.vue .login-infos {
	opacity: 1!important;
	transform: translate(0,0)!important;
	z-index: 1;
}
.single-webinar .bloc-login .icon-1,
.single-evenements .bloc-login .icon-1,
.single-post .bloc-login .icon-1{
	top: inherit;
	bottom: 300px;
	right: 0;
}

/*block-4-col-icon-text-chron*/

.block-4-col-icon-text-chron .items{
	display: flex;
	gap: 30px;
}
.block-4-col-icon-text-chron .item .text-chron{
	font-family: "Madera-Medium";
}
.block-4-col-icon-text-chron .item{
	width: 250px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px 15px;
}
/*Block video multiple (product)*/
.block-video-multiple > div{
	display: flex;
	justify-content: center;
}
.title-video{
	font-family: "Rubik-Medium";
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 15px
}
.block-video-multiple .block-video{
	width: 311px;
  padding: 15px 15px 25px 15px;
  border-radius: 0px 50px 50px 50px;
  margin: 0px 14px;
	transition: 0.5s;
}
.block-video-multiple .block-video:hover{box-shadow: 0px 0px 16px #00335940}
.block-video-multiple .block-video:hover h2,
.block-video-multiple .block-video:hover p{
	color: #00A7C9
}
.block-video-multiple  .plyr{
    border-radius: 33px;
    margin-bottom: 25px;
}
.block-video-multiple {margin: 25px 0px 100px 0px}
.block-video-multiple video{
    width: 100%;
    height: 190px!important;
    border-radius: 33px;
}
.plyr:fullscreen video{height: auto!important}
/* .plyr--fullscreen-enabled video{height: auto!important} */
.block-video-multiple .block-video p{
	font-family: "Rubik-Medium";
	font-size: 14px;
}
@media screen and (max-width: 991px){
	.block-video-multiple > div{display: block}
	.block-video-multiple .block-video{
		width: 50%;
		float: left;
		display: inline;
		margin: 0px;
		border: 20px solid #eefbfe;
	}
	.block-video-multiple .block-video:nth-child(3){margin-left: 25%}
	body .block-video-multiple{padding: 0px 16px}
}
@media screen and (max-width: 767px){
	.block-video-multiple {margin: 25px 0px 65px 0px}
	.block-video-multiple .block-video{
		width: 100%;
		border: 2px solid #eefbfe;
		display: block;
	}
	.block-video-multiple .block-video:nth-child(3){margin: 0px}
	.block-video-multiple .slick-dots {bottom: -46px}
	.block-video-multiple .block-video p{font-size: 15px}
	.block-video-multiple .block-video{margin-bottom: 25px}
	.title-video{font-size: 18px}
}
/*Block titre*/
/*Exception sur page mad in france*/
@media screen and (max-width: 1320px){
    .big-title {
        font-size: 40px !important;
        line-height: 50px !important;
    }
}

@media screen and (max-width: 1300px){
	body .block-titre{padding: 0px 36px}
}
.page-template-default .block-titre-h2 h2{text-align: left}
@media screen and (min-width: 768px){
    .page-template-default .block-titre-h2 h2{
        padding: 0px 0px;
        font-size: 33px !important;
        line-height: normal !important;
    }
}
@media screen and (max-width: 767px){
    .block-titre .medium-title{font-size: 25px!important}
	.block-mission-1 .block-parent {
        display: flex;
        flex-direction: column;
    }

}
@media screen and (max-width: 305px){
    .block-titre .medium-title{font-size: 23px!important}
}
/*Exception sur page nos missions*/
.page-id-714 .intro-archive .block-right {
    z-index: 9;
    position: relative;
}
/*Global*/
@media screen and (max-width: 767px){
	/* .blocs{padding: 0px 36px!important} */
	.blocs{padding: 0px 20px!important}
	body .block-sommaire{padding: 20px!important}
}
@media screen and (max-width: 315px){
	.blocs{padding: 0px 20px!important}
}
/*BLOCK MINI PLAYER*/
.block-mini-player .big-title{margin-bottom: 20px}
.block-mini-player > p{
	width: 635px;
	max-width: 100%;
	margin: auto;
	margin-bottom: 80px;
}
.block-mini-player .plyr__video-wrapper {background: #eefbfe}
.block-mini-player .plyr video{border-radius: 100%}
.block-mini-player .block .small-title{
	margin-top: 27px;
	margin-bottom: 10px
}
.block-mini-player .block p{
	font-size: 16px;
	line-height: 21px;
}
.block-mini-player .block p span{
	font-size: 12px;
	line-height: 18px;
	display: block;
	margin-top: 16px;
}
.player-mini-parent svg{
	position: absolute;
	right: 55px;
	z-index: 99;
}
.player-mini-parent .plyr__controls,
.player-mini-parent .plyr.plyr--stopped .plyr__controls { display: none!important }

.block-mini-player .block{
	margin-bottom: 70px;
	padding: 0px 30px;
}
body div .block-mini-player .plyr__control--overlaid{
	background-image: url(../img/svg/mini-play.svg)!important;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	width: 50px;
	height: 50px;
	transition: 0.5s;
	bottom: 0;
	right: 0;
	left: initial;
	top: initial;
	z-index: 999;
}
body div .block-mini-player .plyr__control--overlaid:hover{background-image: url(../img/svg/mini-play-hover.svg)!important}

.block-mini-player .main-img{width: 100%}
@media screen and (max-width: 767px){
	.text-content h4 {line-height: normal}
	.block-mini-player  > p,
	.block-mini-player .big-title{
		text-align: left;
	}
	.block-mini-player > p{margin-bottom: 50px}
	.block-mini-player .block{padding: 0px}
	.block-mini-player .slick-dots {bottom: 20px}
}
@media screen and (min-width: 992px){
	.block-mini-player .container{
		display: flex;
		justify-content: center;
	}
}
/*block simple*/
.block-img-simple .inner{
	display: table;
	text-align: center;
	width: 1094px;
	max-width: 100%;
	margin: auto;
	float: none;
}
.block-img-simple img{
	height: auto;
	max-height: 643px;
	object-fit: cover;
	width: auto;
	max-width: 100%;
	border-radius: 50px;
}
@media screen and (max-width: 1400px){
	.block-img-simple img{max-height: 443px}
}
@media screen and (max-width: 800px){
	.block-img-simple img {max-width: 85%}
}
.page-id-9411 .block-img-simple ,
.page-id-8341  	.block-img-simple {position: relative}
.page-id-9411 .block-text-post{margin-top: 0px}
.page-id-8341  .block-text-post{margin-top: 90px}
.page-id-9411 .block-text-post p,
.page-id-8341  .block-text-post p{width: 50%}
.page-id-9411 .gfield_checkbox,
.page-id-8341 .gfield_checkbox{padding-left: 0px}
.page-id-9411  .gfield_checkbox label,
.page-id-8341 .gfield_checkbox label{
	font-size: 14px;
	padding-left: 9px;
}
.gfield_checkbox li{
	 color: #112337;
	list-style-type: none!important
}
.page-id-9411 .block-img-simple img, 
.page-id-8341 .block-img-simple img {
	float: left;
    position: absolute;
    left: 10%;
    bottom: -205px;
}
.page-id-9411 .text-content,
.page-id-8341 .text-content{width: 65%}

.page-id-9495 .intro-sub-page,
.page-id-9411  .intro-sub-page{
	padding-top: 20px;
	background: none;
}
body.page-id-9495  section.intro-sub-page h1,
body.page-id-9411 section.intro-sub-page h1{
	font-family: "Calistoga-Regular";
    font-size: 36px;
    line-height: 60px;
}

.page-id-9495,
.page-id-9411 {
    background-image: url(https://dev.urgomedical.fr/wp-content/themes/theme-boeki/assets/img/jpg/chron/fond-papier2.jpg) !important;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-color: inherit !important;
}


@media screen and (max-width: 17600px){
	.page-id-9411 .block-img-simple img,
    .page-id-8341 .block-img-simple img {left: 6.5%}
}
@media screen and (max-width: 1650px){
	.page-id-9411 .block-img-simple img,
    .page-id-8341 .block-img-simple img {left: 1.5%}
}
@media screen and (max-width: 1450px){
	.page-id-9411 .block-img-simple img ,
    .page-id-8341 .block-img-simple img {
        position: relative;
        left: 0;
        top: 0;
    }
	.page-id-9411 .block-text-post ,
    .page-id-8341 .block-text-post {margin-top: 30px}
}

/*block img 2 col*/
.block-img-2-col{
	display: flex;
	justify-content: center;
}
.block-img-2-col img{
	width: 635px;
    height: 408px;
	object-fit: cover;
	margin: 0px 13.5px;
	border-radius: 50px;
}
@media screen and (max-width: 1400px){
	.block-img-2-col img {
    width: 540px;
    height: 375px;
	}
}
@media screen and (max-width: 1200px){
	.block-img-2-col img {
		width: 40%;
		height: 325px;
	}
}

/*block-img-3-col*/
.block-img-3-col {
	display: flex;
	justify-content: center;
}
.block-img-3-col img{
	width: 420px;
	height: 286px;
	object-fit: cover;
	margin: 0px 13.5px;
	border-radius: 50px;
}
@media screen and (max-width: 1400px){
	.block-img-3-col img {
        width: 340px;
        height: 215px;
	}
}
@media screen and (max-width: 1200px){
	.block-img-3-col img {
		width: 40%;
		height: 325px;
		float: left;
		margin: 0px;
		margin: 0px 13.5px;
	}
	.block-img-3-col img:nth-of-type(1){margin-left: 9%}
	.block-img-3-col img:nth-of-type(2){
		margin-left: 2%;
		margin: 0px 13.5px;
	}
	.block-img-3-col img:nth-of-type(3){margin-left: calc(30%)}
	.block-img-3-col {
		padding: 0px 0px!important;
		display: block;
	}
}

@media screen and (max-width: 767px){
	.block-img-2-col,
	.block-img-3-col,
	.block-img-simple {
		padding: 0px 20px!important
	}
	.block-img-simple img {
		max-width: 100%;
		width: 100%;
		margin-bottom: 25px
	}
	.block-img-2-col{display: block;}
	.block-img-2-col img {
		width: 100%;
		margin: 0px;
		width: 100%;
		height: auto;
		margin-bottom: 25px!important;
	}
	.block-img-3-col img {
        margin: 0px!important;
        width: 100%;
        height: 300px;
        margin-left: 0px!important;
        margin-bottom: 25px!important;
	}
}

/*block multi video*/
.block-multi-video .slider{
  width: 1220px;
  margin: 20px auto;
  text-align: center;
  color: white;
}
@media screen and (min-width: 1600px){
  .block-multi-video .slider {width: 1550px}
}
.block-multi-video .slider .slide {padding: 0}
.block-multi-video .slider .slide .child-element {
  transition: all 0.2s ease;
  width: 100%;
  height: 378px;
  margin: 55px 0;
  transition: all 0.5s;
}
.block-multi-video  .slider .slide.slick-center .child-element {
  margin: 0;
  height: 510px;
  max-width: initial;
}
.block-multi-video .slider.center .plyr{height: calc(100% - 30px)}
.block-multi-video .slick-center .plyr{border-radius: 50px}
.block-multi-video .nextdiv .plyr{
  right: 295px;
  z-index: -1;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.block-multi-video .prevdiv .plyr{
  left: 295px;
  z-index: -1;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
body .block-multi-video{padding-bottom: 75px}
body .block-multi-video .plyr__video-wrapper{height: 100%}
.block-multi-video .slide:not(.slick-active) button{opacity: 0}
.block-multi-video .slide:not(.slick-active) p{display: none}
.block-multi-video .child-element{position: relative}
.block-multi-video .child-element p{
    bottom: 0;
    color: #003359;
    z-index: 999;
    left: 0;
    text-align: center;
    width: 100%;
    font-family: "Rubik-Bold";
    font-size: 40px;
    line-height: 50px;
    margin-top: 55px;
    padding: 0px 20px
}
.block-multi-video .slick-list {height: 700px}
.block-multi-video.no-text .slick-list {height: 600px}

.block-multi-video .slick-prev,
.block-multi-video .slick-next {top: 33%}
.block-multi-video .slider.center .plyr:before {
    content: "";
    background: rgb(148 231 238 / 44%);
    height: 100%;
    width: 100%;
    POSITION: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.block-multi-video .slider.center .plyr--loading:before,
.block-multi-video .slider.center .plyr.plyr--playing:before,
.block-multi-video .double-video .plyr--loading:before,
.block-multi-video .double-video .plyr.plyr--playing:before {
	content:none;
}
.block-multi-video .plyr--full-ui.plyr--video .plyr__control--overlaid{z-index: 99}

@media screen and (max-width: 1280px){
	.block-multi-video .slider{width: 90%}
}
@media screen and (max-width: 1200px){
	.block-multi-video .nextdiv .plyr{right: 0px}
	.block-multi-video .prevdiv .plyr{left: 0px}
}
@media screen and (max-width: 1200px){
	.block-multi-video .plyr--full-ui.plyr--video .plyr__control--overlaid {z-index: 99}
}
@media screen and (max-width: 767px){
	.block-multi-video .slider .slide {padding: 0px 10px}
	.block-multi-video .slider .slide{margin-bottom: 0px}
	.block-multi-video .slider {padding-bottom: 25px}
	body .block-multi-video {padding-bottom: 50px}
    body .block-multi-video  .slick-dots {bottom: 20px}
	.block-multi-video .slick-list {
        height: auto;
		padding-bottom: 10px;
    }
    .block-multi-video .child-element p{margin-top: 10px}
    .block-multi-video .child-element p{
        font-size: 23px;
        line-height: 33px;	
    }
	.block-multi-video .slider.center .plyr {border-radius: 25px}
	.block-videos-2 .plyr{border-radius: 25px}
	.block-videos-2 .video-parent{
        height: 378px;
		position: relative;
	}
	.block-videos-2 .plyr--full-ui.plyr--video .plyr__control--overlaid {top: 175px}
    .page-id-411 .block-videos-2  .plyr--full-ui.plyr--video .plyr__control--overlaid {top: 115px}
	.block-videos-2  .plyr {height: calc(100% - 30px)}
	body .block-videos-2 .plyr__video-wrapper {height: 100%}
	.block-multi-video .slide:not(.slick-active) button{opacity: 1}
    .block-multi-video .slide:not(.slick-active) p{
        display: block;
        margin-top: 2px;
        font-size: 17px;
        line-height: 29px;
        margin-top: 20px;
    }
    .block-multi-video .child-element p {
        font-size: 19px;
        line-height: normal;
    }
	.block-multi-video.no-text .slick-list {height: 530px}
	.block-multi-video .slick-prev, .block-multi-video .slick-next {top: 33%}
	.block-multi-video .plyr--full-ui.plyr--video .plyr__control--overlaid {top: 92px}
	.block-multi-video .slider .slide .child-element {height: auto}
	.slick-next {right: 0px}
	.slick-prev {
        left: 0px;
        z-index: 99;
	}
}
.block-multi-video .slick-prev:before,.block-multi-video .slick-next:before{opacity: 1}
/* .block-multi-video .slick-list{overflow-y: visible} */
.block-multi-video .slider{padding-bottom: 50px}
.block-multi-video .slick-next:before {
  content: url('../img/svg/arrow-slide-right-blue.svg');
  z-index: 99;
}
.block-multi-video .slick-prev:before {
  content: url('../img/svg/arrow-slide-left-blue.svg');
  z-index: 99;
}
/* block conseil*/
.title-conseil{
	font-family: "Calistoga-Regular";
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 12px;
}
.block-conseils  .block p{
	font-family: "Rubik-Regular";
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
}
body .block-conseils {
  margin: 100px 0px;
  position: relative;
  padding: 70px 0px;
}
.block-conseils:before{
    content: "";
    background: rgb(201 233 241 / 40%);
    position: absolute;
    height: 100%;
    left: -1999px;
    width: 7999px;
    z-index: 1;
    top: 0;
}
.block-conseils .block{
	background: white;
	border-radius: 10px;
	display: flex;
	padding: 25px 35px;
	margin-bottom: 29px;
    align-items: flex-start;
	z-index: 9;
	position: relative;
}
.block-conseils .small-text{
	font-family: "Rubik-Bold";
	margin-bottom: 18px;
	z-index: 9;
	position: relative;
}
.block-conseils .content{padding-left: 33px}
.block-conseils .title-chron-medium{
	margin-bottom: 30px;
	z-index: 9;
	position: relative;
}
/*Block relation chron product*/

.single-chroniques .block-relation-product .list-products {margin-top: 30px}
.single-chroniques .list-products .small-title{font-size: 18px}
.single-chroniques .list-products .small-text {
    font-family: "Madera-Regular";
	margin-bottom: 13px;
}
.single-chroniques .list-products .small-text span{
	font-family: "Madera-Bold";
}
.single-chroniques .list-products .block .inner{
	padding-bottom: 80px;
	box-shadow: none;
}
body.single-chroniques .list-products .block{
	padding-left: 15px;
	padding-right: 15px;
}
.single-chroniques .slider-relation .block .link {
    position: absolute;
    bottom: 50px;
	font-family: "Madera-Regular";
	font-size: 16px;
}

/*block-protocoles-soins-chron*/
body .block-protocole-soins-chron{
	padding-top: 100px;
	padding-bottom: 100px;
}
.block-protocole-soins-chron .item-slide > img{
	max-width: 90%;
    margin: auto;
    margin-bottom: 30px;
}
.block-protocole-soins-chron .item-slide > .flex{
    display: flex;
    gap: 62px;
}
.block-protocole-soins-chron .item-slide > .flex .title-24{margin-bottom: 20px}
.block-protocole-soins-chron .block-img .flex{
    display: flex;
    margin-top: -10px;
	color: white;
	text-align: center;
	font-family: "Madera-Medium";
	font-size: 18px;
}
.block-protocole-soins-chron .block-img .flex > div{
	width: 50%;
	padding: 10px 0px;
	padding-bottom: 13px;
}

.block-protocole-soins-chron .block-img .flex > div.full{
	width: 100%;
	border-bottom-right-radius: 10px;
}
 .block-protocole-soins-chron .block-img img {
    height: 300px;
}

.block-protocole-soins-chron .block-img .flex > div p{margin-bottom: 12px}
.bourgeon{
	background: #FF6D5F;
	border-bottom-left-radius: 10px
}
.fibrine{
	background: #FFC000;
	border-bottom-right-radius: 10px
}
.materiel-necessaire{
	display: flex;
	gap: 50px;
	margin-bottom: 100px;
}
.materiel-necessaire .item{
    padding: 15px;
	padding-right: 50px;
    border-radius: 10px;
    background: white;
      display: flex;
    align-items: center;
}

.materiel-necessaire .item a{
  display: flex;
    align-items: center;
    gap: 20px;
}
.materiel-necessaire .item a img{
	width: 120px
}


.materiel-necessaire .item h3{
	font-family: "Madera-Medium";
	font-size: 16px;
}
.block-protocole-soins-chron .title-chron-big{margin-bottom: 40px}

/*block-col-caracteristiques-chron */
.block-col-caracteristiques-chron {
    display: flex;
    gap: 30px;
	align-items: flex-start;
}
.block-col-caracteristiques-chron .item{
	width: 50%;
	padding: 50px 50px 75px 50px;
}
.block-col-caracteristiques-chron .title-chron-big{margin-bottom: 50px}
.block-col-caracteristiques-chron .item .flex{
	display: flex;
    gap: 20px;
	margin-bottom: 50px;
    align-items: flex-start;
}
.block-col-caracteristiques-chron .item img{
    width: 85px;
    padding: 0px 15px;
    height: auto;
    top: 7px;
    position: relative;
}
.block-col-caracteristiques-chron .item .title-24 {margin-bottom: 10px}
.block-col-caracteristiques-chron.variante .title-32{margin-bottom: 50px}
.block-col-caracteristiques-chron.variante{align-items: inherit}

.block-col-caracteristiques-chron.variante .item{
	padding-bottom: 0px;
}

/*block-phrase-avant-chron */
.block-phrase-avant-chron .inner{padding: 45px 50px}
.block-phrase-avant-chron .inner .title-32{
	margin-bottom: 20px;
	font-family: "Alga-Bold";
}
.block-phrase-avant-chron .inner sup{
	font-size: 11px;
	position: relative;
	top: -8px;
}

#size-24.block-phrase-avant-chron .inner .text-chron{
    font-size: 24px;
    text-align: center;
}


#variante.block-icon-content-chron a,
.block-image-text-variante-chron .content a,
.block-phrase-avant-chron .text-chron a{
	color: #003359;
	text-decoration: underline;
}

/*Block block-recommandations-chron*/
.block-recommandations-chron{border-radius: 20px}
.block-recommandations-chron .inner{padding: 0px 35px}
.block-recommandations-chron .flex-logo{
	display: flex;
    align-items: center;
    gap: 50px;
    margin: 35px 0px;
}
.block-recommandations-chron .flex-logo img{border-radius: 10px}
.block-recommandations-chron .img-recommandations{
	border-radius: 10px;
    margin: auto;
    display: block;
	margin-bottom: 75px;
	max-width: 100%;
}

.block-icon-content-col-chron#no-radius-section img{
	border-radius: 0px
}
@media screen and (min-width: 768px){
.postid-8781 .block-recommandations-chron  .img-recommandations{
	width: 60%;
}
.block-image-chron#image-comp .parent-img.with-spacing,	
.postid-8781  .block-image-chron#image-comp .parent-img.with-spacing {
    width: 60%;
}
}

.block-recommandations-chron .items{
	margin-top: 30px;
	display: flex;
	gap: 30px;
}
.block-recommandations-chron .items .item{
	width: 50%;
	border-radius: 10px;
	padding: 15px 50px 25px 50px;
	margin-bottom: 50px;
}
.block-recommandations-chron .items .item img{
max-width: 80%;
    margin: auto;
    display: block;

}
.block-recommandations-chron .item  .title-24{
	margin-bottom: 15px;
	margin-top: 15px;
}
/*block-telechargement-bis-chron*/
.block-telechargement-bis-chron{
	display: flex;
	gap: 30px;
}
.block-telechargement-bis-chron .col-left{
	width: calc(100% - 378px);
    border-radius: 20px;
    position: relative;
    background-size: cover;
    background-position: center;
}
.block-telechargement-bis-chron .col-left .link-chron{
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
    bottom: 25px;
}
.block-telechargement-bis-chron .col-right{width: 378px}
.block-telechargement-bis-chron .col-right img{
	max-width: 100%;
	margin: auto;
	display: block;
}
.block-telechargement-bis-chron .col-right .content{padding: 30px 20px 40px 20px}
.block-telechargement-bis-chron .col-right .item{
	background: white;
    border-radius: 20px;
}
.block-telechargement-bis-chron .col-right .small-title-chron{margin-bottom: 15px}
.block-telechargement-bis-chron .col-right .small-text-chron{margin-bottom: 45px}

/* block-telechargement-chron */
.block-relation-chron .title-chron-big,
.block-telechargement-chron .title-chron-big{
	margin-bottom: 50px;
}
.block-telechargement-chron#slick .slider-dl-chron .pdf-chron{
	margin-right: 25px;
}
#slick .pdf-chron > img{object-fit: cover}
.slider-dl-chron{
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
	display: flex;
	left: 0px;
}

 /* the slides */
  .slider-dl-chron.slicked  .slick-slide {
      margin: 0 15px;
  }

  /* the parent */
 .slider-dl-chron.slicked   .slick-list {
      margin: 0 -15px;
  }

.pdf-chron .content-inner{padding: 30px 0px 20px 0px}
.pdf-chron:not(.post-chron) .content-inner p{margin-bottom: 60px}
.single-chroniques .sidebar .slider-mobile{left: 50px}
.pdf-chron{
	padding: 20px;
    background: white;
    border-radius: 10px;
    width: calc(33.333333333333336% - 20px);
}

.pdf-chron > img{
    max-width: 100%;
    width: 100%;
    object-fit: contain;
    height: 270px;
}

.pdf-chron h3{
    font-size: 20px;
    margin-bottom: 20px;
    width: 80%;
    line-height: normal;
    text-transform: uppercase;
    font-family: "Alga-Regular";
}
.pdf-chron-link,
.pdf-chron a{
	font-family: "Alga-Regular";
    text-decoration: underline;
    font-size: 18px;
}
.pdf-chron a{
	    position: absolute;
    bottom: 40px;
}

/*block relation chron*/
.post-chron img{
	width: 100%;
	border-radius: 10px 10px 0 0;
	height: 250px;
    object-fit: cover;
	
}
.pdf-chron.post-chron .content-inner {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}
.block-relation-chron .pdf-chron.post-chron .content-inner{
   padding: 25px;
}
.block-relation-chron .pdf-chron.post-chron .content-inner{
	padding-bottom: 75px;
}
.slider-dl-chron.slicked{
	padding: 0px 25px
}


.block-relation-chron  .pdf-chron h3{
	    font-family: "Alga-Bold";
    text-transform: inherit;
    font-size: 18px;
}


.date-mini-chron{
    font-size: 14Px;
    font-family: "Alga-Regular";
	margin-bottom: 0;
}
.cat-chron{
    font-size: 13Px;
    font-family: "Alga-Bold";
	margin-bottom: 15px;
}
/*block-image-chron*/
.pdf-chron.post-chron{
	padding: 0px
}
.block-image-chron img{
	max-width: 100%;
	height: auto;
	object-fit: cover;
}
.block-image-chron#image-32 img{
width: 70px;}

.block-image-chron .parent-img.with-spacing{
	background: white;
	padding: 50px;
	border-radius: 20px;
}
.block-image-chron .parent-img.full-width img{width: 100%}

.block-image-chron#img-60 .parent-img img,
.block-image-chron#img-60 .parent-img.full-width img{
	width: 60%;
	margin: auto;
	display: block
}
#size-60.block-image-chron .parent-img.with-spacing img{
    object-fit: contain;
    width: 60%;
    margin: auto;
    display: block;
	
}
#size-60.block-image-chron .parent-img.with-spacing{
 	padding: 25px 50px;
}


/*block-physiopathologie-chron */
.block-physiopathologie-chron .title-chron-big {margin-bottom: 35px}
.block-physiopathologie-chron {
	padding-top: 100px!important;
	padding-bottom: 0px!important;
}
.block-physiopathologie-chron .title-32{margin-bottom: 5px}
.flex-parent-consequence{
	margin-top: 75px;
	margin-bottom: 75px;
	display: flex;
	align-items: flex-start;
	gap: 33px;
}

.flex-parent-consequence img{
	max-width: 100%;
	margin: auto;
}
.flex-parent-consequence > img{border-radius: 10px}
.flex-parent-consequence > *{
	width: 50%;
}
.block-physiopathologie-chron .block-consequence{
    padding: 30px 60px 80px 60px;
    border-radius: 10px;
}
.block-physiopathologie-chron .block-consequence .title-32{margin-bottom: 20px}
.block-consequence li b{font-weight: bold}



.block-col-caracteristiques-chron li,
.block-consequence li{
	
    padding-left: 20px;
    position: relative;
}
.li-18 li{position: relative}
.li-18 li,
.block-col-caracteristiques-chron li{
	margin-left: 10px;

    padding-left: 15px;
}
.li-18 li:before,
.block-col-caracteristiques-chron li:before,
.block-consequence li:before{
    content: "";
    width: 6px;
    height: 6px;
    background: #003359;
    position: absolute;
    left: 0;
    border-radius: 100%;
    top: 13px;
}
.li-18 li:before,
.block-col-caracteristiques-chron li:before{
    width: 4px;
    height: 4px;
    top: 16px;
}

.block-physiopathologie-chron .title-2-chron-big{margin-bottom: 85px}
.block-physiopathologie-chron .items{
	display: flex;
	gap: 33px;
}
.block-physiopathologie-chron .items .item{
    width: 50%;
    background: white;
    border-radius: 10px;
    padding: 50px;
	margin-top: 20px;
	margin-bottom: 85px;
}
.block-physiopathologie-chron .items .item img{
    width: 300px;
	height: 300px;
    max-width: 100%;
    margin: auto;
    display: block;
    margin-bottom: 25px;
}
.block-physiopathologie-chron .items .item .title-24{
	margin-bottom: 20px;
	font-weight: 600;
}

		
		.list-evolution .item{width: calc(11.11111111111111% - 23px)}
		.list-evolution .item img{
			width: 100%;
			border-radius: 20px 20px 20px 0px;
			z-index: 9;
			position: relative;
		}
		.list-evolution{
			display: flex;
			flex-wrap: wrap;
			gap: 25px;
		}

		.list-evolution .item:hover {
			transform: scale(1.25);
			z-index: 9999;
			position: relative;
		}
		.list-evolution .item{transition: 0.4s}
		.content-evol{opacity: 0}
		.list-evolution .item:hover{transform: scale(1.75)}
		.list-evolution .item:hover .numero-evolution{opacity: 0}
		.list-evolution .item:hover .content-evol{opacity: 1}
		.list-evolution .item{
			z-index: 99;
			position: relative;
		}	
		.content-evol {
    border-bottom-right-radius: 20px;
    float: left;
    width: 100%;
    margin-top: -3px;
}
		.content-evol .inner-evol {
    position: relative;
    padding: 10px 15px;
}
		.content-evol h3 {

    font-size: 9px;
    margin-bottom: 8px;
}
.content-evol p {

    font-size: 10px;
    line-height: normal;
}

@media screen and (max-width: 767px){
	.list-evolution .item {
		width: 180px;
		margin-right: 20px;
	}
	.list-evolution .item:hover {
		transform: scale(1);
		z-index: 9999;
		position: relative;
	}
}

/* block-stats-chron*/
.block-stats-chron ul{
    display: flex;
    gap: 30px;
	padding: 0px 50px;
}
.block-stats-chron ul li{
	text-align: center;
    padding: 40px;
    border-radius: 10px;
	width: 33.333333333333336%;
}
.block-stats-chron .chiffre{
    font-family: "Alga-Medium";
    font-size: 40px;
    margin-bottom: 16px;
    line-height: normal;
}

/*block-reassurance-chron*/

.block-reassurance-chron .items-list {
    z-index: 9;
    position: relative;
    display: flex;
    gap: 90px;
    justify-content: center;
    padding: 60px 0px;
	align-items: baseline;
}
.block-reassurance-chron .items-list p{
	margin-bottom: 0px;
	font-family: "Alga-Medium";
	font-size: 24px;
	line-height: normal;
}

.block-reassurance-chron .items-list p a{
color: #003359;
}

.block-reassurance-chron .items-list p sup{
	font-size: 13px;
    top: -7px;
    left: 2px;
}

.block-reassurance-chron .items-list li{
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

/*block-appel-action-chron*/
.block-call-action-chron .inner{
    display: flex;
	align-items: center;
    gap: 50px;
	border-radius: 20px;
	padding: 40px;
}
.block-call-action-chron .img{
background: #124B76;
    border-radius: 20px;
    width: calc(100% - 692px);
    height: auto;
}
.block-call-action-chron .content{
    width: 692px;
    padding: 40px;
}


.block-call-action-chron .icon,
.title-32{
 margin-bottom: 30px;
}
.block-titre-chro .title-32{
	margin-bottom: 0px;
}

.block-call-action-chron .text-16{margin-bottom: 50px}
.text-16{
	font-family: "Madera-Regular";
    font-size: 16px;
	line-height: normal;
}
/*Block ref chron*/
@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.text-ref-chron{
    font-weight: 300;
    font-style: normal;
    text-align: left;
	font-size: 13px;
		font-family: "Madera-Regular";

	margin-bottom: 0px;
}

/*Block-text-center-chron*/
.block-text-center-chron {text-align: center}
.block-text-center-chron p{
	margin-bottom: 0px;
	font-family: "Madera-Medium";
}
.text-24{
	font-family: "Madera-Regular";
	font-size: 24px;
	line-height: normal;
}
.text-24 span{color: #00B3CD}
/*Block-conseils-chron*/
.block-conseils-chron {position: relative}
.block-conseils-chron .content{
    z-index: 9;
    position: relative;
}
body .block-conseils-chron {   
	padding-top: 100px!important;
    padding-bottom: 35px!important;	
}
.tricks-bg-chron:before{
    content: "";
    position: absolute;
    background: #E1EDEF;
    left: -100%;
    top: 0;
    width: 500%;
    height: 100%;
    z-index: 0;
}
.tricks-bg-chron.bg-white:before{background: white}
.block-conseils-chron .bloc-items .items{
	padding: 0px 50px;
    margin-top: 75px;
}
.block-conseils-chron .items .item{
	background: white;
    padding: 50px;
    margin-bottom: 75px;
    display: flex;
    gap: 30px;
    align-items: flex-start;
	border-radius: 20px;
}


.block-conseils-chron .items .item img{
height: 80px;
    width: 80px;
}
.block-conseils-chron .item .sub-title-chron{margin-bottom: 30px}
/*Block-slider-chron*/
.slider-chron{margin: 100px 0px}
#no-marg .slider-chron{margin: 30px 0px;}
.slider-chron .item{
    display: flex;
    align-items: center;
    padding: 40px;
	border-radius: 20px
}

#inverse .slider-chron .item{
    flex-direction: row-reverse;
    gap: 50px;

}

.slider-chron {border-radius: 20px}
.slider-chron .content{padding-right: 50px}

.block-slider-chron .content ul li{
	font-family: "Calistoga-Regular";
    font-size: 16px;
	color: white;
}
.block-slider-chron.block-slider-white  .bg-blue{
background: white;
}
.block-slider-chron.block-slider-white .white,
.block-slider-chron.block-slider-white .content ul li{
	color: #003359;
}
.block-slider-chron.block-slider-white .content ul li{
    list-style-type: disc;
    margin-bottom: 15px;
    padding-left: 0px;
    margin-left: 20px;
    font-weight: normal;
    font-family: "Madera-Regular";
    font-size: 18px;
}
.block-slider-chron.block-slider-white .content ul li sup{
    font-size: 9px;
    position: relative;
    top: -6px;	
}
.block-slider-chron.block-slider-white .slider-chron {margin: 25px 0px}
.block-slider-chron .reverse{
	flex-direction: row-reverse;
	gap: 100px;
}
.block-slider-chron.block-slider-white .content ul{margin-top: 25px}
.block-slider-chron.block-slider-white .link-chron.blue{background:  #003359}
.block-slider-chron.block-slider-white .link-chron.blue{color: white}
.link-chron{
    background: white;
    padding: 15px 42px;
    border-radius: 10px;
	font-family: "Calistoga-Regular";
    font-size: 16px;
}
.slider-chron .link-chron{
	margin-top: 50px;
	display: table;
}
.slider-chron .title-32{margin-bottom: 0px}
.slider-chron .item img{
	border-radius: 20px;
	width: 512px;
}
.slider-chron .item:not(.format-paysage) img{width: 378px}
.slider-chron .slick-next:before {
    content: url(../img/svg/arrow-slide-right-chron.svg);
    z-index: 99;
}
.slider-chron .slick-prev:before {
    content: url(../img/svg/arrow-slide-left-chron.svg);
    z-index: 99;
}
.slider-chron .slick-prev,.slider-chron .slick-next {
   top: 50%;
}

/*Bloc chroniques*/
.block-img-text-chron .block{
	background: #F1EAE0;
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
}
.block-img-text-chron .block img{
	width: 50%;
	object-fit: cover;
	border-radius: 10px 0px 0px 10px;
}
.block-img-text-chron .block .content{
	width: 50%;
	padding: 37px 55px;
}
.block-img-text-chron .block .date{
	font-family: "Alga-Semibold";
	line-height: 28px;
	font-size: 20px;
	margin-bottom: 22px;
}
.block-img-text-chron .title-chron-medium{margin-bottom: 27px}
.block-img-text-chron .cta-chronique{
	margin-top: 49px;
	margin-left: auto;
}
.block-img-text-chron.mode_paysage .block{flex-direction: column}
.block-img-text-chron.mode_paysage .block .content,
.block-img-text-chron.mode_paysage .block img{
    width: 100%;
    border-radius: 10px;
}
.block-img-text-chron.mode_paysage .block img{max-height: 300px}
/*sub-title-chron*/
.sub-title-chron{
	font-size: 32px;
	line-height: normal;
	font-family: "Alga-Semibold";
}
.title-24{
	font-size: 24px;
	line-height: normal;
	font-family: "Alga-Medium";
}

.title-24.mb-0{
	margin-bottom: 0px;
}

.title-24-madera{
	font-size: 24px;
	line-height: normal;
	font-family: "Madera-bold";
}

.title-24-calistoga{
	font-size: 24px;
	line-height: normal;
	font-family: "Calistoga-Regular";
}


.title-32-calistoga{
	font-family: "Calistoga-Regular";
	font-size: 32px;
	line-height: normal;
	 margin-bottom: 30px;
}
.title-32{
	font-size: 32px;
	line-height: normal;
	/*font-family: "Alga-Regular";*/
	font-family: "Alga-Medium";
}

.title-32 sup{
font-size: 17px;
    position: relative;
    top: -8px;
}

.title-32.semi-bold{font-family: "Alga-Semibold"}
.title-32 b{font-family: "Alga-Semibold"}
.sup-title-chron{
	font-size: 24px;
	line-height: normal;
	font-family: "Alga-Semibold";
}
.date-chron{
	font-family: "Madera-Regular";
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 0px;
}
.text-chron{
	font-size: 18px;
    font-family: "Madera-Regular";
    line-height: normal;
	margin-bottom: 0px;
}
.text-chron.medium{
font-family: "Madera-medium";
}
.text-chron b{font-family: "Madera-Bold"}

/*block-title-citation-chron*/
.block-title-citation-chron .flex-title-citation-chron{
    display: flex;
    gap: 30px;
	text-transform: uppercase
}

/*citation chron*/
body .block-citation-chron{
	display: flex;
	align-items: flex-start;
	border-radius: 20px;
	background: white;
}
.block-citation-chron .flex.top-info,
.block-citation-chron .flex.quote{
	display: flex;
	margin-bottom: 50px;
}
.block-citation-chron .flex.top-info{align-items: flex-start}
.block-citation-chron .flex.top-info{gap: 50px}
.block-citation-chron .flex.quote{ gap: 30px}
.title-cit-chron{
	color: #00B3CD;
    font-family: "Alga-Semibold";
    display: table;
    margin-bottom: 35px;
    font-size: 24px;
    line-height: normal;
}
.block-citation-chron .title-chron-medium{
	font-size: 40px;	
	display: table;
}
.block-citation-chron .content{
	padding: 50px;
    padding-bottom: 10px;
}
.block-citation-chron .sub-title-chron {margin-bottom: 10px; display: table;}
.block-text-citation-chron p{
    font-size: 18px;
    margin-bottom: 40px;
    font-family: "Madera-Regular";
    line-height: normal;
}
.block-text-citation-chron p b,
.block-text-citation-chron p strong{
	font-family: "Madera-Bold";
}
.block-citation-chron .content p a{
	color: #00A7C9;
	text-decoration: underline;
}
.block-citation-chron .content .block-text-citation-chron p{margin-bottom: 80px}

/*block mp3*/
.bloc-mp3{position: relative}
.bloc-mp3 .block{
	background-size: cover;
	background-position: center;
	text-align: center;
}
.title-podcast{
	font-family: "Alga-Regular";
	font-size: 28px;
	line-height: 36px;
	z-index: 9;
	position: relative;
	margin-bottom: 36px;
}
.bloc-mp3 .block:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 51 89 / 70%);
	border-radius: 10px;
}
body .fraudio-container{
	width: calc(100% - 100px);
	margin: auto;
  border-radius: 10px;
	background: #7F99AC;
}
.bloc-mp3 .block{
	padding-bottom: 58px;
	padding-top: 78px;
	border-radius: 10px;
}
.bloc-mp3 {border-radius: 10px}
body .fraudio-container .fraudio-progress{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #00B3CD;
	border: none;
}
body .fraudio-container:hover{cursor: pointer;}
.block-titre-chro{margin-bottom: 30px}

@media screen and (max-width: 767px){
	.block-physiopathologie-chron .title-2-chron-big {
        margin-top: 100px;
    }
	.list-evolution .item img{
		margin-top: 10px;
	}
	
	.block-plaies .title-preview-post,
	.block-plaies-2 .title-preview-post{
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.block-plaies .content img {height: 225px}
	.block-plaies .content p {margin-bottom: 35px}
	body .block-plaies-1   ul.slick-dots {
		bottom: -50px;
		bottom: initial;
		top: -30px;
	}
	.block-img-text-chron .block {
		background: #F1EAE0;
		display: flex;
		flex-wrap: wrap;
		border-radius: 10px;
		flex-direction: column;
	}
	body.single-chroniques  .block-conseils {
		margin: 50px 0px;
		padding: 50px 20px!important;
	}
	.block-conseils:before {z-index: 0}
	.block-conseils .block {
		z-index: 9;
		position: relative;
	}
	.block-conseils .block {
		padding: 25px 20px;
		display: block
	}
	.block-conseils .content {padding-left: 0px}
	.title-conseil {
		font-size: 20px;
		line-height: 30px;
	}
	.single-chroniques .blocs {padding-left: 20px!important; padding-right: 20px!important}
	.single-chroniques .blocs#instagram .block-login img.show-mobile{
		object-fit: cover;
		border-radius: 35px !important;
		margin-bottom: 15px;
	}
	.intro-single-chron h1 {
    font-size: 36px;
    line-height: 40px;
	}
	.single-chroniques .block-text-post .small-title {margin-bottom: 5px}
	.single-chroniques .block-text-post h4.small-title{
	font-size: 24px;
	}
	
	
	.block-titre-chro {margin-bottom:27px}
	.block-img-text-chron .block img {border-radius: 0px}
	.block-img-text-chron .block .content {
	  width: 100%;
	  padding: 20px;
	}
	.block-img-text-chron .title-chron-medium {
		margin-bottom: 15px;
		font-size: 25px
	}
	.block-citation-chron .flex.top-info > img{width: 100%}
	.slider-dl-chron.slicked {padding: 0px}
	.chron-nav{font-size: 14px}
	
	.block-img-text-chron .block .date {margin-bottom: 15px}
    .block-img-text-chron .cta-chronique {margin-top: 32px}
    body .block-citation-chron {display: block}
    .block-citation-chron .content {
        padding-left: 0px;
		padding-right: 0px;
        margin-top: 17px;
    }
    .bloc-mp3{
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .single-chroniques .container-post > .sidebar {
        margin-top: 80px;
        padding: 0px 20px;
    }
    .single-chroniques .sidebar article {padding: 0px!important}
    .pdf-chroniques .content-inner {padding: 2px 27px 55px 27px}
    .single .bloc-list-post-chron .title-chron {padding-left: 20px}
    .sidebar .title-conseil{
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 55px;
    }
}
.single-chroniques .block-img img{border-radius: 10px}
.cascade-slider_container {
	position: relative;
	width: 1430px;
	height: 650px;
	margin: 0 auto;
}
.cascade-slider_item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) scale(0.3);
	transition: all 0.7s ease;
	opacity: 0;
	z-index: -1;
}
.cascade-slider_item.next {
	left: 0;
	transform: translateY(-50%) translateX(0%) scale(0.6);
	opacity: 1;
	z-index: 1;
	transform-origin: left;
	right: initial;
}
.cascade-slider_item.prev {
	transform: translateY(-50%) scale(0.6);
	opacity: 1;
	z-index: 1;
	right: 0;
	left: inherit;
	transform-origin: right;
}
.cascade-slider_item.now {
	top: 50%;
	left: 0px;
	transform: translateY(-50%) scale(1);
	opacity: 1;
	z-index: 5;
	right: 0;
	margin: auto;
}
.cascade-slider_arrow {
	display: inline-block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 5;
}
.cascade-slider_arrow-left {right: -20px}
.cascade-slider_arrow-right {left: -20px}
.cascade-slider_nav {
	position: absolute;
	bottom: -120px;
	width: 100%;
	text-align: center;
	z-index: 5;
}
.block-multi-specificite .container{
	max-width: 100vw;
	width: 100%;
	overflow: hidden;
	display: block;
}
.cascade-slider_dot {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 1em;
	background: #ddd;
	list-style: none;
	cursor: pointer;
}
body .cascade-slider_item {
	display: flex;
	width: 866px;
	border: 15px solid #C9E9F1;
	border-radius: 50px;
	background: white;
	color: black;
	float: none;
	flex-wrap: wrap;
	padding: 48px 40px;
}
.content-multi {
	padding-left: 50px;
	width: calc(100% - 300px);
}
.content-multi strong{font-family: "Rubik-Bold"}
.content-multi h2,
.content-multi h4, .content-multi h3,
.content-multi p, .content-multi li {
	font-family: "Rubik-Regular";
	font-size: 15px;
	color: #003359;
	margin-bottom: 5px;
    line-height: 20px;
}
.content-multi p sup{
    font-size: 10px;
    top: -6px;
    position: relative;
}
.content-multi h2,
.content-multi h4, .content-multi h3{
	font-size: 20px;
	font-weight: bold;
}
body .cascade-slider_item picture {width: 300px}
body .cascade-slider_item picture img {width: 100%}
.cascade-slider_dot:hover {background: #555}
.cascade-slider_dot.cur {background: #555}
.content-multi li{
	margin-left: 20px;
	list-style-type: disc;
}
.content-multi ol li{list-style-type: number}

@media screen and (max-width: 1550px){
	.cascade-slider_container {width: 1330px}
}
@media screen and (max-width: 1450px){
	.cascade-slider_container {width: 1230px}
}
@media screen and (max-width: 1350px){
	.cascade-slider_container {width: 1130px}
}
@media screen and (max-width: 1250px){
	body .cascade-slider_item{width: 700px}
	body .cascade-slider_item picture {width: 235px}		
	.content-multi {
		padding-left: 20px;
		width: calc(100% - 235px);
	}
}
@media screen and (max-width: 1150px){
	body .cascade-slider_item picture img {
		height: 300px;
		object-fit: cover;
	}
	.cascade-slider_container {
		width: 100%;
		height: auto;
		display: block;
	}
	body .cascade-slider_item{
		width: 100%;
		opacity: 1;
		float: left;
		flex-wrap: inherit;
		position: relative;
		transform: none;
		top: 0;
		left: 0;
		padding: 22px 20px;
	}
	.cascade-slider_item{z-index: 1}
	.content-multi h2, 
	.content-multi h4, 
	.content-multi h3, 
	.content-multi p, .content-multi li {
		font-size: 15px;
	}
	.block-multi-specificite > .col-xs-12{display: block}	
	.content-multi {
		padding-left: 0px;
		width: 100%;
		display: block;
	}
	.block-multi-specificite .container{padding: 0px}
	.cascade-slider_container{margin: auto}
	.cascade-slider_arrow {display:none!important}
}

@media screen and (max-width: 1150px){
	body .cascade-slider_item picture img {
		height: 175px;
		object-fit: cover;
		margin-bottom: 20px;
	}
}

.block-multi-video .double-video .plyr:before {
    content: "";
    background: rgb(148 231 238 / 44%);
    height: 100%;
    width: 100%;
    POSITION: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.block-multi-video .double-video {
	width: 1220px;
	margin: 20px auto;
	text-align: center;
	color: #fff;
	display: flex;
	gap: 50px;
}
.block-multi-video .double-video .plyr {
	height: calc(100% - 30px);
	border-radius: 50px;

}
.block-multi-video  .double-video .slide {
	padding: 0;
	width: 50%;
}
.block-multi-video .double-video .slide button {
    opacity: 1!important;
}
.block-multi-video .double-video  .slide .child-element {
	margin: 0;
	height: 340px;
	max-width: initial;
	overflow: hidden;
	width: 100%;
	transition: all 0.5s;
	position: relative;
}
.block-multi-video .double-video  .plyr{height: 100%}


.block-questionnaires-chron .bloc-questions-etapes {
    padding-top: 0px;

}

.postid-8781 .block-questionnaires-chron{
	margin-top: -15px;
}


@media screen and (max-width: 1370px){
	.block-multi-video .double-video {width: 1120px}
}
@media screen and (max-width: 1170px){
	.block-multi-video .double-video {width: 1020px}
}
@media screen and (max-width: 1200px){
	.block-multi-video .slider.center .plyr {border-radius: 30px}
}
@media screen and (max-width: 1100px){
	.slider-chron .item img {
    width: 400px;
}
	
    .block-multi-video .double-video {width: 90%}
	.block-multi-video .double-video .slide {
		padding: 0;
		width: 50%;
	}
	.block-multi-video .slick-list {height: auto}
	.block-multi-video .child-element p {
		margin-top: 15px;
		font-size: 23px;
	}
	
	.block-call-action-chron .img{
		width: 40%;
	}
	.block-call-action-chron .content{
		width: 60%;
	}
	
	.slider-chron .item:not(.format-paysage) img {
    width: 299px;
}
}
@media screen and (min-width: 768px) and (max-width: 1100px){
	.block-multi-video .slick-prev, .block-multi-video .slick-next {
		top: 43%;
	}
}
@media screen and (max-width: 1024px) {
	
	.slider-chron .item img {
        width: 50%;
    }
	
	.page-template-default .blocs {
		padding-left: 25px;
		padding-right: 20px;
	}
}
.block-content h6{
	color: #003359;
    line-height: normal;
}

@media screen and (max-width: 991px) {
	
	.block-image-chron#img-60 .parent-img.full-width img{
		width: 100%;
	}
	.block-event .mini-container:before,
	.block-event:after{
		height: 1050px;
	}
	.block-mission-1 .block-parent .block-right{width: 55%}
	.block-mission-1 .block-parent .block-left{width: 45%}
	
	.block-img-text-post {
        flex-direction: column;
        gap: 50px;
    }
	.single-evenements .block-plaies .content, .single-webinar .block-plaies .content, .single-post .block-plaies .content {
		position: relative;
		margin-top: 35px;
		width: 100%;
	}
	.single-evenements .block-plaies .content:not(.active), 
	.single-webinar .block-plaies .content:not(.active), 
	.single-post .block-plaies .content:not(.active) {
		display: none;
	}

	.single-webinar .block-plaies-2 .parent-plaies,
	.single-post .block-plaies-2 .parent-plaies,
	.single-evenements .block-plaies-2 .parent-plaies{
		display: flex;
		flex-direction: column-reverse;
	}
	.single-post .block-plaies-2 ul.list-plaies,
	.single-evenements .block-plaies-2 ul.list-plaies, 
	.single-webinar .block-plaies-2 ul.list-plaies {
		left: 0;
		width: 100%;
	}
	.block-img-text-post .content ul{justify-content: center}

    .block-call-action-chron .img {
        width: 30%;
    }
	.block-call-action-chron .content {
        width: 70%;
    }
}

@media screen and (max-width: 767px) {

	
	.block-telechargement-bis-chron .col-left {
		height: 300px;
		width: 100%;
	}

	.block-telechargement-bis-chron{
		flex-direction: column 
	}
	
    .block-img-text-post .content {
        width: 100%;
        padding: 0px;
    }
	.top-bar p {
		font-size: 12px;
		padding: 0px 45px;
		line-height: normal;
		margin-bottom: 2px;
	}
	.page-id-9411  .text-content,
	.page-id-8341 .text-content{margin-bottom: 70px}
	.page-id-9411 .intro-sub-page,
	.page-id-8341 .intro-sub-page {margin-bottom: 10px}
	.page-id-9411 .block-img-simple img,
	.page-id-8341 .block-img-simple img{display: none}
	
	.page-id-9411 .text-content,
	.page-id-9411 .block-text-post p,
	.page-id-8341 .text-content,
	.page-id-8341 .block-text-post p {
		width: 100%;
	}
	.page-id-9411 .block-img-simple img,
	.page-id-8341 .block-img-simple img {
		width: auto;
		margin-top: 0px;
	}
	.block-multi-video .double-video .plyr:before,
	.block-multi-video .slider.center .plyr:before{content: none!important}
	.block-multi-video .double-video .slide .child-element {
		height: 300px;
	}
	.block-multi-video .double-video .plyr {height: 300px}
	.block-multi-video .double-video  .plyr {height: calc(100% - 30px)}
	.block-multi-video .double-video .slide .child-element {
		height: 220px;
		width: 100%;
		margin: 55px 0;
		transition: all 0.5s;
		overflow: visible;
		padding: 0px 15px;
	}
	.block-multi-video .double-video {
		width: 90%;
		padding-bottom: 50px;
	}
}
.block-multi-video .double-video {padding-bottom: 50px}
.breadcrumbs li {font-size: 14px}
.breadcrumbs li a{font-size: 12px}
.bloc-pdf-post .list-pdf-legsgo {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 32Px;
}
.bloc-pdf-post .item svg.view{width: 28px}
.bloc-pdf-post .list-pdf-legsgo .item{width: calc(50% - 30px)}
.page .bloc-pdf-post .list-pdf-legsgo .item {width: calc(33.333333333333336% - 30px)}

 .page.page-id-9495 .bloc-pdf-post .list-pdf-legsgo .item img{
object-fit: contain
}
.page.page-id-9495 .bloc-pdf-post .list-pdf-legsgo .item{
background: #dbf2f7;
    padding: 10px;
    border-radius: 20px;
}


.bloc-pdf-post .list-pdf-legsgo .item img {
    width: 100%;
    height: 261px;
	border-radius: 50px 50px 0px 0px;
    object-fit: cover;
}

.bloc-pdf-post .list-pdf-legsgo .item .content {
    background: #DBF2F7;
    padding: 18px 25px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
	margin-top: -4px;
	padding-bottom: 35px;
}
.bloc-pdf-post .list-pdf-legsgo .item .content h2,.bloc-pdf-post .list-pdf-legsgo .item .content h4,
.bloc-pdf-post .list-pdf-legsgo .item .content h3 {
        font-family: "Madera-Bold";
    font-size: 18px;
    color: #003359;
    margin-bottom: 25px;
    line-height: 24px;
    text-transform: uppercase;
}
.bloc-pdf-post .list-pdf-legsgo .item .content a {
    color: #003359;
      font-family: "Madera-Regular";
    font-size: 18px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.bloc-pdf-post  svg path{fill: #003359}

@media screen and (max-width: 767px) {
    .bloc-pdf-post .list-pdf-legsgo .item {width: 100%}
}
/*new fonts*/
.big-text {font-family: "Madera-Bold"}
.medium-title-2{
    font-family: "Madera-Bold";
    font-size: 40px;
    line-height: normal;
}
.medium-title-3{
    font-family: "Madera-Bold";
    font-size: 30px;
    line-height: normal;
}
.single-post .block-contact .block a{margin-top: 15px}
.top-bar p a{color: #00A7C9}

.page-id-9411 .text-content,
.page-id-8341 .text-content{position: relative}
.img-guide-form-pdf {
    position: absolute;
    right: -360px;
    width: 315px;
}
@media screen and (max-width: 1100px){
    .img-guide-form-pdf {
        right: -300px;
        width: 217px;
    }
}

.block-ancres ul li a,
.text-content ol li strong, .text-content ul li strong,
.breadcrumbs li a,
.single-post p.bold,
.text-content h4,
.single-produit .post-thumb-product p,
.block-sommaire > p,
.single-post .text-content li strong, .single-post .text-content li b,
.text-content h3 strong, .text-content h3 b,
.single-post p strong,
.text-content h2,
.single-produit p strong,
.single-produit p b,
.single-webinar p.bold,
.single-evenements p.bold,
.intro-post label.label-intro,
.single-webinar p b,
.single-evenements p b,
.single-post p b,
.archive p b,
.page-template-default p.bold,
.home p b,
.page-template-default p b,
.link,
.link-medium,
.cta,
.link-sante,
.content-multi strong,
.title-video,
h2.title-big-text-p,
.title-innovations-sidebar,
 .etude-name,
.content-multi h2, .content-multi h4, .content-multi h3,
.single-post .text-content h2,
.text-content h3,
.block-multi-video .child-element p,
.block-list-check li,
.title-post-sidebar,
.title-sidebar,
.old-content h5, .old-content h4, .old-content h3,
.old-content h2,
.block-plaies ul.list-plaies li,
.block-numbers .medium-title,
.block-texte .big-text,
.small-title,
.title-preview-post,
h3.big-text,
.medium-title b,
.medium-title,
.gform_button, 
.breadcrumbs li,
.sup-footer .nl > label,
.big-title{
  font-family: "Madera-Bold";
}
.sup-footer  label{font-size: 12px}
.sup-footer .nl > label{font-size: 16px}
.label-intro{
    padding: 4px 20px;
    border-radius: 18px;
}
input[type="submit"].gform_button{
  font-family: "Madera-Bold"!important;
	background: #00a7c9!important;
}
h1.big-title{font-family: "Madera-ExtraBold"}
.gfield_label ,
.result p:not(.uppercase),
.single-produit p,
.datas > div,
.old-content a,
.text-content ol li, .text-content ul li,
.breadcrumbs li a,
.single-webinar p,
.single-evenements p,
.archive p,
.single-post p,
.page-template-template-story  p,
.page-template-default p,
.menu-footer li, 
.menu-footer a,
.gfield_description,
.site-updated,
.page-id-9411 .gfield_checkbox label,
.page-id-8341 .gfield_checkbox label,
.home p,
.old-content h6,
.list-post article p,
.mc4wp-form-fields label,
.breadcrumbs li span,
.label-intro,
.block-login .medium-title {
    font-family: "Madera-Regular";
}
h6,
.title-mini-block {
    font-weight: normal !important;
    font-family: "Madera-Regular";
}
.title-mini-block b{font-family: "Madera-Bold"}

.next-previous-links .cta,
.next-previous-links a:not(.cta),
.next-previous-links a:not(.cta){
	text-decoration: underline;
}
.next-previous-links .cta,
.next-previous-links a:not(.cta),
.next-previous-links a:not(.cta),
.block-list li,
.old-content li,
.date-etude,
.block-steps .steps .step > p,
.partage-rs label,
.sub-menu-pro li ul li,
.block-video-multiple .block-video p,
.sub-menu-pro span,
.sub-menu .title-sub,
header nav li a {
    font-family: "Madera-Medium";
}
h2{color: #00A7C9}
.old-content p sup{
    font-size: 10px;
    top: -5px;
    position: relative;
}
.sidebar .slider-mobile button.link  {
    padding: 0px;
    font-family: "Madera-Medium";
}
.bloc-product-chron.bloc-product-legsgo .item{
/*background: #e1edef;*/
	background: white;	
}
.bloc-product-chron.bloc-product-legsgo .item li img {
    margin-right: 10px;
    background: #f3f3f3;
    border-radius: 100%;
}


.bloc-product-legsgo .item{
   display: flex;
   width: 100%;
   gap: 30px;
   border-radius: 20px;
   padding: 50px 30px;
 }
.bloc-product-legsgo .item h2{

    text-align: left;
    margin-bottom: 42px;
}
.bloc-product-legsgo .item .cta-chron{
	margin-top: 20px;
}

.bloc-product-legsgo .item li{
  text-align: left;
  font-size: 24px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.bloc-product-legsgo .item li sup{
	    font-size: 12px;
    top: -8px;
}

.bloc-product-legsgo .item li img{margin-right: 10px}


@media screen and (max-width: 1300px){
	.block-indispensables-chron .images-block,
	.block-indispensables-chron .items .item .content {
    	width: 50%;
	}
	
	.block-4-col-icon-text-chron .item{
	width: 25%;

}
	
}

@media screen and (max-width: 1024px){
	.img-guide-form-pdf {right: -233px}
}
@media screen and (min-width: 992px){
    .title-mini-block {
        font-size: 29px !important;
        line-height: 35px !important;
    }	
}
@media screen and (max-width: 991px){
	
	.block-4-col-icon-text-chron .items{
		flex-wrap: wrap;
	}
	.block-4-col-icon-text-chron .item{
		width: calc(50% - 15px);
	}
	
	.block-icon-content-chron.col .item,
	.block-image-text-variante-chron .content{
		width: 100%;
	}
	.block-icon-content-chron .item {margin-bottom: 25Px}
	.block-icon-content-chron.col .items,
	.block-image-text-variante-chron.is-inverse .flex,
	.block-image-text-variante-chron .flex,
	.block-citation-chron .flex.top-info {flex-direction: column}	
	.block-reassurance-chron .items-list{gap: 40px}
	.block-reassurance-chron .items-list p {font-size: 20px}
	.title-2-chron-big {font-size: 40px}
	.block-physiopathologie-chron .items .item {padding: 30px}
	.single-chroniques .block-text-post.size-24 li, 
	.single-chroniques .block-text-post.size-24 p {
		font-size: 20px;
	}
	.single-chroniques .block-double-img img {height: auto}
	.block-col-caracteristiques-chron{flex-direction: column}
	.block-col-caracteristiques-chron .item {width: 100%}
	
	.bloc-product-legsgo .item {flex-direction: column}
 .bloc-product-legsgo .item .col-left{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
	
}

@media screen and (max-width: 767px){	
	
	.pdf-chron,
	.pdf-chron.post-chron{
		margin-right: 30px;
		height: auto;
	}
	
	
	.content-evol {

    margin-top: 0;
    opacity: 1;
}
	.content-evol h3 {
    font-size: 18px;
    margin-bottom: 8px;
}
	.content-evol p {
    font-size: 14px;
    margin-bottom: 20px;
}
	
	.block-protocole-soins-chron .slick-prev, .block-protocole-soins-chron .slick-next{
	    top: 230px;
		z-index: 999;
	}
	
	
	.block-protocole-soins-chron .block-img{
	padding: 0px 25px;
	}
	
	    .parent-bock-intro-chron {
        flex-direction: column;
        padding: 0px 20px;
    }
	.slider-dl-chron {
    padding: 0px 27px !important;
}
	
	.block-relation-chron .pdf-chron.post-chron .content-inner {
    padding-bottom: 40px;
}
	
	.pdf-chron a {
    position: relative;
    bottom: 0;
    margin-top: 40px;
    display: table;
}
	.bloc-questions-etapes {
    padding: 50px 30px;
}
	
	.block-4-col-icon-text-chron .item{
		width: 100%;
	}
	
	.block-physiopathologie-chron {padding-top: 60px !important}
	.single-chroniques .block-text-post ul {margin-top: 15px}
	.block-stats-chron ul{padding: 0px}

	.single-chroniques .block-ancres ul li {margin-right: 15px !important}
	.single-chroniques .chroniques-single-builder .container{
		padding-left: 0px;
		padding-right: 0px;
	}

	
	body .intro-single-chron .block-content {min-height: auto}
	.title-3-chron-big {font-size: 30px}
	body .block-icon-content-chron {
		padding-top: 100px!important;
		padding-bottom: 25px!important;
	}
	.block-etapes-chron .items {flex-wrap: wrap}
	.block-multi-items-chron .item,
	.block-indispensables-chron .img-block img,
	.block-etapes-chron .items .item img,
	.block-astuces-chron .items .item,
	.block-etapes-chron .items .item {
		width: 100%;
	}
	.block-etapes-chron .text-chron {
    margin-top: 10px;
}
	.block-etapes-chron#size-auto-mob .items .item img{
		width: auto;
	}
	.block-reassurance-chron.tricks-bg-chron:before{
		content: none;
	}
	
	 .block-reassurance-chron,
.block-etapes-chron{
width: calc(100% - 40px);
	left: 20px;
	}
	.block-reassurance-chron{
	border-radius: 20px;
	}
	
	
	.block-icon-content-chron .item,
	.block-multi-items-chron .item,
	.block-image-text-variante-chron .content,
	.block-call-action-chron .inner,
	.block-phrase-avant-chron .inner,
	.block-astuces-chron .items .item,
	.block-etapes-chron .items,
	.block-indispensables-chron .items .item{
		padding: 30px;
	}
	.block-call-action-chron .inner{gap: 30px}
	
	.block-indispensables-chron .title-24 {padding-left: 0px}
	.block-icon-content-col-chron .item,
    .block-indispensables-chron .images-block, 
	.block-indispensables-chron .img-block,
	.block-indispensables-chron .items .item .content {
        width: 100%;
    }
	.materiel-necessaire {
    margin-bottom: 70px;
}
	
	.block-protocole-soins-chron .item-slide > img{
	max-width: 100%;
	}
	.materiel-necessaire .item {min-height: 100px}
	.materiel-necessaire{gap: 20px}
	.block-icon-content-col-chron .items,
	.block-icon-content-chron .item,
	.block-multi-items-chron .items,
	.block-icon-content-chron.col .item,
	.block-indispensables-chron .items .images-block,
	.block-indispensables-chron .items .item,
	.block-astuces-chron .items,
	.block-bande-compression-chron .items {flex-direction: column}
	.block-bande-compression-chron .item {width: 100%}
	.block-ordonnance-chron{
		padding-top: 50px!important;
		padding-bottom: 50px!important;
	}
	.block-ordonnance-chron .items{flex-wrap: wrap}
	.block-ordonnance-chron .items .item {width: 100%}
	.bloc-questionnaires-popup .inner{
		width: 95%;
		padding: 30px;
		padding-top: 50px;
	}
	.close-popup-questionnaires-chron {
        right: 20px;
        top: 20px;
        width: 20px;
	}
	.bloc-questionnaires-popup ul li {
		margin-bottom: 10px;
		font-size: 16px;
	}
	
	.bloc-questions-etapes .questions li span.bg-blue {
		width: 23px;
		min-width: 23px;
		height: 23px;

		font-size: 16px;
		top: 5px;
	}
	.bloc-questionnaires-popup ul li img{
		width: 23px;
	}
	.bloc-questionnaires-popup .text-popup-chron {
    	font-size: 16px;
	}
	.bloc-questionnaires-popup .title-popup-chron {
		font-size: 23px;
		margin-top: 10px;
	}
	.block-questionnaires-chron .bloc-questions-etapes {padding: 15px}
	.bloc-questions-etapes .questions li > div {align-items: flex-start}
	.block-3-col-color-chron .items .item,
	.block-image-text-variante-chron img,
	.block-image-text-variante-chron .content,
	.bloc-questions-etapes .etape-1 > div {
		width: 100%;
	}
	.etape-1 .plus-white {top: 65px}
	.bloc-questions-etapes .etape-1 .block-left {
		padding-right: 0px;
		text-align: left;
		margin-bottom: 70px;
	}
	.result-non.orange-chron {
		font-size: 24px;
		line-height: normal;
	}
	body .block-protocole-soins-chron {
    padding-top: 60px!important;
    padding-bottom: 100px!important;
}
	
	.block-protocole-soins-chron .item-slide > .flex,
	.block-3-col-color-chron .items,.materiel-necessaire,
	.block-image-text-variante-chron.is-inverse .flex,
	.block-image-text-variante-chron .flex,
	.block-phase-avant-col-chron .items{
		flex-direction: column
	}
	.bloc-questions-etapes .questions li {
		margin-bottom: 40px;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.bloc-questions-etapes .etape-1 .block-right {padding-left: 0px}
	.block-severite-1-chron .bloc-questions-etapes .etape-1{flex-direction: column}	
	.block-col-caracteristiques-chron .item {padding: 50px 30px 75px 30px}
	.title-32 {font-size: 28px}
	.text-chron{font-size: 17px}
	.block-recommandations-chron .items .item,
	.flex-parent-consequence > * {
		width: 100%;
	}
	.block-phase-avant-col-chron .item {width: 100%}
	.block-recommandations-chron .inner {padding: 50px 15px 0px 15px}
	
	#size-60.block-image-chron .parent-img.with-spacing,
	
	.block-image-chron .parent-img.with-spacing {padding: 15px}
	.block-recommandations-chron .flex-logo {
		flex-direction: column;
		align-items: flex-start;
		margin: 40px 0px;
	}
	.block-reassurance-chron .items-list {flex-wrap: wrap}
	.block-physiopathologie-chron .items .item,
	.block-stats-chron ul li {width: 100%}
	.flex-parent-consequence,
	.block-soins-locaux .items,
	.block-physiopathologie-chron .items,
	.block-recommandations-chron .items,
	.block-soins-locaux-bis .items,
	.block-title-citation-chron .flex-title-citation-chron,
	.block-stats-chron ul {flex-direction: column}
	
	.block-soins-locaux-bis .items .item {width: 100%}
	.block-soins-locaux .items .item {
		width: 100%;
		margin-bottom: 70px
	}
	.top-bar {z-index: 99999999}
    header.active {z-index: 999999999 !important}
    .postid-1373 .block-technologie-2 .block-image > .inner > img:not(.shape) {margin-bottom: 65px}
    body .cascade-slider_item picture img {
        height: auto;
        object-fit: contain;
    }
    .medium-title-2 {
        font-size: 28px;
        line-height: 35px;
    }	
    .block-mission-1 .block-parent .block-right,
    .block-mission-1 .block-parent .block-left {
        width: 100%;
    }
    .single-evenements .block-plaies .content:not(.active), 
    .single-webinar .block-plaies .content:not(.active), 
    .single-post .block-plaies .content:not(.active) {
        display: block;
    }
    .single-post .block-plaies ul.list-plaies, 
    .single-evenements .block-plaies ul.list-plaies, 
    .single-webinar .block-plaies ul.list-plaies {
        width: 100%;
    }
    .single-evenements .block-plaies .content, 
    .single-webinar .block-plaies .content, 
    .single-post .block-plaies .content {
        flex-direction: column;
    }
    .block-ancres ul li,
    .block-ancres ul li{
        background: none!important;
    }
    .single-produit .block-ancres ul {
        background: #eefbfe;
        padding-top: 35px;
    }
    .block-ancres ul{margin-bottom: 25px}
    .page .bloc-pdf-post .list-pdf-legsgo .item {
        width: 100%;
        margin-bottom: 40px;
    }
    .img-guide-form-pdf {
        right: 0px;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .link-next,
    .link-prev{display: none}

	.title-chron-big {
    font-size: 35px;
}
	
	.sub-title-chron,
	.single-chroniques .block-text-post .small-title {
    font-size: 26px;
}
	    .single-chroniques .title-chron-medium {
        font-size: 26px;
    }
	.block-citation-chron .content .block-text-citation-chron p {
    margin-bottom: 60px;
}
	.block-conseils-chron .bloc-items .items {
		padding: 0px 0px;
	}
	.block-conseils-chron .items .item {
		flex-direction: column;
		padding: 40px;
	}
	.slider-chron .item {
		flex-direction: column-reverse!important;
	}
	.block-call-action-chron .inner{
		flex-direction: column;
		align-items: flex-start;
	}
	.slider-chron .item img,
	.slider-chron .item:not(.format-paysage) img {
		width: 100%;
		margin-bottom: 20px;
	}
	.slider-chron .content {
		padding-right: 0px;
	}
	.block-call-action-chron .content {
        width: 100%;
        padding: 0px;
        padding-bottom: 30px;
    }
	.block-call-action-chron .img {
		width: 100%;
		height: 250px;
        object-fit: contain;
	}
	.list-evolution .item:hover .numero-evolution {
    opacity: 1;
}
	
	.bloc-product-legsgo .item .col-left img{width: 100%}
.bloc-product-legsgo .item li {
  font-size: 20px;
  line-height: normal;
}

	.bloc-product-legsgo .item {
		padding: 15px 20px;
	}
	.bloc-product-legsgo li p{
		font-size: 17px;
	}
	.bloc-product-legsgo .item li img {
		width: 18px;
		top: 5px;
		position: relative;
	}
	.bloc-product-legsgo .item h2 {
		font-size: 22px;
		line-height: 29px;
		margin-bottom: 25px;
	}
	.block-phrase-avant-chron .inner .title-32 {
		font-family: "Alga-Bold";
		font-size: 23px;
		line-height: 32px;
	}
	.block-phrase-avant-chron .inner .title-32.no-text{
		margin-bottom: 0px;
	}
	
	.block-indispensables-chron .text-chron {
		font-size: 17px;
	}
	.block-image-chron#img-60 .parent-img img,
	.block-image-chron#img-60 .parent-img.full-width img,
	#size-60.block-image-chron .parent-img.with-spacing img{width: 100%;}
	
	
}


