/*********** COMMON *********/

:root{
    --blue : #002395;
    --white : #ffffff;
    --green: #7FF8C1;
    --blanccasse: rgba(220, 229, 255, 0.1);
    --red: rgba(254, 127, 137, 1);
    --yellow:rgba(255, 204, 116, 1);
    --pastelblue:rgba(220, 229, 255, 1);
    --pastelyellow : rgba(255, 240, 210, 1);
    --pastelred:rgba(255, 222, 224, 1);
    --pastelgreen:rgba(215, 255, 238, 1);
    --whiteblue:rgba(0, 35, 149, 0.08);
    --greyblue: rgba(0, 35, 149, 0.2);
    --vh: 1vh;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
    font-family: 'League Spartan', sans-serif;
    color: var(--blue);
    line-height: 1.4;
}

@font-face {
    font-family: 'beth_ellenregular';
    src: url('../font/bethellen-regular-webfont.woff2') format('woff2'),
         url('../font/bethellen-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* lexend-deca-regular - latin */
@font-face {
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../font/lexend-deca-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../font/lexend-deca-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* lexend-deca-500 - latin */
  @font-face {
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 500;
    src: local(''),
         url('../font/lexend-deca-v17-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../font/lexend-deca-v17-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* lexend-deca-600 - latin */
  @font-face {
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../font/lexend-deca-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../font/lexend-deca-v17-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  /* league-spartan-regular - latin */
@font-face {
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../font/league-spartan-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../font/league-spartan-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* league-spartan-500 - latin */
  @font-face {
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: 500;
    src: local(''),
         url('../font/league-spartan-v6-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../font/league-spartan-v6-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* league-spartan-600 - latin */
  @font-face {
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../font/league-spartan-v6-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../font/league-spartan-v6-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* league-spartan-800 - latin */
  @font-face {
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: 800;
    src: local(''),
         url('../font/league-spartan-v6-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../font/league-spartan-v6-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

@media (min-width:1024px){
    .hidden-d{
        display: none;
    }
}


img.blockAuto{ display: block; margin:0 auto;height: auto;max-width: 100%; }

.img-responsive{display: block;max-width: 100%;height: auto}

picture.img-responsive img{ display: block;max-width: 100%;height: auto }

.fakeButton{width:65px; height: 65px; text-align: center; background-color: var(--blue); color: var(--white); transition: background 300ms ease-in-out, color 300ms ease-in-out;font-size:40px;display:block; }
.fakeButton span{position: absolute;top: 55%;left: 0;transform: translateY(-50%);color: inherit;width: 100%;text-align: center}
a:hover .fakeButton{  background-color: var(--green); color: var(--blue); }
a{text-decoration: none;}
.textLeft{ text-align: left; }
.textCenter{ text-align: center; }
.textRight{ text-align: right; }

@media (max-width:1023px){
    .textCenter-m{ text-align: center; }
    .fakeButton{width: 55px;height: 55px;}
}

/****** COLOR/BG COLOR *******/
.textBlue{ color: var(--blue); }
.textRed{ color: var(--red); }
.textWhite{ color: var(--white); }
.textGreen{ color: var(--green); }


.borderRed{ font-family:inherit; text-decoration: none; border-bottom: 8px solid var(--red); }
.borderBlue{ font-family:inherit; text-decoration: none; border-bottom: 8px solid var(--blue); }
.borderWhite{ font-family:inherit; text-decoration: none; border-bottom: 10px solid var(--white); }
.borderYellow{ font-family:inherit; text-decoration: none; border-bottom: 10px solid var(--yellow); }
.borderGreen{ font-family:inherit; text-decoration: none; border-bottom: 10px solid var(--green); }

@media (min-width:320px) and (max-width:1400px){
    .borderRed{ border-bottom: 4px solid var(--red); }
    .borderBlue{ border-bottom: 4px solid var(--blue); }
    .borderWhite{ border-bottom: 5px solid var(--white); }
    .borderYellow{ border-bottom: 5px solid var(--yellow); }
    .borderGreen{ border-bottom: 5px solid var(--green); }
}

.bgYellow{ background-color: var(--yellow);}
.bgGreen{ background-color: var(--green);}
.bgRed{ background-color: var(--red);}
.bgBlue{ background-color: var(--blue);}
.bgPastelYellow{ background-color: var(--pastelyellow);}
.bgPastelGreen{ background-color: var(--pastelgreen);}
.bgPastelRed{ background-color: var(--pastelred);}
.bgPastelBlue{ background-color: var(--pastelblue);}    

/***** FONT *****/
.fw400{ font-weight: 400; }
.fw500{ font-weight: 500; }
.fw600{ font-weight: 600; }
.fw700{ font-weight: 700; }
.fw800{ font-weight: 800; }

.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs30{ font-size:30px;}
.fs35{ font-size:35px;}
.fs40{ font-size:40px;}
.fs60{ font-size:60px;}

.cta.fs20{font-size: 20px;}

.block-link{position:relative; min-height: 100px;display:flex;justify-content:center;align-items: center;}
.block-link a{ margin:0 24px 0 0; padding: 8px 12px; border-radius:18px; color: var(--red); background-color: var(--pastelred); border:2px solid var(--pastelred); }
.block-link a.cta3{ margin:0 24px 0 0; padding: 8px 12px; border-radius:18px; color: var(--yellow); background-color: var(--pastelyellow); border:2px solid var(--pastelyellow); }


@media (max-width:800px){
    .fs20{ font-size: 3.5vw;}
    .fs30{ font-size: 7vw;}
    .fs35{ font-size: 7vw;}
    .fs40{ font-size: 7vw;}
    .fs60{ font-size: 9.35vw;}
}

@media (max-width:360px){
    .fs20{ font-size: 15px;}
}

@media (min-width:1024px){
    .fs13{ font-size:11px;}
    .fs14{ font-size:12px;}
    .fs15{ font-size:13px;}
    .fs16{ font-size:14px;}
    .fs18{ font-size:16px;}
    .fs20{ font-size:18px;}
    .fs30{ font-size: 1.56vw;}
    .fs35{ font-size: 1.82vw;}
    .fs40{ font-size: 2.08vw;}
    .fs60{ font-size: 3.125vw;}
}

@media (min-width:1900px){
    .fs13{ font-size:13px;}
    .fs14{ font-size:14px;}
    .fs15{ font-size:15px;}
    .fs16{ font-size:16px;}
    .fs18{ font-size:18px;}
    .fs20{ font-size:20px;}
    .fs30{ font-size:30px;}
    .fs35{ font-size:35px;}
    .fs40{ font-size:40px;}
    .fs60{ font-size:60px;}
}



.ffLexend{ font-family: 'Lexend Deca', sans-serif; }
.ffSpartan{ font-family: 'League Spartan', sans-serif }
.ffBethellen{font-family: 'beth_ellenregular';font-weight: normal;}

.titre{
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 500;
    color: var(--blue);
}

/***** FLEXBOX *****/
.flex{
    display: flex;
    justify-content: center;
}

.flexSpaceCenter{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexCenter{
    display: flex;
    align-items: center;
}

.flexStart{
    display: flex;
    justify-content: flex-start;
}

.flexCenterH{
    display: flex;
    justify-content: center;
}

.flexRowReverse{
    flex-direction: row-reverse;
}

@media (max-width:1023px){
    .flexColumn{
        flex-direction: column;
    }

    .flexColumnReverse{
        flex-direction: column-reverse;
    }
}

/***** MARGIN/PADDING *****/
.bgPadding{
    padding: 5% 0;
}

.mt40{
    margin-top: 40px;
}

.mt30{
    margin-top: 30px;
}

.mt20{
    margin-top: 20px;
}

.mb40{
    margin-bottom: 40px;
}

.mb30{
    margin-bottom: 30px;
}

.mb20{
    margin-bottom: 20px;
}

.ml15{
    margin-left: 15px;
}

.p8{
    padding: 8%;
}

@media (max-width:1023px){
    .bgPadding{
        padding: 12% 0;
    }

    .mb40-m{
        margin-bottom: 40px;
    }

    .mb30-m{
        margin-bottom: 30px;
    }

    .mb20-m{
        margin-bottom: 20px;
    }
}

@media (min-width:1024px) and (max-width:1439px){
    .mb40{
        margin-bottom: 20px;
    }

    .mb30{
        margin-bottom: 15px;
    }

    .mb20{
        margin-bottom: 10px;
    }
}

/***** CTA *****/
a.cta{
    display: inline-block;
    width: auto;
    padding:20px;
    background-color: var(--blue);
    color: var(--white);
    text-decoration: none;
    transition:background-color 300ms ease-in-out, color 300ms ease-in-out;
}
a.cta:hover{
    background-color: var(--green);
    color: var(--blue);
}
a.cta.btn_contact{
    background-color: var(--green);
    color: var(--blue);
    text-decoration: white;
    position: relative;
    margin: 0;
    transition:background-color 300ms ease-in-out;
}

a.cta.btn_contact:hover{
    background-color: var(--white);
    color: var(--blue);
}

a.cta.btn_phone{
    background-color: var(--green);
    color: var(--blue);
    text-decoration: white;
    position: relative;
    /* margin-right: 10%; */
}

a.cta.btn_phone:hover{
    background-color: var(--white);
    color: var(--blue);
}

a.cta.btn_contact span{padding-left: 36px; }
a.cta.btn_contact span::before{
    display: inline-block;
    background: transparent url('../img/icon-bulle.svg') 0% 0% no-repeat padding-box;
    content:"";
    width: 36px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
a.cta.btn_phone span{padding-left: 23px; }
a.cta.btn_phone span::before{
    display: inline-block;
    background: transparent url('../img/icon-phone.svg') 0% 0% no-repeat padding-box;
    content:"";
    width: 23px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}



/*********** BREADCRUMB *********/
nav.ariane{ display: block; margin: 60px auto 30px;max-width: 1350px;width: 98%}
nav.ariane ul{ list-style: none; display: inline-block;}
nav.ariane ul li{ display:inline-block; font-size: 14px; color: var(--blue); font-weight: 500; font-family: 'Spartan', sans-serif;}
nav.ariane ul li a{ text-decoration:none; color: var(--blue);}
nav.ariane ul li span.wrapper{ color: var(--blue); }
nav.ariane ul li a.last{color: var(--blue); background-color: var(--pastelblue); padding: 4px;}

@media (max-width:1023px){
    nav.ariane{margin: 30px auto;}
}

/********** HEADER ***********/
header.fixed{
    position: fixed;
    top: 0;
    left: 0;
}
header.fixed + main{
    padding-top: 93px;
}
header{
    display: flex;
    width:100%;
    height:93px;
    background-color: var(--blue);
    z-index: 100;
    align-items: center;
}

header .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 93px;
    transition: height 300ms cubic-bezier(.55,0,.1,1);
    max-width: 1350px;
    margin: 0 auto;
    width: 98%;
}

header .inner .brand{
    display: block;
    width: 114px;
    height: 126px;
    align-content: 1;
    margin: 0;
    background: #fff;
}

header .inner .brand span{
    position: relative;
    display: block;
    padding: 12px;
}

header .inner .brand span img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 90px;
    max-height: 90px;
    margin: 12px 0 0 0;
}

header nav {
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 100%;
    font-weight:500;
    font-size: 16px;
}
header nav>ul{
    margin: 0;
    padding: 0;
    width: auto;
    height: 100%;
    list-style-type: none;
}
header nav>ul>li{
    margin: 0;
    width: auto;
}
header nav>ul>li.menu-item-has-children>a,
header nav>ul>li.menu-item-has-children>span {
    position: relative;
}
header nav>ul>li>a:not(.button),
header nav>ul>li>span:not(.button) {
    position: relative;
    padding: 10px 0;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: var(--white);
}

header nav ul:not(.sub-menu)>li.menu-item-has-children>ul.sub-menu{
    background-color: var(--white);
}

header nav>ul>li>ul.sub-menu {
    position: absolute;
    margin: 5px 0 0 0;
    padding: 20px 30px;
    min-width: 150px;
    width: auto;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
}
header nav>ul>li>ul.sub-menu>li {
    margin: 12px 0;
}

header nav>ul>li>ul.sub-menu>li>a, 
header nav>ul>li>ul.sub-menu>li>span {
    position: relative;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
    color: var(--blue);
}

header nav>ul>li>ul.sub-menu>li>a:hover {
    color: var(--green);
}

header nav>ul>li>ul.sub-menu>li>a::before, 
header nav>ul>li>ul.sub-menu>li>span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 300ms cubic-bezier(.55,0,.1,1);
}

@media (max-width:1023px){
    header nav, a.cta.btn_contact{
        display: none;
    }

    header{
        background: #FFF;
        height: 67px;
        box-shadow: 0px 3px 26px #00239514;
    }

    header .inner{
        width: 90%;
        height: 67px;
    }

    header .inner .brand{
        width: 42px;
        height: 42px;
    }

    header .inner .brand span{
        padding: 0;
    }

    header .inner .brand span img{
        margin: 0;
    }

    .blue-menu{
        background: var(--blue);
        transform: translateX(-100%);
    }

    .green-menu{
        background: var(--green);
        transform: translateX(100%);
    }

    .blue-menu .bot-menu .cta span::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
        display: inline-block;
        background: transparent url('../img/picto-aide-bleu.svg') 0% 0% no-repeat padding-box;
        width: 22px;
        height: 41px;
    }

    .mobile-menu{
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        
        transition: transform ease-out 0.6s;
        z-index: 999;
    }

    .mobile-menu.open{
        transform: translateX(0);
        transition: transform ease-out 0.6s;
    }

    .top-menu{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .blue-menu .bot-menu{
        width: 100%;
    }

    .green-menu .middle-menu{
        width: 100%;
    }

    .bot-menu .cta, .middle-menu a.cta.btn_phone{
        background-color: var(--white);
        text-align: center;
        position: relative;
        width: 100%;
    }

    header .logo-linkedin{
        background: var(--white);
        display: inline-block;
    }

    header nav > ul{
        height: auto;
    }

    header nav > ul > li > a:not(.button), header nav > ul > li > span:not(.button){
        font-size: 20px;
        display: block;
    }

    header nav ul:not(.sub-menu)>li.menu-item-has-children>ul.sub-menu{
        background-color: inherit;
    }
    
    header nav>ul>li>ul.sub-menu {
        position: relative;
        margin: 0 0 15px 0;
        padding: 0 30px;
        min-width: 150px;
        width: auto;
        list-style-type: none;
        opacity: 1;
        pointer-events: inherit;
    }

    header nav>ul>li>ul.sub-menu>li>a, 
    header nav>ul>li>ul.sub-menu>li>span {
        position: relative;
        padding: 0;
        font-weight: 400;
        font-size: 16px;
        text-decoration: none;
        white-space: nowrap;
        color: var(--white);
    }

}

@media (min-width: 1024px){
    header nav>ul>li {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    header nav>ul>li:not(:last-child)>a, 
    header nav>ul>li:not(:last-child)>span {
        padding-right: 20px;
    }
    header nav>ul>li.menu-item:hover>a,
    header nav>ul>li.menu-item:hover>span{
        color:var(--green);
    }
    header nav>ul>li>ul.sub-menu {
        z-index: 10;
        top: 90%;
        left: 0;
        margin: 0;
        transform: translateX(-10px) translateY(-10px);
        transition: opacity 300ms cubic-bezier(.55,0,.1,1),transform 300ms cubic-bezier(.55,0,.1,1);
    }
    header nav>ul>li.menu-item-has-children:hover>ul {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0) translateY(-10px);
        transition: opacity 300ms cubic-bezier(.55,0,.1,1),transform 300ms cubic-bezier(.55,0,.1,1);
    }
}
header nav>ul>li.menu-item-has-children {
    position: relative;
}

header a.contact{
    display: block; background:var(--pastelgreen);
}









/******* SECTION/CONTAINER ********/
.container{
    margin: 0 auto;
    position: relative;
}

/* FULL */
.wp-block-group__inner-container{ margin:0 auto; max-width: 1290px; }

@media (min-width: 1024px){
    body.page-template-tpl-full-width.page-id-2514 .entry-layout .container{ max-width: 100%; width:calc(100% - 40px); }
    body.page-template-tpl-full-width .entry-breadcrumb .container{ max-width: 1290px; width:75%; }
}

.section-space-big{
    margin: 8% auto 0;
}

.section-space{
    margin: 4% auto 0;
}

.footer-space{
    margin-bottom: 4%;
}

@media (max-width:1023px){
    .container{
        width: 86%;
    }

    .section-space-big{
        margin: 14% auto 0;
    }

    .section-space{
        margin: 8% auto 0;
    }

    .footer-space{
        margin-bottom: 8%;
    }
}

@media (min-width:1024px){
    .section-container{
        max-width: 1820px;
        width: 95%
    }

    .container{
        max-width: 1290px;
        width: 75%;
    }

    .container-big{
        max-width: 1605px;
        width: 83%;
    }

    .container-left{
        margin-left: auto;
    }
}

/***** MARK *****/

.mark{
    font-family: 'Lexend Deca', sans-serif;
    padding:0 6px;
}

.mark-green{
    background: var(--green);
    color: var(--white);
}

/***** ARROW *****/
.arrow{
    position: relative;
}
.arrow::before{ 
    display: block; 
    content: "";
    position: absolute; 
    top: 0;
    left: 50%;
    transform: translate(-50%,-100%); 
}

.arrow-down-left::before{
    background: url(../img/arrow-down-left.svg) 0 0 no-repeat;
    left: 75%;
    transform: translate(0,-100%);
    background-size: cover; 
}

.arrow-down-left-center::before{
    background: url(../img/arrow-down-left.svg) 0 0 no-repeat;
    background-size: cover;
}

.arrow-down-right-center::before{
    background: url(../img/arrow-down-right.svg) 0 0 no-repeat;
    background-size: cover;
}

.arrow-down-center::before{
    background: url(../img/arrow-down.svg) 0 0 no-repeat;
    transform: translate(-50%,-120%);
    background-size: cover;
}

@media (max-width:1199px){
    .arrow-down-left::before{
        width: 51px; 
        height: 60px;
    }

    .arrow-down-left-center::before{
        width: 51px; 
        height: 60px;
    }

    .arrow-down-right-center::before{
        width: 59px; 
        height: 66px;
    }

    .arrow-down-center::before{
        width: 38px; 
        height: 63px;
    }
}

@media (max-width:1023px){
    .arrow{
        margin-top: 28%;
    }
    .arrow-down-left::before{
        display: none;
    }

    .arrow-down-left-center::before{
        width: 76px; 
        height: 90px;
        left: 62%;
    }

    .arrow-down-right-center::before{
        width: 88px; 
        height: 99px;
        left: 38%;
    }

    .arrow-down-center::before{
        width: 57px; 
        height: 94px;
    }
}

@media (min-width:1200px){
    .arrow-down-left::before{
        width: 76px; 
        height: 90px;
    }

    .arrow-down-left-center::before{
        width: 102px; 
        height: 120px;
    }

    .arrow-down-right-center::before{
        width: 118px; 
        height: 133px;
    }

    .arrow-down-center::before{
        width: 76px; 
        height: 126px;
    }
}

@media (min-width:1600px){
    .arrow-down-left::before{
        width: 102px; 
        height: 120px;
    }

    .arrow-down-left-center::before{
        width: 102px; 
        height: 120px;
    }

    .arrow-down-right-center::before{
        width: 118px; 
        height: 133px;
    }

    .arrow-down-center::before{
        width: 76px; 
        height: 126px;
    }
}

/***** LIST *****/
ul{
    list-style: none;
}

.list{
    display: flex;
}

.list-check{
    margin: 6% 0 6% 0;
}

.list-check__item{
    display: flex;
}

.list-check__item:not(:last-child){
    margin-bottom: 10px;
}

.list-check__item::before{
    display: block;
    content: "";
    width: 28px;
    height:30px;
    background: url(../img/puce.svg) 0 0 no-repeat;
    margin-right: 15px;
    margin-top: -4px;
}

.list-check__item p{
    width: calc(100% - 36px);
}

.list-check-cross .list-check__item::before{
    width: 27px;
    height:24px;
    background: url(../img/puce-cross.svg) 0 0 no-repeat;
}

.list-check-cross .list-check__item p{
    width: calc(100% - 35px);
}

.list-review{ 
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
}

.list-review__item{
    position: relative;
}

.list-review__item .company-name{
    margin: 30px 0 17px;
}

.list{
    display: flex;
    margin: 5% 0;
}

.list-3 .list__item img{
    margin: 0 auto 30px;
}

.list-3 .list__item p{
    padding: 0 10%;
}

@media (max-width:1023px){
    .list-check{
        margin: 10% 0 10% 0;
    }

    .list-review{
        margin: 0 0 40px;
    }
    .list-review p{
        display: none;
    }

    .list-review__item{
        display: flex;
    }

    .list-review__item::after{
        content: "";
        background: url(../img/pouce-facebook-mob.svg) 0 0 no-repeat;
        display: block;
        width: 28px;
        height: 25px;
        background-size: cover;
    }

    .list{
        flex-direction: column;
    }

    .list .list__item{
        margin: 25px;
    }
}

@media (min-width:1024px){
    .list-review__item .icon-avatar{ 
        position: absolute;
        top: 0;
        left:50%;
        transform: translate(-50%,-50%);
    }

    .list-review__item{
        background: var(--white);
        margin: 0 20px 0 0;
        padding: 20px;
        width: 32%;
        text-align: center;
    }

    .list-review__item::after{
        content: "";
        position: absolute;
        top: 5px;
        right: 5px;
        width: 56px;
        height: 51px;
        background: url(../img/pouce-facebook.svg) 0 0 no-repeat;
    }

    .list-3 .list__item{
        width: 33.333333%;
    }
}

/***** FLEX IMG/TXT *****/
.text-right_ctn{ position: relative;}
.text-right_ctn .titre-block{text-align: center; margin: 0 0 30px 0; }
.text-right_ctn .block-question{padding:9.5% 11.5%;}
.text-right_ctn .block-question .paragraphe-block:not(:last-child){ margin: 0 0 12px 0}

@media (max-width:1023px){
    .text-right_ctn{margin-bottom: 40px;}
    .text-right_ctn .block-question{padding: 8%;}
}

@media (min-width:1024px){
    .text-right_ctn{width: 57.67441860465116%}
    .text-right_ctn .block-question::before{ display: block; content: ""; position: absolute; top: 0; left: 0; width:83px; height:80px; background: url(../img/question.svg) 0 0 no-repeat; transform: translate(-50%, 50%);}
}

/***** GUIDE *****/
.block-guide .titre{margin: 30px 0;}
@media (min-width:1024px){
    .picto-guide{
        width: 29.37984496124031%;
    }
}

/********* BLOCK TITRE ***********/
@media (max-width:1280px){
    .block-titre1, .block-titre2 { background-size: cover;}
}

@media (max-width:1023px){
    .block-titre1{background: url(../img/bg-top-banner-mob.svg) top no-repeat;background-size: 90% auto;}
    .block-titre2{background: url(../img/bg-top-banner-mob.svg) top no-repeat;background-size: 90% auto;}
}

@media (min-width:1024px){
    .block-titre{ position:relative; min-height: 278px;display:flex;justify-content:center;align-items: center; }
    .block-titre .reduce .titre{width: 75%;margin: 0 auto;}
    
    .block-titre .reduce .paragraphe{width: 62%;margin: 20px auto 0;}
    .block-titre1{background: url(../img/bg-top-banner.svg) 50% 50% no-repeat; background-size: contain;}
    .block-titre2{background: url(../img/bg-top-banner2.svg) 50% 50% no-repeat; background-size: contain;}
    .block-titre-list{background: url(../img/bg-mid-banner.svg) 50% 50% no-repeat; background-size: contain;}
    .block-titre-list2{background: url(../img/bg-mid-banner2.svg) 50% 50% no-repeat; background-size: contain;}
    .block-titre-list3{background: url(../img/bg-mid-banner3.svg) 50% 0 no-repeat; background-size: contain;padding-top: 3%;}
    .block-titre-list4{background: url(../img/bg-mid-banner4.svg) 50% 0 no-repeat; background-size: contain;padding-top: 3%;}
    .block-titre-list5{background: url(../img/bg-mid-banner5.svg) top no-repeat; background-size: cover;max-width: 1505px;width: 82%;}
    .block-titre-list6{background: url(../img/bg-mid-banner6.svg) top no-repeat; background-size: cover;max-width: 1505px;width: 82%;}
    .block-titre-list5 .container, .block-titre-list6 .container{width: 100%;}
}

/***** ENCART COMMUN *****/
@media (min-width:1024px){
    .encart-text-img .block-text{width: 52.75193798449612%}

    .encart-question1 .block-img{width: 35.50387596899225%}
    .encart-question2 .block-img{width: 33.48837209302326%}
    .encart-question3 .block-img{width: 30.69767441860465%}
    .encart-question4 .block-img{width: 33.72093023255814%}
}

/******* HOME ********/

.homepage .floor7 .list-3 .list__item:nth-child(2) img{
    margin: 0 auto 35px;
}

.homepage .floor7 .list-3 .list__item:nth-child(3) img{
    margin: 0 auto 42px;
}

@media (max-width:1023px){
    .homepage .floor1 .arrow{margin-top: 0;}
    .homepage .floor1 .block-img{display: none;}
    .homepage .floor1 .list-check{display: flex;flex-wrap: wrap;}
    .homepage .floor1 .list-check__item{width: 50%;display: block;text-align: center;padding: 0 10px;}
    .homepage .floor1 .list-check__item::before{margin: 0 auto 15px;}
    .homepage .floor1 .list-check__item:nth-child(n+1){margin-bottom: 30px;}
    .homepage .floor1 .titre{background: url(../img/bg-top-banner-mob.svg) top no-repeat;background-size: 100% auto;padding: 8% 0;}
}

@media (min-width:1024px){
    .homepage .floor1{max-width: 1741px;align-items: center;}
    .homepage .floor1 .list-check{margin-left: 8%;}
    .homepage .floor1 .block-img1{width: 28.9488799540494%}
    .homepage .floor1 .block-img2{width: 26.01952900631821%}
    .homepage .floor1 .block-text{width: 45.0315910396324%}

    .homepage .floor2 .block-img{width: 32.55813953488372%}

    .homepage .floor8 .block-img{width: 52.71317829457364%}
    .homepage .floor8 .block-text{width: 47.28682170542636%}
}



/********* ACCOMPAGNEMENTS ***********/
.accompagnement-container__item{position: relative;padding: 5% 4%}
.accompagnement-container__item img{margin: 40px auto;}
.accompagnement-container__item:nth-child(1) img{width: 51.21654501216545%;}
.accompagnement-container__item:nth-child(2) img{width: 54.62287104622871%;}
.accompagnement-container__item:nth-child(3) img{width: 47.93187347931873%;}
.accompagnement-container__item:nth-child(4) img{width: 60.09732360097324%;}
.accompagnement-container__item .fakeButton{position: absolute;bottom: 20px;right: 20px;}


@media (max-width:1023px){
    .accompagnement-container__item:not(:last-child){margin-bottom: 30px}

    .accompagnement-technique .floor3 .block-img{display: none;}
    .accompagnement-technique .floor3bis .block-img{display: none;}
    .accompagnement-common .block-img{width: 80%;}
    .accompagnement-common .block-img img{margin: 0 auto;}

    .accompagnement-common .mauto2{margin: 0 auto 8%;}

    .accompagnement-common  .block-img{ order:1; width: 100%; margin-bottom: 8%; }
    .accompagnement-common  .block-txt{ order:2; width: 100%; }
    .accompagnement-common  .block-text{ order:2; width: 100%; }
    .accompagnement-common .flexSpaceCenter{ flex-direction: column;}
}

@media (min-width:1024px){
    .accompagnement-common .mauto{margin: 0 auto;}
    .accompagnement-common .mauto2{margin: 0 auto 4%;}

    .accompagnement-container{display: flex;flex-wrap: wrap;justify-content: space-between}
    .accompagnement-container__item{width: 47.65217391304348%;}
    .accompagnement-container__item:nth-child(n+3){margin-top: 5%}

    .accompagnement-common .floor1 .block-text{width: 64.65116279069767%}
    .accompagnement-common .floor1 .block-img{width: 29.30232558139535%}

    .accompagnement-common .floor3 .block-text,
    .accompagnement-common .floor3 .block-img{width: 46.97674418604651%}

    .accompagnement-common .floor3bis .block-text,
    .accompagnement-common .floor3bis .block-img{width: 46.97674418604651%}

    .accompagnement-common .floor4 .block-text,
    .accompagnement-common .floor4 .block-img{width: 46.97674418604651%}

    .accompagnement-semantique .floor2 .block-text,
    .accompagnement-semantique .floor2 .block-img{width: 46.97674418604651%}

    .accompagnement-common  .block-img{}
}

/******* CONSULTANT ********/
.consultant .list-check{
    margin: 3% 0;
}
.consultant .floor21 .list-3 .list__item:nth-child(1) img{
    margin: 0 auto 53px;
}

.consultant .floor21 .list-3 .list__item:nth-child(2) img{
    margin: 0 auto 39px;
}


@media (max-width:1023px){
    .consultant .list-check{
        margin: 10% 0;
    }
    .consultant .floorCommon .block-img{width: 80%}
    .consultant .floorCommon .block-img img{margin: 0 auto;}

    .consultant .container-big .block-text{width: 94%;margin-top: 30px;}

    .consultant .floor15{margin-top: 8%;}
}

@media (min-width:1024px){
    .consultant .titre-width{width: 65%}

    .consultant .floor1 .block-img{width: 26.43410852713178%}

    .consultant .floor5 .block-text{width: 35.42635658914729%}
    .consultant .floor5 .block-img{width: 53.02325581395349%}

    .consultant .floorCommon .block-text{width: 64.34108527131783%}
    .consultant .floorCommon .block-img{width: 26.66666666666667%}

    .consultant .container-big .block-img{width: 57.38317757009346%;}
    .consultant .container-big .block-text{width: 37.75700934579439%;}

    .consultant .list-review__item{
        box-shadow: 0px 3px 20px #00239526;
    }
}

/******** AGENCE ***********/

@media (max-width:1023px){
    .agence .floor1 .block-img{width: 80%}
    .agence .floor1 .block-img img{margin: 0 auto;}

    .agence .floor2{margin-top: 8%;}

    .agence .floor3 .block-text{width: 90%;padding: 40px 0;}
    .agence .floor3bis .block-text{width: 90%;padding: 40px 0;}

    .agence .floor4 .block-text{width: 90%;}

    .agence .floor5 .block-img{width: 80%;}
    .agence .floor5 .block-img img{margin: 0 auto;}

    .agence .floor6 .block-img{width: 80%;}
    .agence .floor6 .block-img img{margin: 0 auto;}
}



@media (min-width:1024px){
    .agence .floor1 .block-text{width: 64.65116279069767%}
    .agence .floor1 .block-img{width: 23.87596899224806%}

    .agence .floor3 .block-text{width: 49%;margin-left: 5%;}
    .agence .floor3 .block-img{width: 42%}

    .agence .floor3bis .block-text{width: 49%;margin-left: 5%; padding-right:5%;}
    .agence .floor3bis .block-img{width: 42%}

    .agence .floor4 .block-text{width: 41.0989010989011%;margin-left: 5%;}
    .agence .floor4 .block-img{width: 49%;margin-left: 5%;}

    .agence .floor4 .container-right .block-img{width: 49%;margin-right: 5%; margin-left:0;}

    .agence .floor5 .block-text{width: 64.65116279069767%}
    .agence .floor5 .block-img{width: 21.62790697674419%}

    .agence .floor6 .block-text{width: 64.65116279069767%}
    .agence .floor6 .block-img{width: 21.62790697674419%}
}

@media (min-width:1281px){
    .agence .floor1 .block-text{width: 64.65116279069767%}
    .agence .floor1 .block-img{width: 23.87596899224806%}

    .agence .floor3 .block-text{width: 33.2967032967033%;margin-left: 5%;}
    .agence .floor3 .block-img{width: 41.0989010989011%}

    .agence .floor3bis .block-text{width: 41.0989010989011%;margin-left: 5%;}
    .agence .floor3bis .block-img{width:49%;margin-left: 5%; }

    .agence .floor4 .block-text{width: 33.2967032967033%;margin-left: 5%;}
    .agence .floor4 .block-img{width: 41.0989010989011%}

    .agence .floor5 .block-text{width: 64.65116279069767%}
    .agence .floor5 .block-img{width: 21.62790697674419%}

    .agence .floor6 .block-text{width: 64.65116279069767%}
    .agence .floor6 .block-img{width: 21.62790697674419%}
}


/***** ICON BACK TO TOP ****/
.icon-back-top{position: fixed;right: 0;bottom: 0;cursor: pointer;opacity: 0;transition: all ease-out 0.3s;visibility: hidden;}
.icon-back-top.fade{opacity: 1;transition: all ease-out 0.3s;visibility: visible;}

/********* FOOTER **********/
footer{
    background-color: var(--blue);
    padding: 100px 0 40px;
}

footer .container{
    justify-content: space-between;
}

footer .container .brand{
    display: block;
    width: 114px;
    height: 114px;
    align-content: 1;
}

footer .container .brand span{
    position: relative;
    display: block;
    padding: 0 12px;
}

footer .container .brand span img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 90px;
    max-height: 90px;
    margin: 0;
}
footer .contact_ctn{
    margin-right: 10%;
}

footer .legals_ctn{
    margin: 40px 0 0 0;
    font-size: 16px;  
}

footer .legals_ctn p{
    color:var(--white);
}

footer .legals_ctn a{
    color:var(--green);
}

footer .legals_ctn ul li:not(:last-child){
    margin-right: 12px;
}

footer .container .menu ul{
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
footer .container .menu p{
    font-weight: 700;
    border-bottom: 5px solid #DCE5FF1A;
    color: var(--white);
    margin-bottom: 12px;
}

footer .container .contact_ctn.menu ul li:first-child{
    font-weight: 700;
    border-bottom: 5px solid #DCE5FF1A;
}
footer .container .menu ul>li{
    margin: 0 0 12px;
    display: block;
}

footer .container .menu ul>li>a,
footer .container .menu ul>li>span{
    color: var(--white);
    text-decoration: none;
}

footer .container .menu ul>li>a:hover,
footer .container .menu ul>li>span:hover{ }

footer .block-aide{margin-top: 10px;}

footer .block-aide .textGreen{margin: 6px 0 0 10px;}

footer .logo-linkedin{background: var(--white);display: flex;align-items: center;margin-left: 10px;}


@media (max-width:1023px){
    footer{
        padding: 70px 0;
    }

    footer .menu{
        display: none;
    }

    footer .container{
        flex-direction: column;
        align-items: center;
    }

    footer .legals_ctn ul li:not(:first-child){
        /*display: none;*/
    }
}