/** STRUCTURE **
------------------------------------------------------------
------------------------------------------------------------*/
body {
    margin: 0;
    padding: 0;
}

body,
.p {
    /*font-family: 'Ibarra Real Nova', serif;*/

    font-family: 'Jost', sans-serif;
    font-size: 20px;
    line-height: 30px;
    background: #f9fdf0;
    font-weight: 400;
    color: #2E1E1E;
}

/* add bootstrap */
.themed-grid-col {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86, 61, 124, .15);
    border: 1px solid rgba(86, 61, 124, .2);
}

.themed-container {
    padding: .75rem;
    margin-bottom: 1.5rem;
    background-color: rgba(0, 123, 255, .15);
    border: 1px solid rgba(0, 123, 255, .2);
}

body.single-post,
body.blog,
body.archive.category {
    background: #ffffff;
}

.mr-3 {
    margin-right: 1.5rem;
}

.pt-lg-2rem {
    padding-top: 2rem;
}

.row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
    display: block;
}

.row.equal-cols > [class*='col-'] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

/** IMG **
------------------------------------------------------------
------------------------------------------------------------*/
img, svg {
    width: 100%;
    max-width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    height: auto;
}

.visuel_radius img {
    position: relative;
    border-radius: 20px;
}

.visuel_rectangle,
.visuel_rectangle--vert,
.visuel_rectangle--rose {
    position: relative;
    height: 100%;
}

.visuel_rectangle::before,
.visuel_rectangle--vert::before,
.visuel_rectangle--rose::before {
    position: absolute;
    display: block;
    content: '';
    top: 18px;
    left: -14px;
    bottom: 29px;
    border-radius: 20px;
    width: 100%;
}

.visuel_rectangle::before {
    background: #3B9B6C;
}

.visuel_rectangle--rose::before {
    background: #FFEBEB;
}

.visuel_rectangle--vert::before {
    background: #f4af00;
}

.visuel_rectangle_right {
    position: relative;
    height: 100%;
}

.visuel_rectangle_right::before {
    position: absolute;
    display: block;
    content: '';
    background: #fce300;
    top: 18px;
    right: -14px;
    bottom: 29px;
    border-radius: 20px;
    width: 100%;
    transition-duration: 0.4s;
    transition-delay: 0.2s;
}

@media (max-width: 768px) {
    .visuel_rectangle_right::before {
        display: none;
    }
}
.bloc-services:hover .visuel_rectangle_right::before {
    right: -34px;
}

.bloc-services:hover a {
    color: #f4af00;
}

.visuel_carre_right {
    position: relative;
    height: 100%;
}

.visuel_carre_right::before {
    position: absolute;
    display: block;
    content: '';
    background: #fce300;
    right: -20px;
    bottom: -30px;
    border-radius: 20px;
    width: 50%;
    height: 50%;
}

.visuel_carre_left {
    position: relative;
    height: 100%;
}

.visuel_carre_left::before {
    position: absolute;
    display: block;
    content: '';
    background: #fce300;
    left: -20px;
    bottom: -30px;
    border-radius: 20px;
    width: 50%;
    height: 50%;
}

.border-radius {
    border-radius: 10px;
}

.visuel_carre {
    position: relative;
}

.visuel_carre::before {
    position: absolute;
    display: block;
    content: '';
    background: #2b9cd5;
    right: -40px;
    bottom: -40px;
    border-radius: 20px;
    width: 200px;
    height: 220px;
}

.visuel_carre_vert::before {
    background: #2b9cd5;
}

.visuel_carre_jaune::before {
    background: #fce300;
}

.logo-content {
    max-width: 50%;
}

/** IFRAME ET VIDEO CONTAINER **
------------------------------------------------------------
------------------------------------------------------------*/
iframe {
    width: 100% !important;

}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16/9 */
/ / padding-bottom: 75 %; /* ratio 4/3 */
/ / padding-bottom: 100 %; /* ratio 1/1 */
/ / padding-bottom: 66.66 %; /* ratio 3/2 */
/ / padding-bottom: 62.5 %; /* 8/5 Aspect Ratio */
    height: 0;
    overflow: hidden;
    clear: both;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/** PLACEHOLDER **
------------------------------------------------------------
------------------------------------------------------------*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #3B9B6C;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #3B9B6C;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #3B9B6C;
}

:-moz-placeholder { /* Firefox 18- */
    color: #3B9B6C;
}


/** TARTE AU CITRON **
------------------------------------------------------------
------------------------------------------------------------*/
div#tarteaucitronAllAllowed,
div#youtubeAllowed {
    background: #3B9B6C !important;
}


/** TYPO **
------------------------------------------------------------
------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #f4af00;
}

strong {
    font-weight: 700;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {


}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {

}

.fw-extrabold {
    font-weight: 900;
}

.ibarra_74 {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 74px;
    letter-spacing: -2.9px;
}

.ibarra_70 {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 70px;
    letter-spacing: -1.4px;
}

.ibarra_40 {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 40px;
    letter-spacing: 0;
}

.ibarra_34 {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 34px;
    letter-spacing: 0;
}

.ibarra_26 {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 26px;
    letter-spacing: 0;
}

.ibarra_24 {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 34px;
}

.ibarra_22 {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 22px!important;
    letter-spacing: 0;
}

.jost_60 {
    font-family: 'Jost', sans-serif;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 67px;
}

.jost_34 {
    font-family: 'Jost', sans-serif !Important;
    font-size: 34px !important;
    letter-spacing: 0 !important;
    line-height: 41px !important;
}

.jost_24 {
    font-family: 'Jost', sans-serif;
    font-size: 24px;
    letter-spacing: -0.48px;
}

.jost_20 {
    font-family: 'Jost', sans-serif;
    font-size: 20px;
    letter-spacing: 0;
}

.jost_16 {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    letter-spacing: 0;
}

.jost_14 {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
}

.jost_12 {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    letter-spacing: 0;
}

blockquote {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 22px;
    letter-spacing: 0;
    border-left: 10px solid #2b9cd5;
    border-radius: 11px 0 0 11px;
    padding-left: 40px;
    line-height: 30px;
    margin: 30px 0;
}

@media (max-width: 992px) {
    .jost_60 {
        font-size: 40px !important;
        line-height: 67px !important;
    }

    .jost_34 {
        font-size: 26px !important;
        line-height: 34px !important;
    }

    .ibarra_34 {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    .ibarra_24 {
        font-size: 22px !important;
    }

    p {
        font-size: 18px !important;
    }
}

.metaCat a {
    display: inline-block;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    color: #2E1E1E;
    border: 1px solid #2E1E1E;
    border-radius: 5px;
    padding: 0 10px;
    margin: 0 0 2px 2px;
    text-transform: uppercase;
}

.metaCat a:hover {
    border: 1px solid #2E1E1E;
    background: #fce300;
}

.petitpoint {
    display: inline-block;
    background: #FFEBEB;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.lh-41 {
    line-height: 41px;
}

.lh-67 {
    line-height: 67px !important;
}


/** TYPO the_content **
------------------------------------------------------------
------------------------------------------------------------*/
.the-content ul {
    position: relative;
    list-style: none;
    margin-top: 32px;
}

.the-content ul li {
    position: relative;
    margin: 0 0 8px -20px;
    list-style: none;
    color: #3B9B6C;
    font-weight: 700;
    font-size: 20px;
}

.the-content ul li::before {
    position: absolute;
    display: inline-block;
    content: '';
    background: #2b9cd5;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    left: -20px;
    top: 12px;
}

.the-content ul li::after {
    position: absolute;
    display: inline-block;
    content: '';
    background: #35a15d;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    left: -16px;
    top: 8px;
}

ol {
    padding-inline-start: 40px !important;
}

ol li {
    padding-bottom: 2rem;
}

ol li::marker {
    content: counter(list-item) " " "— ";
}

.the-content h1,
.the-content h1 a {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 70px;
    letter-spacing: -1.4px;
    color: #2E1E1E;
}

.the-content h2,
.the-content h2 a {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 34px;
    letter-spacing: 0;
    color: #2E1E1E;
    margin-top: 60px;
    margin-bottom: 16px;
}

.the-content h3,
.the-content h3 a {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 22px;
    letter-spacing: 0;
    color: #2E1E1E;
}

.the-content h4,
.the-content h4 a {
    font-family: 'Jost', sans-serif;
    font-size: 22px;
    letter-spacing: 0;
    font-weight: 800;
    text-transform: uppercase;
}

.the-content h5,
.the-content h5 a {
    font-family: 'Jost', sans-serif;
    font-size: 24px;
    letter-spacing: -0.48px;
}

.the-content h6,
.the-content h6 a {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    letter-spacing: 0;
}

.formulaire h2 {
    font-family: 'Ibarra Real Nova', serif;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 41px;
}

.fw_extrabold {
    font-weight: bolder;
}

.fw_bold {
    font-weight: bold;
}

.bg--rouge .the-content,
.bg--rouge .the-content ul li,
.bg--vert .the-content,
.bg--vert .the-content ul li {
    color: white;
}

.page-template-page-sections h1 {
    font-family: 'Jost', sans-serif;
    font-size: 34px !important;
    letter-spacing: 0;
    line-height: 41px;
    text-transform: uppercase;
}

.single-offre-emploi .the-content p:first-child {
    font-family: 'Ibarra Real Nova', serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 41px;
}

@media (min-width: 992px) {
    h1,
    .h1 {

    }

    h2,
    .h2 {

    }

    h3,
    .h3 {

    }
}

@media (max-width: 992px) {
    .md-text-center {
        text-align: center;
    }


}

/** BACKGROUND **
------------------------------------------------------------
------------------------------------------------------------*/
.bg--white {
    background: #ffffff;
}

.bg--rose,
.page-template-page-sad,
.section_service-a-domicile,
.parent-pageid-57,
.parent-pageid-75,
.parent-pageid-1667,
.parent-pageid-1744 {
    background: #fef9ed;
}

.home.page {
    /*background: #fef9ed url("../img/main.svg") no-repeat 25% 0;*/
    background: #fef9ed;
}

.bg--jaune {
    background: #fce300;
}

.bg--jaunepale {
    background: #f9f7bd;
}

.bg--rouge {
    /*background: #f4af00;*/
    background: #f4af00;
}

.bg--vert {
    background: #3B9B6C;
}

.bg--verteau {
    /*background: #2b9cd5;*/
    background: #2b9cd5;
}

.bg--vertpale {
    background: #f9fdf0;
}

.bg--cover {
    background-size: cover;
    background-position: 50% 50%;
}

/** COLOR **
------------------------------------------------------------
------------------------------------------------------------*/
.color--rose,
.color--rose p,
.color--rose h1,
.color--rose h2,
.color--rose h3,
.color--rose h4,
.color--rose h5,
.color--rose h6,
.color--rose a,
a.color--rose {
    color: #FFEBEB;
}

.color-jaune,
.color-jaune p,
.color-jaune h1,
.color-jaune h2,
.color-jaune h3,
.color-jaune h4,
.color-jaune h5,
.color-jaune h6,
.color-jaune a,
a.color-jaune {
    color: #fce300;
}

.color--jaunepale,
.color--jaunepale p,
.color--jaunepale h1,
.color--jaunepale h2,
.color--jaunepale h3,
.color--jaunepale h4,
.color--jaunepale h5,
.color--jaunepale h6,
.color--jaunepale a,
a.color--jaunepale {
    color: #f9f7bd;
}

.color--rouge,
.color--rouge p,
.color--rouge h1,
.color--rouge h2,
.color--rouge h3,
.color--rouge h4,
.color--rouge h5,
.color--rouge h6,
.color--rouge a,
a.color--rouge {
    color: #f4af00;
}

.color--vert,
.color--vert p,
.color--vert h1,
.color--vert h2,
.color--vert h3,
.color--vert h4,
.color--vert h5,
.color--vert h6,
.color--vert a,
a.color--vert {
    color: #3B9B6C;
}

.color--verteau,
.color--verteau p,
.color--verteau h1,
.color--verteau h2,
.color--verteau h3,
.color--verteau h4,
.color--verteau h5,
.color--verteau h6,
.color--verteau a,
a.color--verteau {
    color: #2b9cd5;
}

.color--white,
.color--white p,
.color--white h1,
.color--white h2,
.color--white h3,
.color--white h4,
.color--white h5,
.color--white h6,
.color--white a,
a.color--white {
    color: #ffffff;
}

.color--white a:hover,
a:hover.color--white {
    color: #f4af00;
}

a.btn-home_banner {
    color: white;
}
@media (min-width: 1500px) {
    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important;
    }
}
@media (min-width: 1200px) {
    .py-xl-4 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
    .px-xl-5 {
        padding-right: 2rem!important;
        padding-left: 2rem!important;
    }
}
.color--dark,
.color--dark p,
.color--dark h1,
.color--dark h2,
.color--dark h3,
.color--dark h4,
.color--dark h5,
.color--dark h6,
.color--dark a,
a.color--dark {
    color: #2E1E1E;
}

.color--dark a:hover,
a:hover.color--dark {
    color: #f4af00;
}

/** LINK & BTN **
------------------------------------------------------------
------------------------------------------------------------*/
a:hover {
    text-decoration: none;
}

a.no-link {
    color: #2E1E1E;
}

a.no-link :hover {
    color: #3B9B6C;
}

.isDisabled, .disabled {
    pointer-events: none;
}

.isDisabled ul li, .disabled ul li, .mob-expand-submenu {
    pointer-events: auto!important;
}

button:focus {
    outline: 0;
}

.btn {
    padding: 14px 30px;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0;
    background-color: #f4af00;
    border: 2px solid #2E1E1E;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 100px;
}

.btn:hover {
    border: 2px solid #2E1E1E;
    color: #2E1E1E;
    background-color: #fce300;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(12, 49, 102, 0.25);
}

.btn-secondary {
    padding: 14px 30px;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0;
    background-color: #fce300;
    border: 2px solid #2E1E1E;
    color: #2E1E1E;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 100px;
}

.btn-secondary:hover {
    border: 2px solid #2E1E1E;
    color: #ffffff;
    background-color: transparent;
}

.btn-outline {
    padding: 14px 30px;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0;
    background-color: transparent;
    border: 2px solid #2E1E1E;
    color: #2E1E1E;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 100px;
}

.btn-outline:hover {
    border: 2px solid #2E1E1E;
    color: #2E1E1E;
    background-color: #fce300;
}

.btn-outline-white {
    padding: 14px 30px;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 100px;
}

.btn-outline-white:hover {
    border: 2px solid #2E1E1E;
    color: #2E1E1E;
    background-color: #fce300;
}

.btn-link:hover {
    color: #2E1E1E;
    text-decoration: none;
}

.btn-link::before {
    position: relative;
    display: inline-block;
    content: '';
    background: #2E1E1E;
    width: 25px;
    height: 1px;
    left: -10px;
    top: -5px;
}

.btn-home_banner:hover {
    background: #fce300;
}

a.btn-home_banner:hover {
    color: #2E1E1E !important;
}

.btn-link:hover::before {
    background: #2E1E1E;
}

.btn-home_banner.bg--rouge:hover h3,
.btn-home_banner.bg--rouge:hover h4 {
    color: #2E1E1E;
}

.link a {
    color: #3B9B6C;
    text-decoration: underline;
}

.link :hover {
    color: #2E1E1E;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: none;
}

.d-flex.align-content-between.flex-wrap .btn,
.d-flex.align-content-between.flex-wrap .btn-secondary,
.d-flex.align-content-between.flex-wrap .btn-outline,
.d-flex.align-content-between.flex-wrap .btn-outline-white,
.d-flex.align-content-between.flex-wrap .btn-home_banner {
    padding: 8px 30px;
}


/****
ANIMATE BUTTON JAUNE // HOVER ROUGE
 */
.btn-thin {
    padding: 2px 15px !important;
}

.button, .button-home-banner {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    will-change: transform;
    padding: 19px 33px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    background-color: #f4af00;
    border: 2px solid #2E1E1E;
    color: white;
    font-weight: 700;
    border-radius: 100px;
}

.button-home-banner {
    border: 0;
    border-radius: 10px;
}


.button-mat, .button-mat-home_banner {
    color: white;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat:before, .button-mat-home_banner:before {
    content: "";
    display: block;
    background: #fce300;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat:hover .psuedo-text, .button-mat-home_banner:hover .psuedo-text {
    color: white;
}

.button-mat:hover, .button-mat-home_banner:hover {
    color: #2E1E1E;
}

.button-mat, .button-mat-home_banner {
    color: white;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat:before, .button-mat-home_banner:before {
    content: "";
    display: block;
    background: #fce300;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat:hover .psuedo-text, .button-mat-home_banner:hover .psuedo-text {
    color: white;
}

.button-mat:hover, .button-mat-home_banner:hover {
    color: #2E1E1E;
}

.btn--5:before {
    transform: translate(-120%, -50%) translateZ(0);
}

.btn--5:hover:before {
    transform: translate(-45%, -34%) translateZ(0);
}

.psuedo-text {
    color: white;
    position: relative;
    top: 0;
    width: 100%;
    display: inline;
    transition: 0.25s ease-in;
    transition-delay: 0.1s;
}

.btn--5:hover > .psuedo-text {
    color: #2E1E1E;
}

.btn-thin.button {
    background-color: #fce300 !important;
    color: #2E1E1E !important;
}

.btn-thin.button-mat:before {
    background-color: #f4af00 !important;
    color: white !important;
}

.btn-thin .psuedo-text {
    color: #2E1E1E !important;
}

.btn-thin.btn--5:hover > .psuedo-text {
    color: white !important;
}

/****
ANIMATE BUTTON TRANSPARENT/dark // HOVER JAUNE
 */

.button2 {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    will-change: transform;
    padding: 19px 33px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    background-color: transparent;
    border: 2px solid #2E1E1E;
    color: #2E1E1E;
    font-weight: 700;
    border-radius: 100px;
}


.button-mat2 {
    color: #2E1E1E;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat2:before {
    content: "";
    display: block;
    background: #fce300;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat2:hover .psuedo-text2 {
    color: #2E1E1E;
}

.button-mat2:hover {
    color: #2E1E1E;
}

.button-mat2 {
    color: #2E1E1E;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat2:before {
    content: "";
    display: block;
    background: #fce300;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat2:hover .psuedo-text2 {
    color: #2E1E1E;
}

.button-mat2:hover {
    color: #2E1E1E;
}

.btn--52:before {
    transform: translate(-120%, -50%) translateZ(0);
}

.btn--52:hover:before {
    transform: translate(-45%, -34%) translateZ(0);
}

.psuedo-text2 {
    color: #2E1E1E;
    position: relative;
    top: 0;
    width: 100%;
    display: inline;
    transition: 0.25s ease-in;
    transition-delay: 0.1s;
}

.btn--52:hover > .psuedo-text2 {
    color: #2E1E1E;
}

/****
ANIMATE BUTTON TRANSPARENT/light // HOVER JAUNE
 */

.button3 {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    will-change: transform;
    padding: 19px 33px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    font-weight: 700;
    border-radius: 100px;
}

.button3:hover {
    border: 2px solid #2E1E1E !important;
}


.button-mat3 {
    color: white;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat3:before {
    content: "";
    display: block;
    background: #fce300;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat3:hover .psuedo-text3 {
    color: #2E1E1E;

}

.button-mat3:hover {
    color: #2E1E1E;
}

.button-mat3 {
    color: #2E1E1E;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat3:before {
    content: "";
    display: block;
    background: #fce300;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat3:hover .psuedo-text3 {
    color: #2E1E1E;
}

.button-mat3:hover {
    color: #2E1E1E;
}

.btn--53:before {
    transform: translate(-120%, -50%) translateZ(0);
}

.btn--53:hover:before {
    transform: translate(-45%, -34%) translateZ(0);
}

.psuedo-text3 {
    color: white;
    position: relative;
    top: 0;
    width: 100%;
    display: inline;
    transition: 0.25s ease-in;
    transition-delay: 0.1s;
}

.btn--53:hover > .psuedo-text3 {
    color: #2E1E1E;
}

/****
ANIMATE BUTTON JAUNE/dark // HOVER Transparent/white
 */

.button4 {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    will-change: transform;
    padding: 19px 33px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    background-color: #fce300;
    border: 2px solid #2E1E1E;
    color: white;
    font-weight: 700;
    border-radius: 100px;
}

.button4:hover {
    border: 2px solid #2E1E1E !important;
}


.button-mat4 {
    color: white;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat4:before {
    content: "";
    display: block;
    background: #f4af00;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat4:hover .psuedo-text4 {
    color: #2E1E1E;

}

.button-mat4:hover {
    color: #2E1E1E;
}

.button-mat4 {
    color: #2E1E1E;
    transition: 0.3s ease-in-out;
    transition-delay: 0.35s;
    overflow: hidden;
}

.button-mat4:before {
    content: "";
    display: block;
    background: #f4af00;
    position: absolute;
    width: 200%;
    height: 500%;
    border-radius: 100%;
    transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.button-mat4:hover .psuedo-text4 {
    color: #2E1E1E;
}

.button-mat4:hover {
    color: #2E1E1E;
}

.btn--54:before {
    transform: translate(-120%, -50%) translateZ(0);
}

.btn--54:hover:before {
    transform: translate(-45%, -34%) translateZ(0);
}

.psuedo-text4 {
    color: #2E1E1E;
    position: relative;
    top: 0;
    width: 100%;
    display: inline;
    transition: 0.25s ease-in;
    transition-delay: 0.1s;
}

.btn--54:hover > .psuedo-text4 {
    color: white;
}


/** BREADCRUMBS **
------------------------------------------------------------
------------------------------------------------------------*/
.breadcrumbs,
.breadcrumbs a {
    color: #806969;
    text-transform: uppercase;
    font-size: 12px;
}

.breadcrumbs span {
    margin: 0 2px;
}

.breadcrumbs a.home {
    margin-left: 10px;
}


/** PAGINATION **
------------------------------------------------------------
------------------------------------------------------------*/
nav.navigation.pagination {
    display: block;
}

nav.navigation.pagination h2.screen-reader-text {
    display: none;
}

.page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.page-numbers li {
    display: inline;
}

a.page-numbers {
    padding: 12px 19px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #2E1E1E;
    color: #2E1E1E;
    font-weight: 400;
    font-size: 16px;
    margin: 0 1.5px;
}

a:hover.page-numbers {
    background: #f4af00;
    color: #ffffff;
    text-decoration: none;
}

span.page-numbers.current {
    background: #f4af00;
    border: 2px solid #2E1E1E;
    color: #ffffff;
    border-radius: 50%;
    font-weight: 700;
    padding: 12px 19px;
    font-size: 16px;
    margin: 0 1.5px;
}


/** BTN DE PARTAGE **
------------------------------------------------------------
------------------------------------------------------------*/
ul.shareon {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.shareon li {
    display: inline;
    margin: 0 10px 0 0;
}

ul.shareon li::before {
    display: none;
}

ul.shareon li .fa-border {
    border: solid 2px #2E1E1E;
    background: transparent;
    border-radius: 50%;
    width: 52px;
    /*height: 40px;*/
    line-height: 40px;
    font-size: 23px;
    text-align: center;
}

ul.shareon li:hover .fa-border {
    border: solid 2px #2E1E1E;
    background: #fce300;
}

ul.shareon li a {
    color: #2E1E1E;
}


/** SINGLE SERVICE DESCRIPTION **
------------------------------------------------------------
------------------------------------------------------------*/
.single_service_description {
    position: relative;
    padding-left: 30px;
}

.single_service_description::before {
    position: absolute;
    display: block;
    content: '';
    background: #3B9B6C;
    height: 100%;
    width: 4px;
    left: 0;
    border-radius: 11px;
}

.single_service_description.border--vert::before {
    background: #3B9B6C;
}

.single_service_description.border--rouge::before {
    background: #f4af00;
}

/** HOME DESCRIPTION NB **
------------------------------------------------------------
------------------------------------------------------------*/
.home_description_nb {
    position: relative;
    width: 200px;
    height: 200px;
}

.home_description_nb.bg--rouge {
    top: -30px;
    left: 200px;
}

.home_description_nb.bg--jaune {
    top: -60px;
}

.home_description_nb.bg--verteau {
    top: -90px;
    left: 200px;
}

/** RESPONSIVE **
------------------------------------------------------------
------------------------------------------------------------*/

@media (max-width: 992px) {
    .home_description_nb {
        max-width: 40%;
        margin: 5%;
        width: 100%;
    }

    .bloc-description {
        display: flex;
        flex-wrap: wrap;
    }

    .home_description_nb.bg--rouge, .home_description_nb.bg--jaune, .home_description_nb.bg--verteau {
        top: auto;
        left: auto;
    }

    .jost_20 {
        font-size: 1rem !important;
    }

    .ibarra_70, .ibarra_74 {
        font-size: 3rem !important;
    }

    .a-40 {
        font-size: 36px!important;
    }

    .menu_credit ul li {
        display: block!important;
    }

    .visuel_carre:before {
        display: none;
    }

    .sm-text-center {
        text-align: center;
    }

    .btn-secondary, .btn-outline, .button-mat, .button-mat-home_banner {
        line-height: 23px;
    }

    .mobmenur-container i {
        font-size: 30px !important;
    }
}

.slick-slide {
    height:150px;
}

.slick-slide img {
    height:50px;
    width: auto;
}

@media (max-width: 992px) {
    .slick-slide img {
        height: auto;
    }

    .visuel_carre_right::before, .visuel_carre_left::before {
        display: none;
    }
}


#search_wrapper > .row {
    height: 100%;
}

#search_wrapper {
    display: none;
    position: fixed;
    background: #3B9B6C;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    padding-left: 15px;
    padding-right: 15px;
}

#search_wrapper form {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#search_wrapper .form_close {
    position: absolute;
    top: 100px;
    right: 0;
    color: #FFF;
    font-size: 16px;
    font-family: 'Jost', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: none;
    padding: 10px 25px;
}

#search_wrapper .form_input {
    display: flex;
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #FFF;
}

#search_wrapper .form_input input {
    width: 100%;
    background: none;
    border: none;
    font-size: 22px;
    font-family: 'Ibarra Real Nova', serif;
    font-weight: 300;
    color: #FFF;
}

#search_wrapper .form_input button {
    background: none;
    border: none;
    color: #FFF;
    font-size: 36px;
}

::placeholder {
    color: white!important;
}

:focus {
    outline: none;
}