@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700,800&display=swap');

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .slider-wrapper .illustration {
        background-image: url('../images/svg-ie.svg');
        background-repeat: no-repeat;
    }
}

@supports (-ms-ime-align:auto) {
    .slider-wrapper .illustration {
        background-image: url('../images/svg-ie.svg');
        background-repeat: no-repeat;
    }
}

/* header .main .logo #lottie,.main-menu .content .left .logo-menu #lotties {
	display:none;
} */
.quiz_white {
    width: 100%;
    float: left;
}

.quiz_white input[name='honeypot-856'] {
    display:none !important;
}

.quiz_white input[name='quiz-9'] {
	border: none !important;
    resize: none !important;
    float: left !important;
    border-radius: 20px !important;
    background: #fff !important;
    font-size: 14px !important;
    color: #041946 !important;
    padding: 0 25px !important;
    outline: none !important;
    margin: 0 !important;
    height: 40px !important;
    width: initial !important;
}

.quiz_white label {
    display: flex;
    align-items:center;
	margin-bottom: 0;
}

.quiz_white label span{
    width: 70px;
	font-size: 14px;
	color: #041946;
}


#ascrail2000{
        height: 200px !important;
        width: 7px !important;
        background-color: rgba(214,214,214,.22) !important;
        opacity: 1 !important;
            border-radius: 30px;
                top: 23px !important;
    left: 96% !important;
}
.nicescroll-cursors{
    left: 2px !important;
     height: 45px !important;
}
.page-template-equipe .select2-results__option:first-child{
    opacity: .3;
    pointer-events: none;
}

ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.formulaire .content form div:last-child,
.postuler .content form div:last-child{
    font-size: 12px;
    color: #fff;
}

.postuler .select2-selection__rendered{
    display: block;
}
.postuler .select2-container--open .select2-selection__rendered:before{
display: block;
    content: "";
    background-color: white;
    width: 20px;
    height: 21px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.postuler .input.wr2{
      margin: 0 0 15px 0 !important;
}
.postuler .input.wr1{
    clear: both;
}
.postuler select.poste+.select2-container{
    width: 100% !important;
}

.postuler .select_post{
    float: left;
    width: 49%;
}
.postuler .select_expertise{
    float: right;
   width: 49%;
}
.postuler .select_expertise .select2-container{
        width: 100% !important;
}
.postuler select.poste+.select2-container{
    margin: 0 7px 15px 0;
}
.postuler select.expertise+.select2-container{
   margin: 0 0 15px 0;
}
.postuler .select2-container--open .select2-selection__rendered:after{
display: block;
    content: "";
    background-color: white;
    width: 20px;
    height: 21px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}


.grecaptcha-badge {
    opacity: 0 !important;
}

.bio .wrapper .right .contenu {
    padding-top: 30px;
}

.distinctions .content .both .distinction:nth-child(2) {
    padding-top: 70px;
}

.formulaire .content form input:nth-child(6) {
    width: 100%;
    margin: 0 0 15px 0;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h1,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h4,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h5,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h6,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p {
    color: #041946 !important;
    text-align: center !important;
    font-weight: 300 !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
    color: #ff4e4d !important;
}

a {
    text-decoration: none !important;
}

.team .intro .filter svg {
    position: absolute;
    top: 52px;
    left: 28%;
    opacity: 0.2;
}

.search-no-results .search-result {
    height: 100%;
    position: relative;
}

.search-no-results .search-result .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}

html:lang(en) .offres,
html:lang(de) .offres {
    display: none;
}

html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

body {
    overflow-x: hidden;
}

body.overflow-body {
    overflow: hidden !important;
}

body.white header .main .menuu ul li a {
    color: #fff;
}

body.white header .main .menuu ul li.current-menu-item a:after,
body.white header .main .menuu ul li:hover a:after {
    background: #fff;
}

.page-template-clients #lottie svg g g:nth-child(6) g path,
.page-template-clients #lottie svg g g:nth-child(7) g path {
    fill: #fff;
}

.page-template-expertises #lottie svg g g:nth-child(5) g path,
.page-template-expertises #lottie svg g g:nth-child(4) g path {
    fill: #fff;
}

.page-template-solutions #lottie svg g g:last-of-type g path,
.page-template-solutions #lottie svg g g:nth-child(8) g path,
.page-template-anniversaire #lottie svg g g:last-of-type g path,
.page-template-anniversaire #lottie svg g g:nth-child(8) g path{
    fill: #fff;
}

.page-template-solutions #lottie svg g g:nth-child(4) g path {
    fill: #494fe2;
}

.interne,
.search-result {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.interne .content,
.search-result .content {
    width: 920px;
    margin: auto;
    clear: both;
    max-width: 95%;
}

.search-result .content h1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #b4b4b4;
    margin-bottom: 55px;
}

.search-result .content h1 span {
    color: #000;
}

.search-result .content article {
    width: 100%;
    float: left;
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #dee2e6;
}

.search-result .content article a.post-thumbnail {
    float: left;
    width: 30%;
    display: block;
    padding-right: 50px;
    padding-top: 14px;
}

.search-result .content article a.post-thumbnail img {
    width: 100%;
    height: auto;
}

.search-result .content article .right {
    float: left;
    width: 70%;
}

.search-result .content article .right h3 {
    font-size: 26px;
    line-height: 54px;
    letter-spacing: 0.02em;
    font-weight: 700;
    color: #000;
}

.search-result .content article .right p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.04em;
    font-weight: 300;
    color: #000;
}

.search-result .content article .right .cta a {
    font-size: 14px;
    line-height: 54px;
    letter-spacing: 0.04em;
    font-weight: 700;
    color: #000;
}

.search-result .content article:hover .right .cta a {
    color: #494fe2;
}

.search-result .content article:hover .right h3 {
    color: #494fe2;
}

.interne .content h1 {
    font-size: 32px;
    line-height: 74px;
    letter-spacing: 0.02em;
    color: #494fe2;
    font-weight: 700;
}

.interne .content p {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.04em;
    color: #000;
    font-weight: 300;
}

.interne .content p a {
    color: #000;
    font-weight: 500;
    display: contents;
}


.interne .content a {
    display: contents;

}

.interne .content ul li{
    position: relative;
    padding-left: 35px;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
        font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.04em;
    color: #000;
    font-weight: 300;
}

.interne .content ul li strong{
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.interne .content form{
    display: flex;
    margin-bottom: 10px;
}

.interne .content form input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  margin: 0;
  position: relative;
  width: 28px;
  height: 16px;
}
.interne .content form input[type="checkbox"]:focus {
  outline: 0;
}
.interne .content ul li::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #000;
    border: 4px solid #494fe2;
    border-radius: 50%;
    left: 0;
    top: 5px;

}

.interne .content form input[type="checkbox"]::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    border-radius: 50%;
    top: 2px;
    left: 0;
    opacity: 0.5;
    transition: 0.3s all;
}

.interne .content form input[type="checkbox"]::after{
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    transform: scale(0.2);
    border-radius: 50%;
    top: -4px;
    left: -4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.949' height='24.001' viewBox='0 0 25.949 24.001'%3E%3Cg id='check' transform='translate(-3.053 -3.999)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M12.16,28a3,3,0,0,1-2.35-1.13L3.22,18.62a1,1,0,0,1,1.56-1.24l6.59,8.24A1,1,0,0,0,13,25.56L27.17,4.44a1,1,0,0,1,1.66,1.12L14.67,26.67A3,3,0,0,1,12.29,28Z' fill='%23494fe2'/%3E%3C/g%3E%3C/svg%3E%0A");
    transition: 0.3s all;
    background-size: contain;
    opacity: 0;
}

.interne .content form input[type="checkbox"]:checked::after{
    transform: scale(1.0);
    top: -10px;
    left: -2px;
    opacity: 1;
}

.interne .content .matomo_opted_out_intro{
    transition: 0.3s all;
}
.interne .content h5 {
    font-size: 25px;
    line-height: 40px;
    letter-spacing: 0.02em;
    color: #041946;
    font-weight: 700;
}

header {
    position: absolute;
    width: 100%;
    float: left;
    padding-top: 40px;
    z-index: 9;
}

header.openn .social ul,
header.openn .main .menuu ul {
    display: none;
}

header.openn .cta ul {
    background: #fafafa;
}

header .main {
    width: 53.5%;
    float: left;
}

header .main .logo {
    text-align : center;
}

header .main .logo #lottie,
header .main .logo .logo-white {
    margin: auto;
    width: 250px;
    max-width: 100%;
    position: relative;
    top: -13px;
}

header .main .menuu,
header .main .logo {
    width: 33.33%;
    float: left;
}

header .main .logo {
    width: 33.33%;
    float: left;
/* 	display: flex;
    justify-content: center; */
}


/* header .main .logo a {
	width: 118px;
	display: flex;
	height: 115px;
	justify-content: center;
	align-items: center;
}
 */

header .main .logo a img{
	width: 100%;
}

header .main .menuu {
    padding-top: 50px;
}

header .main .menuu:last-of-type ul {
    width: 100%;
    float: left;
}

header .main .menuu ul li {
    width: 50%;
    float: left;
	text-align: center !important;
	
}

header .main .menuu ul li:last-of-type {
    text-align: right;
}

header .main .menuu ul li a {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #041946;
    letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .main .menuu ul li a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #29c3c7;
    bottom: -25px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

header .main .menuu ul li.current-menu-item a:after,
header .main .menuu ul li:hover a:after {
    opacity: 1;
}

header .social {
    width: 23.25%;
    float: left;
    padding-left: 9.75%;
    padding-top: 42px;
}

header .social ul li {
    display: inline-block;
}

header .social ul li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #041946;
    margin-right: 9px;
    transition: opacity 0.5s ease;
    font-size: 12px;
}

header .social ul li a:hover {
    background: #041946 !important;
    color: #fff !important;
}

header .cta {
    width: 23.25%;
    float: left;
    padding-right: 9.75%;
    padding-top: 42px;
}

header .cta ul {
    float: right;
}

header .cta ul li {
    display: inline-block;
}

header .cta ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #041946;
    margin-right: 9px;
    transition: opacity 0.5s ease;
    font-size: 12px;
}

header .cta ul li:last-of-type a {
    margin-right: 0;
}

.page-template-carriere .select2-container--default .select2-results > .select2-results__options{
    background-color: #fff !important;
}

.general-search {
    width: 100%;
    height: 0;
    position: absolute;
    transition: all 0.5s ease;
    z-index: 9999;
    background: #fff;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: 0;
    right: 0;
    left: 0;

    overflow: hidden;
}

.general-search.open {
    height: 67%;
    -webkit-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
}

.general-search form {
    width: 768px;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    max-width: 80%;
    border-bottom: 1px solid #d6d6d6;
}

.general-search ::placeholder {
    color: #d6d6d6;
    opacity: 1;
}

.general-search :-ms-input-placeholder {
    color: #d6d6d6;
}

.general-search ::-ms-input-placeholder {
    color: #d6d6d6;
}

.header {
    width: 100%;
    float: left;
    padding-top: 70px;
}

.header .content {
    width: 1060px;
    margin: auto;
    clear: both;
    padding-left: 50px;
    opacity: 0;
    position: relative;
    top: 10px;
    transition: all 0.5s ease;
    max-width: 100%;
}

.general-search form {
    opacity: 0;
    transition: all 0.5s ease;
    top: 60%;
}

.general-search form.open {
    opacity: 1;
    top: 50%;
}

.header .content.open {
    opacity: 1;
    top: 0;
}

.header .content .logo-search {
    float: left;
}

.header .content .close-search {
    float: right;
}

.general-search form input[type='text'] {
    width: 100%;
    height: 100px;
    background: #fff;
    color: #d6d6d6;
    text-align: left;
    font-size: 26px;
    letter-spacing: 0.02em;
    border: none;
    outline: none;
    border-radius: 50px;
    padding-left: 45px;
    height: 65px;
}

.general-search form svg {
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.general-search form input[type='submit'] {
    position: absolute;
    right: 0;
    color: #ff4e4d;
    font-size: 16px;
    font-weight: 700;
    outline: none;
    border: none;
    background: transparent;
    bottom: 10px;
}

.main-menu {
    width: 100%;
    height: 0;
    position: absolute;
    z-index: 9999;
    background: #fff;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: 0;
    right: 0;
    overflow: hidden;
}

.main-menu .logo-middle {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    display: none;
}

.main-menu .cta {
    width: 23.25%;
    float: right;
    padding-right: 9.75%;
    padding-top: 42px;
}

.main-menu .cta ul {
    float: right;
}

.main-menu .cta ul li {
    display: inline-block;
}

.main-menu .cta ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f1f0f0;
    border-radius: 50%;
    color: #041946;
    margin-left: 9px;
    transition: opacity 0.5s ease;
    font-size: 12px;
}

.lang-switcher {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 94px;
    background: #fff;
    z-index: 9;
    padding: 5px;
    border-radius: 20px;
}

.lang-switcher ul li:nth-child(2) {
    display: none;
}

.lang-switcher ul li {
    display: inline-block;
}

.lang-switcher ul li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 0.02em;
    color: #041946;
    border-radius: 50%;
}

.lang-switcher ul li a.active {
    background: #041946;
    color: #fff;
}

.main-menu.open {
    padding-top: 40px;
    height: 934px;
}

.main-menu .content {
    position: relative;
    width: 100%;
    height: 100%;
}

.main-menu .content .left {
    width: 60%;
    float: left;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.main-menu .content .left ul {
    width: 110%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.main-menu .content .left ul li {
    position: absolute;
    display: block;
}

.main-menu .content .left ul li:hover a,
.main-menu .content .left ul li.current-menu-item a {
    color: #041946;
/*     font-size: 52px; */
	transform: translateX(20px) scale(1.09);
}

.main-menu .content .left ul li:hover:before,
.main-menu .content .left ul li.current-menu-item:before {
/*     width: 20px;
    height: 20px; */
	transform: translateY(-50%) scale(2);
    background: #29c3c7;
/*     left: -43px; */
}

.main-menu .content .left ul li:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    background: #e7e7e7;
    left: -38px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	transition: 0.3s ease-in-out;
}

.main-menu .content .left ul li a {
   font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #e7e7e7;
    transition: all 0.5s ease;
    display: block;
	line-height:42px;
}

.main-menu .content .left ul li:nth-child(1) {
 	     top: 0.5%;
    left: 388px;
}

/*.main-menu .content .left ul li:nth-child(1) a {
    font-size: 38px;
}*/

.main-menu .content .left ul li:nth-child(2) {
      top: 8%;
    left: 457px;
}

.main-menu .content .left ul li:nth-child(3) {
    top: 16.5%;
    left: 512px;
}

.main-menu .content .left ul li:nth-child(4) {
       top: 26%;
    left: 552px;
}

.main-menu .content .left ul li:nth-child(5) {
   top: 41.5%;
    left: 582px;
}

.main-menu .content .left ul li:nth-child(6) {
        top: 50%;
    left: 587px;
}

.main-menu .content .left ul li:nth-child(7) {
 top: 59.5%;
    left: 577px;
}

.main-menu .content .left ul li:nth-child(8) {
    top: 68.5%;
    left: 554px;
}

.main-menu .content .left ul li:nth-child(9) {
    top: 77%;
    left: 519px;
}

.main-menu .content .left ul li:nth-child(10){
	top: 85%;
    left: 474px;
}

.main-menu .content .left .cm-container {
    height: 1080px;
    width: 1080px;
    border: solid 1px #e7e7e7;
    top: 50%;
    left: -525px;
    transform: translateY(-50%);
    position: relative;
    border-radius: 100%;
}

.main-menu .content .left .cm-container:after {
    height: 100%;
    width: 100%;
    border-radius: 100%;
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    border: none;
    transition: border 0.5s ease;
}

.main-menu .content .left .logo-menu {
    width: 300px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 120px;
}

/* .main-menu .content .left .logo-menu a{
	width: 180px;
    display: flex;
}
 */
.main-menu .content .left .logo-menu a img{
	width: 100%;
    height: 100%;
}

.main-menu .content .right {
    width: 40%;
    float: left;
    position: absolute;
    right: 0;
    top: 80%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.main-menu .content .right .meta-menu {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.main-menu .content .left ul li a {
    opacity: 0;
    position: relative;
    top: 25px;
}

.main-menu .content .left ul li a.animated {
    opacity: 1;
    top: 0;
}

.main-menu .content .right .meta-menu ul li a {
    font-size: 20px;
    line-height: 53px;
    letter-spacing: 0.05em;
    color: #000;
    opacity: 0;
    position: relative;
    top: 25px;
    transition: all 0.5s ease;
}

.main-menu .content .right .copyright p {
    display: block;
    opacity: 0;
    position: relative;
    top: 25px;
}

.main-menu .content .right .copyright p.animated {
    opacity: 1;
    top: 0;
    transition: top 0.5s ease;
}

.main-menu .content .right .meta-menu ul li a.animated {
    opacity: 0.5;
    top: 0;
}

.main-menu .content .right .meta-menu ul li a:hover,
.main-menu .content .right .copyright p:hover a {
    color: #29c3c7;
    opacity: 1;
    transition: color 0.5s ease;
}

.main-menu .content .right .copyright {
    width: 100%;
    float: left;
}

.main-menu .content .right .copyright p {
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #000;
}

.main-menu .content .right .copyright p a {
    color: #000;
}

.alaune {
    width: 100%;
    float: left;
    padding: 100px 0;
	display:none;
}

.alaune .content {
    width: 1170px;
    max-width: 95%;
    margin: auto;
    clear: both;
}

.alaune .content h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 36px;
    color: #494fe2;
    margin-bottom: 30px;
}

.alaune .content p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.04em;
    font-weight: 500;
    color: #041946;
}

.alaune .content .items {
    width: 100%;
    float: left;
    padding-top: 40px;
}

.alaune .content .items .left {
    width: 100% !important;
    float: left;
    margin-right: 0;
}

.alaune .content .items .left .item {
    width: 100%;
    float: left;
    height: 500px;
    background-size: cover;
    position: relative;
    padding: 0 70px;
    background-size: center;
}

.alaune .content .items .left .item .filter {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    opacity: 0.5;
    z-index: -1;
    top: 0;
    display: none;
}

.alaune .content .items .left .item .detail {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.alaune .content .items .left .item .detail .sub-category {
    margin-bottom: 225px;
}

.press .sub-category {
    color: #ff4e4d;
}

.actualite .sub-category a {
    color: #ff4e4d;
}

.actualite .sub-category,
.rechtliche-aktualitat .sub-category {
    color: #494fe2;
}

.publication .sub-category,
.publikationen-und-veroffentlichungen .sub-category {
    color: #29c3c7;
}

.sub-category {
    line-height: 20px;
    text-align: left;

    font-size: 12px;
    color: #ff4e4d;
    display: block;
    font-weight: 700;
}

.alaune .content .items .left .item .detail h3 {
    font-size: 26px;
    line-height: 36px;
    color: #fff;
    font-weight: 500;
    padding-right: 100px;
}

.alaune .content .items .left .item .detail p {
    font-size: 14px;
    line-height: 34px;
    color: #fff;
}

.alaune .content .items .left .item .detail p a {
    text-decoration: underline;
    color: #fff;
}

.alaune .content .right {
    width: calc(33.33% - 30px);
    float: left;
    margin-right: 30px;
}

.alaune .content .items .right .item {
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 500px;
    float: left;
    padding: 0 50px;
    position: relative;
}

.alaune .content .items .right .item .detail {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    right: 30px;
}

.alaune .content .items .right .item .detail h3 {
    font-size: 16px;
    color: #000;
    line-height: 23px;
    font-weight: 700;
}

.alaune .content .items .right .item .detail p {
    font-size: 12px;
    color: #000;
    line-height: 22px;
    margin: 20px 0;
}

.alaune .content .items .right .item:nth-child(1) {
    margin-bottom: 20px;
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

.scolldown {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    left: 9.25%;
    bottom: 35px;
}

.scolldown p {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    width: 10px !important;
    transform: rotate(-180deg);
    position: relative;
    left: -17px;
    top: 8px;
}

.scolldown .scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    text-align: center;
    bottom: 0;
}

.scolldown .scroll-btn>* {
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    line-height: 21px;
    font-size: 12px;
    font-weight: normal;
    color: #041946;
    letter-spacing: 0.15em;
    cursor: default;
}

.scolldown .scroll-btn>*:hover,
.scolldown .scroll-btn>*:focus,
.scolldown .scroll-btn>*.active,
.scolldown .scroll-btn>*:active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.scolldown .scroll-btn .mouse {
    position: relative;
    display: block;
    width: 11px;
    height: 17px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #041946;
    border-radius: 23px;
}

.scolldown .scroll-btn .mouse>* {
    position: absolute;
    display: block;
    top: 29%;
    left: 59.5%;
    width: 1px;
    height: 3px;
    margin: -1px 0 0 -2px;
    background: #041946;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}

.slider-wrapper {
    width: 100%;
    height: 100%;
    background: url(images/bgheader.png);
    background-size: cover;
    position: relative;
}

.slider-wrapper .illustration {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.slider-wrapper .illustration svg {
    position: absolute;
    bottom: 0;
    height: 100%;
    right: 0;
}

.slider-wrapper .slider {
    width: 100%;
    overflow: hidden;
    height: 100%;
    z-index: 1;
}

.slider-wrapper .slider ul.slick-dots {
    position: absolute;
    left: 9%;
    top: 35%;
    z-index: 999;
}

.slider-wrapper .slider ul.slick-dots li.slick-active button:after {
    background: #ff4e4d;
}

.slider-wrapper .slider ul.slick-dots li {
    height: 9px;
    margin-bottom: 20px;
}

.slider-wrapper .slider ul.slick-dots li button {
    position: relative;
    background: transparent;
    border: none;
    color: transparent;
    outline: none;
    width: 8px;
    height: 8px;
}

.slider-wrapper .slider ul.slick-dots li button:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #041946;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.slider-wrapper .slider .slick-list,
.slider-wrapper .slider .slick-track {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider-wrapper .slider .slide {
    width: 100%;
    height: 100%;
    position: relative;
    outline: none;
}

.slider-wrapper .slider .slide:nth-child(2) .content h3 {
    color: #29c3c7;
}

.slider-wrapper .slider .slide:nth-child(2) .content .cta-slide a {
    background: #29c3c7;
}

.slider-wrapper .slider .slide:nth-child(3) .content h3 {
    color: #494fe2;
}

.slider-wrapper .slider .slide:nth-child(3) .content .cta-slide a {
    background: #494fe2;
}

.slider-wrapper .slider .slide .content {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 23.25%;
    width: 525px;
    max-width: 80%;
}

.slider-wrapper .slider .slide .content h2 {
    font-weight: 700;
    font-size: 40px;
    color: #041946;
    line-height: 55px;
}

.slider-wrapper .slider .slide .content h3 {
    font-weight: 500;
    font-size: 30px;
    color: #ff4e4d;
    line-height: 41px;
}

.slider-wrapper .slider .slide .content p {
    font-size: 16px;
    color: #041946;
    line-height: 22px;
    margin-top: 23px;
    letter-spacing: 0.05em;
}

.slider-wrapper .slider .slide .content .cta-slide {
    width: 100%;
    float: initial;
    padding-top: 35px;
}

.slider-wrapper .slider .slide .content .cta-slide a {
display: inline-block;
    color: #fff;
    background: #ff4e4d;
    text-align: center;
    line-height: 24px;
    width: auto;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 20px;
    padding: 10px 30px;
    outline: none !important;
    height: auto;
}

.chiffres {
    width: 100%;
    height: 100%;
}

.chiffres .left {
    width: 45%;
    float: left;
    height: 100%;
    position: relative;
}

.chiffres .left .content {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    left: 37.77%;
}

.chiffres .left .content h1 {
    font-size: 40px;
    font-weight: 500;
    color: #29c3c7;
    line-height: 48px;
    font-weight: 700;
}

.chiffres .left .content h1 span {
    display: block;
    font-weight: 400;
    color: #494fe2;
}

.chiffres .left .content p {
    font-size: 16px;
    line-height: 26px;
    color: #041946;
    margin: 45px 0 76px 0;
}

.chiffres .left .content .cta {
    width: 100%;
    float: left;
}

.chiffres .left .content .cta.twenty-years {
    display : none
}

.chiffres .left .content .cta a {
    display: block;
    width: 237px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    background: #ff4e4d;
    font-weight: 500;
}

.chiffres .right {
    width: 55%;
    float: left;
    height: 100%;
}

.chiffres .right .boxes {
    width: 100%;
    height: 100%;
    float: left;
}

.chiffres .right .boxes .box {
    width: 50%;
    height: 50%;
    float: left;
    position: relative;
}

.chiffres .right .boxes .box:nth-child(1) {
    z-index: 9;
}

.pie__block {
    width: 100%;
    height: 100%;
    position: absolute;

    visibility: hidden;
    z-index: -1;
}

.chiffres .right .boxes .box:nth-child(1) .pie__block {
    border-top-left-radius: 100%;
    background-image: linear-gradient(to left, #29c3c7, #f3fcfc);
}

.chiffres .right .boxes .box:nth-child(2) .pie__block {
    background-image: linear-gradient(to left, #ff4e4d, #fff2f2);
    border-top-left-radius: 100%;
    width: 306px;
    height: 306px;
    left: -20px;
}

.chiffres .right .boxes .box:nth-child(3) {
    z-index: -1;
}

.chiffres .right .boxes .box:nth-child(1),
.chiffres .right .boxes .box:nth-child(2) {
    overflow: hidden;
}

.chiffres .right .boxes .box:nth-child(3) .pie__block {
    border-bottom-right-radius: 100%;
    width: 418px;
    height: 100%;
    background-image: linear-gradient(to right, #4e54e3, #ededfc);
    right: -132px;
}

.pie__block--topRight {
    top: 0%;
    right: 0%;
    transform-origin: left bottom;
    animation: pie-topRight 1.5s linear forwards;
    -webkit-animation: pie-topRight 1.5s linear forwards;
    animation: pie-topRight 1.5s linear forwards;
}

.pie__block--rightBottom {
    right: 0%;
    bottom: 0%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-animation: pie-rightBottom 1.5s linear forwards;
    animation: pie-rightBottom 1.5s linear forwards;
}

.pie__block--bottomLeft {
    bottom: 0%;
    left: 0%;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-animation: pie-bottomLeft 1.5s linear forwards;
    animation: pie-bottomLeft 1.5s linear forwards;
}

.pie__block--leftTop {
    left: 0%;
    top: 0%;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-animation: pie-leftTop 1.5s linear forwards;
    animation: pie-leftTop 1.5s linear forwards;
}

@-webkit-keyframes pie-topRight {
    0% {
        visibility: hidden;
        -webkit-transform: skewY(-90deg);
        transform: skewY(-90deg);
    }

    25%,
    100% {
        visibility: visible;
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
    }
}

@keyframes pie-topRight {
    0% {
        visibility: hidden;
        -webkit-transform: skewY(-90deg);
        transform: skewY(-90deg);
    }

    25%,
    100% {
        visibility: visible;
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
    }
}

@-webkit-keyframes pie-rightBottom {

    0%,
    25% {
        visibility: hidden;
        -webkit-transform: skewX(90deg);
        transform: skewX(90deg);
    }

    50%,
    100% {
        visibility: visible;
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@keyframes pie-rightBottom {

    0%,
    25% {
        visibility: hidden;
        -webkit-transform: skewX(90deg);
        transform: skewX(90deg);
    }

    50%,
    100% {
        visibility: visible;
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@-webkit-keyframes pie-bottomLeft {

    0%,
    50% {
        visibility: hidden;
        -webkit-transform: skewY(-90deg);
        transform: skewY(-90deg);
    }

    75%,
    100% {
        visibility: visible;
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
    }
}

@keyframes pie-bottomLeft {

    0%,
    50% {
        visibility: hidden;
        -webkit-transform: skewY(-90deg);
        transform: skewY(-90deg);
    }

    75%,
    100% {
        visibility: visible;
        -webkit-transform: skewY(0deg);
        transform: skewY(0deg);
    }
}

@-webkit-keyframes pie-leftTop {

    0%,
    75% {
        visibility: hidden;
        -webkit-transform: skewX(90deg);
        transform: skewX(90deg);
    }

    100% {
        visibility: visible;
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@keyframes pie-leftTop {

    0%,
    75% {
        visibility: hidden;
        -webkit-transform: skewX(90deg);
        transform: skewX(90deg);
    }

    100% {
        visibility: visible;
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

.chiffres .right .boxes .box .all {
    width: 286px;
    height: 286px;
    position: absolute;
    max-width: 100%;
}

.chiffres .right .boxes .box:nth-child(1) .all {
    background: #29c3c7;
    bottom: 0;
    right: 0;
    border-top-left-radius: 278px;
}

.chiffres .right .boxes .box:nth-child(2) .all {
    background: #ff4e4d;
    bottom: 0;
    left: 0;
    border-top-left-radius: 278px;
}

.chiffres .right .boxes .box:nth-child(3) .all {
    background: #494fe2;
    top: 0;
    right: 0;
    border-bottom-right-radius: 278px;
}

.chiffres .right .boxes .box .content {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    right: 15px;
    text-align: right;
}

.chiffres .right .boxes .box:nth-child(3) .content {
    bottom: inherit;
    top: 15px;
    right: inherit;
    left: 15px;
    text-align: left;
}

.chiffres .right .boxes .box .content span:nth-child(1) {
    font-size: 57px;
    font-weight: 700;
    line-height: 68px;
    display: block;
}

.chiffres .right .boxes .box:nth-child(1) .content span:nth-child(1) {
    color: #494fe2;
}

.chiffres .right .boxes .box:nth-child(2) .content span:nth-child(1) {
    color: #ffbabc;
}

.chiffres .right .boxes .box:nth-child(3) .content span:nth-child(1) {
    color: #29c3c7;
}

.chiffres .right .boxes .box:nth-child(1) .content span:nth-child(2) {
    color: #041946;
}

.chiffres .right .boxes .box:nth-child(2) .content span:nth-child(2),
.chiffres .right .boxes .box:nth-child(3) .content span:nth-child(2) {
    color: #fff;
}

.chiffres .right .boxes .box .content span:nth-child(2) {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    display: block;
}

.international {
    width: 100%;
    float: left;
    padding: 200px 0;
    background-image: url(images/bg-int.png);
    background-size: cover;
    background-position: center;
    position: relative;
    height: 100%;
}

.international .illu-top {
    position: absolute;
    top: 0;
    right: 0;
}

.international .illu-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

.international .content {
    width: 572px;
    max-width: 95%;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.international .content h2 {
    color: #ffbabc;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

.international .content p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin: 60px 0;
}

.international .content .cta {
    width: 100%;
    float: left;
}

.international .content .cta a {
    display: block;
    width: 222px;
    height: 40px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    background: #ff4e4d;
    margin: auto;
}

.service {
    width: 100%;
    float: left;
    background: url(images/bgheader.png);
    background-size: cover;
    padding: 200px 0;
}

.service .content {
    width: 865px;
    max-width: 95%;
    margin: auto;
}

.service .content h3 {
    font-weight: 700;
    line-height: 48px;
    font-size: 40px;
    color: #494fe2;
    text-align: center;
}

.service .content h3 span {
    color: #29c3c7;
}

.service .content p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.04em;
    margin: 40px 0 70px 0;
    color: #041946;
    text-align: center;
}

.service .content .numbers {
    width: 100%;
    float: left;
}

.service .content .numbers .item {
    width: calc(33.33% - 10px);
    float: left;
    height: 206px;
    margin-right: 15px;
    border-radius: 5px;
    border-top-right-radius: 70px;
    background: #494fe2;
}

.service .content .numbers .item .up,
.service .content .numbers .item .down {
    position: relative;
    width: 100%;
    height: 50%;
    float: left;
}

.service .content .numbers .item .up {
    font-size: 57px;
    font-weight: 700;
    color: #29c3c7;
}

.service .content .numbers .item:nth-child(2) .up {
    color: #ffbabc;
}

.service .content .numbers .item:nth-child(3) .up {
    color: #041946;
}

.service .content .numbers .item .down {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    left: inherit;
    text-align: right;
}

.service .content .numbers .item .up span,
.service .content .numbers .item .down span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    right: 20px;
}

.service .content .numbers .item:nth-child(2) {
    background: #ff4e4d;
}

.service .content .numbers .item:nth-child(3) {
    background: #ffbabc;
}

.service .content .numbers .item:last-of-type {
    margin-right: 0;
}

body.solutions {
    background: #fafafa;
}

body.solutions .comp-items .items .item {
    width: calc(100% - 15px);
    margin: 0 auto 0 auto;
    float: none;
}

body.solutions .comp-items .items .sizer {
    width: 25%;
    float: left;
    margin: 0 0 15px 0;
}

body.solutions .comp-header {
    background-image: url(images/bg-sol.png);
}

body.solutions .comp-items .items .item .back h4 {
    color: #fff;
}

body.solutions .comp-items .comp-navigation .part:nth-child(1) {
    background: #494fe2 !important;
}

body.solutions .comp-items .comp-navigation .part:nth-child(2) {
    background: #041946 !important;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
}

body.clients .comp-header {
    background-image: url(images/bg-cl.png);
}

body.clients .comp-items .items .item h4 {
    color: #ff4e4d;
}

body.clients .comp-items .items .item:hover {
    background-color: #ff4e4d;
}

body.clients .comp-items .items .item .back h4 {
    color: #fff;
}

body .annivesaire-hero  {
   
 background: transparent linear-gradient(169deg, var(--unnamed-color-494fe2) 0%, var(--unnamed-color-041946) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(169deg, #494FE2 0%, #041946 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    float: left;
    height: 643px;
   
    background-size: cover;
    background-position: center;

    overflow: hidden;
    position: relative;
    
    isolation: isolate;
}

body .annivesaire-hero::before {
     background-image: url(images/bg-anniversaire.jpg);
     content: "";
   
opacity: 1;
z-index: -1;
position: absolute;
width: 100%;
 height: 643px;
 background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



body .annivesaire-hero::after {
    content: "";
    transform: matrix(-1, 0, 0, -1, 0, 0);
    background: transparent linear-gradient(180deg, var(--unnamed-color-04194600) 0%, var(--unnamed-color-041946) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #04194600 0%, #041946 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index:0;
    position: absolute;
    width: 100%;
     height: 643px;
opacity: 0;
}

.center-section-annif .container-annif .left {
    margin-top : -3px;
}


.center-section-annif .container-annif .left h1 {
    font-family: "Open Sans";
font-weight: bold;
font-size: 40px;
line-height: 50px;
text-align: left;
color: #494fe2;
width : 385px;

}

.center-section-annif .container-annif {
    width : 1151px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    gap: 38px;
       padding-top: 65px;
       padding-bottom : 98px;
}


.section-squares .container-annif {
    width : 1151px;
    margin: auto;
}


.center-section-annif .container-annif .right .description p:first-child {
font-weight: 600;
}


.center-section-annif .container-annif .right .description  {
font-family: "Open Sans";
font-weight: normal;
font-size: 16px;
line-height: 25px;
text-align: left;
color: #041946;

}


.center-section-annif .container-annif .right .description .rougeCorail {
	color : #ff4e4d;
}

.center-section-annif .container-annif .right .description ul {
	margin-bottom:15px;
}


.center-section-annif .container-annif .right .description li {
	position:relative;
	margin-left : 12px;
	
}


.center-section-annif .container-annif .right .description li::after {
    position: absolute;
    left: -13px;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #29C3C7;
    top: 10px;
}

.section-squares .container-annif h2 {
    font-family: "Open Sans";
font-weight: bold;
font-size: 40px;
text-align: left;
color: #ff4e4d;
padding-bottom: 65px;

}

.list-squares {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	margin-bottom:50px;
}


.list-squares .box-item {
        display: block;
    float: left;
    border: 1px solid #e6e6e6;
    /*margin: 0 15px 15px 0;*/
    height: 330px;
    position: relative;
    top: 0px;
    transition: all 0.5s ease;
    border-radius: 5px;
    margin: 0 30px 30px 0;
}

.list-squares .box-item:hover {
	    box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
}


.list-squares .box-item .contenu {
	width: 100%;
    float: left;
    padding: 30px;
	height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;

}

.box-item .texte p {
	height: 73px;
}

.container-annif .box-item .texte p:last-child{
	height:auto;
}
.container-annif .box-item .date {
	    position: absolute;
    bottom: 32px;
}

.list-squares .box-item .chiffre {
	margin-bottom : 25px;
		font-family: "Open Sans";
font-weight: 300;
font-size: 18px;
text-align: left;
	height:50px;
} 

.list-squares .box-item .date {
	margin-top : 80px;
	line-height: 20px;
    text-align: left;
    font-size: 12px;
    display: block;
    font-weight: 700;
}


.list-squares .box-item .texte {
	font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #041946;
	font-weight : 400;
	padding-top : 15px;
}





.list-squares  a.box-item:nth-child(6n+1) .chiffre  {
color: #ff4e4d;	
}


.list-squares  a.box-item:nth-child(6n+1) .date {
    color: #FF4E4D;
}


.list-squares  a.box-item:nth-child(6n+2) .chiffre  {
color: #494FE2;	
}


.list-squares  a.box-item:nth-child(6n+2) .date {
    color: #494FE2;
}



.list-squares  a.box-item:nth-child(6n+3) .chiffre  {
color: #29C3C7;	
}


.list-squares a.box-item:nth-child(6n+3) .date {
    color: #29C3C7;
}



.list-squares  a.box-item:nth-child(6n+4) .chiffre  {
color: #FFBABC;	
}


.list-squares  a.box-item:nth-child(6n+4) .date {
    color: #FFBABC;
}



.list-squares  a.box-item:nth-child(6n+5) .chiffre  {
color: #FF4E4D;	
}


.list-squares  a.box-item:nth-child(6n+5) .date {
    color: #FF4E4D;
}



.list-squares  a.box-item:nth-child(6n+6) .chiffre  {
color: #494FE2;	
}


.list-squares  a.box-item:nth-child(6n+6) .date {
    color: #494FE2;
}

.single-nos_anniversaires a.similar-anniversaire .contenu .title {
    margin-bottom: 25px;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    height: 50px;
}

.single-nos_anniversaires a.similar-anniversaire:nth-child(1) .contenu .title {

color: #ff4e4d;

}


.single-nos_anniversaires a.similar-anniversaire:nth-child(2) .contenu .title {

    color: #494FE2;

}


.single-nos_anniversaires a.similar-anniversaire:nth-child(3) .contenu .title {

color: #29C3C7;

}


.single-nos_anniversaires a.similar-anniversaire .contenu .text {

font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #041946;

} 


.single-nos_anniversaires a.similar-anniversaire .contenu .date {

margin-top: 80px;
    line-height: 20px;
    text-align: left;
    font-size: 12px;
    display: block;
    font-weight: 700;

} 




.single-nos_anniversaires a.similar-anniversaire:nth-child(1) .contenu .date {

    color: #ff4e4d;

}


.single-nos_anniversaires a.similar-anniversaire:nth-child(2) .contenu .date {

    color: #494FE2;

}


.single-nos_anniversaires a.similar-anniversaire:nth-child(3) .contenu .date {

color: #29C3C7;

}



.not-found {
    width: 100%;
    float: left;
    padding: 150px 0;
}

.not-found .content {
    width: 100%;
    padding-left: 240px;
    padding-right: 120px;
}

.not-found .content h1 {
    font-size: 76px;
    line-height: 80px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #041946;
}

.not-found .content p {
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #041946;
    margin: 20px 0 40px 0;
}

.not-found .content .cta {
    width: 100%;
    float: left;
}

.not-found .content .cta a {
    border-radius: 30px;
    display: block;
    background: #494fe2;
    color: #fff;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.02em;
    line-height: 65px;
    width: 250px;
    height: 65px;
}

.not-found .content img {
    max-width: 100%;
}

.not-found .content .left {
    width: 40%;
    float: left;
    padding-right: 100px;
}

.not-found .content .right {
    width: 60%;
    float: left;
}

body.no-bg header,
body.error404 header,
.search-results header,
body.single header {
    position: static;
}

.single-expertise,
body.equipe {
    background: #f9f9f9;
}

.single-expertise .related-actu .content h2 {
    text-align: center;
}

.comp-header {
    width: 100%;
    float: left;
    height: 604px;
    background-image: url(images/bg-exp.png);
    background-size: cover;
    background-position: center;

    overflow: hidden;
    position: relative;
}


.comp-header .illustration {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.comp-header .content {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 190px;
    text-align: center;
    width: 833px;
    max-width: 95%;
}

.comp-header .content h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
}

.noir {
    color: #041946 !important;
}

.bleu {
    color: #1d23ba !important;
}

.main-menu .content .right .meta-menu ul li:last-of-type a.animated {
    display: none;
}

body.de .main-menu .content .right .meta-menu ul li:last-of-type a.animated {
	display: block;
}

.rouge {
    color: #ff4e4d !important;
}

.clients .rouge {
    color: #cc1f1e !important;
}

.comp-header .content p {
    font-size: 16px;
    color: #041946;
    line-height: 19px;
    margin-top: 20px;
    margin-bottom: 0;
}

.comp-items {
    padding-bottom: 100px;
    width: 100%;
    float: left;
    background: #fafafa;
}

.comp-items .comp-navigation {
    width: 568px;
    max-width: 95%;
    margin: auto;
    height: 80px;
    margin-top: -40px;
    position: relative;
}

.solutions .comp-items .comp-navigation {
    width: 763px;
}

.comp-items .comp-navigation .toute {
    position: absolute;
    width: 80px;
    height: 80px;
    background: #1d23ba;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.comp-items .comp-navigation .toute a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.comp-items .comp-navigation .part {
    width: 50%;
    float: left;

    height: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.comp-items .comp-navigation .part .illustration {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.comp-items .comp-navigation .part:first-of-type {
    background: #494fe2;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}

.competences .comp-items .comp-navigation .part:first-of-type {
    -webkit-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
}

.clients .comp-items .comp-navigation .part:last-of-type {
    -webkit-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
}

.comp-items .comp-navigation .part:last-of-type {
    background: #ff4e4d;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
}

.comp-items .comp-navigation .part a {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.comp-items .items {
    width: 1160px;
    max-width: 95%;
    margin: auto;
    padding-top: 60px;
}

.comp-items .items .item {
    display: block;
    margin: 0 15px 15px 0;
    width: calc(25% - 11.25px);
    float: left;
    background: #f2f2f2;
    border-radius: 5px;
    border-top-right-radius: 70px;
    height: 190px;
    position: relative;
    padding: 25px;
}

.comp-items .items .item:nth-child(4n) {
    margin: 0 0 15px 0;
}

.comp-items .items .item h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #494fe2;
}

.comp-items .items .item p,
.comp-items .items .item a {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.comp-items .items .item *:not(h4) {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    z-index: 1;
}

.comp-items .items .item svg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.solutions .comp-items .items .item svg {
    z-index: 0;
}

body.solutions .comp-items .items .transformation .item h4 {
    color: #041946;
}

body.solutions .comp-items .items .transformation .item:hover h4 {
    color: #fff;
}

.comp-items .items .transformation .item:hover {
    background: #041946;
}

.solutions .comp-items .items .transformation .item svg .af,
.solutions .comp-items .items .transformation .item svg .bf {
    fill: #041946;
}

.comp-items .items .item .back,
.comp-items .items .item .front {
    transition: background-color 0.5s ease;
}

.comp-items .items .item .front {
    background: #f2f2f2;
}

.comp-items .items .item .back {
    display: none;
}

.comp-items .items .item .back h4 {
    color: #fff;
}

.comp-items .items .item:hover {
    background-color: #494fe2;
}

.comp-items .items .item:hover .front {
    display: none;
}

.comp-items .items .item:hover .back {
    display: block;
}

.details {
    width: 100%;
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
}

.details .items-navigation {
    width: 80.5%;
    margin: auto;
    clear: both;
}

.details .items-navigation .back-to-cat,
.details .items-navigation .next {
    width: 50%;
    float: left;
}

.details .items-navigation .back-to-cat a span,
.details .items-navigation .next a span {
    font-size: initial;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #041946;
    border-radius: 50%;
    background: #f2f2f2;
    font-size: 10px;
}

.details .items-navigation .back-to-cat a span:hover,
.details .items-navigation .next a span:hover {
    background: #494fe2;
    color: #fff;
}

.details .items-navigation .back-to-cat a {
    font-weight: 700;
    font-size: 14px;
    color: #494fe2;
}

.details .items-navigation .back-to-cat a span {
    margin-right: 15px;
}

.details .items-navigation .next {
    text-align: right;
}

.details .items-navigation .next a {
    font-weight: 500;
    font-size: 14px;
    color: #454fe2;
}

.details .items-navigation .next a span {
    margin-left: 15px;
}

.details .contenu {
    width: 52.98%;
    margin: auto;
    clear: both;
    padding-top: 0;
    position: relative;
    top: 0;
}

.details .contenu h1 {
    font-weight: 700;
    font-size: 40px;
    color: #041946;
    line-height: 48px;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}

.details .contenu p {
    font-size: 14px;
    color: #041946;
    line-height: 24px;
    letter-spacing: 0.04em;
    padding-left: 12.75%;
}

.details .contenu p:nth-child(1) {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #494fe2;
}

.details .contenu .infos {
    width: 100%;
    float: left;
    padding-top: 50px;
    padding-left: 12.75%;
}

.details .contenu .infos .card {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-bottom: 30px;
    background: transparent;
}

.details .contenu .infos .card .card-header {
    padding: 0 30px;
    margin-bottom: 0;
    color: inherit;
    background-color: transparent;
    border-bottom: none;
}

.details .contenu .infos .card .card-header:first-child {
    border-radius: 0;
}

.details .contenu .infos .card .card-header a {
    width: 100%;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #494fe2;
    font-size: 14px;
}

.details .contenu .infos .card .card-header a.collapsed {
    border: none;
    opacity: 0.5;
}

.details .contenu .infos .card .card-header a.collapsed:before {
    content: '';
    display: block;
    position: absolute;
    right: 2px;
    width: 2px;
    height: 6px;
    background: #494fe2;
    top: 50%;
    transform: translateY(-50%);
}

.details .contenu .infos .card .card-header a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 6px;
    height: 2px;
    background: #494fe2;
    top: 50%;
    transform: translateY(-50%);
}

.details .contenu .infos .card .text {
    width: 100%;
    padding: 0 30px;
}

.details .contenu .infos .card .text .card-body {
    padding: 1.25rem 0;
}

.details .contenu .infos .card .text .card-body p {
    font-size: 14px;
    line-height: 42px;
    letter-spacing: 0.04em;
    padding-left: 0;
    text-indent: 0px !important;
}

.details .contenu .infos .card .text .card-body h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin: 30px 0;
}

.details .contenu .infos .card .text .card-body h5:first-of-type {
    margin-top: 0;
}

.details .contenu .infos .card .text .card-body ul {
    margin-bottom: 10px;
}

.details .contenu .infos .card .text .card-body ul li,
.details .contenu .infos .card .text .card-body p {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-indent: -18px;
    margin-left: 25px;
    padding-right: 100px;
}

.details .contenu .infos .card .text .card-body ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #494fe2;
    margin-right: 15px;
}

.related-actu {
    width: 100%;
    float: left;
    padding: 100px 0;
    background: #fff;
}

footer {
    width: 100%;
    float: left;
    padding: 40px 0 20px 0;
    background: #494fe2;
}

footer .content {
    width: 1160px;
    max-width: 95%;
    margin: auto;
    clear: both;
}

footer .content p {
    font-size: 12px;
    color: #fff;
    line-height: 26px;
    font-weight: 500;
    display: inline-block;
    padding-left: 35px;
}

footer .content p a {
    color: #fff;
    transition: all 0.5s ease;
}

footer .content p a:hover {
    color: #ff4e4d;
}

footer .content .left,
footer .content .right {
    width: 50%;
    float: left;
}

footer .content .right {
    text-align: right;
}

.related-actu .content {
    width: 80.5%;
    margin: auto;
    clear: both;
}

.related-actu .content .cta {
    width: 100%;
    float: left;
    padding-top: 50px;
}

.related-actu .content .cta a {
    width: 222px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #494fe2;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500px;
    display: block;
    margin: auto;
}

.related-actu .content h2 {
    font-weight: 700;
    color: #494fe2;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.02em;
}

.home .related-actu .content h2 {
    text-align: center;
}

.related-actu .content .items {
    width: 100%;
    float: left;
    padding-top: 30px;
}

.related-actu .content .items .no-img .contenu {
    height: 100%;
}

.related-actu .content .items .no-img .contenu .all {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    right: 30px;
    margin: auto;
}

.related-actu .content .items .item {
    display: block;
    width: calc(25% - 11.25px);
    float: left;
    border: 1px solid #e6e6e6;
    margin: 0 15px 15px 0;
    height: 330px;
    position: relative;
    top: 0px;
    transition: all 0.5s ease;
    border-radius: 5px;
}

.related-actu .content .items .item:hover {
    top: -5px;
    -webkit-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
}

.related-actu .content .items .item:nth-child(4n) {
    margin: 0 0 15px 0;
}

.related-actu .content .items .item .thumb {
    width: 100%;
    float: left;
    /*height: 200px;*/
    overflow: hidden;
}

.related-actu .content .items .item .thumb img {
    width: 100%;
}

.knowledge .related-actu .content .items .item.double .sub-category,
.knowledge .related-actu .content .items .item.no-img .sub-category {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.related-actu .content .items .item .contenu {
    width: 100%;
    float: left;
    padding: 30px;
}

.related-actu .content .items .item .contenu h6 {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #041946;
}

.related-actu .content .items .item .contenu p {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #041946;
    margin-bottom: 0;
	font-weight : 400
}

.related-actu .content .items .item .contenu .metas {
    text-align: left;
    font-size: 10px;
    line-height: 18px;
    color: #041946;
    display: block;
    margin: 20px 0;
}

.related-actu .content .items .item .contenu .metas a {
    opacity: 1;
    color: #000;
    font-weight: 700;
}

.related-actu .content .items .item .contenu .category {
    display: block;
    position: absolute;
    background: #494fe2;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 36px;
    bottom: 20px;
    padding: 0px 15px;
}


.single-nos_anniversaires .related-actu .content .items .item {

    background: white;

}



.single-expertise .related-team {
	
	padding : 10px 0 100px 0 !important;
	
}

.related-team {
    width: 100%;
    float: left;
    padding: 100px 0;
    background: #fafafa;
}

.related-team .content {
    width: 1140px;
    max-width: 90%;
    margin: auto;
    clear: both;
}

.related-team .content h2 {
    font-weight: 700;
    color: #494fe2;
    font-size: 32px;
    line-height: 74px;
    letter-spacing: 0.02em;
}

.related-team .content .team-slider {
    width: 100%;
    float: left;
    padding-top: 30px;
}

.related-team .content .team-slider ul.slick-dots {
    text-align: center;
}

.related-team .content .team-slider ul.slick-dots li {
    display: inline-block;
}

.related-team .content .team-slider ul.slick-dots li.slick-active button:after {
    background: #494fe2;
    width: 8px;
    height: 8px;
}

.related-team .content .team-slider ul.slick-dots li button {
    position: relative;
    background: transparent;
    border: none;
    color: transparent;
    outline: none;
    width: 10px;
}

.related-team .content .team-slider ul.slick-dots li button:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cacaca;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.related-team .content .team-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #cacaca;
    outline: none;
    cursor: pointer;
}

.related-team .content .team-slider .slick-arrow:hover {
    background: #494fe2;
}

.related-team .content .team-slider .slick-arrow.slick-prev {
    left: -72px;
}

.related-team .content .team-slider .slick-arrow.slick-next {
    right: -70px;
}

.related-team .content .team-slider .item {
    display: block;
    width: 25%;
    float: left;
    position: relative;
    height: 370px;
    outline: none;
}

.related-team .content .team-slider .item .img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: O;
    top: 0;
    filter: grayscale(1);
    background-size: cover;
}

.related-team .content .team-slider .item:hover .filter {
    opacity: 0.5;
}

.related-team .content .team-slider .item:hover .hover {
    width: 100%;
    height: 80%;
}

.related-team .content .team-slider .item:hover .hover .elmts {
    opacity: 1;
}

.related-team .content .team-slider .item .hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(255, 78, 77, 0.8);
    border-top-right-radius: 100%;
    transition: all 0.5s ease;
}

.related-team .content .team-slider .item .hover .elmts {
    right: 30px;
    opacity: 0;
    transition: opacity 1s ease;
    margin-top: 190px;
    margin-left: 10px;
    margin-right: 10px;
}

.related-team .content .team-slider .item .hover .elmts h6 {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 10px;
}

.related-team .content .team-slider .item .hover .elmts span {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    display: block;
}

.related-team .content .team-slider .item .hover .elmts span:after {
    content: '';
    width: 15px;
    height: 4px;
    background: #fff;
    display: block;
    margin: 10px 0;
}

.related-team .content .team-slider .item .hover .elmts a {
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0.02em;
    outline: none;
}

.related-team .content .team-slider .item .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity 0.5s ease;
    opacity: 0;
}

body.equipe header {
    position: static;
}

.team .select2-container--default .select2-selection--single {
    border: 1px solid #c9c9c9;
    border-radius: 30px;
    height: 40px;
    
        font-size: 14px;
    font-weight: 500;
    
}
.select2-results__option[aria-selected]{
  font-size: 14px;
  font-weight: 500;
  color: #494FE2 !important;
    padding: 8px 0;
    border-bottom: 1px solid #D6D6D6;
}

.team .select2-results__option[aria-selected]:first-child{
  pointer-events: none;
  opacity: .4;
}
.select2-results__option[aria-selected]:last-child{
  border-bottom: 0;
}
.select2-results__options{
    padding: 0 50px 0 25px;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  background-color: transparent;
    
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover{
  color: #FFBABC !important;
}
.team .select2-results__option:first-child{
  text-align: center;
}
.team  .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #c9c9c9 !important;
  line-height: 40px !important;
}
 .select2-container--default .select2-selection--single{
  background-color: transparent;
    outline: 0;
}
.team  .select2-container{
  width: 100% !important;
}
.selection:focus{
  outline: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: transparent;

}
.select2-container--default .select2-results > .select2-results__options{
 max-height: 227px;
    margin-top: 6px;
    background: #f8f8f8;
    border-radius: 0 0 30px 30px;
}

.select2-container--open .select2-dropdown--below{
  border-radius: 0 0 30px 30px;
  border: 1px solid #D6D6D6;
  border-top: 0;
  top:-14px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
  border-radius: 30px !important;
      border: 1px solid transparent;
}
.select2-search--dropdown .select2-search__field{
  display: none;
}
.team .select2-container:hover{
    background-color: #494FE2; 
    border-radius: 30px;
    border:0 !important;
    height: 40px;
}
.team .select2-container:hover  #select2-mySelect-container{
      color: #FFBABC !important;
}
.team .select2-container:hover .select2-selection--single{
     border:1px solid transparent !important;
}
.activeSelect {
    outline: none;
    background-color: #494FE2; 
    border-radius: 30px;
    border:0;
}
.activeSelect .select2-container--default .select2-selection--single{
  border:1px solid transparent !important;
}
 .activeSelect.select2-container--default .select2-selection--single{
    border:1px solid transparent !important;
}
#select2-mySelect-container{
text-align: center;

}
.activeSelect #select2-mySelect-container{
  color: #FFBABC !important;
}
.activeSelectArrow{
  border-bottom: 2px solid #FFBABC !important;
    border-right: 2px solid #FFBABC !important;
}
.team {
    width: 100%;
    float: left;
    padding: 68px 0 200px 0;
}

.team .content {
    width: 80%;
    margin: auto;
}

.team .content .tout {
    clear: both;
}

.team .intro {
    width: 100%;
    float: left;
    height: 350px;
}

.team .intro h1 {
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: 0.02em;
    color: #041946;
    float: left;
}

.team .intro h1 span {
    display: block;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #494fe2;
}

.team .intro .filter {
    width: 100%;
    float: left;
    position: relative;
}

.team .intro .filter input {
    width: 25%;
    margin-right: 15px;
    float: left;
    outline: none;
    height: 40px;
    line-height: 40px;
    border: 1px solid #c9c9c9;
    border-radius: 30px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #c9c9c9;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-align: center;
    background: transparent;
}



.team .intro ::placeholder {
    color: #c9c9c9;
    opacity: 1;
}

.team .first {
    padding-top: 30px;
    width: 100%;
    float: left;
    background: #f2f2f2;
    background-image: linear-gradient(to bottom left,
        #f2f2f2,
        #f9f9f9,
        #f9f9f9,
        #f9f9f9,
        #f9f9f9,
        #f9f9f9,
        #f9f9f9);

    border-top-right-radius: 50px;
}

.team .intro :-ms-input-placeholder {
    color: #c9c9c9;
}

.team .intro ::-ms-input-placeholder {
    color: #c9c9c9;
}

.team .intro .filter .buttons {
    padding-top: 40px;
}
.team .intro .filter .buttons .filtre_expertises{
    float: left;
    width: 40%;
    position: relative;
}
.team .intro .filter .buttons .filtre_expertises .closee{
    position: absolute;
    right: 40px;
    display: none;
    z-index: 99999;
    top: 47%;
    transform: translateY(-50%);
}

.team .intro .filter .buttons .filtre_expertises .closee img{
    background: #ff4e4d;
    border-radius: 50%;
    padding: 3px;
}

.change{
    display: block;
    z-index: 9999;
}

.team .intro .filter .buttons a {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #c9c9c9;
    margin-right: 15px;
    letter-spacing: 0.04em;
    width: calc(50% - 7.5px);
    text-align: center;
    border: 1px solid #c9c9c9;
    border-radius: 30px;
    margin-bottom: 15px;
    width: 15.5%;
}

.team .intro .filter .buttons a:nth-child(5) {
	width: 22%;
    margin-right: 0;
}
.team .intro .filter .buttons a:nth-child(8){
  width: 24%;
}
.team .intro .filter .buttons a:hover,
.team .intro .filter .buttons a.active {
    background: #494fe2;
    color: #fcb6b8;
}

.team .candidater {
    width: 40%;
    float: right;
    position: relative;
    border-top-right-radius: 50px;
    margin-top: 80px;
}

.team .candidater .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.team .candidater .content p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #041946;
    float: right;
    text-align: left;
}

.team .candidater .content p strong {
    display: block;
}

.team .candidater .content p span {
    display: block;
    font-weight: 700;
    color: #ff4e4d;
    margin-top: 8px;
}

.team .item {
    width: calc(25% - 15.25px);
    margin: 0 15px 15px 0;
    float: left;
    position: relative;
    height: 500px;
    outline: none;
    overflow: hidden;

}

.hidden {
    display: none;
}

.bio .wrapper .right div {
    width: 100%;
    float: left;
}

.team .item .img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: grayscale(1);
    background-size: cover;
    background-position: top center;
}

.team .item:hover .filter {
    opacity: 0.5;
}

.team .item:hover .hover {
/*     bottom: 0; */
    transform: rotate(0deg);
}

.team .item:hover .hover .elmts {
    opacity: 1;
}

.team .item .hover {
    position: absolute;
    bottom: 0;
    width: 271px;
    height: 271px;
    left: 0;
    background: rgba(237, 83, 82, 0.87);
    border-top-right-radius: 100%;
    transition: all 0.8s ease;
    transform: rotate(90deg);
	   transform-origin: left bottom;
}

.team .item .hover:after {
    content: '';
    width: 290px;
    height: 290px;
    display: block;
    background: url(images/shadow.png);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.team .item .hover .elmts {
    position: absolute;
    bottom: 15px;
    left: 15px;
    opacity: 0;
    transition: opacity 1s ease;
}

.team .item .hover .elmts h6 {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
}

.team .item .hover .elmts span {
    color: #fff;
    font-size: 19px;
    line-height: 23px;
    font-weight: 400;
    display: block;
}

.team .item .hover .elmts span:after {
    content: '';
    width: 15px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 15px 0;
}

.team .item .hover .elmts a {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.02em;
}

.team .item .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.navigation {
    width: 100%;
    float: left;
    padding-top: 120px;
}

.navigation .items-navigation {
    width: 80%;
    margin: auto;
    clear: both;
}

.navigation .items-navigation .back-to-cat {
    width: 50%;
    float: left;
}

.navigation .items-navigation .next {
    width: 50%;
    float: right;
}

.single-avocat {
    background: #f9f9f9;
}

.navigation .items-navigation .back-to-cat a span,
.navigation .items-navigation .next a span {
    font-size: initial;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #494fe2;
    border-radius: 50%;
    background: #f2f2f2;
    font-size: 10px;
}

.navigation .items-navigation .back-to-cat a {
    font-weight: 600;
    font-size: 14px;
    color: #494fe2;
    text-transform: capitalize;
}

.navigation .items-navigation .back-to-cat a span {
    margin-right: 15px;
    background: #494fe2;
    color: #fff;
}

.navigation .items-navigation .next {
    text-align: right;
}

.navigation .items-navigation .next a {
    font-weight: 500;
    font-size: 14px;
    color: #494fe2;
}

.navigation .items-navigation .next a span {
    margin-left: 20px;
}

.bio {
    width: 100%;
    float: left;
}

.bio .wrapper {
    width: 62%;
    margin: auto;
    clear: both;
    position: relative;
    top: -25px;
}

.bio .wrapper .experience {
    width: 100%;
    float: left;
}

.bio .wrapper .experience #accordion {
    width: 100%;
    float: left;
}

.bio .wrapper .experience .card {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-bottom: 10px;
    background: transparent;
}

.bio .wrapper .experience .card-header {
    padding: 0 30px;
    margin-bottom: 0;
    color: inherit;
    background-color: transparent;
    border-bottom: none;
}

.bio .wrapper .experience .card-header:first-child {
    border-radius: 0;
}

.bio .wrapper .experience .card-header a {
    width: 100%;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #494fe2;
    font-size: 14px;
}

.bio .wrapper .experience .card-body {
    padding: 20px 30px;
}

.bio .wrapper .experience .card-header a.collapsed {
    border: none;
}

.bio .wrapper .experience .card-header a.collapsed:before {
    content: '';
    display: block;
    position: absolute;
    right: 2px;
    width: 2px;
    height: 6px;
    background: #494fe2;
    top: 50%;
    transform: translateY(-50%);
}

.bio .wrapper .experience .card-header a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 6px;
    height: 2px;
    background: #494fe2;
    top: 50%;
    transform: translateY(-50%);
}

.bio .wrapper .experience .text {
    width: 100%;
    padding: 0 30px;
}

.bio .wrapper .experience .text .card-body {
    padding: 1.25rem 0;
}

.bio .wrapper .experience .text .card-body p {
    font-size: 14px;
    line-height: 42px;
    letter-spacing: 0.04em;
}

.bio .wrapper .experience .text .card-body h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin: 30px 0;
}

.bio .wrapper .experience .text .card-body h5:first-of-type {
    margin-top: 0;
}

.bio .wrapper .experience .text .card-body ul {
    margin-bottom: 10px;
}

.bio .wrapper .experience .text .card-body ul li,
.bio .wrapper .experience .text .card-body p {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-indent: -18px;
    margin-left: 25px;
    padding-right: 100px;
}

.bio .wrapper .experience .text .card-body ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #494fe2;
    margin-right: 15px;
}

.bio .wrapper .experience .card .card-body::-webkit-scrollbar {
    display: none;
}

.bio .wrapper .experience .card .card-body p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.bio .wrapper .experience .card .card-body ul li {
    font-size: 14px;
    line-height: 42px;
    letter-spacing: 0.04em;
    text-indent: -25px;
    margin-left: 25px;
}

.bio .wrapper .experience .card .card-body ul li a {
    color: #041946;
}

.bio .wrapper .experience .card .card-body ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #494fe2;
    margin-right: 15px;
}

.bio .wrapper .experience .card .card-body .item {
    width: 100%;
    float: left;
    height: 45px;
    margin-bottom: 45px;
    position: relative;
}

.bio .wrapper .experience .card .card-body .item:hover .date span {
    opacity: 1;
}

.bio .wrapper .experience .card .card-body .item:hover .date span:first-of-type {
    color: #ff4e4d;
}

.bio .wrapper .experience .card .card-body .item:hover .detail p {
    font-weight: 500;
    opacity: 1;
}

.bio .wrapper .experience .card .card-body .item .date {
    width: 55px;
    float: left;
    border-right: 1px solid #a5a5a5;
}

.bio .wrapper .experience .card .card-body .item .date span {
    display: block;
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    opacity: 0.5;
}

.bio .wrapper .experience .card .card-body .item .date span:first-of-type {
    font-size: 26px;
    line-height: 36px;
}

.bio .wrapper .experience .card .card-body .item .detail {
    width: calc(100% - 55px);
    float: left;
    padding-left: 30px;
}

.bio .wrapper .experience .card .card-body .item .detail p {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
}

.bio .wrapper .experience .card .card-body .item .detail p a {
    color: #000;
}

.bio .wrapper .experience .card .collapse.show:after {
    content: '';
    width: calc(100% - 60px);
    height: 1px;
    background: #e6e6e6;
    display: block;
    bottom: 0;
    position: absolute;
    margin-left: 30px;
}

.bio .wrapper .left {
    width: 40%;
    float: left;
}

.bio .wrapper .right {
    width: 60%;
    float: left;
}

.bio .wrapper .left {
    padding-right: 5%;
}

.bio .wrapper .left .img {
    width: 100%;
    float: left;
    margin-bottom: 65px;
    overflow: hidden;
    filter: grayscale(1);
}

.bio .wrapper .left .img img {
    width: 100%;
}

.bio .wrapper .right .title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #494fe2;
    letter-spacing: 0.02em;
}

.bio .wrapper .right h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: #041946;
    letter-spacing: 0.02em;
    margin: 25px 0px;
}

.bio .wrapper .right .status {
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #ababab;
}

.bio .wrapper .right .email {
    display: block;
    font-size: 14px;
    line-height: 26px;
    color: #ababab;
    margin: 20px 0;
    float: left;
}

.bio .wrapper .right .social {
    width: 100%;
    float: left;
}

.bio .wrapper .right .social ul li {
    display: inline-block;
}

.bio .wrapper .right .social ul li a {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    color: #ff4e4d;
    margin-right: 20px;
}

.bio .wrapper .right .social ul li:nth-child(1) a {
    font-size: 18px;
    line-height: 26px;
}

.bio .wrapper .right p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #041946;
    letter-spacing: 0.04em;
    margin-bottom: 30px;
}

.formulaire {
    width: 100%;
    float: left;
    padding-top: 120px;
    padding-bottom: 100px;
}

.formulaire .content {
    width: 53.3%;
    margin: auto;
    clear: both;
}

.formulaire .content h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 0.02em;
    color: #494fe2;
    text-align: center;
}

.formulaire .content form {
    width: 100%;
    float: left;
    padding-top: 50px;
	position: relative;
}

.wpcf7 form .wpcf7-response-output {
	position: absolute;
	bottom: -50px;
}

.formulaire .content form .submit {
    width: 100%;
    float: left;
    padding-top: 15px;
}

.formulaire .content form .submit input {
    width: 222px;
    height: 40px;
    border-radius: 20px;
    background: #ff4e4d;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.15em;
    font-weight: 500;
    border: none;
    margin: auto;
    display: block;
    float: none;
}

.formulaire .content form .rgpd {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.formulaire .content form .rgpd .customCheckbox {
    float: left;
    position: relative;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 100%;
    margin-right: 5px;
    overflow: hidden;
}

.formulaire .content form .rgpd .customCheckbox.customCheckboxChecked {
    background: #fafafa;
}

.formulaire .content form .rgpd .this {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    color: #041946;
    position: relative;
    top: -20px;
    margin-left: 25px;
}

.formulaire .content form .rgpd .this a {
    color: #494fe2;
}

.formulaire .content form .rgpd .customCheckbox input {
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.formulaire .content form .rgpd .customCheckbox span {
    display: none;
    background: #ff4e4d;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.formulaire .content form .rgpd .customCheckbox.customCheckboxChecked span {
    display: block;
}

.formulaire .content form .obligatoire {
    width: 100%;
    padding-bottom: 20px;
    float: left;
}

.formulaire .content form .obligatoire p {
    font-size: 12px;
    line-height: 26px;
    color: #041946;
    margin-bottom: 0;
}

.formulaire .content form .obligatoire p span {
    color: #494fe2;
}

.formulaire .content form textarea {
    width: 100%;
    border: none;
    resize: none;
    float: left;
    border-radius: 20px;
    background: #fff;
    font-size: 14px;
    color: #041946;
    padding: 25px;
    outline: none;
    margin-bottom: 30px;
}

.page-template-contact {
    background: #f9f9f9;
}

.formulaire .content form input {
    width: calc(50% - 7.5px);
    float: left;
    margin: 0 15px 15px 0;
    border: none;
    border-radius: 30px;
    height: 40px;
    background: #fff;
    font-size: 14px;
    color: #041946;
    padding-left: 25px;
    outline: none;
}

.formulaire .content ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: #041946;
}

.formulaire .content ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: #041946;
}

.formulaire .content :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: #041946;
}

.formulaire .content :-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: #041946;
}

.formulaire .content form input:nth-child(3),
.formulaire .content form input:nth-child(5) {
    margin: 0 0 15px 0;
}

.transport {
    width: 100%;
    float: left;
    background: #fff;
    padding: 80px 0;
}

.transport .content {
    width: 40%;
    margin: auto;
    clear: both;
    text-align: center;
}

.transport .content h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #041946;
}

.transport .content .items {
    width: 100%;
    float: left;
    padding-top: 60px;
}

.transport .content .items .item {
    height: 180px;
    width: calc(50% - 8.5px);
    float: left;
    position: relative;
    border-radius: 5px;
    background: #29c3c7;
    border-top-right-radius: 70px;
    margin-right: 15px;
}

.transport .content .items .item:nth-child(2) p {
    color: #29c3c7;
}

.transport .content .items .item:nth-child(2) {
    margin-right: 0;
    background: #f2f2f2;
}

.transport .content .items .item p {
    position: absolute;
    left: 40px;
    right: 40px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;
    line-height: 19px;
}

.map {
    width: 100%;
    float: left;
    height: 500px;
    position: relative;
}

.map .infos {
    position: absolute;
    background: #fff;
    width: 340px;
    max-width: 90%;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 5px;
    border-top-right-radius: 70px;
    top: 27%;
    transform: translateY(-50%);
    padding: 25px;
    text-align: center;
}

.map .infos p {
    font-size: 18px;
    line-height: 28px;
    color: #041946;
    margin-bottom: 0;
}

.map .infos p a {
    color: #041946;
    font-size: 14px;
    line-height: 42px;
}

.alerion {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.alerion .content {
    width: 900px;
    margin: auto;
    max-width: 95%;
    clear: both;
    text-align: center;
}

.alerion .content h1 {
    font-size: 40px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #494fe2;
    margin-bottom: 30px;
}

.alerion .content h1 span,
.alerion .content p span {
    color: #ff4e4d;
}

.alerion .content p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.04em;
    color: #041946;
}

.offres {
    width: 100%;
    float: left;
    padding: 80px 0 120px 0;
}

.offres .content {
    width: 60%;
    margin: auto;
    clear: both;
}

.offres .content h2 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #494fe2;
    margin-bottom: 30px;
    text-align: center;
}

.offres .content .items {
    width: 100%;
    float: left;
    padding-top: 20px;
}

.offres .content .items .item {
    width: calc(33.33% - 10px);
    float: left;
    margin: 0 15px 15px 0;
/*     height: 366px; */
    background: #fff;
    padding: 25px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    transition: all 0.5s ease;
    position: relative;
    top: 0;
	    display: flex;
    flex-direction: column;
}

.offres .content .items .item object {
	
    margin-top: 50px;	
	
}


.offres .content .items .item:hover {
    -webkit-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.1);
    border: none;
    top: -5px;
}

.offres .content .items .item:nth-child(3n) {
    margin: 0 0 15px 0;
}

.offres .content .items .item .cat {
    display: block;

    line-height: 19px;
    color: #494fe2;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 40px;
}

.offres .content .items .item h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #041946;
}

.offres .content .items .item .date {
    font-size: 14px;
    line-height: 19px;
    color: #000;
    display: block;
    opacity: 0.7;
    margin: 15px 0;
}

.offres .content .items .item p {
    font-size: 14px;
    line-height: 21px;
    color: #8b8b8b;
}

.offres .content .items .item p br {
    display: none;
}

.offres .content .items .item .apply {
    font-size: 14px;
    line-height: 19px;
    color: #494fe2;
    font-weight: 700;
    position: absolute;
    bottom: 25px;
}

.offres .content .items .item:hover .apply {
    color: #29c3c7;
}

.postuler {
    width: 100%;
    float: left;
    padding: 120px 0;
    background: #29c3c7;
}
.postuler select{
        width: calc(50% - 7.5px);
    float: left;
    margin: 0 15px 15px 0;
    border: none;
    border-radius: 30px;
    height: 40px;
}
.postuler  .select2-container--default .select2-selection--single .select2-selection__placeholder{
    font-size: 14px;
    color: #041946;
}
.postuler .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-bottom: 2px solid #494FE2;
    border-right: 2px solid #494FE2;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 25px;
    line-height: 40px;
}

.postuler .select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
    color: #041946;
}

.postuler .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: transparent;
    border-radius: 30px;
    height: 40px;
}
span#select2-poste_carrieres-container:focus{
    outline: 0;
}
.postuler .content {
    width: 53.33%;
    margin: auto;
    clear: both;
}

.postuler .content h2 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
    text-align: center;
}

.postuler .content form {
    width: 100%;
    float: left;
    padding-top: 50px;
}

.postuler .content form .submit {
    width: 100%;
    float: left;
    padding-top: 15px;
}

.postuler .content form .submit input {
    width: 222px;
    height: 40px;
    border-radius: 20px;
    background: #ff4e4d;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.15em;
    font-weight: 500;
    border: none;
    margin: auto;
    display: block;
    float: none;
}

.formulaire .content form div:last-child,
.postuler .content form div:last-child{
    width: 100%;
    float: left;
    color: #000;
    border: none !important;
}

.postuler .content form .rgpd {
    width: 100%;
    float: left;
    padding-top: 5px;
}

.postuler .content form .rgpd .customCheckbox {
    float: left;
    position: relative;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 100%;
    margin-right: 5px;
    overflow: hidden;
}

.postuler .content form .rgpd .customCheckbox.customCheckboxChecked {
    background: #fafafa;
}

.postuler .content form .rgpd .this {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    color: #041946;
    position: relative;
    top: -20px;
    margin-left: 25px;
}

.postuler .content form .rgpd .this a {
    color: #fafafa;
}

.postuler .content form .rgpd .customCheckbox input {
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.postuler .content form .rgpd .customCheckbox span {
    display: none;
    background: #ff4e4d;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.postuler .content form .rgpd .customCheckbox.customCheckboxChecked span {
    display: block;
}

.postuler .content form .obligatoire {
    width: 100%;
    padding-bottom: 0px;
    float: left;
}

.postuler .content form .obligatoire p {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

.postuler .content form .obligatoire p span {
    color: #fff;
}

.postuler .content form textarea {
    width: 100%;
    border: none;
    resize: none;
    float: left;
    border-radius: 20px;
    background: #fff;
    font-size: 14px;
    color: #041946;
    padding: 25px;
    outline: none;
    margin-bottom: 30px;
}

.postuler .content form .input {
    width: calc(50% - 7.5px);
    float: left;
    margin: 0 15px 15px 0;
    border: none;
    border-radius: 30px;
    height: 40px;
    background: #fff;
    font-size: 14px;
    color: #041946;
    padding-left: 25px;
    outline: none;
    position: relative;
}

.postuler .content form .input .txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 25px;
    line-height: 40px;
    z-index: 0;
    font-size: 14px;
}

.postuler .content form .input .txt p i {
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #494fe2;

    text-align: center;
    color: #fff;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 30px;
}

.postuler .content form .input input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
}

.postuler .content ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: #041946;
}

.postuler .content ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: #041946;
}

.postuler .content :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: #041946;
}

.postuler .content :-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: #041946;
}

.postuler .content form .input:nth-child(3),
.postuler .content form .input:nth-child(5),
.postuler .content form .input:nth-child(7) {
    margin: 0 0 15px 0;
}

.routes {
    width: 100%;
    float: left;
    padding-top: 120px;
}

.page-template-international .full-service .items .box:nth-child(5),
.page-template-international .full-service .items .box:nth-child(7) {
    background: #f2f2f2;
}

.routes .content {
    width: 53.5%;
    /* max-width: 95%; */
    margin: auto;
    text-align: center;
    clear: both;
}

.routes .content h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 36px;
    color: #494fe2;
    margin-bottom: 30px;
}

.routes .content p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.04em;
    font-weight: 500;
    color: #041946;
}

.desks {
    width: 100%;
    float: left;
}

.desks .desk {
    width: 25%;
    height: 480px;
    float: left;
    color: #fff;
    position: relative;
}

.desks .desk h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0.02em;
}

.desks .desk p {
    margin-top: 60px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.04em;
}

.desks .desk .front,
.desks .desk .back {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 80px;
    right: 80px;
    margin: auto;
}

.desks .desk .front {
    text-align: center;
}

.desks .desk .back {
    display: none;
}

.desks .desk:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #ff4e4d;
    border-top-left-radius: 100%;
    transition: all 0.5s ease;
    z-index: -1;
}

.desks .desk:hover:after {
    border-radius: 0;
}

.desks .desk:hover .front {
    display: none;
}

.desks .desk:hover .back {
    display: block;
}

.desks .desk:nth-child(2):after {
    background: #fafafa;
}

.desks .desk:nth-child(2):hover:after {
    border-top-left-radius: 100%;
}

.desks .desk:nth-child(3):after {
    background: #494fe2;
    border-top-left-radius: 0;
    border-top-right-radius: 100%;
}

.desks .desk:nth-child(3):hover:after {
    border-top-right-radius: 0;
}

.desks .desk:nth-child(4):after,
.desks .desk:nth-child(5):after {
    background: #fafafa;
    border-top-left-radius: 78%;
}

.desks .desk:nth-child(4):hover:after,
.desks .desk:nth-child(5):hover:after {
    border-top-left-radius: 78%;
}

.desks .desk:nth-child(6):after {
    background: #29c3c7;
    border-top-left-radius: 0;
    border-bottom-left-radius: 100%;
}

.desks .desk:nth-child(6):hover:after {
    border-bottom-left-radius: 0;
}

.desks .desk:nth-child(7):after {
    background: #fafafa;
    border-top-left-radius: 0;
    border-bottom-right-radius: 100%;
}

.desks .desk:nth-child(7):hover:after {
    border-bottom-right-radius: 100%;
}

.desks .desk:nth-child(8):after {
    background: #ffbabc;
    border-top-left-radius: 0;
    border-bottom-left-radius: 100%;
}

.desks .desk:nth-child(8):hover:after {
    border-bottom-left-radius: 0;
}

.testimonials {
    width: 100%;
    float: left;
    padding: 120px 0;
    background: #fafafa;
}

.testimonials .content {
    width: 68.75%;
    margin: auto;
    clear: both;
}

.testimonials .content .carous {
    width: 100%;
    float: left;
}

.testimonials .content .carous .slick-track {
    padding-top: 100px;
}

.testimonials .content .carous .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f2f2f2;
    outline: none;
    cursor: pointer;
}

.testimonials .content .carous .slick-arrow svg path {
    fill: #494fe2;
}

.testimonials .content .carous .slick-arrow:hover {
    background: #494fe2;
}

.testimonials .content .carous .slick-arrow:hover svg path {
    fill: #f2f2f2;
}

.testimonials .content .carous .slick-arrow.slick-prev {
    left: -72px;
}

.testimonials .content .carous .slick-arrow.slick-next {
    right: -70px;
}

.testimonials .content .carous .item {
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 0 5px;
    outline: none;
}

.testimonials .content .carous .item.slick-active.slick-current+.item {
    margin-top: -70px;
}

.testimonials .content .carous .item.slick-active.slick-current+.item .img {
    width: 200px;
    height: 200px;
}

.testimonials .content .carous .item.slick-active.slick-current+.item h6 {
    font-size: 24px;
    opacity: 1;
    line-height: 33px;
}

.testimonials .content .carous .item.slick-active.slick-current+.item .status {
    opacity: 1;
    font-size: 16px;
}

.testimonials .content .carous .item.slick-active.slick-current+.item .email {
    opacity: 1;
    font-size: 14px;
}

.testimonials .content .carous .item.slick-active.slick-current+.item p {
    font-size: 15px;
    opacity: 1;
    line-height: 26px;
}

.testimonials .content .carous .item .img {
    width: 185px;
    height: 185px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 40px auto;
    position: relative;
}

.testimonials .content .carous .item .img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #494fe2;
    opacity: 0.5;
}

.testimonials .content .carous .item .img img {
    filter: grayscale(1);
    width: 100%;
    height: auto;
}

.testimonials .content .carous .item h6 {
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #041946;
    opacity: 0.7;
}

.testimonials .content .carous .item .status {
    display: block;
    color: #ababab;
    font-size: 13px;
    font-weight: 300;
    line-height: 26px;
    opacity: 0.7;
}

.testimonials .content .carous .item .email {
    display: block;
    font-size: 11px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #494fe2;
    opacity: 0.7;
    margin-bottom: 25px;
}

.testimonials .content .carous .item p {
    font-size: 12px;
    line-height: 22px;
    color: #041946;
    opacity: 0.7;
}

.testimonials .content .carous .item p span {
    color: #494fe2;
    margin: auto;
    font-weight: 700;
    font-size: 61px;
    line-height: 40px;
    letter-spacing: 0.02em;
    display: block;
}

.testimonials .content .carous .item p span:nth-child(2) {
    font-size: 48px;
}

.world .related-actu .content h2 {
    text-align: center;
}

.knowledge {
    background: #fafafa;
}

.knowledge .related-actu {
    padding: 120px 0 100px 0;
    background: transparent;
}

.knowledge .related-actu .content {
    width: 1170px;
    max-width: 95%;
}

.knowledge .related-actu .content .top {
    width: calc(100% - 30px);
    float: left;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
}

.knowledge .related-actu .content .top .filters {
    width: 70%;
}

.knowledge .related-actu .content .search-post {
    width: 30%;
}

.knowledge .related-actu .content .top .filters,
.knowledge .related-actu .content .search-post {
    float: left;
    position: relative;
}

.knowledge .related-actu .content .search-post input {
    float: right;
    outline: none;
    border: none;
    background: transparent;
    width: 345px;
    letter-spacing: 0.04em;
    color: #000;
    opacity: 0.4;
    max-width: calc(100% - 30px);
    position: relative;
    top: 5px;
}

.knowledge .related-actu .content .search-post:after {
    content: '';
    background: url(images/ico-search.png);
    display: block;
    position: absolute;
    right: 20px;
    width: 15px;
    height: 15px;
    bottom: 0;
}

.knowledge .related-actu .content .top .filters .filter {
    display: inline-block;
    padding-right: 20px;
}

.knowledge .related-actu .content .top .filters .filter a {
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #000;
}

.knowledge .related-actu .content .top .filters .filter a.is-checked {
    color: #041946;
}

.knowledge .related-actu .content .top .filters .filter:nth-child(2) a.is-checked {
    color: #ff4e4d;
}

.knowledge .related-actu .content .top .filters .filter:nth-child(3) a.is-checked {
    color: #494fe2;
}

.knowledge .related-actu .content .top .filters .filter:nth-child(4) a.is-checked {
    color: #29c3c7;
}

.knowledge .related-actu .content .items {
    padding-top: 60px;
}

.knowledge .related-actu .content .items .item {
    width: calc(33.33% - 30px);
    height: 370px;
    margin: 0 30px 30px 0;
}

.knowledge .related-actu .content .items .item:nth-child(3n) {
    margin: 0 30px 30px 0;
}

.knowledge .related-actu .content .items .item.double {
    width: calc(66.66% - 30px);
}

.knowledge .related-actu .content .items .item.double .contenu {
    width: calc(50% + 15px);
    float: left;
    height: 100%;
    position: relative;
}

.knowledge .related-actu .content .items .item.double .contenu .all {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    right: 30px;
    margin: auto;
    padding-right: 30px;
}

.knowledge .related-actu .content .items .item.double .bg {
    width: calc(50% - 15px);
    float: left;
    height: 100%;
    background-size: cover;
}

.knowledge .related-actu .content h1 {
    text-align: center;
    font-size: 48px;
    color: #041946;
    line-height: 64px;
    letter-spacing: 0.02em;
}

.single-post .related-actu, .single-nos_anniversaires .related-actu  {
    background: #fafafa;
}

.single-post .related-actu .content .items .item {
    background: #fff;
}

.article-detail {
    width: 100%;
    float: left;
    padding: 100px 0;
}

.article-detail .content {
    width: 80.5%;
    margin: auto;
}

.article-detail .content .header-post {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.article-detail .content .header-post .left,
.article-detail .content .header-post .right {
    width: 50%;
    float: left;
}

.single-nos_anniversaires .article-detail .content .header-post .left,
.single-nos_anniversaires .article-detail .content .header-post .right {
    width: 100%;
}



.article-detail .content .header-post .left a {
    display: block;
    font-weight: 700;
    font-size: 24px;
    color: #494fe2;
    letter-spacing: 0.02em;
}

.article-detail .content .header-post .right {
    text-align: right;
}

.article-detail .content .header-post .right ul li {
    display: inline-block;
}

.article-detail .content .header-post .right ul li:first-of-type {
    margin-right: 30px;
}

.article-detail .content .header-post .right ul li a {
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #1c1c1c;
}

.article-detail .content .header-post .right ul li a:hover span {
    background: #494fe2;
}

.article-detail .content .header-post .right ul li a span {
    display: inline-block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    background: #f2f2f2;
    margin-left: 10px;
}

.article-detail .content .header-post .right ul li a span svg path {
    fill: #494fe2;
}

.article-detail .content .header-post .right ul li a:hover span svg path {
    fill: #f2f2f2;
}

.article-detail .content .article {
    width: 100%;
    float: left;
    padding-right: 64px;
}

.article-detail .content .article h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    color: #041946;
}

.article-detail .content .article .date {
    font-size: 14px;
    line-height: 38px;
    letter-spacing: 0.04em;
    color: #ff4e4d;
}

.article-detail .content .article p {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #041946;
}

.article-detail .content .article p a {
    color: #041946;
	text-decoration:underline !important
}
.article-detail .content .article ul{
    margin-bottom: 16px;
    margin-left: 20px;
}
.article-detail .content .article ul li{
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #041946;
}
.article-detail .content .article ul li:before{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #494fe2;
    border-radius: 50%;
    left: 0;
    top: 11px;
}
.article-detail .content .article img {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.newsletter {
    width: 100%;
    float: left;
    padding-bottom: 100px;
}

.newsletter .content {
    width: 1140px;
    margin: auto;
    clear: both;
    max-width: 95%;
    background: #494fe2;
    height: 168px;
    position: relative;
    left: -11px;
}

.newsletter .content .inscription {
    width: 100%;
    float: left;

    padding: 50px 65px;
}

.newsletter .content .inscription .left,
.newsletter .content .inscription .right {
    width: 50%;
    float: left;
}

.newsletter .content .inscription .left span {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

.newsletter .content .inscription .left p {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.02em;
    color: #fff;
    text-align: left;
    margin-bottom: 0;
}

.newsletter .content .inscription .right form {
    position: relative;
    float: right;
    height: 60px;
    width: 100%;
}

.newsletter .content .inscription .right form:after {
    content: '';
    background: url(images/submit.png);
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    right: 25px;
    z-index: 0;
    background-size: cover;
}

.newsletter .content .inscription .right form input[type='email'] {
    width: 350px;
    background: #fff;
    border-radius: 30px;
    color: #dadada;
    max-width: 100%;
    padding-left: 40px;
    height: 60px;
    border: none;
    font-size: 12px;
    font-weight: 500;
    outline: none;
    float: right;
}

.newsletter .content .inscription .right form input[type='submit'] {
    color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #494fe2;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    outline: none;
}

.visuel-header {
    width: 100%;
    float: left;
}

.visuel-header img {
    width: 100%;
    height: auto;
}

.presentation {
    width: 100%;
    float: left;
    padding: 80px 0;
}

.presentation .content {
    width: 60%;
    margin: auto;

    clear: both;
}

.presentation .content .left,
.presentation .content .right {
    width: 50%;
    float: left;
}

.presentation .content .left {
    padding-right: 19px;
}

.presentation .content .left p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.presentation .content .right {
    padding-left: 20px;
}

.presentation .content span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #041946;
}

.presentation .content h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 36px;
    letter-spacing: 0.02em;
    color: #494fe2;
    margin: 25px 0;
    padding-bottom: 40px;
}

.presentation .content p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #041946;
}

.full-service {
    width: 100%;
    float: left;
    padding: 50px 0 100px 0;
}

.full-service h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 36px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #ff4e4d;
}

.full-service h2 span {
    color: #494fe2;
}

.full-service .items {
    width: 1160px;
    float: none;
    max-width: 95%;
    padding-top: 70px;
    margin: auto;
    clear: both;
}

.full-service .items .box {
    width: 25%;
    float: left;
    height: 290px;
    color: #fff;
    position: relative;
    border-bottom-left-radius: 100%;
    background: #f2f2f2;
}

.full-service .items .box:nth-child(1):after {
    content: '';
    width: 341px;
    height: 341px;
    display: block;
    background: url(images/shadow-pink.png);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
}

.full-service .items .box:nth-child(3):after {
    content: '';
    width: 341px;
    height: 341px;
    display: block;
    background: url(images/shadow-blue.png);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
}

.full-service .items .box:nth-child(8):after {
    content: '';
    width: 341px;
    height: 341px;
    display: block;
    background: url(images/shadow-red.png);
    position: absolute;
    right: -21px;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
}

.full-service .items .box:nth-child(1),
.full-service .items .box:nth-child(7) {
    background: #ffbabc;
}

.full-service .items .box:nth-child(3),
.full-service .items .box:nth-child(5) {
    background: #494fe2;
}

.full-service .items .box:nth-child(6) {
    background: #29c3c7;
}

.full-service .items .box:nth-child(8) {
    background: #ff4e4d;
}

.full-service .items .box:nth-child(2),
.full-service .items .box:nth-child(4) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 100%;
}

.full-service .items .box:nth-child(7) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 100%;
}

.full-service .items .box:before {
    transition: border-radius 0.5s ease;
}

.full-service .items .box h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
}

.full-service .items .box p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
}

.full-service .items .box .back {
    position: absolute;
    top: 30px;
    right: 25px;
    margin: auto;
    text-align: right;
    width: 65%;
}

.full-service .items .box:nth-child(7) .back {
    text-align: left;
    right: inherit;
    left: 25px;
}

.distinctions {
    width: 100%;
    float: left;
    padding: 100px 0 210px 0;
    background-image: url(images/distinctions.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #041946;
    background-position: center;
}

.distinctions .content {
    width: 80.5%;
    margin: auto;
    clear: both;
}

.distinctions .content h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #fff;
}

.distinctions .content .both {
    width: 60%;
    margin: auto;
    clear: both;
    padding-top: 70px;
}

.distinctions .content .both .distinction {
    width: 50%;
    float: left;
    padding-left: 6%;
}

.distinctions .content .both .distinction h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0.02em;
    color: #fff;
    margin-bottom: 25px;
}

.distinctions .content .both .distinction ul li {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.04em;
    font-weight: 500;
    color: #fff;
}

.distinctions .content .both .distinction:nth-child(1) ul li:nth-child(odd) {
    color: #ff4e4d;
}

.distinctions .content .both .distinction:nth-child(2) ul li:nth-child(odd) {
    color: #29c3c7;
}



/*@media screen and (max-width: 2100px) {

	
	.main-menu .content .left ul li a {
		font-size : 35px;
	}
	
}*/



@media screen and (max-width: 1650px) {
.main-menu .content .left {
    width: 800px;
    float: left;
    height: 600px;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease;
    transform: translateY(-50%);
    top: 50%;
}
	
    .main-menu.open {
        height: 100vh;
    }

    .main-menu .content .left .logo-menu {
        width: 200px;
        margin-left: 75px;
    }

    .main-menu .content .left .cm-container {
        left: -700px;
    }

    .main-menu .content .left ul li a,
    .main-menu .content .left ul li:nth-child(1) a {
        font-size: 25px;
    }

    .main-menu .content .left ul li:nth-child(1) {
      left: 338px;
    }

    .main-menu .content .left ul li:nth-child(2) {
           left: 361px;
    }

    .main-menu .content .left ul li:nth-child(3) {
              left: 382px;
    }

    .main-menu .content .left ul li:nth-child(4) {
            left: 400px;
		   
    }

    .main-menu .content .left ul li:nth-child(5) {
            left: 411px;
    }

    .main-menu .content .left ul li:nth-child(6) {
       left: 413px;
		    top: 52%;
    }

    .main-menu .content .left ul li:nth-child(7) {
       left: 404px;
		    top: 62%;
    }

    .main-menu .content .left ul li:nth-child(8) {
           left: 391px;
		top: 71%;
    }
	.main-menu .content .left ul li:nth-child(9) {
   top:80%;
   left: 373px;
}
	
		.main-menu .content .left ul li:nth-child(10) {
   top:89%;
    left: 349px;
}

/*     .main-menu .content .left ul li:hover:before {
        left: -45px;
    } */

/*     .main-menu .content .left ul li:hover a,
    .main-menu .content .left ul li.current-menu-item a {
        font-size: 35px;
		transform: translateX(20px) scale(1.09);
    } */

    .main-menu .content .right .meta-menu ul li a {
        font-size: 18px;
        line-height: 32px;
    }

    .main-menu .content .right .copyright p {
        font-size: 14px;
    }

    .main-menu .content .right .meta-menu {
        width: 100%;
        float: left;
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 1440px) {
  /*  .main-menu .content .left ul li:nth-child(1) {
		left: 269px;
		top: 4.5%;
	}
	.main-menu .content .left ul li:nth-child(2) {
		left: 330px;
		top: 13.5%;
	}
	.main-menu .content .left ul li:nth-child(3) {
		left: 370px;
		top: 22.5%;
	}
	.main-menu .content .left ul li:nth-child(4) {
		left: 396px;
		top: 31.5%;
	}
	.main-menu .content .left ul li:nth-child(5) {
		left: 411px;
		top: 40.5%;
	}
	.main-menu .content .left ul li:nth-child(6) {
		left: 412px;
		top: 49.5%;
	}
	.main-menu .content .left ul li:nth-child(7) {
		left: 404px;
		top: 58.5%;
	}
	.main-menu .content .left ul li:nth-child(8) {
		left: 381px;
		top: 68.5%;
	}
	.main-menu .content .left ul li:nth-child(9) {
		left: 340px;
		top: 78.5%;
	}*/
}

@media screen and (max-width: 1400px) {
    .lang-switcher {
        right: 30px;
    }

    footer {
        padding: 40px 0;
    }
}


@media screen and (max-width: 1300px) {


.related-team {

max-width: 100%;

}


.related-team .content .team-slider .slick-arrow {

top : -47px

}

.related-team .content .team-slider .slick-arrow.slick-prev {

    right: 60px;
    left : unset;
}


.related-team .content .team-slider .slick-arrow.slick-next {

right : 0;

}



}



@media screen and (max-width: 1250px) {
    .main-menu.open {
        height: 100vh;
    }
	.main-menu .content .left {
    width: 700px;
    height: 500px;
	}

    .main-menu .content .left .cm-container {
        left: -830px;
    }

    .main-menu .content .left .logo-menu {
        width: 100px;
        margin-left: 30px;
    }

    .main-menu .content .left ul li a,
    .main-menu .content .left ul li:nth-child(1) a {
        font-size: 26px;
    }

/*     .main-menu .content .left ul li:hover a,
    .main-menu .content .left ul li.current-menu-item a {
        font-size: 28px;
    } */

    .main-menu .content .left ul li:nth-child(1) {
           left: 215px;
    }

    .main-menu .content .left ul li:nth-child(2) {
            left: 233px;
    }

    .main-menu .content .left ul li:nth-child(3) {
          left: 247px;
    }

    .main-menu .content .left ul li:nth-child(4) {
           left: 257px;
    }

    .main-menu .content .left ul li:nth-child(5) {
        left: 263px;
    }

    .main-menu .content .left ul li:nth-child(6) {
           left: 265px;
    }

    .main-menu .content .left ul li:nth-child(7) {
        left: 262px;
    }

    .main-menu .content .left ul li:nth-child(8) {
    left: 254px;
    }
	 .main-menu .content .left ul li:nth-child(9){
		left: 241px;
	}

    .main-menu .content .left ul li:before {
        width: 5px;
        height: 5px;
        left: -18px;
    }

/*     .main-menu .content .left ul li:hover:before {
        width: 10px;
        height: 10px;
        left: -21px;
    } */

    .main-menu .content .right .meta-menu ul li a {
        font-size: 16px;
        line-height: 30px;
    }

    .main-menu .content .right .copyright p {
        font-size: 12px;
    }
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}
@media screen and (max-width: 1200px) {
.team .intro .filter input{
    width: 31%;
}
.team .select2-container {
    width: 100% !important;
}
}


@media screen and (max-width: 1170px) {
	
	
	.section-squares, .center-section-annif {
		padding-left :30px;
	}
	
	.center-section-annif {
		padding-right : 30px;
	}
	
	.center-section-annif .container-annif {
			width:100%;
		max-width: 100%;
	}
	
	
	.section-squares .container-annif {
		width:100%;
		max-width: 100%;
	}
	.list-squares {
		grid-template-columns: repeat(2, 1fr);
	}
	    
	
}




@media screen and (max-width: 950px){
	
	.quiz_white input[name='quiz-9'] {
		width: calc(100% - 70px) !important;
	}
	
    .team .intro .filter svg{
        top: 111px;
    }
    .team .intro{
        height: auto;
    }
.team .candidater {
    width: 325px;
    float: none;
    margin: 100px auto 80px auto;
    display: block;
}
.team .intro h1{
    float: none;
}

.team .intro .filter{
    padding-top: 60px;
}
.team .intro .filter input{
    margin-right: 5px;
}
.team .intro .filter .buttons a{
     margin-right: 5px; 
}
.team .intro .filter .buttons a{
    width: 16.5%;
}
}

@media screen and (max-width: 780px) {
	.main-menu .content .left{
		position:relative;
		transform: initial;
    top: initial;
	}
    .team .select2-container{
        width: 100% !important;
    }
 .team .intro .filter .buttons .filtre_expertises{
    width: 100% !important;
 }
    .select2-results__options {
    padding: 0 25px 0 25px;
}
    .team .item .hover:after {
        content: '';
        width: 260px;
        height: 260px;
        display: block;
        background: url(images/shadow.png);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        background-size: cover;
    }

    .team .item .hover {

        width: 240px;
        height: 240px;
        bottom: 0;
        transform: rotate(0);
    }

    .team .item .hover .elmts h6 {

        font-size: 16px;

    }

    .team .item .hover .elmts {
        opacity: 1;
    }

    .team .item .hover .elmts span {

        font-size: 15px;

    }

    .team .intro {
        height: auto;
    }

    .team .intro .filter svg {
        left: 95%;
    }

    .team .intro .filter .buttons a,
    .team .intro .filter input,
    .team .intro .filter .buttons a:nth-child(2n) {
        width: 100% !important;
        margin-right: 0;
    }

    *[data-aos='fade-up'],
    *[data-aos='fade-left'],
    *[data-aos='fade-right'] {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1 !important;
    }

/*     .main-menu .content .left ul li:hover:before,
    .main-menu .content .left ul li.current-menu-item:before {
        width: 10px;
        height: 10px;
        left: -21px;
    } */

    .search-result .content article a.post-thumbnail,
    .search-result .content article .right {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
    }

    .not-found {
        padding: 50px 0;
    }

    .not-found .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-menu .logo-middle {
        position: static;
        float: left;
        margin-top: 19px;
        margin-left: 10px;
        display: block;
    }

    .main-menu.open {
        height: auto;
        -webkit-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 37px 0px rgba(0, 0, 0, 0.2);
    }

    .main-menu .content .left .logo-menu {
        display: none;
    }

    header .cta ul,
    .main-menu .cta ul {
        z-index: 999;
    }

    .main-menu .content .right {
        position: static;
        transform: none;
        padding: 70px 15px 50px 50px;
        width: 100%;
    }

    .main-menu .content .right .meta-menu {
        padding-bottom: 20px;
    }

    .main-menu .content .left .cm-container {
        left: -505px;
        width: 600px;
        height: 700px;
        top: -45px;
        transform: unset;
    }
	
	.main-menu .content .left ul li a.animated{
		padding-left:8px
	}

    .main-menu .content .left ul li {
        position: relative;
       
    }

    .main-menu .content .left ul li a,
    .main-menu .content .left ul li:nth-child(1) a {
        font-size:20px;
        line-height: 30px;
    }

/*     .main-menu .content .left ul li:hover a,
    .main-menu .content .left ul li.current-menu-item a {
        font-size: 22px;
    } */
	.main-menu .content .left ul li a br{
		display:none;
	}
	.menu-main-container{
		margin-top:120px
	}
	.main-menu .content .left ul li{
		max-width:300px;
	}
    .main-menu .content .left ul {
        margin-top: 20px;
    }

    .main-menu .content .left ul li:nth-child(1) {
          left: 25px;
    top: 24px;
    }

    .main-menu .content .left ul li:nth-child(2) {
      left: 57px;
    top: 8%;
    }

    .main-menu .content .left ul li:nth-child(3) {
      left: 79px;
    top: 10.5%;
    }

    .main-menu .content .left ul li:nth-child(4) {
        left: 94px;
    top: 13%;
    }

    .main-menu .content .left ul li:nth-child(5) {
     
    top: 15.5%;
    left: 106px;

    }

    .main-menu .content .left ul li:nth-child(6) {
      left: 111px;
    top: 19%;
    }

    .main-menu .content .left ul li:nth-child(7) {
        left: 107px;
	    top: 22.5%;

    }

    .main-menu .content .left ul li:nth-child(8) {
        left: 97px;
		    top: 27%;
    }
	.main-menu .content .left ul li:nth-child(9) {
        left: 80px;
		top:31%;
    }
		.main-menu .content .left ul li:nth-child(10) {
         left: 56px;
    top: 34%;
    }
	.center-section-annif .container-annif {
		flex-direction: column;
	}
	
	.list-squares {
    grid-template-columns: repeat(1, 1fr);
}
	
	.section-squares .container-annif h2 {
		text-align : left !important;
	}
	
	.logo svg {
		    width: 60%;
	}
	
	.center-section-annif .container-annif .left h1 {
		width : 100%;
		max-width : 100%;
	}
	
	.center-section-annif .container-annif {
		padding-bottom : 50px;
	}
	
/* 	.main-menu .logo-middle a {
		height : 170px;
		width : 106px;
	}
	 */
	.main-menu .logo-middle a img {
		width : 100%;
	}
	
	
}



@media screen and (max-width: 769px) {

.related-team .content .team-slider .slick-arrow {

display : none !important;

}

}



/*@media screen and (max-height: 719px) and  (min-width: 1440px) {
   	
    .main-menu .content .left ul li:nth-child(1) {
        left: 331px;
    }

    .main-menu .content .left ul li:nth-child(2) {
        left: 363px;
    }

    .main-menu .content .left ul li:nth-child(3) {
        left: 387px;
    }

    .main-menu .content .left ul li:nth-child(4) {
        left: 403px;
    }
    .main-menu .content .left ul li:nth-child(7) {
        left: 406px;
    }

    .main-menu .content .left ul li:nth-child(8) {
        left: 391px;
    }
	.main-menu .content .left ul li:nth-child(9) {
        left: 367px;
    }
}*/


@media (min-width: 2100px) {
    .main-menu.open {
        height: 100vh;
    }

    .main-menu .content .left .cm-container {
        height: 1251px;
        width: 1251px;
        left: -586px;
    }

    .main-menu .content .left ul li:nth-child(1) {
          left: 435px;
    top: 5%;
    }

    .main-menu .content .left ul li:nth-child(2) {
        left: 531px;
    top: 12%;
    }

    .main-menu .content .left ul li:nth-child(3) {
      left: 603px;
    top: 20%;
    }

    .main-menu .content .left ul li:nth-child(4) {
          left: 656px;
    top: 29%;
    }

    .main-menu .content .left ul li:nth-child(5) {
          left: 687px;
    top: 38%;
    }

    .main-menu .content .left ul li:nth-child(6) {
      left: 697px;
    top: 48%;
    }

    .main-menu .content .left ul li:nth-child(7) {
    left: 687px;
    top: 58%;
    }

    .main-menu .content .left ul li:nth-child(8) {
       left: 651px;
    top: 68%;
    }
	
	.main-menu .content .left ul li:nth-child(9) {
       top: 78%;
    left: 588px;
}
	
	
	.main-menu .content .left ul li:nth-child(10){
		top: 86%;
    left: 507px;
	}


    .main-menu .content .left .logo-menu {
        margin-left: 160px;
    }

    .main-menu .logo-middle {
        width: 215px;
    }

    .desks .desk {
        height: 600px;
    }

    .full-service .items .box {
        height: 500px;
    }
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon:after {
	display: flex;
    align-items: center;
    justify-content: center;
}



/* Esg Page */

body.page-template-esg .splide__slide.empty {
    opacity: 0;
    width: calc((100vw - 1200px) / 2) !important;
    margin-right: 0 !important;
}

.hero-esg {
    min-height: 100vh;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.hero-esg:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 657px;
    height: 777px;
    background-image: url("data:image/svg+xml,%3Csvg width='657' height='777' viewBox='0 0 657 777' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2001_14' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='657' height='777'%3E%3Crect width='657' height='777' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2001_14)'%3E%3Cmask id='mask1_2001_14' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='-156' width='1440' height='933'%3E%3Crect y='-156' width='1440' height='933' fill='url(%23paint0_linear_2001_14)'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_2001_14)'%3E%3Cpath d='M653 653C653 1013.64 360.642 1306 0 1306C-360.642 1306 -653 1013.64 -653 653C-653 292.358 -360.642 0 0 0C360.642 0 653 292.358 653 653ZM-438.616 653C-438.616 895.241 -242.241 1091.62 0 1091.62C242.241 1091.62 438.616 895.241 438.616 653C438.616 410.759 242.241 214.384 0 214.384C-242.241 214.384 -438.616 410.759 -438.616 653Z' fill='url(%23paint1_linear_2001_14)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2001_14' x1='0' y1='777' x2='1440' y2='-156' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23494FE2'/%3E%3Cstop offset='1' stop-color='%23494FE2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2001_14' x1='0' y1='653' x2='0' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2329C3C7'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
}

.hero-esg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(67.23deg, #FFFFFF 0%, #494FE2 100%);
    opacity: 0.08;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1;
    pointer-events: none;
}

.hero-esg .esg-container {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    min-height: calc(100vh + 205px);
    padding-top: 200px;
    padding-bottom: 125px;
}

.hero-esg .hero-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
    padding-left: 140px;
}

.hero-esg .hero-content .left {
    width: calc(100% - 400px);
    padding-top: 132px;
}

.hero-esg .hero-content .left h1 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #041846;
    margin-bottom: 30px;
}

.hero-esg .hero-content .left h1 .green {
    color: #29C3C7;
}
.hero-esg .hero-content .left h1 .purple {
    color: #494FE2;
}

.hero-esg .hero-content .left p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #041846;
    opacity: 0.8;
    margin-bottom: 36px;
}
.hero-esg .hero-content .left a {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 10px 30px;
    background-color: #29C3C7;
    display: inline-flex;
    border-radius: 50px;
}

.hero-esg .hero-content .right {
    width: 410px;
    position: absolute;
    right: -6px;
    top: 0;
}

.about-esg {
    position: relative;
    top: -125px;
}

.about-esg .about-filter-wrapper {
    padding: 0 48px;
    display: flex;
    justify-content: center;
    gap: 45px;
    position: sticky;
    top: 65px;
    z-index: 12;
    margin-bottom: 31px;
}

.about-esg .about-filter-wrapper .filter {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.25);
}

.about-esg .about-filter-wrapper .filter a {
    border-left: 1px solid #f5f5f54d;
    padding: 30px;
    background-color: #494FE2;
    display: flex;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #F2F2F2;
    transition: .5s ease-in-out;
}

.about-esg .about-filter-wrapper .filter a.active,
.about-esg .about-filter-wrapper .filter a:hover {
    background-color: #FBFBFE;
    color: #494FE2;
}


.about-esg .about-filter-wrapper .download {
    border-radius: 50px;
    border: 1px solid #29C3C7;
    padding: 10px;
    width: 195px;
    height: 80px;
    box-shadow: 0px 34px 44px rgba(0, 0, 0, 0.1);
}

.about-esg .about-filter-wrapper .download a { 
    background-color: #29C3C7;
    border: 3px solid #29c2c71a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    padding: 15px 20px;
    gap: 27px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.about-esg .environnement,
.about-esg .social,
.about-esg .ethique-compliance,
.about-esg .engagements,
.about-esg .contentieux-climatiques {
    background-color: #FFFFFF;
}

.about-esg .environnement {
    padding-top: 32px;
}

.about-esg .environnement .label {
    margin-bottom: 17px;
}

.about-esg .environnement .label svg {
    width: 100%;
    height: auto;
}

.about-esg .environnement .environnement-intro {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 74px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.about-esg .environnement .environnement-intro .intro {
    width: calc(100% - 340px);
}

.about-esg .environnement .environnement-intro .intro h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #041846;
    margin-bottom: 50px;
}

.about-esg .environnement .environnement-intro .intro h2 .light-pink {
    color: #FFB9BB;
    display: flex;
}

.about-esg .environnement .environnement-intro .intro p{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    max-width: 705px;
}

.about-esg .environnement .environnement-slide {
    margin-top: 53px;
    padding-bottom: 152px;
}

.about-esg .environnement .environnement-slide .splide__slide {
    width: 595px;
    max-width: 100%;
    height: max-content;
    padding: 40px;
    background-color: #FBFBFE;
    border-bottom: 1px solid #494FE2;
}

.about-esg .environnement .environnement-slide .splide__slide.blue-green {
    border-bottom-color: #29C3C7;
}
.about-esg .environnement .environnement-slide .splide__slide.blue-green .slide-wrapper h2 {
    color: #29C3C7;
}


.about-esg .environnement .environnement-slide .splide__slide.orange-red {
    border-bottom-color: #FF4E4D;
}
.about-esg .environnement .environnement-slide .splide__slide.orange-red .slide-wrapper h2 {
    color: #FF4E4D;
}


.about-esg .environnement .environnement-slide .splide__slide.light-pink {
    border-bottom-color: #FFBABC;
}
.about-esg .environnement .environnement-slide .splide__slide.light-pink .slide-wrapper h2 {
    color: #FFBABC;
}

.about-esg .environnement .environnement-slide .splide__slide .slide-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-esg .environnement .environnement-slide .splide__slide .slide-wrapper h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #494FE2;
    display: flex;
    gap: 13px;
}

.about-esg .environnement .environnement-slide .splide__slide .slide-wrapper .description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    opacity: 0.75;
    padding-left: 35px;
}

/* Social */
.about-esg .social .label svg {
    width: 100%;
    height: auto;
}

.about-esg .social .social-intro {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -45px;
}

.about-esg .social .social-intro .intro {
    width: calc(100% - 340px);
    padding-top: 53px;
}

.about-esg .social .social-intro .intro h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #041846;
    margin-bottom: 50px;
}

.about-esg .social .social-intro .intro h2 .orange-red{
    color: #FF4E4D;
}

.about-esg .social .social-intro .intro p{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    max-width: 705px;
}

.about-esg .social .social-slide {
    margin-top: 53px;
    padding-bottom: 134px;
}

.about-esg .social .social-slide .splide__slide {
    width: 595px;
    max-width: 100%;
    height: max-content;
    padding: 40px;
    background-color: #FBFBFE;
    border-bottom: 1px solid #494FE2;
}

.about-esg .social .social-slide .splide__slide.blue-green {
    border-bottom-color: #29C3C7;
}
.about-esg .social .social-slide .splide__slide.blue-green .slide-wrapper h2 {
    color: #29C3C7;
}


.about-esg .social .social-slide .splide__slide.orange-red {
    border-bottom-color: #FF4E4D;
}
.about-esg .social .social-slide .splide__slide.orange-red .slide-wrapper h2 {
    color: #FF4E4D;
}


.about-esg .social .social-slide .splide__slide.light-pink {
    border-bottom-color: #FFBABC;
}
.about-esg .social .social-slide .splide__slide.light-pink .slide-wrapper h2 {
    color: #FFBABC;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #494FE2;
    display: flex;
    gap: 13px;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper .description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    opacity: 0.75;
    padding-left: 35px;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper .description p {
    margin: 0 !important;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper .description ul {
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper .description ul li {
    position: relative;
    padding-left: 11px;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper .description ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000;
}

.about-esg .social .social-slide .splide__slide .slide-wrapper .description small {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #041846;
}

/* Ethique & Compliance */
.about-esg .ethique-compliance .label svg {
    width: 100%;
    height: auto;
}

.about-esg .ethique-compliance .ethique-compliance-intro {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -45px;
}

.about-esg .ethique-compliance .ethique-compliance-intro .intro {
    width: calc(100% - 340px);
    padding-top: 53px;
}

.about-esg .ethique-compliance .ethique-compliance-intro .intro h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #041846;
    margin-bottom: 50px;
}

.about-esg .ethique-compliance .ethique-compliance-intro .intro h2 span {
    color: #494FE2;
}

.about-esg .ethique-compliance .ethique-compliance-intro .intro p{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    max-width: 705px;
}

.about-esg .ethique-compliance .ethique-compliance-slide {
    margin-top: 53px;
    padding-bottom: 165px;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide {
    width: 595px;
    max-width: 100%;
    height: max-content;
    padding: 40px;
    background-color: #FBFBFE;
    border-bottom: 1px solid #494FE2;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide.blue-green {
    border-bottom-color: #29C3C7;
}
.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide.blue-green .slide-wrapper h2 {
    color: #29C3C7;
}


.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide.orange-red {
    border-bottom-color: #FF4E4D;
}
.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide.orange-red .slide-wrapper h2 {
    color: #FF4E4D;
}


.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide.light-pink {
    border-bottom-color: #FFBABC;
}
.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide.light-pink .slide-wrapper h2 {
    color: #FFBABC;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #494FE2;
    display: flex;
    gap: 13px;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper .description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    opacity: 0.75;
    padding-left: 35px;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper .description p {
    margin: 0 !important;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper .description ul {
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper .description ul li {
    position: relative;
    padding-left: 11px;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper .description ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000;
}

.about-esg .ethique-compliance .ethique-compliance-slide .splide__slide .slide-wrapper .description small {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #041846;
}

/* Engagements */
.about-esg .engagements .label svg {
    width: 100%;
    height: auto;
}

.about-esg .engagements .engagements-intro {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -100px;
}

.about-esg .engagements .engagements-intro .intro {
    width: calc(100% - 340px);
    padding-top: 107px;
}

.about-esg .engagements .engagements-intro .intro h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #041846;
    margin-bottom: 25px;
}

.about-esg .engagements .engagements-intro .intro h2 span {
    color: #494FE2;
}

.about-esg .engagements .engagements-intro .intro p{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    max-width: 705px;
}

.about-esg .engagements .engagements-slide {
    margin-top: 53px;
    padding-bottom: 182px;
}

.about-esg .engagements .engagements-slide .splide__slide {
    width: 595px;
    max-width: 100%;
    height: max-content;
    padding: 40px;
    background-color: #FBFBFE;
    border-bottom: 1px solid #494FE2;
}

.about-esg .engagements .engagements-slide .splide__slide.blue-green {
    border-bottom-color: #29C3C7;
}
.about-esg .engagements .engagements-slide .splide__slide.blue-green .slide-wrapper h2 {
    color: #29C3C7;
}


.about-esg .engagements .engagements-slide .splide__slide.orange-red {
    border-bottom-color: #FF4E4D;
}
.about-esg .engagements .engagements-slide .splide__slide.orange-red .slide-wrapper h2 {
    color: #FF4E4D;
}


.about-esg .engagements .engagements-slide .splide__slide.light-pink {
    border-bottom-color: #FFBABC;
}
.about-esg .engagements .engagements-slide .splide__slide.light-pink .slide-wrapper h2 {
    color: #FFBABC;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #494FE2;
    display: flex;
    gap: 13px;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper .description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    opacity: 0.75;
    padding-left: 35px;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper .description p {
    margin: 0 !important;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper .description ul {
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper .description ul li {
    position: relative;
    padding-left: 11px;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper .description ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000;
}

.about-esg .engagements .engagements-slide .splide__slide .slide-wrapper .description small {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #041846;
}

/* Contentieux Climatiques */

.about-esg .contentieux-climatiques .label {
    position: relative;
    z-index: 2;
}

.about-esg .contentieux-climatiques .label svg {
    width: 100%;
    height: auto;
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro .discover {
    width: 345px;
    text-align: right;
    position: relative;
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro .discover a {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    min-width: 225px;
    color: #FFFFFF;
    padding: 10px 30px;
    background-color: #29C3C7;
    display: inline-flex;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro .discover img {
    position: relative;
    top: -88px;
    pointer-events: none;
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro .intro {
    width: calc(100% - 372px);
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro .intro h2 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #041846;
    margin-bottom: 50px;
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro .intro h2 span {
    color: #494FE2;
    display: flex;
}

.about-esg .contentieux-climatiques .contentieux-climatiques-intro .intro p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    max-width: 705px;
    margin-bottom: 72px;
}


body.page-template-esg .label svg.shape-mobile {
    display: none;
}


@media screen and (max-width: 1300px) {
    .hero-esg .hero-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .about-esg .about-filter-wrapper {
        padding: 0 20px;
        gap: 10px;
        justify-content: center;
    }
    .about-esg .environnement .environnement-intro {
        padding: 0 20px 0 20px;
    }
    .about-esg .environnement .environnement-slide {
        padding-bottom: 50px;
    }
    .about-esg .social .social-slide {
        padding-bottom: 50px;
    }
    .about-esg .ethique-compliance .ethique-compliance-slide {
        padding-bottom: 50px;
    }
    .about-esg .engagements .engagements-slide {
        padding-bottom: 50px;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .discover img {
        top: initial;
        width: 100%;
        object-fit: contain;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro {
        padding-bottom: 50px;
    }

    .about-esg .about-filter-wrapper .filter a {
        padding: 15px;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .hero-esg .hero-content .right {
        text-align: right;
    }

    .hero-esg .hero-content .right img {
        height: 600px;
    }
    .hero-esg:before {
        width: 500px;
        height: 580px;
    }
    .hero-esg .hero-content .left {
        padding-top: 50px;
    }

    .hero-esg .esg-container {
        min-height: calc(100vh + 50px);
        padding-top: 150px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .hero-esg {
        min-height: auto;
    }
    .hero-esg .esg-container {
        min-height: auto;
    }
    .about-esg {
        top: 0;
        padding-top: 50px;
    }
    .hero-esg .hero-content .left {
        width: calc(100% - 300px);
    }

    .about-esg .environnement .environnement-intro,
    .about-esg .social .social-intro,
    .about-esg .ethique-compliance .ethique-compliance-intro,
    .about-esg .engagements .engagements-intro {
        justify-content: space-between;
        align-items: initial;
        flex-direction: column;
        gap: 15px;
    }

    .about-esg .social .social-intro,
    .about-esg .ethique-compliance .ethique-compliance-intro,
    .about-esg .engagements .engagements-intro {
        margin-top: 0;
    }

    .about-esg .environnement .environnement-intro .intro,
    .about-esg .social .social-intro .intro,
    .about-esg .ethique-compliance .ethique-compliance-intro .intro,
    .about-esg .engagements .engagements-intro .intro {
        width: 100%;
        padding-top: 20px;
    }

    .about-esg .environnement .environnement-intro .shape,
    .about-esg .social .social-intro .shape,
    .about-esg .ethique-compliance .ethique-compliance-intro .shape,
    .about-esg .engagements .engagements-intro .shape {
        text-align: right;
    }

    .about-esg .engagements .engagements-intro .intro h2 {
        margin-bottom: 50px;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro {
        flex-direction: column;
    }
    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .intro {
        width: 100%;
    }

    .hero-esg:before {
        width: 300px;
        height: 350px;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {

    .about-esg .environnement .environnement-intro .shape svg, 
    .about-esg .social .social-intro .shape svg, 
    .about-esg .ethique-compliance .ethique-compliance-intro .shape svg, 
    .about-esg .engagements .engagements-intro .shape svg {
        width: 132px;
        height: auto;
    }

    .hero-esg .hero-content .left {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .hero-esg .hero-content .right img {
        height: 350px;
    }

    .hero-esg .hero-content {
        padding-left: 0;
        padding-right: 0;
    }

    .about-esg .about-filter-wrapper {
        display: none;
    }
    .about-esg {
        padding-top: 0;
    }
    .about-esg .environnement .environnement-intro .intro h2 .light-pink,
    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .intro h2 span {
        justify-content: center;
    }

    body.page-template-esg .splide__slide h2 {
        text-align: left !important;
    }

    body.page-template-esg .splide__slide.empty {
        width: 0 !important;
        padding: 0 !important;
    }

    body.page-template-esg .splide__slide {
        padding: 40px 20px !important;
    }

    body.page-template-esg .splide__slide .slide-wrapper .description {
        padding-left: 0 !important;
    }

    body.page-template-esg .splide__slide {
        height: auto !important;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .shape {
        text-align: right;
        position: absolute;
        bottom: -40px;
        right: 0;
    }

    body.page-template-esg .label svg.shape-desktop {
        display: none;
    }
    body.page-template-esg .label svg.shape-mobile {
        display: flex;
        width: auto;
        margin: 0 auto 20px;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .discover a {
        position: initial;
        transform: initial;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .discover {
        text-align: left;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .intro p {
        margin-bottom: 50px;
    }

    .hero-esg:before {
        content: none;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro .discover img {
        display: none;
    }

    .about-esg .contentieux-climatiques .contentieux-climatiques-intro {
        flex-direction: column;
    }
}