* {



    box-sizing: border-box;



}







.text-light {



    font-weight: 300;



}







.d-center {



    display: flex;



    justify-content: center;



}







.expertises {



    background-color: #014189;



    padding: 2rem 0;



}







a.bread_expertises {



    display: block;



    text-align: center;



    text-transform: uppercase;



    padding: 5px 10px;



    background-color: #014189;



    color: white !important;



}



a.bread_expertises:hover {



    background-color: #e4211d !important;



}







.expertises, .list-expertises {



    background-color: #014189;



    padding: 2rem 0;



}



.list-expertises h3::before {



    display: none;



}







.expertises h2 {



    text-align: center;



}







.expertise-image img {



    max-width: 120px;



}







.list-expertises {



    height: auto;



    display: flex;



    justify-content: space-between;



    align-items: center;



    padding: 30px 0px;



    flex-wrap: wrap;



}







/* .list-expertises div {



    flex: 1;



    width: 100%;



    height: 100%;



    border: solid 1px black;



    padding: 20px;



} */







.list-expertises div {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: space-around;



    flex: 1;



    width: 100%;



    max-width: 240px;



    min-width: 170px;



    height: 100%;



}







.bloc-expertises {



    padding: 10px 0;



}







.bloc-expertises:hover {



    background-color: #014a9e;



    /* border-top: solid 1px white unset;



    border-bottom: solid 1px white unset; */



}







.bloc-expertises h3 {



    text-align: center;



}







.btn--arrow,



.btn--arrow-red {



    display: flex;



    justify-content: center;



    align-items: center;



    padding: 10px;



    background-color: #e4211d;



    border-radius: 50%;



    line-height: 0;



}







.btn--arrow-red {



    background-color: white;



}







.red--btn {



    display: flex;



    align-items: center;



    text-decoration: none;



    font-size: 1.275em;



    text-transform: uppercase;



    font-weight: bold;



    color: #e4211d !important;



}







.white--btn {



    display: flex;



    align-items: center;



    text-decoration: none;



    font-size: 1.275em;



    text-transform: uppercase;



    font-weight: bold;



    color: white !important;



    text-wrap: nowrap;



}







.red--btn span,



.white--btn span {



    margin: 0 10px;



}







span.btn--arrow::before {



    content: url("assets/images/001-chevron-droit.svg");



}







span.btn--arrow-red::before {



    content: url("assets/images/001-chevron-droit-red.svg");



}







.spirit, .actus {



    background-color: white;



}



.bloc-card, .bloc-expertises {



    display: grid;



    grid-template-rows: 1fr;



    grid-template-columns: 1fr 1fr;



    width: 100%;



    gap: 10px;



}







.after-areas .bloc-card {



    display: grid;



    grid-template-rows: 1fr;



    grid-template-columns: 2fr 1fr;



    width: 100%;



    gap: 30px;



    margin-top: 2em;



}



.after-areas .bloc-card .card-expertise {



    display: flex;



    align-items: center;



    justify-content: start;



    max-width: 100vw;



}



.after-areas .bloc-card .card-expertise .card-content {



    background-color: white;



    padding: 0 20px;



}







.after-areas .bloc-card .card-doc {



    background-color: #e4211d;



    max-width: 100vw;



}







.after-areas .bloc-card .card-doc h3.card-title {



    color: white !important;



}







@media screen and (max-width: 900px){



    .bloc-card, .bloc-expertises {



        grid-template-columns: 1fr;



    }



}







.bloc-card.blog {



    grid-template-columns: 1fr 1fr 1fr;



}



@media screen and (max-width: 1160px){



    .bloc-card.blog {



        grid-template-columns: 1fr 1fr;



    }



}







.jobs-call-action {



    display: flex;



    justify-content: center;



    margin-bottom: 51px;



}







.jobs-call-action .news-item__content {



    height: 100%;



    position: relative;



}







.jobs-call-action p {



    color: white !important;



}







.jobs-call-action .news-item__link {



    position: absolute;



    right: 0;



    bottom: 0;



}







.jobs-call-action a{



    min-height: 250px;



}



/* @media screen and (max-width: 799px){



    .bloc-card.blog {



        grid-template-columns: 1fr;



    }



} */







.header-home-slider {



    height: 100%;



    position: relative;



}







.header-home-slider .owl-dots {



    width: 100%;



    display: flex;



    justify-content: center;



    position: absolute;



    bottom: 5%;



}







.header-home-slider .owl-dot {



    background:#01408969;



    display: inline-block;



    vertical-align: middle;



    width: 0.75rem;



    height: 0.75rem;



    border-radius: 50%;



    margin: 0 0.5125rem;



}



.header-home-slider .owl-dot.active,



.header-home-slider .owl-dot:hover {



    background: #014189;



}







.header-home-slide,



.header-home-slide a,



.header-home-slide a div {



    width: 100%;



    height: 100%;



}







.header-home-slide a div {



    position: relative;



    background-position: center;



    background-size: cover;



}







.header-home-slide a div h2 {



    font-weight: 900;



    font-size: 3.5rem;



    line-height: 3.5rem;



    margin: 0;



    padding: 0.75rem 2rem 1rem 2rem;



    background-color:#014189;



    position: absolute;



    top: 75%;



    left: 60%;



    transform: translate(-50%, -50%);



}







.slider-item-video-wrapper::after {



    display: none;



}







.home-carousel {



    margin: 50px 0 30px 0;



    position: relative;



}







.home-carousel p {



    margin: 0;



    color: white !important;



}







.home-carousel .card-body{



    color: white;



    padding: 10px 40px;



}







.simple-card-carousel {



    position: relative;



    width: 100%;



}







.home-carousel::before {



    content: url("assets/images/002-alerte-1.svg");



    position: absolute;



    top: -25px;



    left: -25px;



    width: 50px;



    height: 50px;



    border-radius: 50%;



    background-color: #e4211d;



    display: flex;



    justify-content: center;



    align-items: center;



    z-index: 10;



}







.simple-card-carousel .card-body {



    display:flex;



    justify-content: space-between;



    align-items: center;



}







.simple-card-carousel .card-body p {



    align-self: self-start;



    font-size: 20px;



    font-weight: 300;



}







.bloc-card .card {



    display: grid;



    grid-template-rows: max-content max-content 1fr;



    height: 100%;



}







.bloc-card .card-actus {



    display: grid;



    grid-template-rows: max-content 1fr;



    height: 100%;



    background-color: white !important;



}







.home-carousel .owl-dot {



    background: #e4201d60;



    display: inline-block;



    vertical-align: middle;



    width: 0.5375rem;



    height: 0.5375rem;



    border-radius: 50%;



    margin: 30px 0.5125rem 0 0.5125rem;



}







.home-carousel .owl-dot.active,



.home-carousel .owl-dot:hover {



    background: #e4211d;



}







.jobs-call-action .clomun:has(.first_img){



    min-height: 250px;



}







@media (max-width: 470px){



    .home-carousel .owl-dot {



        display: none !important;



    }



    .actus-carousel .owl-dot,



    .actus-carousel:before {



        display: none !important;



    }



    .jobs-call-action .clomun:has(.first_img) {



        min-height: max-content !important;



    }



    .jobs-call-action .news-item__inner .news-item__link {



        position: relative;



        width: 100%;



        text-align: end;



    }



}







.grecaptcha-badge {



    display: none;



}







.actus-carousel .owl-dots,



.home-carousel .owl-dots {



    display: flex;



    justify-content: center;



}







.actus-carousel .owl-dot {



    background: #01408969;



    display: inline-block;



    vertical-align: middle;



    width: 0.5375rem;



    height: 0.5375rem;



    border-radius: 50%;



    margin: 0 0.5125rem;



}







.actus-carousel .owl-dot.active,



.actus-carousel .owl-dot:hover {



    background: #014189;



}







.bloc-card .card .card-body,



.bloc-card .card-actus .card-body {



    display: flex;



}







.card-actus .card-body {



    padding: 0 40px 40px 40px;



}







.blog .simple-card-actus {



    margin: 0;



}







.card-linked div:has(.card-body){



    width: 100%;



    height: 100%;



    overflow: hidden;



    position: relative;



}



.card-linked div .card-body {



    height: 100%;



}



.card-linked .card-body::before {



    content: '';



    display: block;



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    right: 0;



    bottom: 0;



    /* background: url(assets/images/background-repeat.png) repeat; */



}







.blog .card-body {



    display: grid !important;



    grid-template-columns: 1fr 1fr;



    grid-template-rows: 1fr;



    padding: 0;



    margin: 0;



    position: relative;



    left: 0;



    top: 0;



    width: 200%;



    height: min-content;



    transition: left 1s;



}



.blog .card-linked:hover .card-body {



    left: -100%;



}



.blog .card-body .title,



.blog .card-body .excerpt {



    margin: 0;



    padding: 5px 20px;



    height: 100%;



    width: 100%;



    display: flex;



    justify-content: center;



    align-items: center;



    color: white;



}



.blog .card-body .title {



    background-color: #014189;



}



.bloc-card.blog .card-title {



    text-align: center !important;



}



.blog .card-body .excerpt {



    background-color: #e4211d;



}



.blog .card-linked .card-body .excerpt p {



    margin: 0;



    color: white;



}







.blog .card-body p {



    font-size: 0.875rem;



}







.bloc-card .card .card-call,



.bloc-card .card-actus .card-call {



    flex: content;



    display: flex;



    justify-content: center;



    align-items: end;



}







.home-content h1,



.spirit h2,



.actus h2,



.jobs-section h2 {



    color: #014189;



    font-size: 2.5rem;



    text-transform: uppercase;



    font-weight: bold;



    text-align: center;



    letter-spacing: 0.250rem;



    padding: 2em 0 1em 0;



}







.spirit h2 {



    text-transform: none;



}







.home-content h1{



    padding: .5em 0;



}







.spirit p,



.actus p {



    color: #014189;



    font-weight: 300;



}







.bloc-card * {



    text-align: justify;



    text-align-last: center;



}







.bloc-card .simple-card {



    padding: 20px 40px;



    /* margin: 0 15px; */



    background-color: white;



    position: relative;



    height: 100%;



}







.actus .bloc-card .simple-card {



    padding: 0 0 40px 0;



}







.block-shadow {



    position: absolute;



    bottom: -50px;



    left: 0;



    width: 100%;



    background-image: url('assets/images/Actualite-Ombre.png');



    height: 50px;



    background-position: top;



    background-size: contain;



    background-repeat: no-repeat;



}







.bloc-card h3 {



    color: #014189;



    font-size: 1.875rem;



    text-transform: uppercase;



    font-weight: bold;



    text-align: center;



    margin: 1em 0;



}







.bloc-card .card-body {



    display: flex;



    flex-direction: column;



    align-items: center;



}







.bloc-card .bloc-card-image {



    display: flex;



    justify-content: center;



    align-items: center;



}







.bloc-card .bloc-card-image img{



    max-width: 100px;



}







.spirit .bloc-card-image img{



    max-height: 89.83px;



}







.bloc-card-actus {



    display: flex;



    justify-content: space-between;



    align-items: center;



    width: 100%;



    min-height: min-content;



    box-sizing: border-box;



}







.bloc-card-actus {



    box-sizing: border-box;



    height: 100%;



}







.simple-card-actus {



    padding-bottom: 50px;



}







.simple-card-actus .card-actus {



    min-height: 100%;



}







.simple-card-actus .block-shadow {



    bottom: 0;



}







.card-actus {



    background-color: white;



    height: 100%;



}







.simple-card-actus .card {



    min-height: fit-content;



    box-sizing: border-box;



}







.card-actus-body {



    padding: 0 40px 20px 40px;



    display: flex;



    flex-direction: column;



    justify-content: space-between;



    height: 100%;



    margin: auto;



}







.card-actus-body p {



    text-align: start;



}







.actus-bloc-card-image,



.carousel-bloc-card-image {



    background-size: cover;



    background-position: center;



    width: 100%;



    height: 250px;



}







.carousel-bloc-card-image {



    height: 200px;



}







.split-color-bloc {



    background-color: #01408940;



    margin-top: 200px;



    margin-bottom: -100px;



}







.split-color-content{



    position: relative;



    top: -200px;



}







/* Espace de telechargement */







.download-area .download-area-content {



    height: 100%;



    display: flex;



    flex-direction: column;



    justify-content: space-between;



    padding: 1.25rem 0;



    text-align: end;



}







.download-area-content h2 {



    text-align: end;



}







.download-area .download-area-link {



    display: flex;



    justify-content: end;



}











/* Edition page content */







.single-expertises .single-meta {



    display: none;



}







.page-content h1 {



    text-transform: uppercase;



}







.page-content h2 {



    color: #014189;



    text-transform: uppercase;



    font-weight: 500;



}







.page-content h3 {



    color: #e4211d;



    font-weight: 500;



}



.expertises h2,



.bloc-expertises h3 {



    color: white;



}







.page-content .news-item__excerpt p {



    color: whitesmoke !important;



}







.page-content:not(.single-agence, .single-collaborateur) h3::before {



    content: url("assets/images/001-point.svg");



    margin-right: 10px ;



}







.page .page-section>div:not(.color-blue) p,



.page-content:not(.single-agence, .single-collaborateur, .news-item__excerpt) .page-section>div:not(.color-blue) p {



    color: #014189;



    font-weight: 400;



}







.page-content:not(.single-agence, .single-collaborateur) p.sous-titre {



    font-size: 1.5em;



    font-weight: 500;



    color: #e4211d;



    text-transform: uppercase;



}







.page-content:not(.single-agence, .single-collaborateur) li {



    color: #014189;



    font-weight: 400;



}







.page-content:not(.single-agence, .single-collaborateur) li::before {



    content: url("assets/images/001-chevron-droit-blue.svg") !important;



    margin-right: 10px;



    line-height: 0.875rem;



    position: relative;



    top: 0.1em;



}







.page-content .wp-block-image.center {



    display: flex;



    justify-content: center;



}







.sidebar-background,



.sidebar-overlay {



    display: none !important;



}







.sidebar {



    background-image: none !important;



    background-color: #014189;



}







.lateral-nav-blue {



    background-color: #014189 !important;



    padding-left: 1.25rem;



    padding-right: 1.25rem;



}







.actus-carousel .test {



    height: 150px;



    width: 150px;



    background-color: #014189;



}







hr {



    height: 0;



}







.news-item-columns.side {



    margin: 0;



    margin-top: 0px;



}



.news-item-columns.side.bloc {



    margin-top: 1px;



}



.news-item-columns.side.bloc h2 {



    padding-top: 1.25rem;



}



.news-item-columns.side h4 {



    padding-left: 2.125rem;



    font-weight: 400;



}



.news-item-columns.side h2 {



    color: unset;



    color: white;



}



.news-item-columns.side .news-item__inner {



    padding: unset;



    padding: 0.25rem 1.25rem;



}







.actus-carousel {



     }



    .actus-carousel:before {



      content: "";



      position: absolute;



      top: 100%;



      left: 0;



      width: 100%;



      height: 3.125rem;



      z-index: 0; }



    .actus-carousel-wrapper {



      position: relative;



      padding-top: 4.0625rem;



      margin-bottom: 4.0625rem; }



      .actus-carousel-wrapper:before {



        content: "";



        width: 100%;



        height: 70%;



        position: absolute;



        top: 0;



        left: 0;



        background: #F1F1F1;



        z-index: 0; }



      .actus-carousel-wrapper .owl-dots {



        position: absolute;



        right: 0;



        padding: 0 1.5625rem;



        width: 100%;



        bottom: 1.25rem;



        text-align: center; }



        @media screen and (min-width: 50em) {



          .actus-carousel-wrapper .owl-dots {



            text-align: left;



            width: 33.3333%;



            bottom: 0.625rem; } }



        .actus-carousel-wrapper .owl-dots .owl-dot {



          display: inline-block;



          vertical-align: middle;



          width: 0.9375rem;



          height: 0.9375rem;



          border: 0.125rem solid #e4211d;



          border-radius: 50%;



          margin: 0 0.3125rem; }



          .actus-carousel-wrapper .owl-dots .owl-dot.active {



            background: #e4211d; }



    .actus-carousel > .row {



      position: relative;



      z-index: 1; }



    @media screen and (min-width: 50em) {



      .actus-carousel .carousel-item > .row {



        display: -webkit-box;



        display: -ms-flexbox;



        display: flex;



        height: 100%; }



        .actus-carousel .carousel-item > .row > .columns {



          height: 100%; } }



    .actus-carousel .carousel-item__thumb {



      background-size: cover;



      background-position: 50%;



      background-repeat: no-repeat;



      height: 12.5rem; }



      @media screen and (min-width: 50em) {



        .actus-carousel .carousel-item__thumb {



          height: 50%; } }



    .actus-carousel .carousel-item__inner {



      padding: 1.5625rem 1.5625rem 2.8125rem; }



    .actus-carousel .carousel-item__title {



      color: #575757;



      font-weight: bold;



      margin-bottom: 0.5rem;



      line-height: 1; }



    .actus-carousel .carousel-item__subtitle {



      color: #e4211d;



      font-weight: bold;



      margin-bottom: 0;



      line-height: 1; }



    .actus-carousel .carousel-item__text {



      display: inline-block; }



      .actus-carousel .carousel-item__text p:last-child {



        margin-bottom: 0;



        display: inline-block; }



    .actus-carousel .carousel-item__link {



      display: inline-block;



      color: #e4211d;



      text-transform: uppercase;



      font-weight: bold; }



    .actus-carousel .owl-stage {



      display: -webkit-box;



      display: -ms-flexbox;



      display: flex; }



    .actus-carousel .owl-item {



      display: -webkit-box;



      display: -ms-flexbox;



      display: flex;



      -webkit-box-flex: 1;



          -ms-flex: 1 0 auto;



              flex: 1 0 auto; }







a i.icon-youtube {



    content: url("assets/images/002-youtube.svg");



    display: block;



    width: 1.5em;



    height: 1.5em;



}







a i.icon-linkedin {



    content: url("assets/images/004-linkedin.svg");



    display: block;



    width: 1.5em;



    height: 1.5em;



}







a i.icon-facebook {



    content: url("assets/images/003-facebook.svg");



    display: block;



    width: 1.5em;



    height: 1.5em;



}







a i.icon-actus {



    content: url("assets/images/001-notifications-button.svg");



    display: inline-block;



    width: 1.4em;



    height: 1.4em;



    position: relative;



    top: 0.3em;



    transition-duration: 500ms;



}



a:hover i.icon-actus {



    content: url("assets/images/001-notifications-button-blue.svg");



}







a i.icon-envelope {



    content: url("assets/images/006-envelope.svg");



    display: inline-block;



    width: 1.4em;



    height: 1.4em;



    position: relative;



    top: 0.3em;



    transition-duration: 500ms;



}



a:hover i.icon-envelope {



    content: url("assets/images/006-envelope-blue.svg");



}







.footer-social a i.icon-envelope {



    position: initial;



    width: 1.5em;



    height: 1.5em;



}











a:has(i.icon-envelope){



    position: relative;



    bottom: 0.2em;



    margin-right: 1em;



}







.footer-social a:has(i.icon-envelope){



    position: initial;



    margin-right: 0;



}







a:has(i.icon-offers),



a:has(i.icon-actus){



    position: relative;



    bottom: 0.225em;



    color: #e4211d;



}







.footer-strong {



    display: flex;



    flex-direction: column;



    width: max-content;



}







.footer-strong:first-child,



.footer-strong:last-child {



    width: max-content;



    display: flex;



    justify-content: start;



}







.footer-strong h3 {



    display: inline-block;



    color: #e4211d !important;



}







i.icon-implantation {



    content: url("assets/images/Pictogramme-Localisation.png");



}







i.icon-newsletter {



    content: url("assets/images/001-megaphone.svg");



}







i.icon-newsletter,



i.icon-implantation {



    display: inline-block;



    width: 2.7em;



    height: 2.7em;



    padding: 0.5em;



    margin-right: 0.5em;



    background-color: white;



    border-radius: 50%;



    border: #e4211d 1px solid;



}







.home-carousel-wrapper .row {



    max-width: 62.5rem;



}







.underline {



    text-decoration: underline;



}







.sticky-top {



    position: sticky;



    top: 30px;



}







/***********************/







/*  footer nav legal   */







/***********************/







.footer-in-footer, .footer-legal ul {



    display: flex;



    justify-content: center;



    align-items: center;



    font-size: 0.9375rem !important;



    margin-top: 20px;



}







.footer-legal ul li:hover {



    text-decoration: underline;



}







.footer-credits {



    text-align: justify;



}







.footer-credits span {



    display: flex;



    align-items: center;



    padding-left: 1rem;



    font-size: 0.9375rem !important;



    color: #014189;



    text-transform: capitalize;



}



.footer-credits span .ppmkt-referer {



    padding-left: 5px;



}



.footer-credits span a {

    max-height: 20px;

    overflow: hidden;

    display: flex;

    align-items: flex-start;

    position: relative;

    margin-bottom: 2px;

    margin-left:5px;

}

.footer-credits span a:hover img {

    transform:translateY(-20px)

}

.footer-credits span img {

    transition: all 0.3s ease;

    transform: translateY(1px);

    max-height: 40px;

}







@media screen and (max-width: 900px){



    .small-text-center * {



        text-align: center;



    }



    .footer-in-footer, .footer-legal ul {



        flex-direction: column;



    }



    .footer-credits {



        padding: 0 !important;



    }



    .footer-logo {



        margin-bottom: 10px;



    }



    .footer-social ul {



        justify-content: center;



    }



    .list-expertises {



        justify-content: center;



        align-items: center;



    }



    .list-expertises div {



        max-width: 170px;



    }



    .simple-card-carousel .card-body {



        flex-direction: column;



    }



    .simple-card-carousel .card-body div.card-call {



        margin-top: 10px;



    }



    .after-areas .bloc-card {



        grid-template-columns: 1fr;



    }



    .bloc-card {



        max-width: 100%;



    }



}







.files-item {



    display: grid;



    grid-template-columns: auto 1fr;



    margin-top: 20px;



    background-color: #f2f2f2;



}



.files-item .files-img {



    width: 200px;



    height: 285px;



    background-repeat: no-repeat;



    background-size: cover;



}



.files-item .content{



    height: 100%;



    position: relative;



    display: flex;



    flex-direction: column;



    justify-content: space-between;



    padding: 0 20px;



}



.files-item .content .title{



    border-bottom: #014189 2px solid;



}



.files-item .content .title h2{



    text-align: center;



    margin: 10px 0;



}



.files-item div.block-links {



    align-self: flex-end;



    padding-bottom: 10px;



    bottom: 0;



}



.files-item div.block-links a.btn.btn--round {



    padding: .325rem 1.5rem;



}







.page-section a {



    text-decoration: underline !important;



}