/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/* ================================================== 
VARIABLES
=================================================== */

:root {
    /* Colors */
    --noir: #101116;
    --fond-sombre: #1c1e26;
    --vert: #99c455;
    --rouge: #e40d2c;
    --bg-gris: #f9f8f8;
    --gris: #959595;
    --border: #CACACA;
    --light-tx: #dddddd;
    /* Fonts */
    --font: urw-din, sans-serif;
    --condensed-font: urw-din-semi-condensed, sans-serif;
}

/* ================================================== 
STYLES GENERAUX
================================================== */

.grecaptcha-badge {
    visibility: hidden;
}

#wrapper .uncode-gmaps-widget .gmap-buttons {
    opacity: 1;
    padding: 0 !important;
}

#wrapper .uncode-gmaps-widget .gmap-buttons .fa-plus:before {
    content: '\e114';
}

#wrapper .uncode-gmaps-widget .gmap-buttons .fa-minus:before {
    content: '\e115';
}

#wrapper .uncode-single-media .fluid-svg .icon-media {
    width: 100% !important;
}

/* Titres
--------------------------------------------- */
#wrapper h2,
#wrapper .h2,
#wrapper h3,
#wrapper .h3,
#wrapper h4,
#wrapper .h4 {
    line-height: 1.4em;
}

/* #wrapper .h1,
#wrapper .h2,
#wrapper .h3,
#wrapper .h4,
#wrapper .h5,
#wrapper .h6,
#wrapper .fontsize-20 {
    text-transform: uppercase;
} */

#wrapper h1,
#wrapper .h1 {
    font-size: clamp(24px, 3.2vw, 36px);
    line-height: 1.3em;
}


#wrapper .h2,
.single-post #wrapper .post-content h2 {
    font-size: clamp(22px, 3vw, 32px);
    line-height: 1.3em;
}

#wrapper .h3,
.single-post #wrapper .post-content h3 {
    font-size: clamp(21px, 2.5vw, 28px);
}

#wrapper .h4,
.single-post #wrapper .post-content h4 {
    font-size: clamp(20px, 2.5vw, 24px);
}

#wrapper .h5,
.single-post #wrapper .post-content h5 {
    font-size: clamp(18px, 2.5vw, 21px);
}

#wrapper .h6,
.single-post #wrapper .post-content h6 {
    font-size: clamp(16px, 2.5vw, 18px);
}



#wrapper h5,
#wrapper .h5,
#wrapper h6,
#wrapper .h6 {
    line-height: 1.6em;
}


#wrapper .vc_custom_heading_wrap .heading-text .text-top-reduced p {
    font-family: var(--condensed-font);
    font-style: italic;
    font-weight: 400;
    color: var(--gris);
    font-size: clamp(18px, 2.5vw, 21px);
}

#wrapper .page-body .style-dark .vc_custom_heading_wrap .heading-text .text-top-reduced p {
    color: #fff;
}

b,
strong {
    font-weight: 700;
}

/* Listes
--------------------------------------------- */
#wrapper .menu-bloginfo ul,
#wrapper .uncode_text_column ul,
#wrapper .t-entry-excerpt ul,
#wrapper .uncode-list ul,
#wrapper .icon-box ul,
#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul,
#wrapper #vacancy-article-detail-content .text ul {
    list-style: none;
    padding: 0;
}

#wrapper .menu-bloginfo ul>li,
#wrapper .uncode_text_column ul>li,
#wrapper .t-entry-excerpt ul>li,
#wrapper .uncode-list ul>li,
#wrapper .icon-box ul>li,
#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li,
#wrapper #vacancy-article-detail-content .text ul li {
    margin: 5px 0;
    position: relative;
    padding-left: 25px;
}

#wrapper .t-entry-excerpt ul>li {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

#wrapper .menu-bloginfo ul>li:before,
#wrapper .uncode_text_column ul>li:before,
#wrapper .t-entry-excerpt ul>li:before,
#wrapper .uncode-list ul>li:before,
#wrapper .icon-box ul>li:before,
#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li:before,
#wrapper #vacancy-article-detail-content .text ul li:before {
    position: absolute;
    left: 0;
    top: 16px;
    display: block;
    content: '';
    background: var(--rouge);
    border-radius: 0;
    width: 10px;
    height: 1px;
}

#wrapper .style-dark .uncode_text_column ul>li:before,
#wrapper .style-dark .uncode-list ul>li:before,
#wrapper .style-dark .icon-box ul>li:before {
    background: #fff;
}


/* #wrapper .uncode-list ul>li i {
    display: none;
} */

#wrapper .uncode_text_column.text-small li {
    font-size: 16px;
}

#wrapper .uncode_text_column ol>li:before,
#wrapper .uncode-list ol>li:before,
#wrapper #vacancy-article-detail-content .text ol li:before {
    content: counter(li, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 21px;
    font-family: var(--condensed-font);
    font-weight: 700;
    line-height: 1;
    color: var(--noir);
}

#wrapper .uncode_text_column ol,
#wrapper .uncode-list ol,
#wrapper #vacancy-article-detail-content .text ol {
    list-style: none;
    margin-left: 0;
}

#wrapper .uncode_text_column ol>li,
#wrapper .uncode-list ol>li,
#wrapper #vacancy-article-detail-content .text ol li {
    counter-increment: li;
    margin: 15px 0;
    position: relative;
    padding-left: 30px;
}

#wrapper .uncode_text_column.text-small ol>li:before {
    font-size: 21px;
}

#wrapper .style-dark .uncode_text_column ol>li:before {
    color: #fff;
}

#wrapper .uncode-list ol>li {
    position: relative;
    z-index: 1;
    padding-left: 80px;
}

#wrapper .uncode-list ol>li:before {
    color: #fff;
    font-size: 21px;
    font-family: var(--condensed-font);
    width: 45px;
    height: 40px;
    top: 12px;
    text-align: center;
    font-weight: 400;
}

#wrapper .uncode-list ol>li:after {
    position: absolute;
    top: 10px;
    left: 0;
    content: '';
    width: 45px;
    height: 40px;
    background: var(--rouge);
    z-index: -1;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

#wrapper .uncode-list ol {
    position: relative;
}

#wrapper .uncode-list ol:before {
    content: '';
    height: calc(100% - 10px);
    width: 1px;
    position: absolute;
    top: 10px;
    left: 22px;
    background: var(--gris);
}

#wrapper .uncode-list.vert ol>li:after {
    background: var(--vert);
}

#wrapper .uncode-list.noir ol>li:after {
    background: var(--noir);
}

#wrapper .uncode-list ul.icons>li:before {
    display: none;
}

#wrapper .uncode-list ul.icons>li i {
    position: absolute;
    left: 0;
    top: 5px;
    margin: 0;
    text-shadow: 1px 1px #fff;
}

#wrapper .uncode-list ul.icons>li i:after {
    background: url('https://www.triangle-solutions-rh.be/wp-content/uploads/2024/03/triangle-tour.svg') no-repeat center center;
    background-size: contain;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 25px;
}

#wrapper .uncode-list ul.icons>li i:before {
    position: relative;
    top: 3px;
    left: 3px;
}

#wrapper .uncode-list ul.icons>li {
    padding-left: 40px;
}

#wrapper .uncode-list ul.icons>li {
    margin: 10px 0;
}


/* Boutons, Liens
--------------------------------------------- */
#wrapper .rangee-btns .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-column-gap: 72px;
    -moz-column-gap: 72px;
    column-gap: 72px;
}

#wrapper .rangee-btns .uncont .btn-container {
    margin-top: 0;
}


#wrapper .btn-container .custom-link,
#wrapper #vacancy-form .vacancy_apply_button {
    padding: 14px 80px 14px 25px !important;
    background: var(--fond-sombre) !important;
    border: none !important;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(228, 13, 44, 0.15);
    box-shadow: 0px 0px 30px 0px rgba(228, 13, 44, 0.15);
    border-radius: 0;
    color: #fff !important;
    position: relative;
    z-index: 1;
}

#wrapper .btn-container .custom-link:before,
#wrapper #vacancy-form .vacancy_apply_button:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: var(--rouge);
    -webkit-transition: width .4s;
    -o-transition: width .4s;
    transition: width .4s;
    z-index: -1;
}

#wrapper .btn-container .custom-link:after,
#wrapper #vacancy-form .vacancy_apply_button:after {
    content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    width: 30px;
    height: 2px;
    background: #fff;
}

#wrapper .btn-container .custom-link:hover:before,
#wrapper #vacancy-form .vacancy_apply_button:hover:before {
    width: 96%;
}

#wrapper .btn-container .custom-link.btn-color-99C455 {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(153, 196, 85, 0.15);
    box-shadow: 0px 0px 30px 0px rgba(153, 196, 85, 0.15);
}

#wrapper .btn-container .custom-link.btn-color-99C455:before {
    background: var(--vert);
}

#wrapper .uncode_text_column a,
#wrapper .uncode-list a {
    text-decoration: underline;
}


/* Blockquotes
--------------------------------------------- */
#wrapper blockquote p {
    font-style: italic;
    font-size: 18px;
}

#wrapper .text-small blockquote p {
    font-size: 16px;
}

#wrapper blockquote p:first-child {
    /* padding-left: 50px; */
    position: relative;
    border: none;
    quotes: "“" "”";
}

#wrapper blockquote p:first-child:before {
    content: open-quote;
    position: absolute;
    font-family: var(--condensed-font);
    font-weight: 700;
    font-size: 60px;
    color: var(--gris);
    vertical-align: -.2em;
    margin-right: .2em;
    line-height: 1;
    display: inline;
    margin-left: -40px;
    top: -10px;
    font-style: italic;
}

#wrapper blockquote {
    border: none;
}

/* Back to top + Scroll to bottom 
--------------------------------------------- */
.footer-scroll-top {
    bottom: 20px !important;
    right: 20px !important;
    mix-blend-mode: difference;
}

.footer-scroll-top .fa {
    background: url('https://www.triangle-solutions-rh.be/wp-content/uploads/2024/03/back-top-1.svg') no-repeat center center !important;
    background-size: contain !important;
    border: none !important;
    width: 32px;
    height: 43px;
}

.footer-scroll-top .fa:before,
#page-header .header-wrapper .header-scrolldown .fa:before {
    display: none;
}

#page-header .header-wrapper .header-scrolldown .fa {
    background: url('https://www.triangle-solutions-rh.be/wp-content/uploads/2024/01/scroll-bottom.svg') no-repeat center center;
    background-size: contain;
    width: 52px;
    height: 48px;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 20px;
}

#page-header .header-wrapper .header-scrolldown {
    margin: 0;
    background: var(--fond-sombre);
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    width: 150px;
    height: 200px;
}

/* ================================================== 
HEADER
================================================== */
/*  TOP MENU
--------------------------------------------- */

#wrapper .top-menu .menu-item>a {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--condensed-font);
    font-size: 16px;
    font-weight: 400;
    padding: 8px 36px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#wrapper .top-menu .menu-item>a:hover {
    color: rgba(255, 255, 255, 0.8);
}

#wrapper .top-menu .fa.fa-angle-right {
    display: none;
}

#wrapper .top-menu .menu-smart {
    text-align: center;
}

#wrapper .top-menu .menu-btn {
    background: var(--rouge);
    -webkit-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-right: -4px;
}
#wrapper .top-menu .menu-btn.menu-btn-vert {
    background: var(--vert);
}
#wrapper .top-menu .menu-btn>a {
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    padding: 6px 20px 10px !important;
}

#wrapper .top-menu .menu-btn:hover  {
    background-color: rgba(228, 13, 44, 0.9);
}
#wrapper .top-menu .menu-btn.menu-btn-vert:hover {
    background-color: rgba(153, 196, 85, 0.9);
}
#wrapper .top-menu>.row-menu {
    max-width: 100%;
}

/*  Sous-menu
--------------------------------------------- */
#wrapper .navbar .current_page_parent>a,
#wrapper .top-menu .current_page_item>a,
#wrapper .navbar .drop-menu .menu-item.current-menu-item a {
    font-weight: 700;
}

#wrapper .navbar .drop-menu .menu-item a {
    padding: 15px 20px !important;
    color: var(--noir);
    font-family: var(--condensed-font);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
}

#wrapper .navbar .drop-menu .menu-item a:hover {
    color: var(--noir);
    opacity: 0.8;
}

#wrapper .navbar .drop-menu .menu-item.current-menu-item a,
#wrapper .navbar .current_page_parent>a,
#wrapper .top-menu .current-menu-parent>a,
#wrapper .top-menu .current_page_item>a {
    font-weight: 600;
    color: #fff;
}

#wrapper .navbar .drop-menu .menu-item.current-menu-item a {
    color: var(--noir);
}

#wrapper .drop-menu,
#wrapper .drop-menu>li {
    padding: 0;
}

#wrapper .drop-menu>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#wrapper .drop-menu>li:last-child {
    border-bottom: none;
}

#wrapper .drop-menu {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 3px solid var(--fond-sombre);
    background: var(--bg-gris);
    min-width: 280px;
}


/*  TRANSLATEPRESS
--------------------------------------------- */
#wrapper .top-menu .col-lg-0 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

#wrapper .top-menu .col-lg-0 .menu-bloginfo {
    padding: 0 30px 0 0;
}

#wrapper .trp-language-switcher {
    width: auto;
}

#wrapper .trp-language-switcher>div {
    border: none;
    border-radius: 0;
    padding: 2px 0;
    background: transparent;
    width: auto !important;
}

#wrapper .trp-language-switcher .trp-ls-shortcode-current-language {
    position: relative;
    padding-right: 15px;
}

#wrapper .trp-language-switcher .trp-ls-shortcode-current-language:after {
    content: '\e874';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
}

#wrapper .trp_language_switcher_shortcode .trp-ls-shortcode-language {
    background-color: var(--bg-gris);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#wrapper .trp-language-switcher>div>a>img {
    width: 30px;
    height: 20px;
    margin: 0;
}

/*  MEGAMENU
--------------------------------------------- */
#wrapper #logo-container-mobile {
    display: none;
}

#wrapper #masthead .menu-talent>a,
#wrapper #masthead .menu-interim>a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 1.3em !important;
    width: 100% !important;
    font-family: var(--condensed-font) !important;
}

#wrapper #masthead .menu-talent>a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#wrapper #masthead .menu-interim>a>span:not(.mega-indicator) b,
.translatepress-fr_FR #wrapper #masthead .menu-talent>a>span:not(.mega-indicator) b {
    display: block;
}
#wrapper #masthead .menu-talent>a>span:not(.mega-indicator),  #wrapper #masthead .menu-interim>a>span:not(.mega-indicator) {
    max-width: 210px;
}
#wrapper #masthead .menu-talent>a>span:not(.mega-indicator) b {
    color: var(--vert);
}

#wrapper #masthead .menu-interim>a>span:not(.mega-indicator) b {
    color: var(--rouge);
}

#wrapper #masthead #mega-menu-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 -36px;
}

#wrapper #masthead #mega-menu-primary>li:first-child:after {
    content: '';
    position: absolute;
    display: inline-block;
    opacity: 0.6;
    background-color: var(--gris);
    height: 90px;
    top: calc(50% - 45px);
    left: 50%;
    width: 1px;
}

#wrapper #masthead #mega-menu-primary>li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 36px;
}

#wrapper #masthead .menu-talent>a>img,
#wrapper #masthead .menu-interim>a>img {
    max-height: 50px;
    margin-right: 25px;
    max-width: calc(100% - 200px);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center right;
    object-position: center right;
}

#wrapper #masthead .menu-talent>a>span.mega-indicator,
#wrapper #masthead .menu-interim>a>span.mega-indicator {
    top: -10px;
}

#wrapper #masthead .mega-indicator:after,
#wrapper .top-menu .fa-angle-down:before {
    content: '\e874' !important;
    font-family: 'uncodeicon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
}

#wrapper #masthead #mega-menu-wrap-primary #mega-menu-primary .mega-indicator {
    margin-left: 9px;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
    -webkit-box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.06), 0 0px 30px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.06), 0 0px 30px 0 rgba(0, 0, 0, 0.07);
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-block-title {
    font-size: clamp(18px, 2.5vw, 20px);
    font-weight: 600;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul {
    margin: 0;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li a {
    color: var(--noir);
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li a:hover {
    color: var(--rouge);
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .menu-talent .widget_text ul li a:hover {
    color: var(--vert);
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .menu-talent .widget_text ul li:before {
    background: var(--vert);
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .menu-talent>.mega-sub-menu:before,
#wrapper #mega-menu-wrap-primary #mega-menu-primary .menu-interim>.mega-sub-menu:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: inline-block;
    background: var(--bg-gris);
    width: 8%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column.mega-menu-columns-3-of-12:nth-of-type(3) ul>li:last-child>a {
    font-weight: 600;
    font-style: italic;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column.megamenu-col-img {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: auto;
}

/* #wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_media_image {
    padding: 0;
} */
#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_media_image img {
    border-radius: 4px;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_media_image a {
    font-size: 0;
    display: inline-block;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_media_image {
    line-height: 0;
    padding-bottom: 0;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column.megamenu-col-img .widget_custom_html {
    position: absolute;
    bottom: -1px;
    right: 0;
    text-align: right;
    padding-top: 0;
    padding-bottom: 0;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column.megamenu-col-img>ul.mega-sub-menu {
    gap: 0;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .btn-container {
    margin: 0;
    max-width: 400px;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary .btn-container .custom-link {
    font-size: 13px;
    letter-spacing: 0.04em;
    width: 100%;
}

#wrapper #mega-menu-wrap-primary #mega-menu-primary>.mega-menu-item.inactif>.mega-menu-link {
    opacity: 0.6;
}

/*  STICKY MENU
--------------------------------------------- */
#wrapper .menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    /* min-height: 150px; */
}

#wrapper #page-header .row-header,
.error404 #wrapper .bandeau-page,
#wrapper .vacancy-header {
    margin-top: 150px;
}
#wrapper .bandeau-home > .row {
    min-height: calc(100vh - 150px);
}
.admin-mode #wrapper .menu-wrapper {
    top: 32px;
}

#wrapper .menu-wrapper.sticky #masthead .menu-talent>a>img,
#wrapper .menu-wrapper.sticky #masthead .menu-interim>a>img {
    max-height: 36px;
}

#wrapper .menu-wrapper.sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    height: 60px;
}

#wrapper .menu-wrapper.sticky #masthead #mega-menu-primary>li:first-child:after {
    height: 40px;
    top: calc(50% - 20px);
}

#wrapper .menu-wrapper.sticky .top-menu .menu-item>a {
    font-size: 15px;
}

#wrapper .menu-wrapper.sticky .top-menu .menu-btn>a {
    font-size: 16px;
}

#wrapper .menu-wrapper.sticky .navbar .drop-menu .menu-item a {
    font-size: 16px;
}

/* ================================================== 
FOOTER
================================================== */
#colophon .col-logo .uncode-vc-social a {
    border: 1px solid var(--rouge);
    border-radius: 2px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    color: var(--rouge);
}

#colophon .col-logo .uncode-vc-social .icon-box.icon-inline {
    padding: 0 5px;
}

#colophon .col-logo .vert .uncode-vc-social a {
    color: var(--vert);
    border-color: var(--vert);
}

#wrapper #colophon .col-logo .uncode-vc-social a:hover {
    border-color: var(--noir);
    color: var(--noir);
}

#colophon .col-logo .rouge .uncont,
#colophon .col-logo .vert .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#colophon .col-logo .wpb_raw_code {
    margin-left: 36px;
}

#colophon .col-liens .column-background .background-inner {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#colophon .col-liens .uncode-list li:before {
    display: none;
}

#colophon .col-liens .uncode-list li {
    padding-left: 0;
}

#wrapper #colophon .col-liens .uncode-list a {
    text-decoration: none;
}

#colophon .col-liens .uncode-list ul {
    border-left: 1px solid var(--rouge);
    padding-left: 10px;
}

#colophon .col-liens .uncode-list.vert ul {
    border-color: var(--vert);
    margin-top: 0;
}

#colophon .col-liens .uncode-list.vert a:hover {
    color: var(--vert);
}

#colophon .col-liens .row-child .column_child.col-lg-8 .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#colophon .col-liens .row-child .column_child.col-lg-8 .uncont>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#colophon .col-liens .row-child .column_child.col-lg-8 .uncont>.uncode-list {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-top: 0;
}

#colophon .copyright p {
    font-size: 15px;
    color: var(--light-tx);
}

#colophon .copyright p a {
    color: #fff;
    font-weight: 700;
}

#colophon .col-logo .column-background {
    -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
}

#colophon .col-liens .column-background {
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    margin-left: -23%;
}

#colophon .col-liens>.uncol>.uncoltable>.uncell {
    padding: 72px 36px 36px;
}

#colophon .col-liens .block-bg-overlay {
    opacity: 0.85;
    display: block;
    mix-blend-mode: multiply;
}

#colophon .col-liens .block-bg-overlay.for-ie {
    display: none;
}

#colophon {
    position: relative;
    top: 1px;
}

/* ================================================== 
HOME
================================================== */
/* Bandeau home
--------------------------------------------- */
#wrapper .bandeau-home > .row-header > .row-inner {
    height: auto !important;
}
#wrapper .bandeau-home .box .vc_custom_heading_wrap .heading-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#wrapper .bandeau-home .box .vc_custom_heading_wrap .heading-text .text-top-reduced p {
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.08em;
    color: #fff;
    font-size: 16px;
}

#wrapper .bandeau-home .box .vc_custom_heading_wrap .heading-text .text-top-reduced {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

#wrapper .bandeau-home>.row-background .background-inner,
#wrapper .bandeau-page>.row-background .background-inner {
    max-width: 55%;
    -webkit-clip-path: polygon(0 0, 25% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 25% 0, 100% 100%, 0% 100%);
}

#wrapper .bandeau-home .block-bg-overlay.style-color-F9F8F8-bg,
#wrapper .bandeau-page .block-bg-overlay.style-color-F9F8F8-bg,
#wrapper #vacancy-apply-header .block-bg-overlay.style-color-F9F8F8-bg {
    -webkit-clip-path: polygon(100% 0, 0 0, 55% 100%);
    clip-path: polygon(100% 0, 0 0, 55% 100%);
    max-height: 60%;
    max-width: 45%;
    z-index: -1;
    left: 15%;
}

#wrapper .bandeau-home>.row {
    margin-right: 4% !important;
    max-width: 70%;
}

#wrapper .bandeau-home h1,
#wrapper .bandeau-home .vc_custom_heading_wrap .text-lead {
    text-align: right;
}

#wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
    position: absolute;
    left: 250px;
    max-width: 130px;

}

#wrapper .box .column-background .background-inner {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#wrapper .bandeau-home .box {
    max-width: 380px;
    /* margin: 0 auto; */
}

#wrapper .bandeau-home .row-child>.row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#wrapper .bandeau-home .intro-home .row-child>.row-inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#wrapper .bandeau-home .row-child>.row-inner>.wpb_column {
    height: auto !important;
    width: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

/* #wrapper .bandeau-home .row-child > .row-inner > .wpb_column .uncoltable {
    width: auto;
}
#wrapper .bandeau-home .row-child > .row-inner > .wpb_column .uncol {
    display: inline-block;
} */
#wrapper .bandeau-home .row-child>.row-inner>.wpb_column:not(.box) {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px 18px 90px;
}


/* Bandeau pages internes
--------------------------------------------- */
#wrapper .bandeau-page .block-bg-overlay.style-color-F9F8F8-bg,
#wrapper #vacancy-article-detail .vacancy-header:before,
#wrapper #vacancy-apply-header .block-bg-overlay.style-color-F9F8F8-bg {
    -webkit-clip-path: polygon(100% 0, 0 0, 55% 100%);
    clip-path: polygon(100% 0, 0 0, 55% 100%);
    max-height: 100%;
    max-width: 33%;
    z-index: -1;
    left: 20%;
}

#wrapper .bandeau-page>.row-background .background-inner,
#wrapper .vacancy-header-slider,
#wrapper #vacancy-apply-header .row-background .background-inner {
    max-width: 60%;
    -webkit-clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0% 100%);
    margin-left: auto;
}

#wrapper .bandeau-page .uncont {
    max-width: 42%;
    padding-left: 2%;
}

#wrapper .bandeau-page>.row {
    min-height: 400px;
}

#wrapper .read-more-container {
    -webkit-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    line-height: 1.7em;
}


/*  Fil d'ariane
--------------------------------------------- */
#wrapper .uncode_breadcrumbs_wrap li {
    font-family: var(--condensed-font);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--gris);
    font-size: 15px;
}

#wrapper .uncode_breadcrumbs_wrap li:first-child a,
#wrapper .uncode_breadcrumbs_wrap li.current {
    font-size: 0;
}

#wrapper .uncode_breadcrumbs_wrap li:first-child a:before,
#wrapper .uncode_breadcrumbs_wrap li:before {
    content: '\e800';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 20px;
}

#wrapper .uncode_breadcrumbs_wrap li:before {
    content: '\e876';
    font-size: 16px;
}

#wrapper .uncode_breadcrumbs_wrap li:first-child:before {
    display: none;
}

#wrapper .bandeau-page .uncode_breadcrumbs_wrap+.vc_custom_heading_wrap {
    margin-top: 10px;
}


/* Tabs
--------------------------------------------- */
#wrapper .uncode-tabs .nav-tabs {
    border-bottom: none;
}

#wrapper .uncode-tabs .nav-tabs>li>a span {
    font-family: var(--condensed-font);
    font-size: clamp(20px, 2.5vw, 24px);
    font-weight: 400;
    letter-spacing: 0;
}

#wrapper .uncode-tabs .nav-tabs>li {
    padding: 0 36px;
}

#wrapper .uncode-tabs .nav-tabs>li>a {
    padding: 0 0 18px;
}

#wrapper .uncode-tabs .nav-tabs>li.active>a {
    border-bottom: 5px solid var(--rouge);
}

#wrapper .uncode-tabs .nav-tabs>li[data-tab-id="cdd-cdi"]:hover a,
#wrapper .uncode-tabs .nav-tabs>li[data-tab-id="cdd-cdi"].active a {
    color: var(--vert) !important;
}

#wrapper .uncode-tabs .nav-tabs>li[data-tab-id="cdd-cdi"].active a {
    border-bottom-color: var(--vert) !important;
}

#wrapper .uncode-tabs .nav-tabs>li[data-tab-id="recrutement"]:hover a,
#wrapper .uncode-tabs .nav-tabs>li[data-tab-id="recrutement"].active a {
    color: var(--noir) !important;
}

#wrapper .uncode-tabs .nav-tabs>li[data-tab-id="recrutement"].active a {
    border-bottom-color: var(--noir) !important;
}

#wrapper .uncode-tabs .tab-content {
    background: var(--bg-gris);
    border-radius: 4px;
}

#wrapper .uncode-tabs .tab-content .tab-pane>div>.vc_row,
#wrapper .secteurs {
    padding: 36px;
}

#wrapper .desc-tab {
    max-width: 1400px;
    margin: 0 auto;
}

#wrapper .desc-tab .uncode-list strong {
    display: block;
    font-size: clamp(18px, 2.5vw, 21px);
    font-family: var(--condensed-font);
}

#wrapper .desc-tab .btn-container {
    margin-top: 36px;
}

/* Secteurs
--------------------------------------------- */
#wrapper .secteurs .row-background .block-bg-overlay {
    opacity: 0.62;
    display: block;
    mix-blend-mode: multiply;
}

#wrapper .secteurs .row-background .block-bg-overlay.for-ie {
    display: none;
}

#wrapper .secteurs .row-background .background-inner {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#wrapper .secteurs .owl-item .t-entry-visual-tc {
    background: var(--fond-sombre);
    max-width: 75px;
    border-radius: 4px;
    padding: 5px;
}

#wrapper .secteurs .owl-item .t-entry-visual {
    margin-top: -18px;
    padding: 0 18px;
    /* overflow: visible; */
}

#wrapper .secteurs .owl-item .t-inside:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 30px;
    background-color: var(--rouge);
    display: inline-block;
    top: 36px;
    left: 0;
}

#wrapper .secteurs .owl-item .t-entry-readmore .btn {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--noir);
    position: relative;
}

#wrapper .secteurs .owl-item .t-entry-readmore .btn:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 20px;
    height: 2px;
    background: var(--rouge);
    top: -4px;
    margin-left: 10px;
}

#wrapper .secteurs .owl-item:hover .t-entry-readmore .btn {
    color: var(--rouge);
}

#wrapper .secteurs .owl-item .t-entry-text {
    padding: 6px 15px 18px;
}

#wrapper .secteurs .owl-item .t-entry-excerpt,
#wrapper .secteurs .owl-item .t-entry-readmore {
    margin: 0;
}

#wrapper .secteurs .owl-item .t-entry-readmore {
    position: absolute;
    top: -40px;
    right: 18px;
    z-index: 2;
}

#wrapper .secteurs .owl-item .t-entry-excerpt p {
    font-size: clamp(16px, 2.5vw, 18px);
    font-weight: 700;
    font-family: var(--condensed-font);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1.3em;
}

#wrapper .secteurs .owl-item .t-inside {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.9);
    padding-top: 18px;
    padding-left: 3px;
    height: 100%;
}

#wrapper .secteurs.vert .owl-item:hover .t-entry-readmore .btn {
    color: var(--vert);
}

#wrapper .secteurs.vert .owl-item .t-entry-readmore .btn:after,
#wrapper .secteurs.vert .owl-item .t-inside:before {
    background: var(--vert);
}

#wrapper .secteurs .owl-carousel {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#wrapper .secteurs .owl-carousel .owl-stage,
#wrapper .secteurs .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#wrapper .secteurs .owl-item .t-entry-visual .fluid-svg .icon-media {
    width: 100% !important;
}

#wrapper .secteurs .owl-item .tmb {
    height: 100%;
}

/* Shortlist jobs
--------------------------------------------- */
#wrapper .derniers-jobs {
    max-width: 1200px;
    margin: 0 auto;
}

#wrapper .derniers-jobs .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper .derniers-jobs .uncont>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#wrapper .derniers-jobs .uncont>.vc_custom_heading_wrap {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#wrapper .derniers-jobs .uncont>.btn-container {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 0;
}

#wrapper .derniers-jobs.vert .vacancy-content:hover .vacancy-title {
    color: var(--vert);
}

#wrapper .derniers-jobs.vert .vacancy-footer .vacancy-criteria-option.type-de-contrat,
#wrapper .derniers-jobs.vert .vacancy-footer .vacancy-criteria-option.contract-type,
#wrapper .derniers-jobs.vert .vacancy-footer .vacancy-criteria-option.type-contract {
    background: var(--vert);
    border-color: var(--vert);
}

/* Mosaïque
--------------------------------------------- */
#wrapper .bg-triangle>.row-background .background-inner {
    background-position-y: 35% !important;
}

#wrapper .mosaique .column_child+.column_child .uncode-single-media .tmb {
    overflow: hidden;
}

#wrapper .mosaique .column_child+.column_child .uncode-single-media .tmb:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 130px 0 0 130px;
    border-color: transparent transparent transparent #E40D2C;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    content: '';
    z-index: 1;
    opacity: 0.6;
}

#wrapper .mosaique .column_child+.column_child .uncode-single-media:last-child .tmb:before {
    border-width: 0 0 100px 100px;
    border-color: transparent transparent #99C455 transparent;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    left: auto;
    right: 0;
}

/* Compteurs
--------------------------------------------- */
#wrapper .uncode-counter {
    color: #fff !important;
    font-weight: 400;
    font-family: var(--condensed-font);
    font-size: clamp(26px, 3.2vw, 42px);
    padding: 0 20px;
}

#wrapper .counter-text p {
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--condensed-font);
    font-size: 18px;
    letter-spacing: 0.05em;
    padding-top: 6px;
    line-height: 1.5em;
}

#wrapper .counter-suffix {
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    top: -10px;
    right: 0;
}

#wrapper .uncode-counter-wrap>p {
    position: relative;
    display: inline-block;
}


/* Témoignages
--------------------------------------------- */
#wrapper .temoignages .vc_custom_heading_wrap .h2 {
    position: relative;
}

#wrapper .temoignages .vc_custom_heading_wrap .h2:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url('https://www.triangle-solutions-rh.be/wp-content/uploads/2024/03/quote.svg') no-repeat center center;
    background-size: contain;
    width: 50px;
    height: 30px;
    margin-bottom: 15px;
}

#wrapper .temoignages .vc_custom_heading_wrap {
    max-width: 1400px;
    margin: 0 auto;
    border-bottom: 1px solid var(--border);
    padding-bottom: 30px;
}

#wrapper .pullquote {
    font-style: italic;
}

#wrapper .pullquote small {
    font-family: var(--condensed-font);
    font-weight: 700;
    font-size: clamp(18px, 2.5vw, 21px);
    font-style: normal;
}

#wrapper .pullquote small:before {
    content: '';
    background: var(--rouge);
    height: 1px;
    width: 20px;
    display: inline-block;
    position: relative;
    top: -6px;
}

#wrapper .temoignages .row-background {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    max-width: 60%;
    margin: 0 auto;
}


/* Blog
--------------------------------------------- */
#wrapper .row-blog .t-entry-title a {
    color: var(--noir) !important;
}

#wrapper .row-blog .cssgrid-container .t-entry-title a,
#wrapper .row-blog .owl-carousel .t-entry-title a {
    color: #fff !important;
}

#wrapper .t-entry-category a {
    font-family: var(--condensed-font);
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    padding: 2px 5px;
}

#wrapper .row-blog .t-entry-category {
    border-radius: 2px;
    background: var(--rouge);
}

#wrapper .row-blog .cssgrid-container .t-entry-excerpt,
#wrapper .row-blog .owl-carousel .t-entry-excerpt {
    font-family: var(--condensed-font);
    font-weight: 400;
}

#wrapper .row-blog .cssgrid-container .tmb img,
#wrapper .row-blog .owl-carousel .tmb img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#wrapper .row-blog .cssgrid-container .t-entry-visual,
#wrapper .row-blog .owl-carousel .t-entry-visual {
    height: 100%;
}

#wrapper .row-blog .cssgrid-container .t-entry-text,
#wrapper .owl-carousel .t-entry-text {
    padding: 0 36px;
}

#wrapper .row-blog .cssgrid-container .t-entry-text-tc,
#wrapper .row-blog .owl-carousel .t-entry-text-tc {
    background: var(--fond-sombre);
    border-radius: 4px;
    margin-top: -72px;
    padding: 36px !important;
}

#wrapper .row-blog .uncode-post-table-column {
    padding: 15px 30px 20px;
    border-radius: 4px;
    background: var(--bg-gris);
    border: 1px solid var(--border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
}

#wrapper .row-blog .uncode-post-table-column>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#wrapper .row-blog .uncode-post-table-column>.t-entry-meta,
#wrapper .row-blog .uncode-post-table-column>.t-entry-readmore {
    margin: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

#wrapper .row-blog .uncode-post-table-column>.t-entry-readmore {
    margin-left: auto;
}

#wrapper .row-blog .uncode-post-table-column .t-entry-category {
    background: var(--fond-sombre);
}

#wrapper .row-blog .btn-container {
    text-align: right;
}

#wrapper .row-blog .t-entry-readmore .btn,
#wrapper .wrap-blog .t-entry-readmore .btn {
    font-family: var(--condensed-font);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.04em;
    position: relative;
    padding-right: 30px !important;
}

#wrapper .row-blog .t-entry-readmore .btn:after,
#wrapper .wrap-blog .t-entry-readmore .btn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    background: var(--rouge);
    width: 20px;
    height: 2px;
}

#wrapper .row-blog .cssgrid-container .btn,
#wrapper .row-blog .owl-carousel .btn {
    color: #fff;
}

#wrapper .row-blog .t-entry-meta {
    position: relative;
    top: -6px;
    left: -36px;
    position: relative;
}

#wrapper .row-blog .cssgrid-container .t-entry-meta,
#wrapper .row-blog .owl-carousel .t-entry-meta,
#wrapper .wrap-blog .t-entry-category {
    left: 0;
    position: absolute;
    top: -60px;
}

#wrapper .row-blog .cssgrid-container .t-entry,
#wrapper .row-blog .owl-carousel .t-entry,
#wrapper .wrap-blog .t-entry {
    position: relative;
}

#wrapper .row-blog .uncode-post-table-column .t-entry-meta:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent #101116 transparent transparent;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: block;
    position: absolute;
    bottom: -3px;
}

/* ================================================== 
LISTING 
================================================== */
/* Filtres
--------------------------------------------- */
#wrapper .listing:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 80px 0 80px 60px;
    border-color: transparent transparent transparent #1C1E26;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

#wrapper #vacancies-filters .owp-heading-3 {
    font-family: var(--condensed-font);
    font-weight: 700;
    font-size: clamp(18px, 2.5vw, 21px);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 10px 30px 10px 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 1px solid var(--border);
}

#wrapper #vacancies-filters .owp-heading-3:hover {
    cursor: pointer;
    color: var(--gris);
}

#wrapper #vacancies-filters .owp-heading-3 .toggle-icon {
    position: absolute;
    right: 0;
    top: 9px;
}

#wrapper #vacancies-filters .matchcriteria-filters ul {
    background: var(--bg-gris);
    padding: 15px 8px;
    max-height: 240px;
    overflow-y: auto;
    margin-top: -1px !important;
    position: relative;
    z-index: 1;
}

#wrapper #vacancies-filters .matchcriteria-filters ul li {
    padding: 0;
    margin: 0;
}

#wrapper #vacancies-filters .matchcriteria-filters ul li a span.option-check {
    top: 5px;
}

#wrapper #vacancies-filters .matchcriteria-filters ul li a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#wrapper #vacancies-filters .matchcriteria-filters ul li:before {
    display: none;
}

#wrapper #vacancies-filters .option-name {
    font-weight: 300;
    font-size: 16px;
    color: var(--noir);
}

#wrapper #vacancies-filters .toggle-icon::before {
    content: '\e114';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    color: var(--gris);
}

#wrapper #vacancies-filters .toggle-icon.active::before {
    content: '\e115';
}

#wrapper .filtres .box .uncell.single-block-padding {
    padding: 50px 18px 36px;
}

#wrapper .filtres .wpb_widgetised_column .widget_custom_html .uncell.single-block-padding {
    padding: 50px 18px 36px;
    text-align: center;
    color: #fff;
}

#wrapper .filtres .wpb_widgetised_column .widget_custom_html .h4 {
    color: #fff;
}

#wrapper .filtres .wpb_widgetised_column .widget_custom_html .background-inner {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#wrapper #vacancies-filters .vacancies-matchcriteria {
    padding-right: 0;
}

#wrapper .vacancies-selected-filters-section .vacancies-selected-filters {
    margin: 0;
}

#wrapper .vacancies-selected-filters-section .vacancies-selected-filters li {
    padding-left: 0;
}

#wrapper .vacancies-selected-filters-section .vacancies-selected-filters li:before {
    display: none;
}

#wrapper .vacancies-selected-filters-section .vacancies-selected-filters {
    margin: 0 -10px;
}

#wrapper .vacancies-selected-filters-section .vacancies-selected-filter-link {
    font-family: var(--condensed-font);
    font-size: 14px;
    font-weight: 400;
    color: var(--noir) !important;
}

#wrapper .vacancies-search-section .h5,
#wrapper .vacancies-geo-search-section .h5 {
    color: var(--gris);
    font-style: italic;
    font-family: var(--condensed-font);
    font-size: clamp(18px, 2.5vw, 21px);
    text-transform: uppercase;
    padding-right: 20px;
    /* flex-basis: 80px; */
}

#wrapper .vacancies-search-section,
#wrapper .vacancies-geo-search-section,
#wrapper .owp-geo-search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* flex-wrap: wrap; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

#wrapper .vacancies-search-section .owp-search-input,
#wrapper .vacancies-geo-search-section .owp-geo-search-input {
    margin: 0;
    border: none;
    background-color: var(--bg-gris);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    font-family: var(--condensed-font);
    width: auto;
    padding: 8px 15px 8px 15px;
    min-height: 40px;
}

#wrapper .vacancies-search-section .owp-search-input::-webkit-input-placeholder,
#wrapper .vacancies-geo-search-section .owp-geo-search-input::-webkit-input-placeholder {
    color: var(--noir);
}

#wrapper .vacancies-search-section .owp-search-input::-moz-placeholder,
#wrapper .vacancies-geo-search-section .owp-geo-search-input::-moz-placeholder {
    color: var(--noir);
}

#wrapper .vacancies-search-section .owp-search-input:-ms-input-placeholder,
#wrapper .vacancies-geo-search-section .owp-geo-search-input:-ms-input-placeholder {
    color: var(--noir);
}

#wrapper .vacancies-search-section .owp-search-input::-ms-input-placeholder,
#wrapper .vacancies-geo-search-section .owp-geo-search-input::-ms-input-placeholder {
    color: var(--noir);
}

#wrapper .vacancies-search-section .owp-search-input::placeholder,
#wrapper .vacancies-geo-search-section .owp-geo-search-input::placeholder {
    color: var(--noir);
}

#wrapper .owp-search-form,
#wrapper .owp-geo-search-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

#wrapper .button.owp-search-button {
    background: var(--fond-sombre);
    padding: 0;
    width: 40px;
    height: 40px;
}

#wrapper .button.owp-search-button .fa {
    font-size: 21px;
}
#wrapper .owp-range-slider {
    background-color: var(--noir) !important;
    margin: 0;
    height: 5px;
    max-width: 100px;
}

#wrapper .owp-range-slider::-webkit-slider-thumb {
    background: #fff;
    border: 2px solid var(--noir);
    border-radius: 50%;
    width: 22px;
    height: 22px;
}
#wrapper .owp-range-slider::-moz-range-thumb {
    background: #fff;
    border: 2px solid var(--noir);
    border-radius: 50%;
    width: 22px;
    height: 22px;
}



#wrapper .owp-range-slider-value {
    font-size: 16px;
    margin: 0 0 0 10px;
    text-align: left;
    width: auto;
    min-width: 45px;
}

#wrapper .owp-range-slider-container {
    width: auto;
    margin: 0;
    background: var(--bg-gris);
    padding: 8px 0;
    min-height: 40px;
    margin-left: -5px;
}

#wrapper .vacancies-geo-search-section .owp-geo-search-input {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#wrapper .filtres .widget-title {
    display: none;
}

/* Liste
--------------------------------------------- */
#wrapper .vacancies-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

#wrapper .vacancy {
    margin-bottom: 0;
}

#wrapper .vacancy-title {
    font-family: var(--condensed-font);
    font-weight: 700;
    font-size: 18px;
    color: var(--noir);
}

#wrapper .vacancy-text p {
    font-size: 16px;
    margin-top: 0;
    line-height: 1.6em;
}

#wrapper .vacancy-content {
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .04);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .04);
    border: 1px solid rgba(149, 149, 149, 0.3);
    padding: 18px 18px 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none !important;
}

#wrapper .vacancy-content:hover .vacancy-title {
    color: var(--rouge);
}

#wrapper .vacancy-content .vacancy-body {
    margin-bottom: 10px;
}

#wrapper .vacancy-content .vacancy-body .vacancy-description {
    width: 100%;
}

#wrapper .vacancy-content .vacancy-body .vacancy-text {
    overflow: visible;
    -o-text-overflow: unset;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;

}
#wrapper .vacancy-content .vacancy-photo {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    aspect-ratio: 1/1;
    width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
}
#wrapper .vacancy-content .vacancy-body .vacancy-description .vacancy-title {
    margin-bottom: 9px;
}
#wrapper .vacancy-footer {
    border-top: 1px solid rgba(149, 149, 149, 0.3);
    margin: auto -18px 0;
    padding: 10px 40px 10px 18px;
    position: relative;
}

#wrapper .vacancy-footer .vacancy-criteria-option {
    font-family: var(--condensed-font);
    font-size: 14px;
    background: var(--bg-gris);
    border: 1px solid var(--gris);
    border-radius: 4px;
    line-height: 22px;
    padding: 0 5px;
    position: relative;
    margin: 0;
}

#wrapper .vacancy-footer>.owp-labels {
    margin: 0;
    gap: 10px;
}

#wrapper .vacancy-footer .vacancy-criteria-option.region-de-travail,
#wrapper .vacancy-footer .vacancy-criteria-option.work-region,
#wrapper .vacancy-footer .vacancy-criteria-option.werk-regio {
    border-color: var(--noir);
    background: var(--noir);
    color: #fff;
    font-weight: 700;
}

#wrapper .vacancy-footer .vacancy-criteria-option.type-de-contrat,
#wrapper .vacancy-footer .vacancy-criteria-option.contract-type,
#wrapper .vacancy-footer .vacancy-criteria-option.type-contract {
    background: var(--rouge);
    border-color: var(--rouge);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-weight: 700;
    font-size: 12px;
}

#wrapper .vacancy-footer .vacancy-criteria-option.secteur,
#wrapper .vacancy-footer .vacancy-criteria-option.sector,
#wrapper .vacancy-footer .vacancy-criteria-option.sector {
    padding-left: 22px;
}

#wrapper .vacancy-footer .vacancy-criteria-option.secteur:before,
#wrapper .vacancy-footer .vacancy-criteria-option.sector:before,
#wrapper .vacancy-footer .vacancy-criteria-option.sector:before {
    content: '\e82f';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: var(--noir);
    font-size: 15px;
    position: absolute;
    top: 4px;
    left: 3px;
}

#wrapper .pagination {
    margin-top: 36px;
}

#wrapper .pagination .pagination-items li:before {
    display: none;
}

#wrapper .pagination .pagination-items li {
    padding: 0;
}

#wrapper .pagination .pagination-items a {
    font-size: 21px;
    color: var(--noir) !important;
    font-weight: 300;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0 6px;
    text-decoration: none;
}

#wrapper .pagination .pagination-items .pagination-item.active a {
    font-weight: 700;
}

#wrapper .pagination .pagination-items a[rel=prev],
#wrapper .pagination .pagination-items a[rel=next] {
    font-size: 0;
    position: relative;
}

#wrapper .pagination .pagination-items a[rel=prev]:before,
#wrapper .pagination .pagination-items a[rel=next]:before {
    content: '\e875';
    font-family: 'uncodeicon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
}

#wrapper .pagination .pagination-items a[rel=next]:before {
    content: '\e876';
}

#wrapper .pagination .pagination-items a:hover {
    color: var(--gris) !important;
}

#wrapper .vacancy-footer .lien {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 21px;
    height: 24px;
}

#wrapper .vacancy-footer .lien:before {
    content: '';
    background: url('https://www.triangle-solutions-rh.be/wp-content/uploads/2024/03/ico-lien.svg') no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: inline-block;
}

#wrapper .desc-bottom .row-background {
    top: -35%;
    right: -10%;
}

body.vert #wrapper .vacancy-content:hover .vacancy-title {
    color: var(--vert);
}
body.vert #wrapper .owp-vacancies-list-text a {
    color: var(--vert) !important;
}
body.vert #wrapper .vacancy-footer .vacancy-criteria-option.type-de-contrat,
body.vert  #wrapper .vacancy-footer .vacancy-criteria-option.contract-type,
body.vert  #wrapper .vacancy-footer .vacancy-criteria-option.type-contract  {
    background: var(--vert);
    border-color: var(--vert);
}

body.vert #wrapper ::-moz-selection {
    background: var(--vert);
}

body.vert #wrapper ::selection {
    background: var(--vert);
}



/* ================================================== 
TEMPLATE JOB
================================================== */
#wrapper .vacancy-header-details .vacancy-date:before {
    content: '\e055';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

#wrapper .infos_poste {
    background: var(--fond-sombre);
    padding: 18px;
    color: #FFF;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 18px 1fr 18px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    font-family: var(--condensed-font);
    font-weight: 400;
    border-radius: 4px;
}

#wrapper .bloc_infos_poste.agence {
    display: none;
}

#wrapper .bloc_infos_poste {
    position: relative;
    padding-left: 40px;
}

#wrapper .bloc_infos_poste:before {
    content: '\e114';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: var(--rouge);
    font-size: 28px;
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper .bloc_infos_poste.secteur:before,
#wrapper .bloc_infos_poste.sector:before,
#wrapper .bloc_infos_poste.sector:before {
    content: '\e82f';
}

#wrapper .bloc_infos_poste.region-de-travail:before,
#wrapper .bloc_infos_poste.work-region:before,
#wrapper .bloc_infos_poste.werk-regio:before {
    content: '\e833';
}

#wrapper .bloc_infos_poste.type-de-contrat:before,
#wrapper .bloc_infos_poste.contract-type:before,
#wrapper .bloc_infos_poste.type-contract:before {
    content: '\e828';
}

#wrapper .bloc_infos_poste.groupe-de-fonction:before,
#wrapper .bloc_infos_poste.function-groups:before,
#wrapper .bloc_infos_poste.functiegroep:before {
    content: '\e829';
}

#wrapper .bloc_infos_poste.regime-de-travail:before,
#wrapper .bloc_infos_poste.working-regime:before,
#wrapper .bloc_infos_poste.werkregime:before {
    content: '\e836';
}

#wrapper .bloc_infos_poste.niveau-linguistique:before,
#wrapper .bloc_infos_poste.expert-language-level:before,
#wrapper .bloc_infos_poste.taal-expertniveau:before {
    content: '\e83f';
}

#wrapper .bloc_infos_poste[class*='type-de-poste']:before,
#wrapper .bloc_infos_poste[class*='job-type']:before,
#wrapper .bloc_infos_poste[class*='type-functie']:before {
    content: '\e84c';
}

#wrapper .bloc_infos_poste.exemples-de-fonctions:before,
#wrapper .bloc_infos_poste.examples-of-functions:before,
#wrapper .bloc_infos_poste.voorbeelden-functies:before {
    content: '\e82b';
}

#wrapper .bloc_infos_poste.permis-de-conduire:before,
#wrapper .bloc_infos_poste.driving-license:before,
#wrapper .bloc_infos_poste.rijbewijs:before {
    content: '\e84e';
}

#wrapper .bloc_infos_poste.niveau-d-education:before,
#wrapper .bloc_infos_poste.education-level:before,
#wrapper .bloc_infos_poste.opleidingsniveau:before {
    content: '\e821';
}

#wrapper .bloc_infos_poste.categorie:before,
#wrapper .bloc_infos_poste.category:before,
#wrapper .bloc_infos_poste.categorie:before {
    content: '\e817';
}


#wrapper .bloc_infos_poste .bloc_infos_poste_title {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
}

#wrapper .bloc_infos_poste .bloc_infos_poste_detail {
    display: block;
}


#wrapper #vacancy-article-detail h1.vacancy-title,
#wrapper #vacancy-apply h1.vacancy-title {
    font-size: clamp(24px, 3.2vw, 36px);
    line-height: 1.3em;
    font-weight: 300;
    text-transform: uppercase;
    font-family: var(--font);
    text-align: right;
}

#wrapper .return-button {
    font-family: var(--condensed-font);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.04em;
    color: var(--gris);
    display: inline-block;
    text-align: right;
    width: 100%;
}

#wrapper .return-button i {
    font-size: 16px;
    margin-right: 5px;
}

#wrapper .infos-offre>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#wrapper .wrap-offre {
    max-width: 1400px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 36px;
    gap: 36px 72px;
}

#wrapper .wrap-offre>.wpb_column {
    height: auto;
    padding: 36px 0;
}

#wrapper .infos-offre .bloc_client {
    background: var(--bg-gris);
    border-radius: 4px;
    padding: 0 36px 36px;
    text-align: center;
    margin-top: 75px;
}
#wrapper .infos-offre .bloc_client .h5 {
    text-transform: uppercase;
}
#wrapper .infos-offre .bloc_client .text_client  * {
    font-size: 16px;
    line-height: 1.6em;
}
#wrapper .infos-offre .bloc_client .text_client > p > br:first-child, #wrapper .infos-offre .bloc_client > p:empty {
    display: none;
}
#wrapper .infos-offre .bloc_client   p {
    font-size: 16px;
}
#wrapper .infos-offre .bloc_client .text_client > * {
    margin-top: 6px;
}
#wrapper .infos-offre .bloc_client .logo_client img {
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);
    position: relative;
    margin-top: -75px;
    padding: 8px;
    background-color: #fff;
}


#wrapper .infos-offre .bloc_agence {
    background-size: cover !important;
    border-radius: 4px;
    min-height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

#wrapper .infos-offre .bloc_agence .contenu-agence {
    padding: 36px 36px 18px;
    color: #fff;
    text-align: center;
    position: relative;
    width: 100%;
}

#wrapper .infos-offre .bloc_agence:before {
    background: var(--rouge);
    opacity: 0.65;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
}

#wrapper .infos-offre .bloc_agence .h6 {
    font-family: var(--condensed-font);
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    max-width: 160px;
    margin: 0 auto;
    line-height: 1.3em;
    color: #fff;
    transition: all 0.3s;
}

#wrapper .infos-offre .bloc_agence .h2 {
    margin: 5px 0 15px;
    font-weight: 700;
    color: #fff;
    transition: all 0.3s;
}
#wrapper .infos-offre .bloc_agence .contenu-agence .lien:hover .h2, #wrapper .infos-offre .bloc_agence .contenu-agence .lien:hover .h6 {
    color: rgba(255,255,255,0.8);
}
#wrapper .infos-offre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 72px;
}

#wrapper #vacancy-article-detail-content .description-breve .text {
    font-style: italic;
}

#wrapper #vacancy-article-detail-content .l-offre .text ul li:before {
    display: none;
}

#wrapper #vacancy-article-detail-content .l-offre .text ul {
    border-left: 4px solid var(--rouge);
    padding-left: 20px;
}

#wrapper #vacancy-article-detail-content .l-offre .text ul li {
    padding: 0;
    font-weight: 600;
}

#wrapper #vacancy-article-detail-content .le-profil .text ul li {
    position: relative;
    padding-left: 40px;
}

#wrapper #vacancy-article-detail-content .le-profil .text ul li:before {
    font-family: 'uncodeicon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    width: auto;
    height: auto;
    background: transparent;
    content: "\e116";
    font-size: 18px;
    color: var(--rouge);
    position: absolute;
    top: 3px;
    left: 3px;
    line-height: 1;
}

#wrapper #vacancy-article-detail-content .le-profil .text ul li:after {
    background: url('https://www.triangle-solutions-rh.be/wp-content/uploads/2024/03/triangle-tour.svg') no-repeat center center;
    background-size: auto;
    background-size: contain;
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 22px;
    height: 25px;
}

#wrapper #vacancy-article-detail-content {
    padding: 0;
}

#wrapper #vacancy-article-detail-content>div {
    counter-increment: section;
    margin: 36px 0;
}

#wrapper #vacancy-article-detail-content>div>h2.owp-heading-3:before {
    content: counter(section, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 0;
    font-size: clamp(22px, 3vw, 32px);
    font-family: var(--font);
    font-weight: 300;
    line-height: 1;
    color: var(--rouge);
}

#wrapper #vacancy-article-detail-content h2.owp-heading-3 {
    font-size: clamp(18px, 2.5vw, 21px);
    font-weight: 700;
    font-family: var(--condensed-font);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    position: relative;
    padding: 4px 0 4px 50px;
    margin-bottom: 18px;
}

#wrapper .details-offre #vacancy-article-detail-content {
    margin-bottom: 0;
}

#wrapper .infos-offre .bloc_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(149, 149, 149, 0.3);
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .04);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .04);
}

#wrapper .infos-offre .bloc_contact .nom_contact {
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 700;
    margin-bottom: 8px;
}

#wrapper .infos-offre .bloc_contact .titre_contact {
    font-family: var(--condensed-font);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#wrapper .infos-offre .bloc_contact .infos_contact {
    padding: 30px 15px 30px 30px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px
}

#wrapper .infos-offre .bloc_contact .photo_contact {
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px;
    height: 100%;
    position: relative;
}

#wrapper .infos-offre .bloc_contact .photo_contact img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

#wrapper .infos-offre .bloc_contact .photo_contact:before {
    background: var(--rouge);
    width: 6px;
    height: 50px;
    position: absolute;
    top: 30px;
    right: -3px;
    content: '';
}

#wrapper .infos-offre .bloc_contact .tel_contact,
#wrapper .infos-offre .bloc_contact .email_contact {
    font-family: var(--condensed-font);
    position: relative;
    padding: 5px 0;
    margin-top: 4px;
}
#wrapper .infos-offre .bloc_contact a {
    color: var(--noir);
}
#wrapper .infos-offre .bloc_contact a:hover {
    color: var(--rouge);
}
#wrapper .infos-offre .bloc_contact .tel_contact:before,
#wrapper .infos-offre .bloc_contact .email_contact:before {
    font-family: 'uncodeicon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    content: '\e028';
    position: relative;
    top: 2px;
    left: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 14px;
}

#wrapper .infos-offre .bloc_contact .tel_contact:before {
    font-size: 26px;
    content: '\e004';
}

#wrapper .details-offre {
    max-width: calc(66% - 36px);
}

#wrapper .infos-offre {
    max-width: calc(34% - 36px);
}

#wrapper .vacancy-header-slider {
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

#wrapper #vacancy-article-detail .vacancy-header,
#wrapper #vacancy-apply .vacancy-header {
    margin-bottom: 0;
    min-height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper #vacancy-article-detail .vacancy-header:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-gris);
}

#wrapper .vacancy-header-track {
    border-radius: 0;
}

#wrapper .vacancy-header-track,
#wrapper .vacancy-header-slides {
    height: 100%;
}

#wrapper .vacancy-header:after {
    display: none;
}

#wrapper .vacancy-header-details {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    padding: 0 18px;
}

#wrapper .vacancy-header .vacancy-date {
    margin-top: 18px;
}

/* 
#wrapper .vacancy-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
} */
/* #wrapper .vacancy-header-track {
    width: 100%;
} */

/* #wrapper .vacancy-header-slider  {
    flex-basis: 60%;
}
*/




/* ================================================== 
FAQ
================================================== */
#wrapper .helpie-faq .accordion__title {
    font-family: var(--font);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    color: var(--noir);
    padding: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#wrapper .helpie-faq .accordion__item {
    border-color: var(--border);
    border: none;
    margin: -1px 0 0 0;
}

#wrapper .helpie-faq .accordion__header {
    padding: 18px 30px 18px 0px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

#wrapper .helpie-faq.accordions .accordion__header::before,
#wrapper .helpie-faq.accordions .accordion__header::after {
    margin: 0;
    background: var(--gris);
}

#wrapper .helpie-faq .accordion__body {
    padding: 18px 0;
}

#wrapper .helpie-faq.accordions .accordion,
#wrapper .helpie-faq.accordions .accordion ul {
    margin: 0;
}
#wrapper .helpie-faq.accordions .accordion, #wrapper .helpie-faq.accordions .accordion .accordion__item .accordion__body {
    overflow: visible;
}

#wrapper .helpie-faq .accordion__header:hover .accordion__title,
#wrapper .helpie-faq .accordion__header.active .accordion__title {
    color: var(--rouge);
}

#wrapper .uncode_text_column.vert .helpie-faq .accordion__header:hover .accordion__title,
#wrapper .uncode_text_column.vert .helpie-faq .accordion__header.active .accordion__title {
    color: var(--vert);
}

#wrapper .uncode_text_column.noir .helpie-faq .accordion__header:hover .accordion__title,
#wrapper .uncode_text_column.noir .helpie-faq .accordion__header.active .accordion__title {
    color: var(--gris);
}


#wrapper .helpie-faq .accordion__item:before {
    display: none;
}

#wrapper .helpie-faq .accordion__item {
    padding-left: 0;
}


/* ================================================== 
PAGE AGENCES
================================================== */
#wrapper .wpgmp_tabs_container .wpgmp_tabs {
    padding-left: 0;
}

#wrapper .wpgmp_tabs_container {
    max-width: 300px;
}

#wrapper .wpgmp_tab_item .wpgmp_cat_title {
    color: var(--noir);
    font-family: var(--condensed-font);
    font-weight: 700;
}

#wrapper .wpgmp_map_parent .wpgmp_tabs_container .wpgmp_tab_item input[type="checkbox"],
#wrapper .wpgmp_map_parent.wpgmp_tabs_container .wpgmp_tab_item:hover input[type="checkbox"] {
    /* width: 24px;
    height: 24px; */
    /* margin: 0; */
    display: inline-block !important;
    margin-left: 0 !important;
    width: 16px !important;
}

#wrapper .wpgmp_tabs_container .wpgmp_tabs .active {
    color: #fff !important;
    text-transform: uppercase;
    font-family: var(--condensed-font);
    font-weight: 700;
    letter-spacing: 0.05em;
}

#wrapper .wpgmp_location_container {
    padding-left: 0;
    margin-top: 6px !important;
    border-left: 2px solid var(--rouge);
}

#wrapper .wpgmp_location_container a {
    font-family: var(--condensed-font);
    font-weight: 400;
    color: var(--noir) !important;
}

#wrapper .wpgmp_tab_item:nth-child(2) .wpgmp_location_container {
    border-color: var(--vert);
}

#wrapper .wpgmp_tab_item:nth-child(3) .wpgmp_location_container {
    border-color: var(--noir);
}

#wrapper .wpgmp_toggle_container {
    font-style: italic;
    font-family: var(--condensed-font);
    font-size: 14px;
    line-height: 1;
}

#wrapper .wpgmp_listing_container .fc-component-6 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 36px 1fr 36px 1fr 36px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 36px;
}

#wrapper .wpgmp_listing_container .fc-item-box {
    padding: 0 !important;
    font-family: var(--font);
}

#wrapper .wpgmp_listing_container .fc-item-fano .fc-item-featured img {
    margin: 0 !important;
    padding: 0;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover;
}

#wrapper .wpgmp_listing_container .fc-item-meta,
#wrapper .wpgmp_infowindow .fc-item-title {
    font-family: var(--condensed-font);
    color: #fff;
    background: var(--rouge);
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 10px;
    margin: 0;
    font-size: 13px;
}

#wrapper .wpgmp_listing_container .fc-item-title {
    text-align: center;
    margin-bottom: 15px;
}

#wrapper .wpgmp_listing_container .fc-item-title a,
#wrapper .wpgmp_infowindow .fc-item-title {
    font-family: var(--font);
    color: var(--noir);
    font-weight: 700;
    font-size: clamp(18px, 2.5vw, 21px);
}

#wrapper .wpgmp_listing_container .infos-agences,
#wrapper .wpgmp_infowindow .infos-agences {
    font-family: var(--condensed-font);
    color: var(--noir);
    font-size: 18px;
    text-align: left;
    padding-bottom: 15px;
}

#wrapper .wpgmp_listing_container .infos-agences>div,
#wrapper .wpgmp_infowindow .infos-agences>div {
    position: relative;
    padding-left: 40px;
    margin: 8px 0;
    font-size: 18px;
}

#wrapper .wpgmp_listing_container .infos-agences .adresse-agence {
    font-size: 17px;
}

#wrapper .wpgmp_infowindow .infos-agences>div {
    font-size: 16px;
    padding-left: 30px;
    margin: 5px 0;
}

#wrapper .wpgmp_listing_container .infos-agences i,
#wrapper .wpgmp_infowindow .infos-agences i {
    position: absolute;
    left: 0;
    top: -5px;
    width: 25px;
    text-align: center;
    color: var(--rouge);
    font-size: 21px;
}

#wrapper .wpgmp_infowindow .infos-agences i {
    font-size: 18px;
    top: 3px;
    width: 20px;
}

#wrapper .wpgmp_listing_container .tel-agence .second-tel:not(:empty),
#wrapper .wpgmp_infowindow .tel-agence .second-tel:not(:empty) {
    font-size: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    padding-left: 8px;
    margin-left: 8px;
}

#wrapper .wpgmp_listing_container .infos-agences .mention,
#wrapper .wpgmp_infowindow .infos-agences .mention {
    font-style: italic;
    font-weight: 700;
    padding: 0;
}

#wrapper .wpgmp_listing_container .fc-itemcontent-padding {
    padding: 20px;
    background: #fff;
    margin-top: -36px;
    border-radius: 4px;
    position: relative;
    text-align: center;
}

#wrapper .wpgmp_listing_container .fc-component-text {
    margin: 0 18px;
    position: relative;
}

#wrapper .wpgmp_listing_container .lien {
    display: block;
    text-align: center;
    padding: 5px 15px;
    background: var(--bg-gris);
    margin: 0 -20px;
}

#wrapper .wpgmp_listing_container .lien span,
#wrapper .wpgmp_infowindow .lien {
    padding-right: 36px;
    position: relative;
    font-family: var(--condensed-font);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}

#wrapper .wpgmp_infowindow .lien {
    font-size: 14px;
    position: relative;
    padding-right: 30px;
}

#wrapper .wpgmp_infowindow .lien:after {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    background: var(--rouge);
    width: 20px;
    height: 2px;
}

#wrapper .wpgmp_infowindow .infos-agences .lien-wrap {
    padding: 2px 10px;
    text-align: center;
    background: var(--bg-gris);
    margin-bottom: 0;
    margin-top: 10px;
}

#wrapper .wpgmp_listing_container .lien img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 !important;
    padding: 0;
    max-width: 22px;
    position: absolute;
    top: 3px;
    right: 0;
}
#wrapper .wpgmp_map  .cluster > div {
    font-family: var(--condensed-font) !important;
    font-size: 15px !important;
    color: var(--noir) !important;
}


#wrapper .pac-target-input {
    /* max-width: 310px; */
    font-size: 14px;
    color: var(--noir);
    /* margin: 0 0 0 10px !important;
    bottom: 20px !important; */
}

#wrapper .wpgmp_filter_wrappers {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#wrapper .wpgmp_filter_wrappers .wpgmp_before_listing {
    display: none;
}

#wrapper span.wpgmp_locateme_control {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#wrapper .wpgmp_filter_wrappers .categories_filter select {
    background-color: var(--bg-gris);
    color: var(--noir);
    max-width: 500px;
    margin: 0 auto;
    font-family: var(--condensed-font);
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    padding: 12px 30px;
    /* font-size: clamp(18px, 2.5vw, 21px); */
}

#wrapper .wpgmp_filter_wrappers .categories_filter select option {
    font-family: var(--condensed-font);
    font-weight: 400;
}

#wrapper .wpgmp_filter_wrappers .categories_filter {
    max-width: 600px;
    margin: 0 auto;
}

#wrapper .wpgmp_infowindow .wpgmp_iw_content {
    width: 100%;
}

#wrapper .wpgmp_infowindow .fc-item-box .fc-item-title {
    color: #fff;
    font-family: var(--condensed-font);
    padding: 10px 30px 10px 10px;
    font-size: 16px;
    line-height: 1;
}

#wrapper .wpgmp_infowindow .infowindow-close {
    background: transparent;
}

#wrapper .wpgmp_infowindow .infowindow-close:before {
    content: '\e870';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    color: #fff;
}

#wrapper .wpgmp_listing_container .Talent .fc-item-meta,
#wrapper .wpgmp_infowindow .Talent .fc-item-title,
#wrapper .wpgmp_infowindow .Talent .lien:after {
    background: var(--vert);
}

#wrapper .wpgmp_listing_container .Contact .fc-item-meta,
#wrapper .wpgmp_infowindow .Contact .fc-item-title,
#wrapper .wpgmp_infowindow .Contact .lien:after {
    background: var(--fond-sombre);
}



#wrapper .wpgmp_listing_container .Talent .lien:hover,
#wrapper .wpgmp_infowindow .Talent .lien:hover,
#wrapper .wpgmp_listing_container .Talent .infos-agences i,
#wrapper .wpgmp_infowindow .Talent .infos-agences i {
    color: var(--vert);
}

#wrapper .wpgmp_listing_container .Contact .infos-agences i,
#wrapper .wpgmp_infowindow .Contact .infos-agences i {
    color: var(--noir);
}

#wrapper .wpgmp_listing_container .Contact .lien:hover,
#wrapper .wpgmp_infowindow .Contact .lien:hover {
    color: var(--gris);
}


/* ================================================== 
PAGE AGENCE
================================================== */
.single-agences #wrapper .post-content>.row-container>.row,
.single-agences #wrapper .post-content>.row-container>.row>.row-container>.row {
    padding: 0;
}

.single-agences #wrapper .contact-agence .icon-box br {
    display: none;
}

.single-agences #wrapper .contact-agence .icon-box-icon i::before {
    font-size: 28px;
}

.single-agences #wrapper .contact-agence .icon-box p,
.single-agences #wrapper .contact-agence .icon-box li {
    font-family: var(--condensed-font);
    font-weight: 400;
    margin: 0;
    line-height: 1.6em;
}

.single-agences #wrapper .contact-agence .icon-box a {
    color: #fff !important;
    text-decoration: underline;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.single-agences #wrapper .contact-agence .icon-box a:hover {
    opacity: 0.85;
}

.single-agences #wrapper .contact-agence .icon-box ul {
    margin: 0;
}

.single-agences #wrapper .contact-agence .icon-box-content>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.single-agences #wrapper .contact-agence .icon-box ul li {
    padding: 0;
}

.single-agences #wrapper .contact-agence .icon-box ul li ul li:before {
    display: none;
}

.single-agences #wrapper .contact-agence .icon-box-content>ul>li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border: 1px dashed rgba(255, 255, 255, 0.5);
    background: transparent;
}

.single-agences #wrapper .contact-agence .icon-box-content>ul>li strong,
.single-agences #wrapper .contact-agence .icon-box-content>ul>li ul {
    background: var(--fond-sombre);
    position: relative;
    padding: 0 10px;
}

.single-agences #wrapper .contact-agence .icon-box-content>ul>li {
    margin: 0 -10px;
}

.single-agences #wrapper .contact-agence .icon-box-heading .h6 {
    text-transform: uppercase;
}

.single-agences #wrapper .contact-agence a[href^="tel:"],
.single-agences #wrapper .contact-agence a[href^="mailto:"] {
    white-space: nowrap;
}

.single-agences #wrapper .contact-agence .icon-box-content {
    padding-left: 30px;
}

.single-agences #wrapper .contact-agence .uncell.single-block-padding {
    padding-left: 6px;
}

.single-agences #wrapper .contact-agence .uncell.single-block-padding:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background: var(--rouge);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.single-agences #wrapper .map-agence .uncode_text_column,
.single-agences #wrapper .map-agence .wpgmp_map_container,
.single-agences #wrapper .map-agence .wpgmp_map_parent {
    height: 100%;
    margin: 0;
}

.single-agences #wrapper .map-agence .wpgmp_map_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.single-agences #wrapper .map-agence .wpgmp_map_parent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.single-agences #wrapper .map-agence .wpgmp_map {
    min-height: 100%;
}

.single-agences #wrapper .uncode-tabs .tab-pane {
    padding-top: 18px;
}

.single-agences #wrapper .contact-agence.vert .uncell.single-block-padding::before {
    background: var(--vert);
}

.single-agences #wrapper .contact-agence.noir .uncell.single-block-padding::before {
    background: var(--noir);
}

.single-agences #wrapper .team .t-entry-cf-poste {
    font-family: var(--condensed-font);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--rouge);
    letter-spacing: 0.04em;
    margin-bottom: 15px;
}
.single-agences.vert #wrapper .team .t-entry-cf-poste  {
    color: var(--vert);
}
.single-agences #wrapper .team .t-entry-cf-telephone_contact,
.single-agences #wrapper .team .t-entry-cf-email_contact {
    font-family: var(--condensed-font);
    font-weight: 400;
    position: relative;
    padding-left: 32px;
}

.single-agences #wrapper .team .t-entry-cf-telephone_contact:before,
.single-agences #wrapper .team .t-entry-cf-email_contact:before {
    content: '\e004';
    font-family: 'uncodeicon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--rouge);
    width: 28px;
    text-align: center;
}
.single-agences.vert #wrapper .team .t-entry-cf-telephone_contact:before,
.single-agences.vert #wrapper .team .t-entry-cf-email_contact:before {
    color: var(--vert);
}


.single-agences #wrapper .team .t-entry-cf-email_contact:before {
    content: '\e028';
}

.single-agences #wrapper .navbar-topmenu .current_page_parent a[title^="Blog"] {
    font-weight: 400;
}
.single-agences #wrapper .team .cssgrid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    margin: 0 -18px;
}
.single-agences #wrapper .team .cssgrid-container > .tmb {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    padding: 0 9px 18px;
}

/* ================================================== 
BLOG
================================================== */
/* Archive blog
--------------------------------------------- */
#wrapper .un-sidebar-layout,
.single-post #wrapper .post-content>.vc_row>.row {
    max-width: 100%;
}

#wrapper .wrap-blog .t-entry-comments .extras>.extras-wrap:first-child {
    display: none;
}

#wrapper .wrap-blog .t-entry-comments {
    margin-left: auto;
}

#wrapper .wrap-blog .t-entry-category a {
    background: var(--fond-sombre);
    font-weight: 400;
    font-size: 13px !important;
    pointer-events: none;
}

#wrapper .wrap-blog .t-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#wrapper .wrap-blog .t-entry-text {
    margin: -36px 18px 0;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#wrapper .wrap-blog .t-entry-text-tc {
    padding: 25px 36px;
}

#wrapper .wrap-blog .t-entry>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#wrapper .wrap-blog .t-entry>.t-entry-meta,
#wrapper .wrap-blog .t-entry>.t-entry-comments {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

#wrapper .wrap-blog .t-entry-readmore {
    text-align: right;
}

#wrapper .wrap-blog .t-entry-excerpt p {
    font-size: 16px;
}

#wrapper .wrap-blog .t-cat-over {
    padding: 10px;
}

#wrapper .wrap-blog .t-entry-title a {
    color: var(--noir) !important;
}

#wrapper .owl-carousel .t-entry-text {
    padding: 0 18px;
}

#wrapper .row-blog .owl-carousel .t-entry-text-tc {
    padding: 25px 18px !important;
}

#wrapper .row-blog .owl-carousel .t-entry-meta,
#wrapper .wrap-blog .t-entry-category {
    top: -50px;
}

#wrapper .wrap-blog .t-entry-category {
    top: -34px;
}

#wrapper .wrap-blog .menu-smart--filter-cats .filter-show-all {
    text-decoration: underline;
}

#wrapper .wrap-blog .menu-smart--filter-cats .active {
    color: var(--gris);
}

/* Single post
--------------------------------------------- */
.single-post #wrapper .row-blog>.row {
    padding: 36px 0 0;
}

.single-post #wrapper .row-blog .btn-container {
    text-align: left;
}

#wrapper .t-overlay-content .t-entry .fa-attachment {
    color: #fff;
}

.single-post #wrapper .row-blog .btn-container {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.single-post #wrapper .row-blog .owl-item>.tmb>.t-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.single-post #wrapper .row-blog .owl-carousel .t-entry-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.single-post #wrapper .row-blog .owl-carousel .t-entry-visual {
    height: auto;
}

.single-post #wrapper .row-blog .owl-carousel .t-entry-text-tc {
    height: calc(100% + 36px);
}

/* ================================================== 
QUI SOMMES-NOUS
================================================== */
#wrapper .valeurs .rangee-btns .uncont,
#wrapper .intro-services .rangee-btns .uncont {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#wrapper .intro-services .btn-container {
    max-width: 300px;
    margin-bottom: 10px;
}

#wrapper .uncode-tabs .vertical-tab-wrapper .nav-tabs {
    margin: 0;
    /* background: var(--fond-sombre); */
}

#wrapper .uncode-tabs .vertical-tab-wrapper .nav-tabs>li {
    padding: 0;
    margin: 0;
    background: transparent;
    color: var(--noir) !important;
    font-family: var(--font) !important;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 300;
}

#wrapper .uncode-tabs .vertical-tab-wrapper .nav-tabs>li.active>a {
    background-color: var(--rouge) !important;
}

#wrapper .vert .uncode-tabs .vertical-tab-wrapper .nav-tabs>li.active>a {
    background-color: var(--vert) !important;
}

#wrapper .uncode-tabs .vertical-tab-wrapper .nav-tabs>li>a {
    padding: 15px 18px !important;
    margin: 0;
    color: #fff !important;
    background: var(--fond-sombre) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    text-transform: uppercase;
    font-family: var(--condensed-font) !important;
    letter-spacing: 0.08em;
    font-weight: 700;
}

#wrapper .uncode-tabs .nav-tabs>li>a span {
    font-size: clamp(18px, 2.5vw, 21px);
}

#wrapper .uncode-tabs .vertical-tab-wrapper .tab-content {
    background: transparent;
    border-radius: 0;
}

#wrapper .uncode-tabs .vertical-tab-wrapper .tab-pane {
    padding-top: 0;
}

#wrapper .vert ul li:before {
    background: var(--vert);
}

#wrapper .uncode-tabs .vertical-tab-wrapper .nav-tabs>li>a:hover {
    color: var(--rouge) !important;
}

#wrapper .vert .uncode-tabs .vertical-tab-wrapper .nav-tabs>li>a:hover {
    color: var(--vert) !important;
}

/* ================================================== 
CONTACT
================================================== */
#wrapper .row-agence .uncont {
    position: relative;
    z-index: 1;
}

#wrapper .row-agence .col-lg-3 .uncell {
    vertical-align: bottom;
}

#wrapper .row-agence .col-lg-3 .uncell:before {
    background: var(--rouge);
    opacity: 0.65;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
    z-index: 1;
    max-height: 400px;
}

#wrapper .row-agence .vc_custom_heading_wrap p {
    line-height: 1.5em;
}

#wrapper .row-agence .column-background {
    border-radius: 4px;
}

/*  Gravity Forms
--------------------------------------------- */
#wrapper .gform_confirmation_wrapper .gform_confirmation_message,
#wrapper .gform_validation_errors>* {
    text-transform: none;
    color: var(--vert);
    letter-spacing: 0;
    font-size: clamp(18px, 2.5vw, 21px);
    line-height: 1.6em;
    font-weight: 400;
}

#wrapper .gform_confirmation_wrapper {
    position: relative;
}

#wrapper .gform_wrapper .gfield {
    position: relative;
}

#wrapper .gform_wrapper input[type="text"],
#wrapper .gform_wrapper input[type="email"],
#wrapper .gform_wrapper input[type="tel"],
#wrapper .gform_wrapper input[type="number"],
#wrapper .gform_wrapper textarea,
#wrapper .gform_wrapper select,
#wrapper #vacancy-form input[type="text"],
#wrapper #vacancy-form input[type="email"],
#wrapper #vacancy-form input[type="tel"],
#wrapper #vacancy-form input[type="number"],
#wrapper #vacancy-form input[type="date"],
#wrapper #vacancy-form textarea,
#wrapper #vacancy-form select,
#wrapper .chosen-container .chosen-choices, 
#wrapper .chosen-container-single {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: none;
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--noir);
    background-color: var(--bg-gris);
    /* padding: 8px 0 !important; */
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: var(--condensed-font);
    min-height: 42px;
}

#wrapper .gform_wrapper textarea,
#wrapper #vacancy-form textarea {
    padding: 15px !important;
}

#wrapper .gform_wrapper select,
#wrapper .chosen-container .chosen-choices,
#wrapper .chosen-container-single .chosen-single {
    padding: 6px 15px !important;
    background-size: 54px auto;
}

#wrapper .gform_wrapper select option,
#wrapper #vacancy-form select option {
    font-family: var(--condensed-font);
    font-weight: 400;
}

#wrapper .gform_wrapper input:focus,
#wrapper .gform_wrapper textarea:focus,
#wrapper #vacancy-form input:focus,
#wrapper #vacancy-form textarea:focus {
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}

#wrapper .gform_wrapper label,
#wrapper .gform_wrapper .gfield_label,
#wrapper #vacancy-form label {
    font-weight: 600;
    font-size: 18px;
    /* text-transform: uppercase; */
    letter-spacing: 0;
    text-align: left;
    color: var(--noir);
    font-family: var(--font);
}

#wrapper .gform_wrapper .ginput_container_radio label,
#wrapper .gform_wrapper .ginput_container_checkbox label,
#wrapper #vacancy-form input[type="radio"]+span,
#wrapper #vacancy-form input[type="checkbox"]+span {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    font-family: var(--condensed-font);
}

#wrapper .gform_wrapper .ginput_container_consent label {
    /* line-height: 1.3em; */
    font-size: 14px;
    text-transform: none;
    opacity: 1;
    letter-spacing: 0;
    font-weight: 400;
    display: inline;
    font-family: var(--text-font);
}

#wrapper .gform_wrapper .gform_required_legend {
    color: var(--rouge);
    margin: 0 0 10px;
    font-size: 14px;
    font-style: italic;
}

#wrapper .gform_wrapper .gfield_required,
#wrapper .gform_wrapper .ginput_container_name label::after {
    color: var(--rouge);
    font-size: 14px;
}

#wrapper .gform_wrapper .ginput_container_name label::after {
    content: '*';
    margin-left: 5px;
}

#wrapper .gform_footer {
    position: relative;
    padding: 0 !important;
    margin: 30px 0 0;
}

#wrapper .gform_footer .gform_button,
#wrapper .gform_page_footer .gform_button[type="submit"] {
    background-color: transparent;
    padding: 0;
}

#wrapper .gform_footer .btn-container,
#wrapper .gform_page_footer .btn-container {
    margin-top: 0;
}

#wrapper .gform_footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#wrapper .gform_wrapper .gform_fields {
    row-gap: 25px;
}

#wrapper .gform_wrapper input[type="checkbox"]:checked:before {
    content: var(--gf-icon-ctrl-checkbox);
    top: 2px;
}

/* #wrapper .gform_wrapper .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 15px;
} */
#wrapper .gform_wrapper .gfield_label_before_complex {
    text-transform: uppercase;
}

#wrapper .gform_wrapper .ginput_complex.ginput_container--name {
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 25px;
}

#wrapper .gform_wrapper .ginput_complex.ginput_container--name>span {
    padding: 0;
    width: 100%;
}

#wrapper .gform_validation_error .gfield_validation_message,
#wrapper .gform_validation_errors * {
    color: var(--rouge);
}

#wrapper .gform_wrapper .gfield--type-address .ginput_container_address>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#wrapper .gform_validation_errors * {
    font-size: 16px;
}

#wrapper .gf_page_steps {
    background: var(--fond-sombre);
    color: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px 18px;
}

#wrapper .gf_step_label {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
}

#wrapper .gf_step .gf_step_number {
    color: #fff;
    font-size: 18px;
    font-family: var(--condensed-font);
    font-weight: 700;
    border: 2px solid var(--rouge);
}

#wrapper .gf_step.gf_step_active .gf_step_number {
    background: transparent;
    border-color: var(--vert);
}

#wrapper .gf_step.gf_step_completed .gf_step_number:after {
    background-color: var(--vert);
    border-color: var(--vert);
}

#wrapper .gform_page_footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

#wrapper .gform_next_button,
#wrapper .gform_previous_button {
    font-family: var(--condensed-font) !important;
    font-weight: 700 !important;
    border-radius: 0;
    background: transparent;
    border: 1px solid var(--fond-sombre);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: var(--noir);
    position: relative;
    letter-spacing: 0.02em;
    font-size: 16px;
}

#wrapper .gform_next_button:hover,
#wrapper .gform_previous_button:hover {
    background: var(--fond-sombre);
    color: #fff;
}

#wrapper .ginput_container_date .datepicker {
    width: 100%;
}

#wrapper .gform_wrapper input[type="radio"],
#wrapper .gform_wrapper input[type="checkbox"],
#wrapper #vacancy-form input[type="radio"],
#wrapper #vacancy-form input[type="checkbox"] {
    border-color: rgba(0, 0, 0, 0.15);
    background-color: var(--bg-gris);
}

#wrapper .gform_wrapper .gfield_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#wrapper .gform_wrapper input[type="radio"] {
    position: relative;
    top: 2px;
}
#wrapper #site-content.cdi .btn-container .custom-link:before,
#wrapper #site-content.cdi #vacancy-article-detail-content .text ul li::before,
#wrapper #site-content.cdi .infos-offre .bloc_contact .photo_contact::before {
    background: var(--vert);
}
#wrapper #site-content.cdi .btn-container .custom-link {
   box-shadow: 0px 0px 30px 0px rgba(153, 196, 85, 0.15);
}
#wrapper #site-content.cdi .bloc_infos_poste:before,
#wrapper #site-content.cdi #vacancy-article-detail-content > div > h2.owp-heading-3:before,
#wrapper #site-content.cdi #vacancy-article-detail-content .le-profil .text ul li::before,
#wrapper #site-content.cdi .infos-offre .bloc_contact a:hover {
    color: var(--vert);
}
#wrapper #site-content.cdi #vacancy-article-detail-content .le-profil .text ul li::before {
    background: transparent;
}
#wrapper #site-content.cdi #vacancy-article-detail-content .l-offre .text ul {
    border-color: var(--vert);
}

/* ================================================== 
CANDIDATURE FORM
================================================== */
#wrapper #vacancy-apply,
#wrapper #site-content>.site-width {
    max-width: 100%;
    padding: 0;
}

#wrapper #vacancy-apply-header .vacancy-apply-left {
    max-width: 40%;
}

#wrapper #vacancy-apply-header .vacancy-apply-left {
    position: relative;
    z-index: 1;
}

#wrapper #vacancy-apply .vacancy-header #vacancy-apply-header {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0 18px;
}

#wrapper .vacancy-head-apply-text {
    text-align: right;
    margin-top: 18px;
}

#wrapper #vacancy-apply-header .background-inner {
    background: url("https://www.triangle-solutions-rh.be/wp-content/uploads/2024/03/group-having-discussion-at-graduate-recruitment.jpg") no-repeat center center;
    background-size: cover;
}

#wrapper #vacancy-form .vacancy_apply_button {
    font-family: var(--condensed-font);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

#wrapper #vacancy-form .form-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

#wrapper #vacancy-form .form-input-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#wrapper #vacancy-form .form-input-wrapper .form-label-col,
#wrapper #vacancy-form .form-input-col {
    width: 100%;
}

#wrapper #vacancy-form {
    max-width: 1200px;
    padding: 36px;
    margin: 0 auto;
}
#wrapper #vacancy-form.vc_row {
    padding: 36px 0;
}

#wrapper #vacancy-form .vacancy-form .rest-form-page {
    display: -ms-grid;
    display: grid;
    gap: 16px 20px;
    margin: 0;
}

#wrapper #vacancy-form .vacancy-form .rest-form-page>div {
    padding: 0;
    -ms-grid-column-span: 6;
    grid-column: span 6;
}

#wrapper #vacancy-form .vacancy-form .rest-form-page>#person_email_primary,
#wrapper #vacancy-form .vacancy-form .rest-form-page>#cv_file_name,
#wrapper #vacancy-form .vacancy-form .rest-form-page>#person_gender {
    -ms-grid-column-span: 12;
    grid-column: span 12;
}

#wrapper #vacancy-form .vacancy-form input[type="text"],
#wrapper #vacancy-form .vacancy-form input[type="email"],
#wrapper #vacancy-form .vacancy-form input[type="tel"],
#wrapper #vacancy-form .vacancy-form input[type="date"] {
    width: 100%;
}

#wrapper #vacancy-form #person_gender .form-input-col .input-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 18px;
}

#wrapper #vacancy-form input[type="radio"]:checked::before {
    background-color: var(--noir);
}

#wrapper #vacancy-form #person_language_code select {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgNTAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjIuNiw4YzAtMC4xLDAtMC4yLDAuMS0wLjJsMC41LTAuNWMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xbDMuNywzLjdsMy43LTMuN2MwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMXMwLjIsMCwwLjIsMC4xTDMyLDcuOEMzMiw3LjksMzIuMSw4LDMyLjEsOGMwLDAuMSwwLDAuMi0wLjEsMC4ybC00LjQsNC40Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMXMtMC4yLDAtMC4yLTAuMWwtNC40LTQuNEMyMi43LDguMiwyMi42LDguMSwyMi42LDh6Ii8+PC9zdmc+");
}

#wrapper #vacancy-form .input-field input[type="file"] {
    font-size: 16px;
}

#wrapper #candidate_gdpr_accept input[type="checkbox"]+span {
    line-height: 1.3em;
}

#wrapper #vacancy-form input[name="confirmationcode"] {
    min-width: 350px;
    max-width: 100%;
}
#wrapper #vacancy-form .button.vacancy-apply-prev {
    display: none;
}

#wrapper .chosen-container .chosen-choices .search-field {
    padding: 0;
}
#wrapper .chosen-container .chosen-choices .search-field:before, #wrapper .chosen-drop .chosen-results li:before, #wrapper .chosen-choices .search-choice:before {
    display: none;
}
#wrapper .chosen-search-input  {
    margin: 0;
    min-height: auto !important;
}
#wrapper .chosen-drop .chosen-results li {
    padding: 5px 20px;
}
#wrapper .chosen-drop .chosen-results li.highlighted {
    background: var(--fond-sombre);
}
#wrapper .chosen-choices .search-choice .search-choice-close {
    left: 5px;
    top: 5px;
}
#wrapper .chosen-choices .search-choice  {
    padding: 3px 8px 5px 25px;
    background-image: none;
    font-size: 16px;
}
#wrapper .chosen-container .chosen-choices, #wrapper .chosen-container-single .chosen-single   {
    background-image: none;
    margin-top: 9px;
}
#wrapper .chosen-container-single {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 9px;
}
#wrapper .chosen-container-single .chosen-single {
    border: none;
    box-shadow: none;
    margin: 0;
    height: 100%;
    color: var(--noir);
    text-decoration: none;
    line-height: 1.5em;
    min-height: 47px;
    padding-top: 10px !important;
}
#wrapper .chosen-container-single .chosen-single div b {
    background-position-y: 15px;
}
#wrapper .chosen-container-single .chosen-search input[type="text"] {
    background-position-y: ;
}

/* ================================================== 
PAGES UTILITAIRES (mentions légales, 404)
================================================== */
.page-utils #wrapper .post-content h2 {
    font-size: clamp(18px, 3vw, 24px);
    line-height: 1.5em;
    font-family: var(--condensed-font);
    font-weight: 700;
}

.page-utils #wrapper .post-content h3,
#cmplz-document .cmplz-subtitle {
    color: var(--rouge);
    font-family: var(--condensed-font);
    font-size: clamp(16px, 2.5vw, 18px);
}

.error404 #wrapper .bandeau-page .block-bg-overlay.style-color-F9F8F8-bg {
    z-index: 0;
}


/* ================================================== 
COMPLIANZ
================================================== */
#cmplz-cookiebanner-container {
    z-index: 5;
}

#cmplz-manage-consent .cmplz-manage-consent.cmplz-btn {
    left: auto !important;
    right: 40px !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
    content: '';
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    margin-top: -50vh;
    margin-left: -50vw;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner>* {
    z-index: 2;
}

#cmplz-manage-consent .cmplz-manage-consent {
    right: auto !important;
    left: 40px;
    font-family: var(--condensed-font);
    font-weight: 400;
}

#cmplz-document {
    max-width: 100% !important;
}

#cmplz-cookiebanner-container .cmplz-message {
    text-align: center;
}

#cmplz-cookiebanner-container {
    position: fixed;
}

#cmplz-cookiebanner-container .cmplz-title {
    font-family: var(--condensed-font);
    font-size: clamp(18px, 3vw, 21px);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--noir);
    text-align: center;
}

#cmplz-cookiebanner-container .cmplz-btn {
    text-transform: uppercase;
    font-family: var(--condensed-font);
    font-weight: 700;
    font-size: 14px;
}

.cmplz-cookiebanner {
    max-width: 600px !important;
}

#cmplz-cookiebanner-container .cmplz-categories,
#cmplz-cookiebanner-container .cmplz-message {
    width: 100%;
}


#wrapper #cmplz-document .cmplz-service-header h3 {
    color: var(--noir);
}

/* Ajout style btn Refus */

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny {
    position: absolute;
    top: -26px;
    right: 0;
    padding: 0;
    height: auto;
    background: transparent;
    border: none;
    color: #ccc;
    display: inline-block;
    width: auto;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none;
    font-size: 15px;
}

#cmplz-cookiebanner-container .cmplz-deny::after {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-top: 1px solid white;
    border-right: 1px solid white;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px;
    top: 1px;
}

#wrapper .rest-form-container .input-field > input {
    width: 100%;
}
#wrapper :is(.login-form, .forgot-password-form) .rest-form-container .form-label {
    text-align: center;
}
#wrapper .vacancy-form-actions a {
    color: #101116;
    text-decoration: underline;
}

/* ================================================== 
MEDIA QUERIES
================================================== */
@media screen and (min-width: 1921px) {
    #wrapper .bandeau-page>.row {
        min-height: 450px;
    }
}

@media screen and (max-width: 1800px) {
    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        margin-top: 30px;
        left: 180px;
    }

    #wrapper .listing:before {
        border-width: 60px 0 60px 30px;
        top: -30px;
    }

}

@media screen and (max-width: 1600px) {
    #wrapper .bandeau-home>.row {
        margin-right: 0 !important;
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column:not(.box) {
        padding-bottom: 120px;
    }

    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        left: 30px;
    }

    #wrapper .bandeau-page .uncont {
        padding-left: 0;
    }

    #wrapper .owp-range-slider {
        max-width: 80px;
    }

    #wrapper .vacancies-geo-search-section .owp-geo-search-input {
        max-width: calc(100% - 180px);
    }

    #wrapper .vacancies-search-section,
    #wrapper .vacancies-geo-search-section,
    #wrapper .owp-geo-search-form {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #wrapper .owp-search-form,
    #wrapper .owp-geo-search-form {
        max-width: 380px;
    }

    #wrapper .vacancies-search-section .h5,
    #wrapper .vacancies-geo-search-section .h5 {
        padding-right: 10px;
    }

    #wrapper .wpgmp_listing_container .fc-component-6 {
        gap: 36px 18px;
    }

    #wrapper .wrap-blog>.row {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .wrap-blog .t-entry-text-tc {
        padding: 25px;
    }

}

@media screen and (max-width: 1400px) {
    #wrapper .vc_row>.row.col-double-gutter>.row-inner {
        margin-left: -36px;
        width: calc(100% + 36px);
    }

    #wrapper .vc_row>.row.col-double-gutter>.row-inner>.wpb_column {
        padding-left: 36px;
    }


    #wrapper .top-menu .menu-item>a {
        padding: 8px 25px;
    }

    #wrapper #colophon .col-logo {
        z-index: 1;
    }

    #colophon .col-liens>.uncol>.uncoltable>.uncell,
    #colophon .col-logo>.uncol>.uncoltable>.uncell {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper #colophon .col-liens .uncode-list a {
        font-size: 16px;
    }

    #wrapper #colophon .col-logo .uncont {
        margin-left: 0;
    }

    #colophon .col-logo .column-background {
        -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    }

    #colophon .col-liens .column-background {
        -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
        margin-left: -12%;
    }

    #colophon .copyright p {
        font-size: 14px;
        max-width: 325px;
    }

    #wrapper .bandeau-home .box {
        max-width: 300px;
    }

    #wrapper .bandeau-home .box .uncell {
        padding: 18px;
    }

    #wrapper .bandeau-home>.row {
        padding: 36px 18px;
        max-width: 75%;
    }

    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        left: 25%;
    }

    #wrapper .bandeau-home .h1 {
        font-size: clamp(24px, 3vw, 32px);
    }

    #wrapper .bandeau-home .box .h4 {
        font-size: 20px;
    }

    #wrapper .bandeau-home .box .vc_custom_heading_wrap .heading-text .text-top-reduced p {
        letter-spacing: 0.04em;
    }

    #wrapper .bandeau-home>.row-background .background-inner {
        background-position: center center !important;
    }

    #wrapper .bandeau-page .uncont {
        padding-left: 0;
    }

    #wrapper #vacancy-apply h1.vacancy-title {
        font-size: clamp(20px, 3.2vw, 28px);
    }

    #wrapper .vacancy-header .vacancy-date {
        font-size: 16px;
    }

    #wrapper .secteurs .owl-item .t-entry-readmore {
        right: 2px;
    }

    #wrapper .secteurs .owl-item .t-entry-visual {
        padding: 0 6px;
    }

    #wrapper .rangee-btns .uncont {
        -webkit-column-gap: 36px;
        -moz-column-gap: 36px;
        column-gap: 36px;
        row-gap: 18px;
    }

    #wrapper .vacancies-search-section .h5,
    #wrapper .vacancies-geo-search-section .h5 {
        font-size: 18px;
    }

    #wrapper .owp-search-form,
    #wrapper .owp-geo-search-form {
        max-width: 320px;
    }

    #wrapper #vacancies-filters .owp-heading-3 {
        font-size: 18px;
    }

    #wrapper .filtres .wpb_widgetised_column .widget_custom_html .h4 {
        font-size: 20px;
    }

    #wrapper .uncode-tabs .vertical-tab-wrapper .tab-content {
        padding-left: 36px;
    }

    #wrapper .wpgmp_listing_container .fc-component-text {
        margin: 0 10px;
    }

    #wrapper .wpgmp_listing_container .infos-agences .mention {
        font-size: 16px;
    }

    #wrapper .wpgmp_listing_container .fc-itemcontent-padding {
        padding: 20px 15px;
    }

    #wrapper .wpgmp_listing_container .fc-item-title a,
    #wrapper .wpgmp_infowindow .fc-item-title {
        font-size: 18px;
    }

    #wrapper .contact-map-agence>.row {
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 36px;
    }

    #wrapper .wrap-offre {
        gap: 36px;
    }

    #wrapper .details-offre {
        max-width: calc(66% - 18px);
    }

    #wrapper .infos-offre {
        max-width: calc(34% - 18px);
    }

    #wrapper .infos-offre .bloc_agence .contenu-agence {
        padding-bottom: 10px;
    }

    #wrapper .infos-offre .bloc_agence .h2 {
        margin-bottom: 10px;
    }

    #wrapper .infos-offre .bloc_agence .h6 {
        font-size: 16px;
    }

    #wrapper .row-agence>.row {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .row-agence .col-lg-3 .uncell:before {
        max-height: 100%;
        height: 90%;
    }

    #wrapper .wrap-blog .t-entry-text-tc {
        padding: 25px 18px;
    }

    #wrapper .wrap-blog .t-entry-text {
        margin: -18px 10px 0;
    }

    #wrapper .wrap-blog .t-entry-category a {
        font-size: 12px !important;
    }

    .single-post #wrapper .un-sidebar-layout {
        padding: 36px 0;
    }

    .single-post #wrapper .row-blog>.row {
        padding-left: 36px;
    }

    .single-post #wrapper .row-blog .owl-carousel .t-entry-text-tc {
        margin-top: -36px;
    }

    #wrapper .widget_archive select,
    #wrapper .widget_categories .cat-item a,
    #wrapper .widget_recent_entries li a {
        font-size: 16px;
    }

    .single-post #wrapper .col-widgets-sidebar .uncell.style-color-F9F8F8-bg {
        padding: 36px 18px;
    }
    #wrapper .infos-offre .bloc_contact .infos_contact{
        padding: 25px 15px;
    }
    #wrapper .infos-offre .bloc_contact .tel_contact::before, #wrapper .infos-offre .bloc_contact .email_contact::before {
        font-size: 21px;
        margin-right: 8px;
        width: 26px;
    }
    #wrapper .infos-offre .bloc_contact .photo_contact {
        -ms-flex-preferred-size: 90px;
        flex-basis: 90px;
    }
    #wrapper .infos-offre .bloc_contact .tel_contact, #wrapper .infos-offre .bloc_contact .email_contact {
        padding: 0;
    }
    #wrapper .vacancy-content .vacancy-photo {
        margin-right: 15px;
    }
}

@media screen and (max-width: 1199px) {
    #wrapper #masthead #mega-menu-primary>li {
        padding: 0 25px;
    }

    #wrapper #masthead .menu-talent>a>img,
    #wrapper #masthead .menu-interim>a>img {
        margin-right: 25px;
        max-width: calc(100% - 140px);
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        height: 90px;
    }

    #wrapper .menu-wrapper .top-menu .menu-btn>a {
        font-size: 16px;
    }

    #wrapper .top-menu .menu-item>a,
    #wrapper .menu-wrapper.sticky .top-menu .menu-item>a {
        font-size: 14px;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    #wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li a {
        font-size: 16px;
    }

    #wrapper .menu-wrapper #masthead .menu-talent>a>img,
    #wrapper .menu-wrapper #masthead .menu-interim>a>img {
        max-height: 36px;
    }

    #wrapper #page-header .row-header,
    .error404 #wrapper .bandeau-page,
    #wrapper .vacancy-header {
        margin-top: 130px;
    }
    #wrapper .bandeau-home > .row {
        min-height: calc(100vh - 130px);
    }

    #wrapper .top-menu .menu-item>a {
        padding: 8px 18px;
    }

    #wrapper .top-menu .menu-btn>a {
        padding: 6px 20px 10px !important;
    }

    #wrapper .top-menu .col-lg-0 .menu-bloginfo {
        padding-right: 18px;
    }

    #wrapper .top-menu .menu-smart {
        padding: 0;
        text-align: left;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-block-title {
        font-size: 18px;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu {
        gap: 0;
    }

    #colophon .col-logo .rouge .uncont,
    #colophon .col-logo .vert .uncont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 18px;
    }

    #colophon .col-logo .wpb_raw_code {
        margin: 0;
    }

    #colophon .col-liens .icon-box-icon .fa:before {
        font-size: 28px;
    }

    #wrapper .bandeau-home>.row {
        max-width: 100%;
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column:not(.box) {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding-top: 0;
        padding-bottom: 60px;
    }

    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        max-width: 100px;
        left: 25vw;
        margin-top: 20px;
    }

    #wrapper .bandeau-home>.row-background .background-inner {
        max-width: 100%;
        -webkit-clip-path: polygon(0 30%, 0% 100%, 100% 100%);
        clip-path: polygon(0 30%, 0% 100%, 100% 100%);
    }

    #wrapper .bandeau-home .block-bg-overlay.style-color-F9F8F8-bg {
        left: 0;
        max-height: 100%;
        max-width: 100%;
        -webkit-clip-path: polygon(100% 0, 100% 28%, 50% 62%, 0 28%, 0 0);
        clip-path: polygon(100% 0, 100% 28%, 50% 62%, 0 28%, 0 0);
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column:not(.box) .vc_custom_heading_wrap {
        padding-left: 0;
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column .shift_y_neg_quad {
        margin-top: -250px !important;
    }

    #wrapper .bandeau-home>.row>.row-inner>.pos-middle {
        vertical-align: top;
    }

    #wrapper .bandeau-page .uncont,
    #wrapper #vacancy-apply-header .vacancy-apply-left {
        max-width: 100%;
    }

    #wrapper .bandeau-page>.row-background .background-inner,
    #wrapper .vacancy-header-slider,
    #wrapper #vacancy-apply-header .row-background .background-inner {
        opacity: 0.2;
        max-width: 75%;
        -webkit-clip-path: polygon(26% 0, 100% 0, 100% 100%, 2% 100%);
        clip-path: polygon(26% 0, 100% 0, 100% 100%, 2% 100%);
    }

    #wrapper .bandeau-page .block-bg-overlay.style-color-F9F8F8-bg,
    #wrapper #vacancy-article-detail .vacancy-header::before,
    #wrapper #vacancy-apply-header .block-bg-overlay.style-color-F9F8F8-bg {
        left: 6%;
        max-width: 36%;
        -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
        clip-path: polygon(100% 0, 0 0, 50% 100%);
    }

    #wrapper .vacancy-header-details {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #wrapper .return-button {
        color: var(--noir);
    }

    #wrapper #vacancy-article-detail h1.vacancy-title,
    #wrapper #vacancy-apply h1.vacancy-title,
    #wrapper .vacancy-head-apply-text,
    #wrapper .return-button {
        text-align: left;
    }

    #wrapper .vacancy-header .vacancy-info-footer-right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0;
    }

    #wrapper .vacancy-header .vacancy-date,
    #wrapper .vacancy-header .btn-container {
        margin-top: 0;
    }

    #wrapper #vacancy-article-detail .vacancy-header,
    #wrapper #vacancy-apply .vacancy-header {
        min-height: 300px;
    }

    #wrapper .pullquote .pullquote__content {
        font-size: 18px;
    }

    #wrapper .temoignages .row-background {
        max-height: 500px;
    }

    #wrapper .uncode-tabs .tab-content .tab-pane>div>.vc_row,
    #wrapper .secteurs {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .uncode-tabs .tab-content .tab-pane>div>.vc_row.desc-tab {
        padding-top: 0;
        padding-bottom: 18px;
    }

    #wrapper .uncode-list ol>li {
        padding-left: 60px;
    }

    #wrapper .vacancies-list {
        gap: 10px;
    }

    #wrapper .secteurs .owl-item .t-entry-visual-tc {
        max-width: 60px;
    }

    #wrapper .secteurs .owl-item .t-entry-readmore .btn {
        letter-spacing: 0;
        font-size: 13px;
    }

    #wrapper .secteurs .owl-item .t-entry-readmore .btn::after {
        margin-left: 5px;
        width: 15px;
    }

    #wrapper .secteurs .owl-item .t-entry-excerpt p {
        font-size: 16px;
    }

    #wrapper .secteurs .owl-item .t-entry-text {
        padding: 6px 9px 18px;
    }

    #wrapper .rangee-btns .uncont {
        gap: 18px;
    }

    .main-container .row-container .triple-top-padding {
        padding-top: 72px;
    }

    #wrapper .row-blog .cssgrid-container .t-entry-text,
    #wrapper .owl-carousel .t-entry-text {
        padding: 0 18px;
    }

    #wrapper .listing>.row {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .vacancies-search-section,
    #wrapper .vacancies-geo-search-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    #wrapper .vacancies-search-section .h5,
    #wrapper .vacancies-geo-search-section .h5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0;
    }

    #wrapper .vacancy-footer>.owp-labels {
        gap: 6px;
    }

    #wrapper .listing .filtres .btn-container .custom-link {
        font-size: 15px;
        padding: 12px 80px 12px 25px !important;
    }

    #wrapper .filtres .wpb_widgetised_column .widget_custom_html .uncell.single-block-padding p {
        font-size: 16px;
    }

    /* Filtres listing offres
    --------------------------------------------- */
    #wrapper .listing:before {
        display: none;
    }

    #wrapper #toggle-vacancies-filters {
        display: block;
        position: fixed;
        left: 0;
        right: auto;
        bottom: 0;
        width: 80px;
        inline-size: 80px;
        height: 80px;
        block-size: 80px;
        background: var(--noir);
        border-radius: 0;
        z-index: 9999;
        -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
    }

    #wrapper #toggle-vacancies-filters svg {
        position: absolute;
        left: 16px;
        top: 48px;
        width: 18px;
        inline-size: 18px;
        height: 22px;
        block-size: 22px;
        fill: #fff;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    #wrapper #toggle-vacancies-filters svg.close-icon {
        opacity: 0;
        -webkit-transform: rotate(135deg) scale(0.8);
        -ms-transform: rotate(135deg) scale(0.8);
        transform: rotate(135deg) scale(0.8);
    }

    body.show-vacancies-filters #wrapper #toggle-vacancies-filters svg.close-icon {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    body.show-vacancies-filters #wrapper #toggle-vacancies-filters svg.filter-icon {
        opacity: 0;
        -webkit-transform: rotate(-135deg) scale(0.8);
        -ms-transform: rotate(-135deg) scale(0.8);
        transform: rotate(-135deg) scale(0.8);
    }

    #wrapper #vacancies-filters {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #FFF;
        z-index: 9998;
        padding: 18px 36px;
        overflow-y: auto;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

    body.show-vacancies-filters #wrapper #vacancies-filters {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #wrapper #toggle-vacancies-filters:hover {
        cursor: pointer;
    }

    body.show-vacancies-filters #wrapper .main-wrapper {
        z-index: 1;
    }

    #wrapper .listing .filtres,
    #wrapper .listing .filtres+.wpb_column {
        width: 100%;
        display: block;
        height: auto !important;
    }

    #wrapper .listing>.row>.row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
    }

    #wrapper .filtres .wpb_widgetised_column .widget_custom_html .uncell.single-block-padding {
        max-width: 700px;
        margin: 0 auto;
        display: block;
    }

    #wrapper .listing>.row {
        padding-top: 36px;
    }

    #wrapper .owp-search-form,
    #wrapper .owp-geo-search-form {
        max-width: 100%;
    }

    #wrapper .wpgmp_listing_container .fc-component-6 {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }

    #wrapper .wpgmp_tab_item .wpgmp_cat_title,
    #wrapper .wpgmp_listing_container .lien span,
    #wrapper .wpgmp_infowindow .lien {
        font-size: 15px;
    }

    #wrapper .wpgmp_listing_container .lien img {
        max-width: 18px;
    }

    #wrapper .wpgmp_listing_container .lien span,
    #wrapper .wpgmp_infowindow .lien {
        padding-right: 25px;
    }

    #wrapper .wpgmp_listing_container .fc-item-meta,
    #wrapper .wpgmp_infowindow .fc-item-title {
        font-size: 12px;
    }

    .single-agences #wrapper .contact-agence .uncell.single-block-padding:before {
        width: 45px;
    }

    .single-agences #wrapper .contact-agence .icon-box .fa:before {
        font-size: 24px;
    }

    .single-agences #wrapper .contact-agence .uncell.single-block-padding {
        padding-left: 0;
        padding-right: 18px;
    }

    .single-agences #wrapper .contact-agence .icon-box-content {
        padding-left: 15px;
    }

    #wrapper .contact-map-agence>.row {
        padding: 36px 0;
    }

    .error404 #wrapper .bandeau-page>.row>.row-inner {
        height: auto !important;
        min-height: 500px;
    }

    #wrapper .infos_poste,
    #wrapper .bloc_infos_poste .bloc_infos_poste_title {
        font-size: 16px;
    }

    #wrapper .infos-offre .bloc_client {
        padding: 0 18px 36px;
    }

    #wrapper .wrap-offre {
        padding: 0 18px;
    }

    #wrapper .bloc_infos_poste {
        padding-left: 30px;
    }

    #wrapper .bloc_infos_poste:before {
        font-size: 21px;
    }

    #wrapper .row-agence>.row {
        padding-left: 0;
        padding-right: 0;
    }

    #wrapper .row-agence .col-lg-3 .uncell {
        padding: 18px;
    }

    #wrapper .row-agence .col-lg-3 .uncell .vc_custom_heading_wrap .heading-text .text-top-reduced p {
        font-size: 18px;
    }

    #wrapper .wrap-blog .menu-smart--filter-cats a {
        font-size: 15px;
        letter-spacing: 0.02em;
    }

    #wrapper .wrap-blog>.row {
        padding-top: 36px;
    }

    #wrapper .col-widgets-sidebar {
        padding: 0;
    }

    .single-post #wrapper .owl-carousel .t-entry-text {
        padding: 0 10px;
    }

    .single-post #wrapper .row-blog .owl-carousel .t-entry-text-tc p {
        font-size: 16px;
    }

    .single-post #wrapper .row-blog>.row {
        padding: 36px 18px 0;
    }
    #wrapper .infos-offre .bloc_contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 50px;
    }

    #wrapper .infos-offre .bloc_contact .photo_contact {
        -ms-flex-preferred-size: 130px;
        flex-basis: 130px;
        height: auto;
        margin-top: -50px;
    }

    #wrapper .infos-offre .bloc_contact .photo_contact img {
        max-height: 200px;
    }

}

@media screen and (max-width: 959px) {
    #wrapper .vc_row>.row.col-double-gutter>.row-inner {
        margin-left: 0;
        width: 100%;
    }

    #wrapper .vc_row>.row.col-double-gutter>.row-inner>.wpb_column {
        padding-left: 0px;
    }

    /* Menu Mobile
    --------------------------------------------- */
    body.open-overlay-menu #wrapper {
        z-index: 101;
        position: relative;
    }

    #wrapper .mobile-menu-button .lines:before {
        top: 8px;
    }

    #wrapper .mobile-menu-button .lines:after {
        top: -8px;
    }

    #wrapper .mobile-menu-button .lines,
    #wrapper .mobile-menu-button .lines:before,
    #wrapper .mobile-menu-button .lines:after,
    #wrapper .mobile-menu-button .lines>span {
        width: 24px;
        -webkit-transform-origin: 12px center;
        -ms-transform-origin: 12px center;
        transform-origin: 12px center;
    }

    #wrapper .mobile-menu-button {
        padding: 0 18px;
    }

    #wrapper .mobile-menu-button.lines-button.close .lines::before,
    #wrapper .mobile-menu-button.lines-button.close .lines::after {
        top: 0;
    }

    #wrapper #logo-container-mobile {
        display: block;
        padding: 15px 18px !important;
    }

    #wrapper .menu-horizontal-inner {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu {
        display: none;
    }

    #wrapper #masthead #mega-menu-primary {
        display: block;
    }

    #wrapper #masthead #mega-menu-primary>li:first-child::after,
    #wrapper #masthead .menu-talent>a img,
    #wrapper #masthead .menu-interim>a img,
    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column.megamenu-col-img,
    #wrapper #mega-menu-wrap-primary #mega-menu-primary .menu-talent>.mega-sub-menu::before,
    #wrapper #mega-menu-wrap-primary #mega-menu-primary .menu-interim>.mega-sub-menu::before {
        display: none;
    }

    #wrapper #masthead .menu-talent>a,
    #wrapper #masthead .menu-interim>a {
        display: block !important;
    }

    #wrapper #masthead .menu-interim>a>span:not(.mega-indicator) b,
.translatepress-fr_FR #wrapper #masthead .menu-talent>a>span:not(.mega-indicator) b{
        display: inline-block;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    #wrapper .menu-wrapper.sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        height: auto;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    #wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li a {
        font-size: 18px;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary>.mega-menu-item.inactif>.mega-menu-link {
        opacity: 1;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    #wrapper #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column {
        float: none;
        -ms-flex-preferred-size: calc(100% / 3);
        flex-basis: calc(100% / 3);
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        background: var(--bg-gris);
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
        width: 100%;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #wrapper #masthead .main-menu-container .menu-smart>li>a,
    #wrapper #masthead #mega-menu-primary>li>a {
        padding: 14px 40px 14px 18px !important;
        line-height: normal !important;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 16px !important;
    }

    #wrapper #masthead .main-menu-container .menu-smart>li:last-child>a {
        border: none;
    }

    #wrapper #masthead .menu-smart li>a .fa-dropdown,
    #wrapper .mobile-secondary-menu.menu-smart .menu-item-has-children span:after,
    #wrapper .top-menu-enhanced-child .menu-item-has-children::after,
    #wrapper #masthead #mega-menu-wrap-primary #mega-menu-primary .mega-indicator {
        position: absolute;
        right: 10px;
        font-size: 18px;
        opacity: 0.8;
        top: 15px;
    }

    /* #wrapper #masthead #mega-menu-wrap-primary #mega-menu-primary .mega-indicator {
        top: 13px;
    } */
    #wrapper #masthead .mega-indicator::after,
    #wrapper .top-menu .fa-angle-down::before {
        content: "\f107" !important;
        font-size: 18px;
    }

    #wrapper #masthead .menu-smart li a .fa-angle-right {
        display: none;
    }

    #wrapper #masthead .main-menu-container .menu-smart>li,
    #wrapper #masthead #mega-menu-primary>li {
        padding: 0;
    }

    #wrapper #masthead .main-menu-container .menu-smart>li.menu-btn {
        background: var(--noir);
    }
    #wrapper #masthead #mega-menu-primary>li.menu-interim {
        background: var(--rouge);
    }

    #wrapper #masthead #mega-menu-primary>li.menu-talent {
        background: var(--vert);
    }

    #wrapper #masthead #mega-menu-primary>li>a,
    #wrapper #masthead .menu-interim>a>span:not(.mega-indicator) b,
    #wrapper #masthead .menu-talent>a>span:not(.mega-indicator) b {
        color: #fff;
        text-transform: none;
    }

    #wrapper #masthead #mega-menu-primary span:not(.mega-indicator) b {
        text-transform: capitalize;
    }

    #wrapper #masthead .main-menu-container .menu-smart>li.menu-btn>a {
        color: #fff;
        text-transform: none;
        letter-spacing: 0;
        border-left: 3px solid var(--rouge);
        border-bottom-color: rgba(255, 255, 255, 0.1);
        
    }
    #wrapper #masthead .main-menu-container .menu-smart>li.menu-btn.menu-btn-vert > a {
        border-left-color: var(--vert);
    }

    #wrapper .drop-menu .menu-item a,
    #wrapper #masthead #mega-menu-primary {
        margin: 0;
    }

    #wrapper #masthead .drop-menu {
        margin-top: -1px !important;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-top: none;
    }

    #wrapper #masthead .main-menu-container.open-items {
        -webkit-box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.06);
    }

    #wrapper .menu-accordion-secondary {
        padding-top: 0;
    }

    #wrapper .navbar .drop-menu .menu-item a {
        padding: 14px 18px !important;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li a {
        font-family: var(--condensed-font);
        font-weight: 400;
    }

    #wrapper .menu-horizontal:not(.top-menu-enhanced-horizontal) {
        max-height: calc(100vh - 70px);
        overflow-y: scroll;
    }

    #wrapper #page-header .row-header,
    .error404 #wrapper .bandeau-page {
        margin-top: 70px;
    }
    #wrapper .bandeau-home > .row {
        min-height: calc(100vh - 70px);
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-block-title {
        font-size: 16px;
    }
    #wrapper .navbar .drop-menu .menu-item.current-menu-item a,
    #wrapper .navbar .current_page_parent>a,
    #wrapper .top-menu .current-menu-parent>a,
    #wrapper .top-menu .current_page_item>a {
        color: var(--noir);
    }

    #wrapper .menu-horizontal-inner > div:last-child .menu-smart {
        padding-bottom: 0 !important;
    }


    /* Footer
    --------------------------------------------- */
    #colophon .copyright p {
        max-width: 100%;
        padding-right: 50px;
    }

    #colophon .col-liens .column_child.col-lg-4 .uncont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 18px 36px;
    }

    #colophon .col-liens .column_child.col-lg-4 .uncont>* {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #colophon .col-liens .column_child.col-lg-4 .uncont .icon-box {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
        margin: 0;
    }

    #colophon .col-liens .icon-box .icon-box-heading {
        width: auto;
    }

    #colophon .col-liens>.uncol>.uncoltable>.uncell,
    #colophon .col-logo>.uncol>.uncoltable>.uncell {
        padding: 36px 36px 72px;
    }

    #colophon .col-logo .column-background {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 0% 100%)
    }

    #colophon .col-liens .column-background {
        margin: -60px 0 0;
        -webkit-clip-path: polygon(0 70px, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 70px, 100% 0, 100% 100%, 0% 100%);
    }

    #colophon .col-logo .rouge .uncont,
    #colophon .col-logo .vert .uncont {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #colophon .col-logo>.uncol>.uncoltable>.uncell {
        padding-bottom: 60px;
    }

    /* Bandeau home
    --------------------------------------------- */
    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column:not(.box) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-bottom: 30px;
    }

    #wrapper .bandeau-home .row-child>.row-inner {
        gap: 18px;
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column.box {
        padding: 0;
        max-width: calc(50% - 9px);
    }

    #wrapper .bandeau-home h1,
    #wrapper .bandeau-home .vc_custom_heading_wrap .text-lead {
        text-align: center;
    }

    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        left: 35%;
    }

    #page-header .header-wrapper .header-scrolldown {
        display: block;
        height: 150px;
    }

    #page-header .header-wrapper .header-scrolldown .fa {
        left: 10px;
    }

    #wrapper .mosaique>.row>.row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto !important;
        gap: 18px;
        margin: 0;
    }

    #wrapper .mosaique>.row>.row-inner>.wpb_column {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: auto;
        height: auto !important;
        padding: 0;
    }

    #wrapper .mosaique .uncode-single-media {
        margin-top: 18px;
    }

    #wrapper .bg-triangle>.row-background .background-inner {
        background-size: 80% auto !important;
        background-position-y: 15% !important;
    }

    #wrapper .section-onglets>.row>.vc_row>.row {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    #wrapper .temoignages .row-background {
        max-width: 500px;
    }

    #wrapper .uncode-tabs .nav-tabs>li {
        padding: 0 18px;
    }

    #wrapper .row-blog .tmb-table>.t-inside {
        padding-top: 18px !important;
    }

    #wrapper .listing .filtres,
    #wrapper .listing .filtres+.wpb_column {
        padding: 0;
    }

    #wrapper .listing>.row {
        padding: 18px;
    }

    #wrapper .listing>.row>.row-inner>.col-lg-9>.uncol>.uncoltable>.uncell>.uncont>.vc_row .wpb_column:not(:first-child) {
        padding-top: 15px;
    }

    #wrapper .bandeau-page>.row {
        min-height: 280px;
    }

    #wrapper .vacancy-footer .vacancy-criteria-option.type-de-contrat,
    #wrapper .vacancy-footer .vacancy-criteria-option.contract-type, 
    #wrapper .vacancy-footer .vacancy-criteria-option.type-contract {
        letter-spacing: 0;
    }

    #wrapper .mosaique {
        margin-bottom: -36px;
    }

    #wrapper .desc-bottom .row-background {
        top: 0;
        right: 0;
    }

    #wrapper .vacancies-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    #wrapper .wrap-secteurs>.row {
        padding-left: 0;
        padding-right: 0;
    }

    #wrapper .pagination .pagination-items a {
        font-size: 18px;
    }

    #wrapper .intro-services .btn-container {
        margin: 10px auto;
    }

    #wrapper .uncode-tabs .vertical-tab-wrapper .tab-pane {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    #wrapper .uncode-tabs .vertical-tab-wrapper .nav-tabs .fa-chevron-right3:before {
        content: '\e114';
    }

    #wrapper .uncode-tabs .vertical-tab-wrapper .nav-tabs .vc_tta-tab.active .fa-chevron-right3:before {
        content: '\e115';
    }

    #wrapper .wpmaps-wrap>.row {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .wpgmp_listing_container .fc-component-6 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    #wrapper .offres-agences .secteurs {
        margin-left: -36px;
        margin-right: -36px;
    }

    #wrapper .contact-map-agence>.row {
        padding: 36px 18px;
    }

    .single-agences #wrapper .contact-agence .uncell.single-block-padding {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .error404 #wrapper .bandeau-page .uncode_text_column p {
        font-size: 18px;
    }

    #wrapper .details-offre,
    #wrapper .infos-offre {
        max-width: 100%;
    }

    #wrapper .wrap-offre>.wpb_column {
        padding: 0;
    }

    #wrapper .wrap-offre>.details-offre {
        padding-top: 18px;
    }

    #wrapper .wrap-offre>.infos-offre {
        padding-bottom: 36px;
    }

    #wrapper #vacancy-article-detail-content h2.owp-heading-3 {
        padding-left: 40px;
    }

    #wrapper #vacancy-article-detail-content>div>h2.owp-heading-3:before {
        top: 4px;
    }

    #wrapper #vacancy-header-actions {
        position: fixed;
        bottom: -1px;
        left: 0;
        width: 100%;
        margin: 0;
    }

    #wrapper #vacancy-header-actions .btn-container,
    #wrapper #vacancy-header-actions .btn-container .custom-link {
        width: 100%;
    }

    #wrapper #vacancy-header-actions .btn-container .custom-link {
        padding: 9px 80px 10px 25px !important;
    }

    #cmplz-manage-consent .cmplz-manage-consent {
        display: none;
    }

    body.vacancy-template-default .footer-scroll-top {
        bottom: 50px !important;
    }

    #wrapper .gform_wrapper label,
    #wrapper .gform_wrapper .gfield_label,
    #wrapper #vacancy-form label,
    #wrapper .gform_wrapper select option,
    #wrapper #vacancy-form select option,
    #wrapper #vacancy-form .vacancy-form input[type="text"],
    #wrapper #vacancy-form .vacancy-form input[type="email"],
    #wrapper #vacancy-form .vacancy-form input[type="tel"],
    #wrapper #vacancy-form .vacancy-form input[type="date"],
    #wrapper .gform_wrapper .ginput_container_radio label,
    #wrapper .gform_wrapper .ginput_container_checkbox label,
    #wrapper #vacancy-form input[type="radio"]+span,
    #wrapper #vacancy-form input[type="checkbox"]+span,
    #wrapper .chosen-container .chosen-choices, #wrapper .chosen-container-single {
        font-size: 16px;
    }
    #wrapper .chosen-container-single .chosen-single {
        min-height: 44px;
    }
    #wrapper .gform_wrapper select, #wrapper .chosen-container .chosen-choices, #wrapper .chosen-container-single .chosen-single {
        padding: 5px 15px !important;
    }
    #wrapper .chosen-choices .search-choice {
        font-size: 15px;
    }
    #wrapper #vacancy-form .vacancy-form .rest-form-page {
        gap: 16px;
    }

    #wrapper .row-agence>.row {
        padding-right: 18px;
        padding-left: 18px;
    }

    #wrapper .row-agence .col-lg-3 .uncell {
        padding: 72px 18px 18px;
    }

    #wrapper .isotope-filters .menu-smart--filter-cats {
        background-color: var(--bg-gris);
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        border-radius: 2px;
        max-width: 100%;
        margin: 0;
        padding: 0 !important;
    }

    #wrapper .isotope-filters .menu-smart--filter-cats li {
        padding: 0 5px;
    }

    #wrapper .isotope-filters .menu-smart--filter-cats li a {
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-family: var(--condensed-font);
        font-weight: 400;
        font-size: 15px;
        line-height: 1.3em;
        white-space: normal;
    }

    #wrapper .isotope-filters .menu-smart--filter-cats li:last-child a {
        border-bottom: none;
    }

    #wrapper .filter-alignment-left {
        padding: 0 18px;
    }

    #wrapper .isotope-filters {
        padding-bottom: 18px;
    }

    .single-post #wrapper .un-sidebar-layout {
        padding-top: 0;
    }

    .single-post #wrapper .row-blog .col-lg-6 .btn-container {
        text-align: center;
    }

    .single-post #wrapper .row-blog>.row {
        padding-bottom: 36px;
    }

    #wrapper .col-widgets-sidebar {
        padding: 0 18px;
    }
    #wrapper .infos-offre .bloc_contact {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0;
    }

    #wrapper .infos-offre .bloc_contact .photo_contact {
        -ms-flex-preferred-size: 130px;
        flex-basis: 130px;
        height: 100%;
        margin-top: 0;
    }

    #wrapper .infos-offre .bloc_contact .photo_contact img {
        max-height: 100%;
    }
    #wrapper .infos-offre .bloc_contact .infos_contact {
        padding-left: 30px;
    }
    #wrapper .infos-offre {
        row-gap: 36px;
    }
    .single-agences #wrapper .team .cssgrid-container > .tmb {
        -ms-flex-preferred-size: 25%;
        flex-basis: 50%;
    }
}


@media screen and (max-width: 768px) {
    #wrapper .wpgmp_tabs_container {
        margin: 15px auto 0;
        max-width: 100%;
    }

    #wrapper .wpgmp_toggle_container {
        display: none;
    }

    #wrapper .wpgmp_filter_wrappers .categories_filter {
        max-width: 100%;
    }
}

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

    /* Menu Mobile
--------------------------------------------- */
    #wrapper #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu>.mega-menu-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
        padding: 0;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary>.mega-menu-item>.mega-sub-menu>.mega-menu-row>.mega-sub-menu {
        padding: 14px 18px;
        gap: 10px;
    }

    #wrapper #mega-menu-wrap-primary #mega-menu-primary .widget_text ul li {
        margin: 2px 0;
    }

    #wrapper #logo-container-mobile .logo-image {
        max-height: 36px;
    }

    #wrapper #page-header .row-header,
    .error404 #wrapper .bandeau-page,
    #wrapper .vacancy-header {
        margin-top: 66px;
    }

    #wrapper .menu-horizontal:not(.top-menu-enhanced-horizontal) {
        max-height: calc(100vh - 66px);
    }
    #wrapper .bandeau-home > .row {
        min-height: calc(100vh - 66px);
    }

    #wrapper .bandeau-home .box .uncell p {
        font-size: 16px;
    }

    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        left: 30%;
    }

    #wrapper .bandeau-home .box .vc_custom_heading_wrap .heading-text .text-top-reduced p {
        font-size: 15px;
    }

    #wrapper .bandeau-page .block-bg-overlay.style-color-F9F8F8-bg,
    #wrapper #vacancy-article-detail .vacancy-header::before,
    #wrapper #vacancy-apply-header .block-bg-overlay.style-color-F9F8F8-bg {
        left: 0;
        max-width: 100%;
        -webkit-clip-path: polygon(100% 0, 0 0, 51% 100%);
        clip-path: polygon(100% 0, 0 0, 51% 100%);
        z-index: 0;
        max-height: 25%;
    }

    #wrapper .bandeau-page>.row-background .background-inner,
    #wrapper .vacancy-header-slider,
    #wrapper #vacancy-apply-header .row-background .background-inner {
        max-width: 100%;
        -webkit-clip-path: polygon(0 2%, 100% 52%, 100% 100%, 0% 100%);
        clip-path: polygon(0 2%, 100% 52%, 100% 100%, 0% 100%);
        background-position: center center !important;
    }

    #wrapper .vacancies-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    #wrapper .btn-container .custom-link,
    #wrapper #vacancy-form .vacancy_apply_button {
        font-size: 15px;
        padding: 12px 80px 12px 25px !important;
    }

    #wrapper .derniers-jobs .uncont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 18px;
    }

    #wrapper .derniers-jobs .vc_custom_heading_wrap {
        text-align: center;
    }

    #wrapper .uncode-tabs .nav-tabs>li {
        padding: 0 8px;
    }

    #wrapper .wpgmp_listing_container .infos-agences .adresse-agence,
    #wrapper .wpgmp_listing_container .infos-agences>div,
    #wrapper .wpgmp_infowindow .infos-agences>div {
        padding-left: 32px;
    }

    #wrapper .wpgmp_listing_container .fc-item-title a,
    #wrapper .wpgmp_infowindow .fc-item-title {
        font-size: 16px;
    }

    #wrapper .wpgmp_tab_item .wpgmp_cat_title,
    #wrapper .wpgmp_listing_container .lien span,
    #wrapper .wpgmp_infowindow .lien {
        font-size: 14px;
    }

    #wrapper .wpgmp_filter_wrappers {
        padding: 0;
    }

    #wrapper .wpgmp_infobox .wpgmp_infowindow {
        width: auto !important;
        max-width: 300px;
    }

    #wrapper .infos_poste {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    #wrapper #vacancy-form .vacancy-form .rest-form-page>div {
        -ms-grid-column-span: 12;
        grid-column: span 12;
    }

    #wrapper #vacancy-form .vacancy-form .rest-form-page {
        gap: 8px 16px;
    }

    #wrapper .gf_page_steps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px;
        padding: 9px 36px;
    }

}


@media screen and (max-width: 639px) {
    #wrapper .gform_wrapper .ginput_complex.ginput_container--name {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    #wrapper .gform_wrapper .ginput_complex,
    #wrapper .gform_wrapper .gform_fields {
        row-gap: 16px;
    }

    #wrapper .gf_step_label {
        font-size: 15px;
    }

    #wrapper .gf_step .gf_step_number {
        font-size: 16px;
    }

    #wrapper .gform_wrapper .gfield_radio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

}

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

    .btn:not(input):not(.checkout-button):not(.btn-no-scale),
    .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    /* Menu Mobile
--------------------------------------------- */
    #wrapper #logo-container-mobile {
        padding: 15px !important;
    }

    #wrapper #logo-container-mobile .logo-image {
        max-height: 30px;
    }

    #wrapper #logo-container-mobile {
        padding: 18px 15px !important;
    }

    /* Footer
    --------------------------------------------- */
    #wrapper #colophon .col-logo .uncont>.uncode-single-media {
        max-width: calc(100% - 130px);
    }

    #colophon .col-liens .row-child .column_child.col-lg-8 .uncont {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #colophon .col-liens .row-child .column_child.col-lg-8 .uncont>.uncode-list {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column.box {
        max-width: 500px;
        margin: 0 auto;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column .shift_y_neg_quad {
        margin-top: 0 !important;
    }

    #page-header .header-wrapper .header-scrolldown {
        height: 100px;
        width: 100px;
    }

    #page-header .header-wrapper .header-scrolldown .fa {
        width: 40px;
        height: 40px;
        bottom: 10px;
    }

    #wrapper .bandeau-home>.row {
        padding: 36px 18px 72px;
    }

    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        max-width: 80px;
        margin-top: 15px;
        left: calc(50% - 40px);
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column:not(.box) {
        padding: 0 0 90px;
    }

    #wrapper .bandeau-home .block-bg-overlay.style-color-F9F8F8-bg {
        -webkit-clip-path: polygon(100% 0, 100% 15%, 50% 62%, 0 15%, 0 0);
        clip-path: polygon(100% 0, 100% 15%, 50% 62%, 0 15%, 0 0);
    }

    #wrapper .bandeau-home>.row-background .background-inner {
        -webkit-clip-path: polygon(0 18%, 0% 100%, 100% 100%);
        clip-path: polygon(0 18%, 0% 100%, 100% 100%);
    }

    #wrapper .bandeau-page .uncell.single-block-padding {
        padding: 18px 18px 36px;
    }

    #wrapper .vacancy-head-apply-text {
        font-size: 16px;
    }

    p,
    li,
    #wrapper .helpie-faq .accordion__title {
        font-size: 16px;
    }

    #wrapper .uncode-list ol>li:before {
        font-size: 18px;
        width: 38px;
        height: 30px;
        top: 11px;
    }

    #wrapper .uncode-list ol>li::after {
        width: 38px;
        height: 30px;
    }

    #wrapper .uncode-list ol:before {
        left: 19px;
    }

    #wrapper .uncode_text_column ol>li,
    #wrapper .uncode-list ol>li,
    #wrapper #vacancy-article-detail-content .text ol li {
        padding-left: 25px;
    }

    #wrapper .uncode-list ol>li {
        padding-left: 50px;
    }

    #wrapper .uncode_text_column ol>li::before,
    #wrapper .uncode-list ol>li::before,
    #wrapper #vacancy-article-detail-content .text ol li::before {
        font-size: 18px;
    }

    #wrapper .uncode-tabs .nav-tabs>li {
        display: block;
        padding: 0 18px;
    }

    #wrapper .uncode-tabs .nav-tabs>li>a {
        padding: 10px 0;
    }

    #wrapper .uncode-tabs .nav-tabs>li>a {
        border-width: 1px !important;
        border-bottom-color: var(--border);
        border-bottom-style: solid;
    }

    #wrapper .uncode-list ul.icons>li i::after,
    #wrapper #vacancy-article-detail-content .le-profil .text ul li:after {
        width: 18px;
        height: 20px;
    }

    #wrapper .uncode-list ul.icons>li i::before,
    #wrapper #vacancy-article-detail-content .le-profil .text ul li:before {
        top: 1px;
        left: 2px;
    }

    #wrapper #vacancy-article-detail-content .le-profil .text ul li:before {
        font-size: 16px;
    }

    #wrapper #vacancy-article-detail-content .le-profil .text ul li,
    #wrapper .uncode-list ul.icons>li {
        padding-left: 30px;
    }

    #wrapper .bandeau-home .h1 {
        font-size: 21px;
    }

    #wrapper .wpgmp_listing_container .fc-component-6 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    #wrapper .wpgmp_map_container .gmnoprint.gm-style-mtc-bbw {
        display: none;
    }

    #wrapper blockquote p {
        font-size: 16px;
    }

    #wrapper blockquote p:first-child::before {
        font-size: 48px;
        margin-left: -25px;
    }

    #wrapper blockquote {
        padding-left: 25px;
    }

    .error404 #wrapper .bandeau-page .uncode_text_column p {
        font-size: 16px;
    }

    #wrapper #vacancy-article-detail-content h2.owp-heading-3 {
        padding-left: 35px;
    }

    #wrapper #vacancy-article-detail-content .l-offre .text ul {
        border-left-width: 3px;
        padding-left: 15px;
    }

    #wrapper #vacancy-article-detail-content .description-breve .text {
        font-size: 16px;
    }

    #wrapper .return-button {
        font-size: 14px;
    }

    #wrapper .infos-offre .bloc_agence .contenu-agence img {
        max-width: 20px;
    }

    #wrapper .wrap-blog .t-entry-excerpt p {
        line-height: 1.6em;
    }

    #wrapper .row-blog .cssgrid-container .t-entry-text-tc,
    #wrapper .row-blog .owl-carousel .t-entry-text-tc {
        margin-top: -36px;
    }

    #wrapper .row-blog .cssgrid-container .t-entry-text,
    #wrapper .owl-carousel .t-entry-text {
        padding: 0 10px;
    }
    #wrapper .vacancy-content .vacancy-photo {
        width: 70px;
    }

}

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


    /* Menu Mobile
--------------------------------------------- */
    #wrapper .mobile-menu-button {
        padding: 0 10px 0 18px;
    }

    #wrapper .mobile-menu-button .lines:before {
        top: 6px;
    }

    #wrapper .mobile-menu-button .lines::after {
        top: -6px;
    }

    #wrapper .mobile-menu-button .lines,
    #wrapper .mobile-menu-button .lines::before,
    #wrapper .mobile-menu-button .lines::after,
    #wrapper .mobile-menu-button .lines>span {
        width: 20px;
        -webkit-transform-origin: 10px center;
        -ms-transform-origin: 10px center;
        transform-origin: 10px center;
    }

    #wrapper #logo-container-mobile {
        padding: 18px 5px !important;
        min-height: 66px;
    }

    #wrapper #logo-container-mobile #main-logo {
        padding-right: 36px;
    }

    #wrapper #logo-container-mobile .logo-image {
        max-height: 27px;
    }


    #colophon .col-liens>.uncol>.uncoltable>.uncell,
    #colophon .col-logo>.uncol>.uncoltable>.uncell {
        padding-left: 18px;
        padding-right: 18px;
    }

    .footer-scroll-top .fa {
        width: 28px;
        height: 40px;
    }

    #colophon .col-logo .uncode-vc-social .icon-box.icon-inline {
        padding: 0 2px;
    }

    #colophon .col-logo .uncode-vc-social .fa:before {
        font-size: 16px;
    }

    #wrapper #colophon .col-logo .uncont {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

    #colophon .col-logo .uncode-vc-social a {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    #wrapper #colophon .col-logo .uncont>.uncode-single-media img {
        max-height: 26px;
        -o-object-position: left center;
        object-position: left center;
        -o-object-fit: contain;
        object-fit: contain;
    }

    #wrapper #colophon .col-logo .uncont>.uncode-single-media {
        max-width: calc(100% - 100px);
    }

    .single-block-padding,
    .main-container .row-container .single-h-padding,
    .main-container .row-container .row-parent,
    .owl-carousel-container.carousel-inner-padding.owl-carousel-container .owl-carousel,
    #wrapper .row-blog .uncode-post-table-column,
    #wrapper #vacancy-form,
    #wrapper .gf_page_steps {
        padding-left: 18px;
        padding-right: 18px;
    }

    #colophon .col-logo .column-background {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0% 100%);
    }

    #colophon .col-liens .column-background {
        margin-top: -30px;
        -webkit-clip-path: polygon(0 40px, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 40px, 100% 0, 100% 100%, 0% 100%);
    }

    #wrapper .row-blog .t-entry-meta {
        left: -25px;
    }

    #wrapper .mosaique .column_child+.column_child .uncode-single-media .tmb::before {
        border-width: 80px 0 0 80px;
    }

    #wrapper .mosaique .column_child+.column_child .uncode-single-media:last-child .tmb::before {
        border-width: 0 0 60px 60px;
    }

    #wrapper .section-onglets .uncode-tabs .tab-content {
        margin: 0 -18px;
    }

    #wrapper .row-blog .cssgrid-container .t-entry-text-tc,
    #wrapper .row-blog .owl-carousel .t-entry-text-tc {
        padding: 36px 18px !important;
    }

    #wrapper .counter-text p {
        font-size: 16px;
    }

    #wrapper .bandeau-home .vc_custom_heading_wrap+.uncode-single-media {
        max-width: 70px;
        left: calc(50% - 35px);
    }

    #wrapper .bandeau-home .box .h4 {
        font-size: 18px;
    }

    #wrapper .bandeau-home .box .vc_custom_heading_wrap .heading-text .text-top-reduced p {
        font-size: 14px;
    }

    #wrapper .bandeau-home .box .uncode-single-media .icon-media {
        max-width: 20px;
    }

    #wrapper .vc_custom_heading_wrap .heading-text .text-top-reduced p {
        font-size: 16px;
        line-height: 1.3em;
    }

    #wrapper .bandeau-home>.row {
        padding-top: 25px;
    }

    #wrapper .bandeau-home .box .uncell p {
        line-height: 1.5em;
    }

    #wrapper .bandeau-home .box .uncell {
        padding: 10px 18px;
    }

    #wrapper .bandeau-home .h1 {
        font-size: 18px;
    }

    #wrapper .bandeau-home .row-child>.row-inner>.wpb_column:not(.box) {
        padding-bottom: 75px;
    }

    #wrapper .vacancy-footer .lien {
        right: 5px;
        width: 18px;
        height: 21px;
    }

    #wrapper .vacancy-footer {
        padding: 8px 30px 8px 10px;
    }

    #wrapper .vacancy-footer .vacancy-criteria-option {
        font-size: 13px;
    }

    #wrapper .vacancy-footer .vacancy-criteria-option.type-de-contrat,
    #wrapper .vacancy-footer .vacancy-criteria-option.contract-type, 
    #wrapper .vacancy-footer .vacancy-criteria-option.type-contract  {
        font-size: 11px;
    }

    #wrapper .vacancy-text p {
        font-size: 15px;
    }

    #wrapper .vacancy-title {
        font-size: 16px;
    }

    #wrapper .vacancies-search-section .owp-search-input,
    #wrapper .vacancies-geo-search-section .owp-geo-search-input {
        font-size: 16px;
    }

    #wrapper .wpgmp_infobox .wpgmp_infowindow {
        max-width: 220px;
        margin: 0 auto;
    }

    #wrapper .wpgmp_map {
        margin: 0 -18px;
        width: calc(100% + 36px) !important;
    }

    #wrapper .wpgmp_map .gmnoprint.gm-bundled-control {
        margin: 5px !important;
    }

    #wrapper .offres-agences .secteurs {
        margin-left: -18px;
        margin-right: -18px;
    }

    #wrapper .infos_poste {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    #wrapper .infos-offre .bloc_agence .h6 {
        font-size: 15px;
    }

    #wrapper #vacancy-form #person_gender .form-input-col .input-field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
    }

    #wrapper #vacancy-form #person_gender .form-input-col .input-field>label {
        margin-bottom: 0;
    }

    #wrapper .row-blog .t-entry-readmore .btn,
    #wrapper .wrap-blog .t-entry-readmore .btn {
        font-size: 13px;
    }
    #wrapper .infos-offre .bloc_contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 50px;
    }

    #wrapper .infos-offre .bloc_contact .photo_contact {
        -ms-flex-preferred-size: 130px;
        flex-basis: 130px;
        height: auto;
        margin-top: -50px;
    }

    #wrapper .infos-offre .bloc_contact .photo_contact img {
        max-height: 150px;
    }
    #wrapper .infos-offre .bloc_contact .infos_contact {
        padding-left: 15px;
    }
    #wrapper .vacancy-content .vacancy-body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #wrapper .vacancy-content .vacancy-photo {
        margin: 0 0 15px;
    }
    .single-agences #wrapper .team .cssgrid-container > .tmb {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 0 18px;
    }
    .single-agences #wrapper .team .cssgrid-container {
        margin: 0;
    }
}