#footer .container .footer-content .first-footer .pub-finance a {
    color: white;
}
#footer .container .footer-content .first-footer .pub-finance a:hover {
    text-decoration: none;
}
#footer .container .footer-content .first-footer .pub-finance img {
    height: auto;
    max-width: 36px;
    width: 100%;
}
.fixed-right img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#menu .container #menu-body, 
#header .container #menu-body {
    top: 0;
    /*z-index: 1;*/
}
#menu .container #menu-top p {
    margin: 0;
}
#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
    margin-top: 2px;
}
.metiers-block-wrp {
    margin-top: 50px;
}
.metiers-block-wrp #features .col {
    display: flex;
    justify-content: center;
}
.metiers-block-wrp #features .to_bottom {
    display: none;
}

/* .front #menu-body{
    padding: 5% 5% 2% 3% !important;
} */
.not-front #menu-body{
    padding: 5% 3% 3% 3% !important;
    margin-top: .5rem;
}
.not-front #menu-body .pages-search form label input.form-control {
    /* height: 1.9rem; */
    padding: 0 .75rem !important;
    height: 2rem !important;
}
#menu #menu-body .pages-search form label input::placeholder {
    position: relative;
    top: -.1rem !important;
}
.not-front #menu-body.navbar-collapse {
    margin: 0 3rem !important;
}

#block-cdg-local-tasks {
    margin-top: 30px;
    margin-bottom: 30px;
}
#block-cdg-local-tasks ul {
    display: flex;
    list-style: none;
    padding: 0;
}
#block-cdg-local-tasks ul li a {
    text-decoration: none;
    padding: 8px 14px;
    background: #efefef;
    color: black;
}
.lang-list ul li a {
    position: relative;
    padding: .5rem 1rem;
}
.lang-list ul li a:hover {
    opacity: 1 !important;
}
#menu .container #menu-top .lang-list .active:after, 
#menu .container #menu-top .lang-list .is-active:after {
    left: 50%;
    top: auto;
    bottom: -6.8px;
    margin-left: -8.5px;
}
#menu .container #menu-top .lang-list a[hreflang='ar']:after, 
#menu .container #menu-top .lang-list a[hreflang='ar']:after {
    top: auto;
    right: auto;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
}

body section#banner .container .breadcrumb a:first-of-type:before {
    content: none !important;
    padding-left: 0 !important;
}
body section#banner .container .breadcrumb a:first-of-type:after {
    /*content: "\003e" !important;*/
    /*padding-left: 0.5rem !important;*/
}
body section#banner .container .breadcrumb span.breadcrumb-item:first-of-type::before {
    /*content: "" !important;*/
}
.breadcrumb-item+.breadcrumb-item::before {
    color: white;
    font-size: 15px;
    transform: scale(1.3);
    content: "\003e" !important;
}
.def_banner_bg {
    background-image: none;
    background-color: #4B575F;
}
.banque_banner {
    background-image: none;
    background-color: #0076AA;
}
.epargne_banner {
    background-image: url(../img/epargne_banner.svg);
}
.tourisme_banner {
    background-image: none;
    background-color: #C1541B;
}
.invest_banner {
    background-image: none;
    background-color: #7A6569;
}
.node--type-filiales #banner, .path-filiales #banner {
    /*background-image: url(../img/page_hero_3.svg);*/
}
.node--type-page-article #banner, .path-les-actualites #banner {
    background-image: url(../img/page_hero-4.svg);
}

#search-block-form .form-actions { 
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
html[dir="rtl"] #search-block-form .form-actions { 
    right: auto;
    left: 0;
}
#search-block-form .form-actions [type=submit] {
    border-radius: 50rem;
    text-indent: -2000px;
    width: 35px;
    border: 0;
    background: transparent;
}
.rubricated-content_image {
    min-height: 500px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.rubricated-content_image img {
    display: none;
}
body section.content .valeurs .row .flex-column img {
    width: 145px;
    height: 145px;
}
body section.content .valeurs .row .flex-column h6 {
    color: #4B575F;
    font-family: 'Avenir Black';
    margin: 1.5rem 0;
}
body section.tabs.nav-tabs {
    border: 0;
}
body section.tabs.nav-tabs .views-field-field-intitul-.active {
    background: white;
    margin-right: 0.5rem;
    margin-left: -.5rem;
}
body section.tabs.nav-tabs .views-field-field-intitul-.active .field-content {
    color: #4B575F;
    padding-left: .5rem;
}
body section.tabs.nav-tabs .field-content {
    color: white;
    padding: 1rem 1rem 1rem 0;
    margin: 0;
    text-align: center;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    cursor: pointer;
}
/* body section.tabs.nav-tabs .field-content:first-child {
    padding: 1rem;
} */
body section.tabs.nav-tabs .views-field-id {
    display: none;
}
body section.tabs div[class*='js-view-dom-id'] {
    display: flex;
}
body section.tabs .container {
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
body section.tabs {
    margin-bottom: 3rem;
}
.fixed-right a {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.fixed-right img {
    width: 22px;
    height: 22px;
}
body section.tabs .container .nav-tabs .nav-item .views-field-id {
    display: none;
}
body section.tabs .container .nav-tabs .nav-item.active .field-content {
    color: #4B575F;
}
#footer .container .footer-content .first-footer .pub-finance {
    display: flex;
    max-height: 62.39px;
}
#footer .container .footer-content .first-footer .pub-finance a {
    display: flex;
}
#footer .container .footer-content .first-footer .pub-finance a:first-child {
    background: #759A1F;
    padding: 11px 1.2em;
}
.timeline .hori-timeline ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
}
.timeline .hori-timeline ul li {
    display: inline-block;
    width: 147px;
    position: relative;
    text-align: center;
    border-bottom: 2px solid #4B575F;
    margin-right: 0;
}
.timeline .hori-timeline ul li a {
    color: #4B575F !important;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 13px;
    font-family: 'Avenir Black';
    font-weight: bold;
}
.timeline .hori-timeline ul li a:hover {
    text-decoration: none;
}
.timeline .hori-timeline ul li:before {
    content: "\o";
    position: absolute;
    height: 37px;
    top: 10px;
    font-size: 25px;
    left: -3px;
    z-index: 1;
    background: white;
}
.timeline .hori-timeline ul li:last-child:after {
    content: "\o";
    position: absolute;
    height: 37px;
    top: 10px;
    font-size: 25px;
    right: -3px;
    z-index: 1;
    background: white;
}
html[dir="rtl"] .timeline .hori-timeline ul li:last-child:after {
    content: none;
}
html[dir="rtl"] .timeline .hori-timeline ul li:first-child:after {
    content: "\o";
    position: absolute;
    height: 37px;
    top: 10px;
    font-size: 25px;
    right: -3px;
    z-index: 1;
    background: white;
}
.timeline .hori-timeline ul li.active a {
    color: #658D26 !important;
}
.timeline .card .card-header {
    padding-top: 0;
}
body section.content .card-body h3 {
    font-family: 'Avenir Black';
    margin: 1rem 0;
}
.branche-features .img-bg {
    width: 133px;
    height: 133px;
    position: relative;
}
.branche-features .legende {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-family: 'Avenir Black';
    color: white !important;
    font-size: 14px;
    text-align: center;
}
.branche-features .bg-color {
    display: block;
    width: 133px;
    height: 133px;
    position: absolute;
    top: 0;
    border-radius: 50%;
}
#content .container #features .img-bg {
    text-align: center;
}
#content .container #features .img-bg img {
    margin-bottom: 10px;
}
#content .container #features .legende {
    display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}
#menu .container #menu-body, 
#header .container #menu-body {
    padding: 5% 5% 2% 3%;
}
.push-numbers {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: #759A1F;
    width: 130px;
    min-height: 130px;
    margin: 0 20px 0 0;
    text-align: center;
    color: white;
}
.grid_6 .push-numbers p {
    font-size: 0.6rem!important;
    line-height: 0.5;
}
.push-numbers span:first-child {
    width: 100%;
    font-size: 25px;
    font-family: 'Avenir Black';
    margin-bottom: 0;
}
.push-numbers span:last-child {
    font-size: 10px;
    line-height: 0;
}
/* NEW MODIFICATIONS */
#hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende {
    background: rgb(37 47 56 / 56%) !important;
}

@media screen and (min-width: 1920px) {
    .fixed-right {
        top: 97px;
        width: 136px;
        padding: .5rem .25rem 1rem .85rem!important;

    }
    #menu .container #menu-body, #header .container #menu-body {
        padding: 3.5% 3% 1.5% 3% !important;
        justify-content: space-between;
    }
    #menu .container #menu-body .brand .navbar-brand img {
        position: relative;
        left: -2rem;
    }
    #menu .container #menu-body .pages-search {
        position: relative;
        right: -1rem;
    }
    #menu-top div:first-of-type {
        position: relative;
        left: -1.5rem;
    }
    #menu .container #menu-top .lang-list {
        right: -1.5rem;
    }
    .front .container #menu-body .navbar-collapse {
        margin: 2rem 2rem 1.5rem 5rem !important;
    }
    #menu .container #menu-body .pages-search {
        padding-top: 1rem;
    }
    #menu .container #menu-body .pages-search .social-media ul.nav {
        right: -1.7rem;
    }
    #menu .container #menu-body .navbar-collapse {
        position: relative;
        left: 6rem;
    }
    body section.content .container .form-group {
        right: 15px !important;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende {
        padding: 7% 3% 5% 9%;
        font-size: 1.3rem;
        width: 35%;
        height: 176%;
        margin-left: -5rem;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende .slide-desc {
        width: 85%;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende .slide-text {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende p{
        margin-bottom: -1rem;
    }
    #footer .container .footer-content .first-footer {
        position: static;
        left: 0;
    }
    #footer .container .footer-content .first-footer .nav-footer {
        left: 3.8rem !important;
    }
    #footer .container .footer-content .second-footer {
        position: relative;
        left: -1rem;
    }
    #footer .container .footer-content .first-footer > img {
        width: 7% !important;
    }
}
body section.content .container a[href*="download"],
body section.content .container a[href*=".pdf"] {
    color: #252F38;
    font-family: 'Avenir Book';
    margin-left: 10px;
}
body section.content .container a[href*="download"]:before,
body section.content .container a[href*=".pdf"]:before {
    content: url(../img/pdf-icone.svg);
    top: 5px;
    left: -10px;
    position: relative;
    text-decoration: underline;
}
body section.content .container .form-group {
    right: 100px;
}
.toolbar-fixed.user-logged-in #menu-top.fixed-top {
    top: 39px;
    z-index: 132;
}
.toolbar-fixed.user-logged-in.toolbar-tray-open #menu-top.fixed-top {
    top: 79px;
    z-index: 132;
}
#field_description_pr img {
    width: 100%;
}
body section.content .valeurs .row .flex-column img {
    width: 145px !important;
}
body section.content .container .grid_6 ul li {
    position: relative;
}
body section.content .container .grid_6 ul li::before {
    display: table-cell;
}
.img-w-auto img {
    display: table;
    width: auto !important;
    margin: 0 auto;
}
.wrp-img-w100 img {
    width: 100% !important;
}
.lower-roman-list ol {
    list-style: lower-roman;
}


#menu .container #menu-body, #header .container #menu-body {
    font-family: 'Avenir Bold' !important;
}

#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link, #header .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link {
    font-size: 15px !important;
}
.fixed-right span {
    font-size: 11px !important;
}

.fixed-right {
    padding: .75rem .75rem 1.25rem 1.25rem;
    z-index: 510 !important;
}
.cp-file-wrp ul {
    padding-left: 0;
}

.rc_img_field_image__pr {
    margin-bottom: 20px;
}
.sidebar-content .views-label {
    font-family: 'Avenir Black';
    margin: 1rem 0;
}
.sidebar-content .field-content {
    font-size: 11px !important;
}
.sidebar-content .views-field {
    border-bottom: 2px solid white;
    padding: 15px;
}
.sidebar-content ul {
    list-style: disc !important;
    padding-left: 13px;
}
.sidebar-content .views-field.views-field-field-filiale-lier ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.sidebar-content .views-field.views-field-field-filiale-lier ul img {
    width: 100%;
    height: auto;
}
.sidebar-content .views-field.views-field-field-filiale-lier a {
    color: white;
    text-decoration: underline;
    font-size: 12px;
}
.sidebar-content .views-field.views-field-field-filiale-lier .node-readmore {
    display: none;
}
.push-projet .views-field-field-lieu-du-projet-tmp, 
.push-projet .views-label-field-filiale, 
.push-projet .item-title,
.push-projet .links,
.push-projet .item-content,
.push-projet .item-content ~ a {
    display: none;
}
.projets-slider {
    max-height: 400px;
    overflow: hidden;
    position: relative;
}
.projets-slider .ps-ctls {
    width: 500px;
    position: absolute;
    height: 100%;
}
.projets-slider .ps-ctls:before {
    content: "";
    width: 48px;
    height: 48px;
    border-color: #000;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    cursor: pointer;
}
.projets-slider .ps-next {
    right: 0;
}
.projets-slider .ps-next:before {
    border-bottom: 3px solid;
    border-left: 3px solid;
    transform: rotate(-135deg);
    right: 70px;
}
.projets-slider .ps-prev {
    left: 0;
}
.projets-slider .ps-prev:before {
    border-bottom: 3px solid;
    border-left: 3px solid;
    transform: rotate(45deg);
    left: 70px;
}
.projets-slider .views-field-field-image-dun-projet {
    display: none;
}
.projets-tmp-map iframe {
    width: 100%;
    height: 100%;
}
.projets-slider .views-field-field-image-dun-projet .field-content {
    text-align: center;
}
body section#banner.communique_de_presse .page-title {
    font-size: 26px;
}
.views-field-field-filiale ul {
    padding: 0;
}
.views-field-field-filiale img {
    width: 100%;
    height: auto;
}
#menu .container #menu-body .pages-search form{
    margin-left: 0.6rem !important;
    margin-right: 0;
}
.front #menu-body {
    padding: 4.5% 3% 2% 3% !important;
}
#menu .container #menu-body .navbar-collapse {
    margin: 1.7rem 2rem 1rem 5rem;
}
#menu .container #menu-body .pages-search{
    padding-top: 1rem;
}
#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 3px solid transparent;
    margin: 0 .75rem;
}
#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item:not(.nav-active):hover {
    border-bottom: 3px solid #759A1F;
}
.border-bottom-green {
    border-bottom: 3px solid #759A1F !important;
}
#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item .nav-link{
    /* border-bottom: 3px solid #759A1F; */
    padding-left: 0!important;
    padding-right: 0!important;
}
#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropright a {
    padding-left: 0;
}
/* #menu .container #menu-body .navbar-collapse .navbar-nav .nav-item .nav-link.nav-active:hover,
#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item .dropdown-item.nav-active:hover {   
    border-bottom: 3px solid transparent;
} */
#content .container #features a.col:hover {
    text-decoration: none;
    font-weight: bold;
}
#content .container #features .legende {
    width: 120px;
}
/* organigramme popup */
/* Style the Image Used to Trigger the Modal */
#img_popup {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.fixed-tabs {
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 999;
}

#img_popup:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
#imgPopupModal .modal-content {
    margin: auto;
    display: block;
    width: 96%;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#imgPopupModal #caption {
    margin: auto;
    display: block;
    width: 96%;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
#imgPopupModal .modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
#imgPopupModal .close {
    position: absolute;
    top: 60px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

#imgPopupModal .close:hover,
#imgPopupModal .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


.loupe-widget {
    position: relative;
    display: inline-block;
    will-change: transform;
}  
.loupe-widget__loupe {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-repeat: no-repeat;
    border: 2px solid #222;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
    background-color: white;
    display: none;
}
.loupe-widget:hover {
    cursor:  url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), auto;
}
.loupe-widget:hover .loupe-widget__loupe {
    display: block;
    pointer-events: none;
}

html[dir="rtl"] #menu .container #menu-body, #header .container #menu-body {
    padding: 5% 3% 2% 5% !important;
}
html[dir="rtl"] #menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link::after, #menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link-page::after, #header .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link::after, #header .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link-page::after {
    top: .1rem;
    margin-left: auto;
    margin-right: .255em;
}
html[dir="rtl"] .search .social-media nav {
    padding-right: 0;
}
html[dir="rtl"] .search .social-media nav .nav-item .nav-link.pl-0{
    padding-left: .5rem !important;
    padding-right: 0!important;
}
html[dir="rtl"] .search .social-media nav .nav-item .nav-link.pr-0{
    padding-left: 0!important;
    padding-right: .5rem!important;
}
html[dir="rtl"] .fixed-right {
    right: auto;
    left: -60px;
    padding: .75rem 1.25rem .75rem 1.25rem;
    transform: rotate(90deg);
}
html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item {
    /*float: right;*/
    /*margin-left: -100%;*/
}
/* html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .img-fluid, 
html[dir="rtl"] .under-hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .img-fluid {
    width: 100%;
    transform: scaleX(-1);
} */
html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende, 
html[dir="rtl"] .under-hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende {
    text-align: right;
    left: auto;
    right: -100px;
    padding-left: 6rem;
    padding-right: 9rem;
}
html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-indicators, 
html[dir="rtl"] .under-hero .container #hero-body #carouselSlider .carousel-indicators {
    right: auto;
    left: 0;
    transform: initial;
    margin: auto;
    margin-left: 15px;
}
html[dir="rtl"] #content .container #actuality .carousel .carousel-control-next {
    right: auto;
    left: 0;
}
html[dir="rtl"] #content .container #actuality .carousel .carousel-control-next-icon {
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 0.75rem;
}

html[dir="rtl"] #content .container #actuality .carousel .carousel-control-prev .carousel-control-prev-icon {
    margin-right: 0;
    margin-left: 0.75rem;
    transform: scaleX(-1);
}

html[dir="rtl"] #footer .container .footer-content .second-footer .nav-footer {
    margin-left: auto;
    margin-right: -150px;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .nav-footer .me-3 {
    left: auto;
    right: -1px;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .nav-footer .pub-finance {
    margin-left: auto;
    margin-right: 5rem;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .info-footer .list-unstyled {
    left: auto;
    right: -150px;
    padding-right: 0;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .info-footer .nav {
    padding-right: 0;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .info-footer .nav .nav-item .nav-link:last-child {
    padding-right: .85rem;
    padding-left: 0 !important;
}
.carousel.rtl {
    direction: rtl;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel.rtl .carousel-inner > .item.next,
    .carousel.rtl .carousel-inner > .item.active.right {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .carousel.rtl .carousel-inner > .item.prev,
    .carousel.rtl .carousel-inner > .item.active.left {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
html[dir="rtl"] .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}
html[dir="rtl"] #menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropright a, 
html[dir="rtl"] #header .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropright a {
    text-align: right;
}
html[dir="rtl"] #content .container #actuality .carousel .carousel-inner .carousel-item img {
    margin-left: 1rem!important;
    margin-right: 0!important;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .nav-footer .list-group .list-item {
    text-align: right;
}
html[dir="rtl"] section#banner .container .breadcrumb .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: .5rem;
}
html[dir="rtl"] section.content .container {
    text-align: right;
}
html[dir="rtl"] section.content .container a[href*="download"]:before, 
html[dir="rtl"] section.content .container a[href*=".pdf"]:before {
    left: auto;
    right: -10px;
}
html[dir="rtl"] section.content .container .grid_6 ul li::before {
    left: auto;
    right: -14px;
}
html[dir="rtl"] section.content .container .form-group {
    right: auto;
    left: 0;
}
html[dir="rtl"] #views-exposed-form-communiques-de-presse-page-1 .form-item-field-type-comunu-target-id,
html[dir="rtl"] #views-exposed-form-les-actualites-page-1 .form-item-field-th-matiques-target-id,
html[dir="rtl"] #views-exposed-form-publications-page-1 .form-item-field-type-de-publication-target-id {
    margin-left: 10px;
}
html[dir="rtl"] body section.content .container a[href*="download"]{
    margin-left: 0;
    margin-right: 10px;
}
html[dir="rtl"] body section#banner .container .breadcrumb .breadcrumb-item {
    padding-right: 0 !important;
    padding-left: .5rem !important;
}
html[dir="rtl"] body section#banner .container .breadcrumb a:first-of-type:after {
    padding-left: 0 !important;
    padding-right: .5rem;
}
html[dir="rtl"] #content .container #actuality .carousel .carousel-inner .carousel-item .slide-text {
    width: 100%;
    margin-left: 0;
}
html[dir="rtl"] body section.content .container a[href*="download"], 
html[dir="rtl"] body section.content .container a[href*=".pdf"] {
    margin-left: 0;
    margin-right: 10px;
}
html[dir="rtl"] body section.content .container ul {
    padding-right: 0;
}
html[dir="rtl"] #views-exposed-form-publications-page-1 input[type="submit"] {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}
html[dir="rtl"] form[id*="views-exposed-form"] input[type="submit"] {
    margin-left: 0 !important;
    margin-right: 1rem !important;
    font-family: 'Avenir Light' !important;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 388px) {
    .webform-submission-reclamation-form div.description {
        max-width: 320px !important
    }
}
@media only screen and (max-width: 471px) {
    .webform-submission-reclamation-form .description {
        max-width: 340px !important;
    }
}
@media only screen and (max-width: 576px) {
    .reclamation-wrp .row .r-rb div img {
        width: 100%;
        height: auto;
    }
    #menu .container #menu-body .brand button, #header .container #menu-body .brand button {
        margin-right: 1rem !important;
    }
    #hero .container #hero-bottom p, .under-hero .container #hero-bottom p {
        font-size: .5rem;
        margin-bottom: -0.5rem;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende {
        padding: 10% 4% 0 23% !important;
        font-size: 1rem !important;
        width: 66% !important;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende .slide-text {
        font-size: 0.7rem !important;
        margin-bottom: 0.5rem !important;
    }

    #content .container #features .legende {
        width: 100% !important;
    }
    #content .container #features .img-bg img {
        margin-bottom: .5rem !important;
    }
    #content #features .row .col .img-bg span.legende {
        left: 0 !important;
        margin-bottom: 1rem;
    }
    #content .container #actuality .carousel .carousel-inner .carousel-item div .mt-3 span {
        font-size: .8rem;
    }
    #content .container #actuality .carousel .carousel-inner .carousel-item div .slide-text {
        font-size: 1rem !important;
    }
    #footer .container .footer-content .second-footer .info-footer .list-unstyled a:last-child{
        padding: 0;
    }

    html[dir="rtl"] #menu .container #menu-body form label::after, 
    html[dir="rtl"] #header .container #menu-body form label::after {
        left: 10px;
        top: 16px;
    }
    html[dir="rtl"] body section.banner-actu ~ .content .container .form-group {
        width: 100% !important;
        margin-right: 0 !important;
    }
    html[dir="rtl"] body section#banner .container .page-title {
        top: 0;
    }
    html[dir="rtl"] body section#banner {
        height: 112px;;
    }
    html[dir="rtl"] section.content .container .form-group {
        /*position: static;
        border-bottom: 10px solid #4B575F;
        padding: 0;
        width: 106.5%;
        margin-right: -15px;
        margin-top: -8px;
        background: #4B575F;*/
        width: 100%;
        position: relative;
        left: 0 !important;
        right: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        top: 0;
    }
    html[dir="rtl"] section.content .container .form-group:before {
        content: "";
        display: block;
        background: #4B575F;
        position: absolute;
        left: -15px;
        right: -15px;
        top: 0;
        bottom: -15px;
        z-index: -1;
    }
    html[dir="rtl"] section.content .container .form-group form {
        flex-direction: column;
    }
    html[dir="rtl"] section.content .container .form-group form .form-item {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    html[dir="rtl"] section.content .container .form-group form .form-actions {
        margin-right: 10px;
        margin-left: 10px;
        width: 100%;
    }
    html[dir="rtl"] section.content .container .form-group form .form-actions input {
        width: 96%;
    }
    html[dir="rtl"] body #content #features .row .col .img-bg span.legende {
        text-align: center !important;
    }
    html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende, 
    html[dir="rtl"] .under-hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende {
        width: 55% !important;
        right: -39px !important;
        padding-right: 50px !important;
        padding-left: 10px !important;
        padding-top: 39px !important;
    }
    html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende .slide-text {
        font-size: 1.1rem;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    html[dir="rtl"] body section.banner-actu {
        height: 130px !important;
    }
    html[dir="rtl"] section.content .container .form-group {
        top: -66px;
    }
    html[dir="rtl"] .push-numbers {
        margin-bottom: 20px;
    }
    html[dir="rtl"] body section#banner .container .page-title {
        position: static;
    }
    html[dir="rtl"] #content .container #actuality .transversal a.btn.btn-cdg.mr-3 {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-indicators, 
    html[dir="rtl"] .under-hero .container #hero-body #carouselSlider .carousel-indicators {
        right: auto !important;
    }
    html[dir="rtl"] #footer .container .footer-content .second-footer {
        margin-right: 2rem!important;
        margin-left: 0!important;
    }
    html[dir="rtl"] #content .container #actuality .transversal a.btn.btn-cdg.ml-3,
    html[dir="rtl"] #content .container #actuality .transversal a.btn.btn-cdg.mr-3 {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende{
        padding: 9% 4% 0 15%;
        font-size: 1.1rem;
        width: 55%;
        height: 200% !important;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende p {
        margin-bottom: -1.5rem !important;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende a, 
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende p {
        font-size: .6rem !important;
        padding-bottom: 0 !important;
    }
    #hero .container #hero-body #carouselSlider .carousel-indicators {
        right: 1rem !important;
    }
    body #content #features .row .col .img-bg span.legende {
        font-size: .9rem !important;
        left: 1rem;
    }
    #content .container #actuality .title-green {
        font-size: 2.5rem !important;
        margin: 1.5rem 0 !important;
    }
    #content .container #actuality .transversal .btn-cdg {
        margin: 1rem;
    }
    #content .container #actuality .transversal a.btn.btn-cdg.ml-3 {
        margin-right: 0 !important;
    }
    #content .container #actuality .transversal a.btn.btn-cdg.mr-3 {
        margin-right: 0 !important;
    }
    #footer .container .footer-content .first-footer img {
        width: 150px !important;
    }

    #footer .container .footer-content .second-footer {
        width: unset !important;
        margin-left: 2rem !important;
    }
    #footer .container .footer-content .second-footer .nav {
        justify-content: normal;
        align-items: center;
    }
    #footer .container .footer-content .second-footer .info-footer .list-unstyled {
        font-size: .9rem;
    }
    #footer .container .footer-content .second-footer .nav .nav-item .nav-link:first-child {
        padding-left: 0;
    }
    #footer .container .footer-content .second-footer .nav .nav-item .nav-link {
        padding-right: 0.85rem !important;
    }
    #footer .container .footer-content .first-footer .pub-finance {
        align-items: normal;
        margin-bottom: 2rem;
    }
    #footer .container .footer-content .first-footer .pub-finance a:first-child {
        padding: 4px;
        align-items: center;
    }
    #footer .container .footer-content .first-footer .pub-finance img {
        max-width: 32px;
        margin: 9px;
    }
    #footer .container .footer-content .first-footer .pub-finance span.text {
        white-space: nowrap;
    }

    form.views-exposed-form.d-flex {
        flex-direction: column;
    }
    body section.content .container .card {
        text-align: left !important;
    }
    body section.content .container .card .card-body .card-title.mt-0 {
        font-size: 0.8rem;
        margin: 1.5rem 0;
    }
    .views-exposed-form.d-flex select {
        margin-left: 0 !important;
    }
    .views-exposed-form.d-flex .form-item {
        margin-left: 0 !important;
        margin-top: .5rem;
    }
    .views-exposed-form.d-flex #edit-actions input.form-submit {
        margin-left: 0!important;
        width: 100%; 
        margin-top: .5rem;
    }
    #content .container #actuality .carousel .carousel-inner .carousel-item div {
        text-align: center;
        text-transform: lowercase;
    }
    body section.content .container .form-group {
        top: -220px !important;
    }
    .communique_de_presse.def_banner_bg, 
    body section.banner-actu{
        height: 300px !important;
    }
    body section#banner .container .page-title {
        font-size: 1rem!important;
        position: absolute;
        top: 55%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    #footer .container .footer-content .first-footer a.footer-logo {
        width: 150px !important;
    }
    html[dir="rtl"] body section#banner {
        height: 190px;
    }
    html[dir="rtl"] body section#banner .container .page-title {
        position: relative !important;
        top: -55px;
    }
    html[dir="rtl"] #menu .container #menu-top, #header .container #menu-top {
        justify-content: flex-end !important;
    }
    html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .img-fluid {
        width: 100%;
        max-width: 150%;
        position: relative;
        left: 0;
    }
    html[dir="rtl"] #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende, 
    html[dir="rtl"] .under-hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende {
        padding-left: 1rem;
        padding-right: 9rem;
    }
    html[dir="rtl"] #footer .container .footer-content .second-footer .nav-footer {
        margin-right: auto;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    html[dir="rtl"] #footer .container .footer-content .first-footer {
        text-align: right;
    }
    html[dir="rtl"] #footer .container .footer-content .second-footer .nav-footer .pub-finance {
        margin-right: auto;
    }
    html[dir="rtl"] #footer .container .footer-content .second-footer {
        right: 0;
    }
    html[dir="rtl"] #footer .container .footer-content .second-footer .info-footer .list-unstyled {
        right: 0;
    }
    html[dir="rtl"] .navbar-light .navbar-brand {
        text-align: right;
    }
    html[dir="rtl"] #menu .container #menu-body form label::after, 
    html[dir="rtl"] #header .container #menu-body form label::after {
        right: auto;
        left: 8px;
    }
    body #content #features .row .col .img-bg span.legende {
        font-size: 1rem;
        left: 2rem;
        white-space: pre-line;
        text-align: center;
    }
    body #content .container #features .row {
        justify-content: center;
    }
    body #content .container #features .row .col {
        flex: 0 0 30%;
        max-width: 30%;
    }
    body #content .container #features .row  .m-top {
        margin-top: 2rem;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende{
        padding: 10% 3% 5% 10%;
        width: 47%;
        height: 195%;
        margin-left: -4rem;
        top: -30px;
        left: 0;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende .slide-text {
        font-size: 1.3rem;
        margin-bottom: 0rem;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende p {
        font-size: 1rem;
        margin-bottom: -1rem;
    }
    #hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .img-fluid {
        width: 136%;
        max-width: 150%;
        position: relative;
        left: -23%;
    }
    #hero .container #hero-body #carouselSlider .carousel-indicators{
        right: 4rem;
    }
    #menu .container #menu-top .lang-list .nav-item a.nav-link, #menu .container #menu-top .lang-list .nav-item a.language-link, #header .container #menu-top .lang-list .nav-item a.nav-link, #header .container #menu-top .lang-list .nav-item a.language-link {
        font-size: .7rem;
        padding: .5rem;
    }
    .not-front .container #menu-body .brand button{
        top: -45px !important;
    }
    #menu .container #menu-body form label::after{
        display: flex;
        position: absolute;
        align-items: center;
        width: 22px;
        height: 15px !important;
        right: 0;
        top: 1rem;
    }

    /* 28-06-2021 Corrections */
    #menu .container #menu-body .pages-search {
        margin-right: 0 !important;
    }
    #menu .container #menu-body .pages-search .social-media {
        display: none;
    }
    #menu .container #menu-body {
        padding: 2% 3% !important;
    }
    #content .container #actuality .title-green {
        padding-bottom: 0 !important;
        padding-top: 3rem !important;
    }
    #content .container #actuality .carousel .carousel-inner .carousel-item div .mt-3 span {
        display: none;
    }
    body section.tabs div[class*='js-view-dom-id'] {
        flex-direction: column;
    }
    body section.tabs.nav-tabs .views-field-field-intitul-.active {
        margin-right: 0 !important;
    }
    .fixed-tabs {
        top: 0 !important;
    }

    .rounded-pill {
        height: 2.5rem;
    }
    .not-front #menu-body .pages-search form label input.form-control {
        height: 2rem !important;
    }
    .plan-content .rubrique h5 {
        font-size: 1.1rem;
    }
    .plan-content .rubrique .rubrique-item ul li {
        font-size: 0.8rem;
    }

    #hero .container #hero-bottom, .under-hero .container #hero-bottom {
        height: 87px;
        justify-content: center;
        flex-direction: column;
    }

    #hero .container #hero-bottom p{
        margin-bottom: 0;
        margin-top: 0;
        font-size: .8rem;
    }
    #hero .container #hero-bottom .header-2 {
        position: unset ;
        top: 76px;
    }
    #content .container #actuality .carousel .carousel-inner .carousel-item div .slide-text {
        font-size: 1.3rem;
        line-height: 1.3;
        width: 100%;
        margin-left: 0 !important;
    }
    .epargne_banner h1.page-title {
        top: 31% !important;
    }
    .fixed-right {
        display: none !important;
    }
    #footer .container .footer-content {
        flex-flow: column;
        align-items: flex-start;
    }
    #footer .container .footer-content .first-footer img {
        width: 200px;
    }
    #footer .container .footer-content .first-footer {
        margin-bottom: 2rem;
        flex-direction: column;
        padding-left: 2rem;
        padding-top: 2rem;
        padding-bottom: 0;
        align-items: normal;
    }
    #footer .container .footer-content .second-footer {
        left: 0;
        width: 100%;
    }
    #footer .container .footer-content .second-footer .info-footer .list-unstyled {
        left: 0 !important;
    }
    #footer .container .footer-content .second-footer .info-footer {
        padding-top: 0;
    }
    #footer .container .footer-content .first-footer .nav-footer {
        margin-bottom: 2rem;
        align-items: normal;
        position: static;
        left: 0 !important;
        justify-content: normal;
    }
    #footer .container .footer-content .first-footer .nav-footer .list-group{
        flex-direction: column;
        align-items: normal;
        margin-top: 2rem;
    }
    #footer .container .footer-content .first-footer .nav-footer .list-group .list-item{
        border-right: 0 !important;
        padding: 0 !important;
        margin-bottom: 1rem;
        font-size: 1.1rem !important;
    }
    body section#banner .container .page-title {
        font-size: 20px;
        position: static;
    }

    form#views-exposed-form-les-actualites-page-1 {
        flex-direction: column;
    }

    #views-exposed-form-les-actualites-page-1 .form-item-created {
        margin: .5rem 0 !important;
    }
    #views-exposed-form-les-actualites-page-1 select {
        margin-left: 0 !important;
    }

    #views-exposed-form-les-actualites-page-1 input#edit-submit-les-actualites {
        margin-left: 0!important;
        width: 100%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1300px) {
    #menu .container #menu-body .navbar-collapse .navbar-nav .nav-item {
        margin: 0 .60rem;
    }
    .navbar-expand-lg .navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
    }
    .navbar-collapse {
        margin: 0 2rem;
        white-space: nowrap;
    }

    #footer .container .footer-content .first-footer .nav-footer {
        margin-left: 0;
    }

}
@media (max-width:1450px) and (min-width:1300px) {
    #menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link{
        font-size: .8rem!important;
    }
    .front #menu-body {
        padding: 5% 3.5% 2% 3% !important;
    }
    .front .container #menu-body .navbar-collapse {
        margin: 2rem 2rem 1.5rem 5rem !important;
    }
    .not-front #menu-body {
        padding: 5% 3% 2% 3% !important;
    }
    .fixed-right {
        top: 95px;
    }
}
@media only screen and (min-width:992px) {
    .navbar-collapse {
        white-space: nowrap;
    }
}
/* No breakpoint modif*/
#menu .container #menu-body .brand .navbar-brand img, #header .container #menu-body .brand .navbar-brand img {
    max-width: 100%;
    width: 150px;
    height: auto;
}
#menu .container #menu-body .search .social-media ul.nav {
    flex-wrap: nowrap;
}
#accordion {
    background: #1d1d1b;
    left: 0;
    top: -3rem;
}
#accordion .col-8 {
    max-width: 70%;
    z-index: 999;
}

#accordion .col-8 ul.nav {
    flex-direction: row;
    flex-wrap: nowrap;
}
#accordion .col-8 .nav .nav-item .nav-link{
    padding: .5rem !important;
}
#accordion .col-8 .nav .nav-item .nav-link img{
    width: 45px
}
.accordion {
    background-color: white;
    color: #1D1D1B;
    cursor: pointer;
    padding: 18px 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.1rem;
    transition: 0.4s;
    font-family: 'Avenir Bold';
}

button.active, .accordion:hover {
    background-color: rgb(228, 224, 224);
}

.accordion:after {
    font-weight: bold;
    float: right;
    margin-left: 5px;
    content: url(../img/right-arrow.svg);
}

button.active:after {
    content: url(../img/left-arrow.svg);
}

.panel {
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel .mobile-submenu {
    position: static;
    display: block;
    float: none;
    border: none;
    padding: 0;
}
.panel li{
    list-style: none;
}
.panel li a {
    font-family: 'Avenir Book';
    font-size: .8rem;
    text-decoration: none;
    color: #1D1D1B;
    white-space: normal;
    padding-left: .5rem;
}
.panel li a:hover{
    text-decoration: none;
}
body section.content #field_description_pr h2 {
    color: #4B575F;
}
body .node--type-page-activit-  section#banner .container .page-title {
    position: static;
}
body section.content .container h4 {
    margin: 1rem 0;
}
body section.content .container .border-bottom {
    padding: 0 0 1rem 0;
}
body section.content .container article .views-field-field-filiale ul li::before { 
    content: none; 
}
body section.content .container .card .quicktabs-wrapper .card-header {
    overflow-x: scroll;
}
#field_description_pr strong {
    font-family: 'Avenir Bold';
}
#menu .container #menu-body .navbar-collapse .navbar-nav .nav-item.dropdown a.nav-link::after {
    content: none;
}
#menu .container #menu-body .pages-search .social-media{
    /*margin-right: 2rem;*/
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0 !important;
    position: relative;
    order: 1;
}
#menu .container #menu-body .pages-search .social-media ul.nav {
    border-radius: 50px;
    padding: 0 8px;
    border: 2px solid #E3E0E0;
    position: absolute;
    margin-top: 0.7rem;
    box-shadow: 0 3px 9px #e3e0e0;
    width: 140px;
    left: 50%;
    transform: translate(-50%,0);
    background: white;
}
#menu .container #menu-body .pages-search .social-media ul.nav:before {
    content: '';
    display: block;
    position: absolute;
    top: -52%;
    width: 0;
    right: 43%;
    height: 0;
    border-bottom: 10px solid #E3E0E0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

#menu .container #menu-body .pages-search .social-media button {
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    position: relative;
    min-width: 40px;
    margin-top: -0.2rem;
}

#menu .container #menu-body .pages-search form{
    line-height: 2;
}
#content {
    margin-top: 4rem;
}
#content .container #actuality .title-green {
    margin: 0;
    padding-top: 5rem;
    padding-bottom: 2rem;
    font-size: 3rem;
    font-family: 'Avenir Medium';
    text-shadow: none !important;
}
#content .container #actuality .carousel{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#content .container #actuality .carousel{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#content .container #actuality .carousel .carousel-inner .carousel-item .d-flex div{
    text-align: center;
}
#content .container #actuality .carousel .carousel-inner .carousel-item .d-flex {
    justify-content: center;
    flex-wrap: wrap;
}
#content .container #actuality .carousel .carousel-inner .carousel-item .slide-text {
    font-family: 'Avenir Bold';
    text-align: center;
    line-height: 1.3;
    width: 88%;
    height: 7.5rem;
    margin-left: 2rem;
}
#content .container #actuality .carousel .carousel-inner .carousel-item span {
    font-family: 'Avenir Medium';
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 4;
}

#content .container #actuality .carousel .carousel-control { 
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#content .container #actuality .carousel .carousel-control-next,
#content .container #actuality .carousel .carousel-control-prev {
    position: relative;
    width: 100%;
    opacity: 1;
}
#content .container #actuality .carousel .carousel-control-prev .carousel-control-prev-icon,
#content .container #actuality .carousel .carousel-control-next .carousel-control-next-icon{
    width: 55px;
    height: 55px;
    opacity: 1;
}
#content .container #actuality .carousel .carousel-control-prev .carousel-control-prev-icon{
    background-image: url(../../assets/img/prev.svg) !important;
    margin-right: .75rem;
}
#content .container #actuality .carousel .carousel-control-next .carousel-control-next-icon{
    background-image: url(../../assets/img/nextt.svg) !important;
    margin-left: .75rem;
}

#content .container #actuality .transversal {
    margin: 0;
    padding-bottom: 0;
    padding-top: 6rem;
}
#footer .container .footer-content .first-footer .nav-footer {
    position: relative;
    left: 5rem;
}
#footer .container .footer-content .second-footer .info-footer .list-unstyled .list-item:last-child {
    padding-right: 0;
}
/* PLAN DU SITE */

.banner-plan-site{
    background-image: url('../img/plan-site-banner.svg');
}
.banner-plan-site .breadcrumb a,
.banner-plan-site .breadcrumb span {
    display: none;
}
.plan-content .rubrique h5{
    color: #759A1F;
}
.plan-content .rubrique h5, 
.plan-content .rubrique h6 {
    font-family: 'Avenir Bold';
    margin: 1rem 0;
}

.plan-content .rubrique h5 a{
    color: inherit;
    text-decoration-color: #759A1F;
}
.plan-content .rubrique .rubrique-item h6 a{
    color: inherit;
    text-decoration-color: #759A1F;
    font-weight: bold;
}
.plan-content .rubrique .rubrique-item ul li a {
    color: inherit;
}
.plan-content .rubrique .rubrique-item ul li::before {
    content: "o"; 
    font-size: 12px !important;
    color: #759A1F;
    margin-left: -1rem;
    position: relative;
    display: inline-block;
    vertical-align: top;    
}
.content li.comment-forbidden {
    display: none;
}

html[dir="rtl"] #footer .container .footer-content .second-footer .info-footer .list-unstyled .list-item:last-child {
    border-right: 1px solid #252F38;
    padding-right: 15px;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .info-footer .list-unstyled .list-item:nth-child(1) {
    padding-left: 10px;
    border-right: 0;
}
html[dir="rtl"] body section#banner .container .page-title {
    font-family: 'DroidArabicKufiRegular' !important;
}
body section#banner .container .page-title {
    font-family: 'Avenir Black' !important;
    margin-left: 0 !important;
}
.node--type-page-article #banner, .path-les-actualites #banner {
    background-size: cover;
}
@media only screen and (max-width: 576px) {
    html[dir="rtl"] body section#banner .container .page-title {
        top: 0 !important
    }
    html[dir="rtl"] #footer .container .footer-content .second-footer {
        margin-right: 0 !important;
        padding: 0 2rem !important;
    }
    html[dir="rtl"] #menu .container #menu-body form label[for="edit-keys"], 
    html[dir="rtl"] #header .container #menu-body form label[for="edit-keys"] {
        width: 1px !important;
    }
    html[dir="rtl"] body section.content .container ul {
        flex-wrap: wrap;
    }
    html[dir="rtl"] body section.content .container nav .pagination .page-item .page-link {
        margin-bottom: .25rem;
        width: 36px;
        text-align: center;
    }
    html[dir="rtl"] section.content .container .form-group form .form-actions {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    html[dir="rtl"] section.content .container .form-group form .form-actions input[type="submit"] {
        width: 100%;
        margin: 0 !important;
    }
    html[dir="rtl"] #menu .container #menu-body form label::after, 
    html[dir="rtl"] #header .container #menu-body form label::after {
        top: 11px !important;
    }
    html[dir="rtl"] #views-exposed-form-les-actualites-page-1 input[type="submit"] {
        margin-left: 0 !important;
    }
    #views-exposed-form-communiques-de-presse-page-1 select {
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 768px) {
    #content .container #actuality .carousel .carousel-control-next {
        margin-top: 0;
    }
    html[dir="rtl"] body section.banner-actu ~ .content .container .card {
        text-align: right;
    }
    html[dir="rtl"] #menu .container #menu-body form label::after, 
    html[dir="rtl"] #header .container #menu-body form label::after {
        top: 17px;
    }
    .reclamation-wrp .r-lb {
        order: 2;
    }
    .reclamation-wrp .r-rb {
        margin-top: 2rem;
        margin-bottom: 2rem;
        display: none;
    }
}

body section.content .container .card {
    margin-right: 0 !important;
    border-color: transparent !important;
}
body section.content .container .form-group {
    right: 15px;
}
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
    background-image: url(../img/arrow-down.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
}
body section.content .container nav .pagination .page-item .page-link {
    border-radius: 50%;
    padding: 0 !important;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

body section.content > .container {
    position: relative;
}

html[dir="rtl"] select {
    background-position: 4% 50% !important;
}
body section.content #field_description_pr ul,
.quicktabs-main .field-content ul{
    display: table;
    padding-left: 0!important;
}
body section.content #field_description_pr ul li,
.quicktabs-main .field-content ul li,
article ul li,
.d-flex .container ul li {
    display: table-row;
    font-size: 14px;
    line-height: 1.5em;
}
body .content #field_description_pr ul li:before,
.quicktabs-main .field-content ul li:before,
article ul li:before {
    display: table-cell !important;
}

article .plan-content ul {
    padding-left: 40px !important;
}
body section.content .container article ul li::before,
body.node--type-page-article section.content .container ul li::before {
    content: "\2022";
    color: #658D26;
    font-weight: bold;
    display: table-cell;
    width: 17px;
    margin-left: -1.7em;
    vertical-align: sub;
    font-size: 1.125rem;
}
body section.content .container ul.bullet li::before {
    font-size: 1.125rem;
}
.paragraph.paragraph--type--contenu-de-la-page {
    /*padding-left: 10px !important;*/
}
#block-cdg-local-tasks ul li:before {
    content: none;
}
.blocJoin ul li:before {
    content: none !important;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
    background-image: url(../img/arrow-down.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
}
select::-ms-expand{
    display: none !important;
}

body section.tabs.nav-tabs .views-field-field-title.active {
    background: white;
    margin-right: 0.5rem;
    margin-left: -.5rem;
}
body section.tabs.nav-tabs .views-field-field-title.active .field-content {
    color: #4B575F;
    padding-left: .5rem;
}

.circle-image .circle-image-item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle-image .circle-image-item .img-bg {
    position: relative;
    width: 161.5px;
    height: 161.5px;
}
.circle-image .circle-image-item .img-bg .legende {
    font-family: 'Avenir Bold';  
    font-size: 1rem;
    position: absolute;
    white-space: normal;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 63%;
    color: white;
    z-index: 1;
}
.circle-image .circle-image-item .img-bg .img-fluid {
    width: 100%;
    border-radius: 50%;
}
.circle-image .circle-image-item .img-bg .bg-color {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #303E48 !important;
    opacity: 0.6;  
}
.circle-image .circle-image-item ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.circle-image .views-element-container {
    width: 100%;
}
body section.content .sidebar.metier-push-zone .container .sidebar-content .sidebar-item {
    padding: 30px;
}
.push-zone-item .item-title {
    font-size: 18px !important;
    margin-bottom: 5px !important;
    display: block;
    margin-top: 0 !important;
}
.push-zone-item img {
    margin-bottom: 10px;
}
.push-zone-item a {
    font-size: 14px;
}
#faq-accordion .card {
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    margin: 0;
}
#faq-accordion .card .card-header {
    position: relative;
    background: none;
    justify-content: left;
    padding: 0;
    margin-bottom: 15px;
}
#faq-accordion .card .card-header h5 {
    width: 100%;
}
#faq-accordion .card .card-header .btn {
    padding: 0;
    color: black;
    font-weight: bold;
    box-shadow: none;
    width: 100%;
    text-align: left;
    padding-right: 19px;
}
#faq-accordion .card .card-header .btn:hover,
#faq-accordion .card .card-header .btn:focus {
    text-decoration: none;
}
#faq-accordion .card .card-header .faq-toggle {
    display: inline-block;
    background: url('../img/picto-top.png') 0 0 no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    font-size: 0;
    text-indent: -9999em;
    margin-top: 5px;
    outline: none;
}
#faq-accordion .card .card-header .btn.collapsed ~ .faq-toggle {
    transform: rotate(180deg);
}
#faq-accordion .card .card-body {
    padding: 0;
}
#faq-accordion .card .card-body p, 
#faq-accordion .card .card-body ul li {
    font-size: 14px;
}
#faq-accordion .card .card-body ul li:before,
body div.page_wrp article ul li:before {
    content: "\2022";
    color: #658D26;
    font-weight: bold;
    display: inline-block;
    width: 17px;
    vertical-align: sub;
    font-size: 1.125rem;
}
body div.page_wrp article ul ul li:before {
    vertical-align: baseline;
    margin-right: 9px;
}
#faq-accordion .card .card-body ul {
    padding-left: 0;
}
#faq-accordion .card .card-body ul li {
    position: relative;
}
html[dir="rtl"] #views-exposed-form-faq-page-1 input[type="submit"] {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}
html[dir="rtl"] #faq-accordion .card .card-header .btn {
    text-align: right;
    padding-right: 0;
    padding-left: 19px;
}
html[dir="rtl"] #faq-accordion .card .card-header .faq-toggle {
    right: auto;
    left: 0;
}
html[dir="rtl"] #faq-accordion .card .card-body ul {
    padding-left: 0;
    padding-right: 20px;
}
html[dir="rtl"] #faq-accordion .card .card-body ul li:before {
    left: auto;
    right: -18px;
}
html[dir="rtl"] .pagination {
    padding-right: 0;
}

/* TEST DE MISE EN PAGE - PAGE IDENTITE */
.path-node .content .container {
    font-family: 'Avenir Book';
}
.path-node .content .container h2,
.path-node .content .container h3,
.path-node .content .container h4,
.path-node .content .container h5,
.path-node .content .container h6 {
    line-height: 1 !important;
    margin: 1.375rem 0 !important;
    /*font-family: 'DroidArabicKufiRegular' !important;*/
    font-weight: unset !important;
}
html[dir="rtl"] .path-node .content .container h2,
html[dir="rtl"] .path-node .content .container h3,
html[dir="rtl"] .path-node .content .container h4,
html[dir="rtl"] .path-node .content .container h5,
html[dir="rtl"] .path-node .content .container h6 {
    font-family: 'DroidArabicKufiRegular' !important;
}
html[dir="rtl"] .path-node .content .container h4 {
    font-weight: bold !important;
}
.path-node .content .container h2 {
    color: #4B575F !important;
    font-size: 1.75rem;
}
.path-node .content .container h3 {
    color: #1D1D1B !important;
    font-size: 1.125rem;
}
.path-node .content .container h4 {
    color: #4B575F !important;
    font-size: 1rem;
}
.path-node .content .container h5 {
    font-family: 'Avenir Heavy' !important;
    font-style: oblique;
    color: #658D26 !important;
    font-size: 1rem;
}
.path-node .content .container h6 {
    font-family: 'Avenir Book' !important;
    color: #4B575F !important;
    font-size: 1.25rem;
}
.path-node .content .container p {
    color: #1D1D1B;
    font-size: 0.875rem;
    margin: 1.375rem 0 !important;
}

/* TEST MISE EN PAGE - TABLEAU & CONTENU */

/* CONTENU : TITRES & TEXTES */

.path-node .content .container article {
    font-family: 'Avenir Book';
}
.path-node .content .container article h2,
.path-node .content .container article h3,
.path-node .content .container article h4,
.path-node .content .container article h5,
.path-node .content .container article h6 {
    line-height: 1 !important;
    margin: 1.375rem 0 !important;
    font-family: 'Avenir Black' !important;
    font-weight: unset !important;
}
.path-node .content .container article h2 {
    color: #4B575F !important;
    font-size: 1.75rem;
}
.path-node .content .container article h3 {
    color: #1D1D1B !important;
    font-size: 1.125rem;
}
.path-node .content .container article h4 {
    color: #4B575F !important;
    font-size: 1rem;
}
.path-node .content .container article h5 {
    font-family: 'Avenir Heavy' !important;
    font-style: oblique;
    color: #658D26 !important;
    font-size: 1rem;
}
.path-node .content .container article h6 {
    font-family: 'Avenir Book' !important;
    color: #4B575F !important;
    font-size: 1.25rem;
}
.path-node .content .container article p {
    color: #1D1D1B;
    font-size: 0.875rem;
    margin: 1.375rem 0 !important;
}
.path-node .content .container article blockquote {
    text-align: center;
    margin: 2.563rem 0 !important;
}
.path-node .content .container article blockquote p {
    color: #658D26;
    font-size: 1.25rem;
    font-style: oblique;
    font-weight: 500;
}
.path-node .content .container article ol {
    padding-left: 1rem;
    font-family: 'Avenir Book';
    font-size: 1rem;
}
.path-node .content .container article ol li {
    padding-left: 0.25rem;
    padding-top: 0;
    padding-bottom: 0;
}
.path-node .content .container article ol li::marker {
    color: #658D26;
}
.path-node .content .container article ul li:before {
    font-size: 1.125rem;
}
/* TABLEAU */
.content .container article table {
    border-collapse: collapse;
    background-color: #F8F5F5;
    border-color: white;
}
.content .container article table th {
    font-size: 1.125rem;
    font-family: 'Avenir Heavy';
    text-align: center;
    color: #4E4545;
    background-color: #D9D9D9;
    padding: 0.75rem;
}
.content .container article table td {
    text-align: center;
    font-size: 16px;
    color: #4E4545;
}
.content .container article table td, table th {
    border: 2px solid white;
}

/* TEST MISE EN PAGE - PAGE ACTUALITES */
/* .path-les-actualites .content .container .card,
.path-communiques-de-presse .content .container .card,
.path-publications .content .container .card {
    padding: 0 1.5rem;
    margin-bottom: 2rem;
}
.path-les-actualites .content .container .card .card-body,
.path-communiques-de-presse .content .container .card .card-body,
.path-publications .content .container .card .card-body {
    padding: 0;
}
.path-les-actualites .content .container .card .card-body h2.card-title,
.path-communiques-de-presse .content .container .card .card-body h2.card-title,
.path-publications .content .container .card .card-body h2.card-title {
    color: #4B575F;
    line-height: 1;
    margin: 1.375rem 0;
    font-size: 1.75rem;
    font-family: 'Avenir Black';
    font-weight: unset !important;
}
.path-les-actualites .content .container .card .card-body h2.card-title a,
.path-communiques-de-presse .content .container .card .card-body h2.card-title a,
.path-publications .content .container .card .card-body h2.card-title a{
    color: #4B575F;
}
.path-les-actualites .content .container .card .card-body h2.card-title a:hover,
.path-communiques-de-presse .content .container .card .card-body h2.card-title a:hover,
.path-publications .content .container .card .card-body h2.card-title a:hover{
    color: #4B575F;
    text-decoration: none;
}
.path-les-actualites .content .container .card .card-footer,
.path-communiques-de-presse .content .container .card .card-footer,
.path-publications .content .container .card .card-footer{
    padding: 1.375rem 0 0 0;
    margin: 1.375rem 0;
    border-top: 1px solid #E2E2E2;
}
.path-les-actualites .content .container .card .card-footer .btn-more.green,
.path-communiques-de-presse .content .container .card .card-footer .btn-more.green,
.path-publications .content .container .card .card-footer .btn-more.green{
    position: initial ;
    font-size: 0.875rem;
    padding: .5rem;
    width: 120px !important;
} */
body .content .container .card {
    padding: 0 1.5rem;
    margin-bottom: 2rem;
}
body .content .container .card .card-body {
    padding: 0;
}
body .content .container .card .card-body h2.card-title {
    color: #4B575F;
    line-height: 1;
    margin: 1.375rem 0;
    font-size: 1.75rem;
    font-weight: unset !important;
}
body .content .container .card .card-body h2.card-title a{
    color: #4B575F;
}
body .content .container .card .card-body h2.card-title a:hover{
    color: #4B575F;
    text-decoration: none;
}
body .content .container .card .card-footer{
    padding: 1.375rem 0 0 0;
    margin: 1.375rem 0;
    border-top: 1px solid #E2E2E2;
}
body .content .container .card .card-footer .btn-more.green{
    position: initial ;
    font-size: 0.875rem;
    padding: .5rem;
    width: 120px !important;
}
/* MISE EN PAGE - FIL D'ARIANE */
.path-node section#banner .container .page-title {
    margin-left: 0;
}
.path-node section#banner .container .breadcrumb {
    font-family: 'Avenir Light';
}

.views-field-field-metiers-lies {
    padding-top: 80px;
    margin-bottom: 80px;
}
.views-field-field-metiers-lies ul {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}
/*** Hotfix metier ***/
.views-field-field-metiers-lies ul img {
    border-radius: 50%;
    /*height: 250px; */
    /* width: 250px; */
    width: 100%;
    height: 100%;
}
.views-field-field-metiers-lies article {
    position: relative;
}
.views-field-field-metiers-lies article h2 {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    /*z-index: 999;*/
}
.views-field-field-metiers-lies article a {
    font-family: 'Avenir Bold';
    font-size: 1rem;
    white-space: normal;
    text-align: center;
    color: white;
    z-index: 1;
}
/*** Hotfix metier ***/
.views-field-field-metiers-lies article h2 a:after {
    content: "";
    display: block;
    width: 180px; /*250px;*/
    height: 180px; /*250px;*/
    border-radius: 50%;
    background: rgb(48 62 72 / 61%) !important;
}
.views-field-field-metiers-lies article h2 a span {
    position: absolute;
    white-space: normal;
    text-align: center;
    width: 73%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
/*** Hotfix metier ***/
.views-field-field-metiers-lies article div:not(.contextual) {
    height: 180px;
    width: 180px;
}
.views-field-field-filiales ul {
    list-style: none;
    padding: 0;
}
.views-field-field-filiales ul li:not(:first-child) {
    display: none;
}
.metier-filiales-titles ul {
    list-style: none;
    padding: none;
}
.metier-filiales-titles .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.metier-filiales-titles {
    padding-bottom: 0 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}
.metier-filiales-titles ul {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
/*** Hotfix metier ***/
.metier-filiales-titles ul li {
    position: relative;
    border-radius: 50px;
    padding: 0 8px;
    border: 1px solid #2F383F;
    margin-right: 2rem;
    display: flex;
    align-items: center;
}
/*** Hotfix metier ***/
.metier-filiales-titles ul li a {
    padding: .5rem 1rem;
}
/*** Hotfix metier ***/
.metier-filiales-titles ul li span {
    color: #2F383F;
    font-size: 0.8rem;
    max-width: 110px;
    width: 100%;
    font-weight: 900;
    text-align: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding: .6rem .5rem;
}
.metier-filiales-titles ul li.active {
    background: #2F383F;
    border-color: #2F383F;
    color: white;
}
.metier-filiales-titles ul li.active span {
    color: white;
}
/*** Hotfix metier ***/
.metier-filiales-titles ul li.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -31px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 20px solid #2F383F;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
/*** Hotfix metier ***/
.metier-filiales-bottom ul li > div > div:first-child, .holding-title {
    font-size: 28px;
    color: #4B575F;
    font-family: 'Avenir Black';
    margin-bottom: 12px;
}
.metier-filiales-img ul li {
    text-align: center;
}
.metier-filiales-img ul li img {
    width: 100%;
}
.metier-filiales-img ul li a {
    color: #4B575F;
}
.holding-img {
    text-align: center;
}
.path-node .content .container .views-field-field-metiers-lies article h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.views-field-field-element-du-rebond-projets- ul {
    display: flex;
    justify-content: space-around;
}
.views-field-field-element-du-rebond-projets- ul li {
    display: table-row !important;
}
.views-field-field-element-du-rebond-projets- ul li img {
    width: 161.5px !important;
    height: 161.5px !important;
    border-radius: 50%;
}
.project-slider .circle-image .circle-image-item .legende {
    display: block;
    font-family: 'Avenir Black';
    font-size: 1rem;
    white-space: normal;
    /*position: absolute;*/
    text-align: center;
    color: black;
    z-index: 1;
    margin-top: 0.75rem;
}
.project-slider .circle-image .circle-image-item a:hover {
    text-decoration: none;
}
.views-field-field-titre-du-rebond {
    margin-bottom: 25px;
    margin-left: 15px;
}
.metier-filiales-img ul li img {
    width: 100%;
    height: auto;
}
.project-slider {
    width: 121%;
    overflow: hidden;
}
.project-slider .splide__track {
    width: 100%;
}
.views-field-field-filiales ul li {
    display: block !important;
}
.project-slider-wrp .views-element-container.lslide {
    width: 100% !important;
}
.project-slider .lSAction>a {
    top: 43%;
    width: 41.07px;
    height: 41.07px;
    background-image: url(../img/controls-projects.png);
    opacity: 1;
}
.project-slider .lSAction>.lSPrev {
    left: 20px;
}
.project-slider .lSAction>.lSNext {
    right: 20px;
    background-position: -45.07px 0;
}
.project-slider-wrp .lightSlider .lSSlideWrapper {
    margin: 0 85px;
}
.ps-controls a {
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s;
    top: 38%;
    width: 41.07px;
    height: 41.07px;
    background-image: url(../img/controls-projects.png);
    opacity: 1;
}
.ps-controls a.PSPrev {
    background-position: 0 0;
    left: 20px;
}
.ps-controls a.PSNext {
    background-position: -45.07px 0;
    right: 20px;
}
.project-slider-wrp .views-field-field-element-du-rebond-projets- .lSAction {
    display: none !important;
}
.metier-filiales-bottom p {
    font-family: 'Avenir Book';
}
.views-field-field-titre-du-rebond .field-content {
    font-family: 'Avenir Black';
    font-size: 23px;
    color: #4B575F;
    padding: 0 15px;
}
#menu .container #menu-body, #header .container #menu-body {
    z-index: 500;
}
.PA_wrap img, .PDCP_wrap img {
    display: table; 
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
/*** Hotfix metier ***/
.views-field-field-filiales ul li img, .holding-img img {
    width: 115px;
    height: 115px;
    border: 1px solid #4B575F;
    padding: 10px;
    margin-bottom: 15px;
}
/*** Hotfix metier ***/
.path-node section#banner .container .breadcrumb a:first-child {
    padding-left: 0;
}
body section#banner .container .breadcrumb .breadcrumb-item {
    padding-left: 0 !important;
    padding-right: .5rem;
}
.metier-filiales-bottom ul li {
    font-size: 14px;
    font-family: 'Avenir Book';
    color: #212529;
    line-height: 1.5rem;
}
.metiers_tmp_wrp article ul {
    padding-left: 24px;
}
html[dir="rtl"] .metiers_tmp_wrp article ul {
    padding-left: 0 !important;
    padding-right: 23px !important;
}
.filiale-bottom ul li, 
.metiers_tmp_wrp article ul li,
.page_wrp article ul li,
.page_activit__wrp .content .container ul li,
.page_activit__wrp .content .container-fluid ul li {
    padding-left: 28px;
    text-indent: -4px;
    font-size: 14px;
    line-height: 1.5em;
}
.filiale-bottom ul li::before, 
.metiers_tmp_wrp article ul li::before {
    content: "\2022";
    color: #658D26;
    font-weight: bold;
    display: inline-block;
    vertical-align: sub;
    font-size: 1.125rem;
    position: relative;
    left: -20px;
}
.holding-url a {
    color: #4B575F;
}
/**** Réclamation form ****/
.webform-submission-reclamation-form .form-control {
    border-radius: 0 !important;
    height: 46px;
    border-color: #C6C6C6;
    max-width: 423px;
    font-size: 0.875rem;
    color: #1D1D1B;
}
.webform-submission-reclamation-form textarea.form-control {
    height: auto;
}
.webform-submission-reclamation-form label {
    color: #1D1D1B;
    font-family: 'Avenir Book';
    font-size: 0.875rem;
    margin-bottom: 2.5px;
}
.webform-submission-reclamation-form .description {
    font-family: 'Avenir Book';
    font-size: 0.875rem;
    color: #1D1D1B;
    max-width: 423px;
    margin-top: 10px;
    margin-bottom: 0 !important;
}
.webform-submission-reclamation-form .webform-file-button {
    background: #658D26;
    font-size: 0.875rem;
    font-family: 'Avenir Black';
    color: white;
    padding: 12.6px 42.6px 12.6px 12.6px;
    margin-right: 23.5px;
    background-image: url('../img/upload2.svg');
    background-repeat: no-repeat;
    background-position: 90% center;
}
.webform-submission-reclamation-form .form-item-piece-jointe {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.webform-submission-reclamation-form .form-item-piece-jointe .description {
    margin: 0 !important;
}
.webform-submission-reclamation-form .form-item-piece-jointe label[id*='edit-piece-jointe'] {
    flex-basis: 100%;
}
.webform-submission-reclamation-form .form-item-mentions-legales {
    margin-top: 15.4px;
}
.webform-submission-reclamation-form div[id*="edit-actions"] {
    margin-top: 29px;
}
.webform-submission-reclamation-form input[type="submit"] {
    background: #658D26;
    color: white;
    border: 0;
    font-size: 14px;
    font-family: 'Avenir Black';
    padding: 12.6px 37.2px;
}
.webform-submission-reclamation-form input[id*="edit-mentions-legales"] {
    border-radius: 0;
    width: 14px;
    height: 14px;
    border-color: #C6C6C6;
    position: relative;
    top: -19px;
}
.webform-submission-reclamation-form a[href*=".pdf"] {
    color: #1D1D1B;
    font-size: 0.875rem;
}
.reclamation_page_wrp #banner {
    background-image: url('../img/reclamation.png');
}
.reclamation-wrp article img {
    width: 100%;
    height: auto;
}
body section.content .valeurs .row .flex-column p {
    max-width: 255px;
}
.webform-submission-reclamation-form input[id*="edit-piece-jointe-remove-button"] {
    margin-bottom: 15px;
}

html[dir="rtl"] .webform-submission-reclamation-form .webform-file-button {
    margin-right: 0;
    margin-left: 23.5px;
    padding: 12.6px 12.6px 12.6px 42.6px;
    background-position: 15% center;
}
html[dir="rtl"] .webform-submission-reclamation-form .form-item-piece-jointe .description {
    left: auto;
    right: 110px;
}
.webform-submission-reclamation-form .form-item-mentions-legales label {
    display: none;
}
.webform-submission-reclamation-form .form-item-mentions-legales .description {
    margin-top: 0;
    display: inline-block;
}
.webform-submission-reclamation-form .form-item-mentions-legales div[id*="edit-mentions-legales"] {
    color: #1D1D1B;
    font-family: 'Avenir Book';
    font-size: 0.875rem;
    margin-bottom: 10.5px;
}
.webform-submission-reclamation-form .form-item-mentions-legales div[id*="edit-mentions-legales"] a {
    color: #658D26 !important;
    margin: 0 !important;
}
.webform-submission-reclamation-form .form-item-mentions-legales div[id*="edit-mentions-legales"] a:before {
    content: none !important;
}
.toolbar-tray-open.toolbar-fixed.user-logged-in.path-webform.toolbar-horizontal {
    padding-top: 78.8888px !important;
}
.toolbar-tray-open.toolbar-fixed.user-logged-in.path-webform.toolbar-horizontal .toolbar-bar {
    z-index: 999 !important;
}
.toolbar-tray-open.toolbar-fixed.user-logged-in.path-webform.toolbar-horizontal #menu-top {
    top: 78px !important;
    z-index: 980 !important;
}
.toolbar-tray-open.toolbar-fixed.user-logged-in.path-webform.toolbar-horizontal .fixed-right {
    top: 185px !important;
}
html[dir="rtl"] #footer .container .footer-content .first-footer .nav-footer .list-group .list-item:last-child {
    border-right: 1px solid darkgray !important;
}
html[dir="rtl"] #footer .container .footer-content .first-footer .nav-footer .list-group .list-item:first-child {
    border-right: 0 !important;
    padding-left: 20px !important;
}
html[dir="rtl"] #footer .container .footer-content .first-footer .nav-footer {
    position: static;
}
html[dir="rtl"] #footer .container .footer-content .second-footer .nav {
    padding-right: 0;
}
#footer .container .footer-content .first-footer img {
    width: 100%;
    max-width: 100%;
    width: 150px !important;
    height: auto;
}
span.btn_to_top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 10;
    cursor: pointer;
    background-image: url(../img/bar-top.svg);
    background-size: cover;
    height: 40px;
    width: 40px;
    opacity: .3;
    -webkit-transition: .5s;
    transition: .5s;
}
span.btn_to_top:hover {
    opacity: 1;
}
#content .container #actuality {
    margin: 5rem 0 2rem 0;
}
#faq-accordion .card .card-header .card-title {
    width: 100%;
    font-size: 1.125rem;
    font-family: 'Avenir Black';
}
html[dir="rtl"] .hori-timeline {
    direction: rtl;
}
.rss {
    border-top: 1px solid #d2d7da;
    margin: 0 0 55px;
    padding: 0;
}
.rss > li {
    display: list-item;
    list-style: none;
    padding: 8px 11px;
    border-bottom: 1px solid #d2d7da;
    overflow: hidden;
}
.rss li:before {
    content: none !important;
}
.rss > li .title-fil {
    font-family: 'Avenir Bold' !important;
    font-size: 18px;
    color: #303e48;
    text-decoration: none;
    float: left;
    position: relative;
    padding-left: 33px;
    line-height: 22px;
    margin: 0;
}
.rss > li .title-fil:before {
    content: "";
    background: url(../img/rss.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0px;
}
.rss > li .title-fil + br {
    display: none;
}
.rss .sourceRss {
    float: right;
    padding: 4px 0;
}
.rss .sourceRss li {
    list-style: none;
    float: left;
    margin-left: 20px;
}
.rss .sourceRss li:first-child {
    margin-left: 0;
}
.rss .sourceRss a {
    display: block;
    font-size: 0;
    text-indent: -9999em;
}
.rss .sourceRss a.xml {
    background: url(../img/xml.png) 0 0 no-repeat;
    width: 33px;
    height: 16px;
}
.rss .sourceRss a.mony {
    background: url('../img/mony.png') 0 0 no-repeat;
    width: 74px;
    height: 16px;
}
.rss .sourceRss a.google {
    background: url('../img/google.png') 0 0 no-repeat;
    width: 69px;
    height: 16px;
}
.rss .sourceRss a.netvibes {
    background: url('../img/netvibes.png') 0 0 no-repeat;
    width: 83px;
    height: 16px;
}
html[dir="rtl"] .rss > li .title-fil {
    float: right;
    padding-right: 33px;
    padding-left: 0;
}
html[dir="rtl"] .rss > li .sourceRss {
    float: left;
}
html[dir="rtl"] .rss > li .title-fil::before {
    right: 0px;
    left: inherit;
}
html[dir="rtl"] .rss > li .sourceRss li {
    float: right;
    margin-right: 20px;
    margin-left: 0;
}
.siblings-metiers .views-field-field-metiers-lies ul {
    list-style: none;
    justify-content: center;
}
.siblings-metiers .views-field-field-metiers-lies ul li {
    margin: 0 15px;
}
.siblings-metiers .views-field-field-metiers-lies ul img {
    display: none;
}
.siblings-metiers .views-field-field-metiers-lies article h2 a:after {
    width: 120px;
    height: 120px;
    background: rgb(48 62 72) !important;
}
.siblings-metiers .views-field-field-metiers-lies article div:not(.contextual) {
    height: 120px;
    width: 120px;
}
.siblings-metiers .views-field-field-metiers-lies article h2 a span {
    font-size: .7rem;
}
body section.content .project-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.projets_tmp_wrp .views-field-field-image-dun-projet img {
    max-width: 100%;
    height: auto;
}
.projets_tmp_wrp ul {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
html[dir="rtl"] .projets_tmp_wrp ul {
    direction: rtl;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
}
.navbar-expand-lg .navbar-toggler {
    display: none;
}
@media (min-width: 1267px) {
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}
@media only screen and (max-width: 1267px) {
    html[dir="rtl"] #menu .container #menu-top {
        justify-content: flex-end !important;
    }
    #menu .container #menu-body .brand button {
        position: absolute;
        top: -38px;
        right: 0;
        margin-right: 2rem;
        border: none;
        box-shadow: none;
        outline: none;
        padding: .225rem 0;
    }
    html[dir="rtl"] .lang-list ul {
        padding-right: 0;
    }
    .fixed-right {
        display: none !important;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    #menu .container #menu-top p {
        display: none;
    }
    #menu .container #menu-top, #header .container #menu-top {
        z-index: 1;
        position: relative;
        justify-content: flex-start !important;
    }
    #menu .container #menu-body .brand button .navbar-toggler-icon, 
    #header .container #menu-body .brand button .navbar-toggler-icon {
        background-image: url('../img/icon-menu.svg') !important;
    }
    html[dir="rtl"] .fixed-right {
        transform: rotate(0deg);
    }
}

.page_activit__wrp .content .container ul,
.page_wrp .content .container ul {
    padding: 0;
}
.page_activit__wrp .content .container ul li,
.page_activit__wrp .content .container-fluid ul li {
    display: table-row;
    text-indent: 0px;
}
.page_activit__wrp .content .container ul li:before,
.page_activit__wrp .content .container-fluid ul li:before {
    content: "\2022";
    color: #658D26;
    font-weight: bold;
    display: table-cell;
    width: 17px;
    margin-left: -1.7em;
    vertical-align: sub;
    font-size: 1.125rem;
}
.page_activit__wrp  .content .container-fluid .views-field-field-metiers-lies ul li:before {
    content: none;
}
.page_activit__wrp  .content .container-fluid .views-field-field-metiers-lies ul.links.inline {
    display: none;
}
.info-filiale .contact li div {
    display: inline;
}
.info-filiale .contact li a {
    color: #212529;
}
.info-filiale .contact li.email div:not(:first-of-type) {
    display: block;
}
.filiale-video, .filiale-video * {
    width: 100%;
    height: auto;
    max-width: 904px;
    min-height: 477px;
}
.filiale-video iframe {
    z-index: 501;
    position: relative;
}
body section.content .container .card .card-body .card-title {
    color: #4B575F !important;
    font-size: 1.25rem !important;
    font-style: normal;
}
body section.content .container .card .card-body .card-title a {
    color: #4B575F !important;
    text-decoration: none;
}
body section.sous-metiers .container .card .card-footer.logo {
    align-self: flex-end;
    padding-bottom: 0;
    margin-bottom: 0;
}
.chiffre_cles ul, .f-mission ul {
    padding: 0;
}
.chiffre_cles ul li, .f-mission ul li {
    font-size: 14px;
    display: table-row;
    line-height: 1.5em;
}
.chiffre_cles ul li:before, .f-mission ul li:before {
    content: "\2022";
    color: #658D26;
    font-weight: bold;
    display: inline-block;
    width: 17px;
    margin-left: -1.7em;
    vertical-align: sub;
    display: table-cell;
    font-size: 1.125rem;
}
body section.sous-metiers .container .splide__arrow svg {
    filter: invert(1);
}
body section.sous-metiers .container .splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
    border-color: #658D26;
}
.views-field-field-metiers-lies ul li {
    text-indent: 0px !important;
}
.filiale-projets div[class*='js-view-dom-id'] {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.filiale-projets div[class*='js-view-dom-id'] .shadow-sm.card {
    flex-direction: row;
}
body section.sous-metiers .container .card .card-header.logo {
    align-self: flex-start;
}
body section.content .filiale .card {
    border-color: #EBEBEB !important;
}
body section.sous-metiers .filiale .card .card-header.logo img {
    margin-top: 1rem;
    max-width: 131px;
}
body section.content .filiale ul.contact li {
font-size: 14px;
    margin-bottom: 1em;
    display: table-row;
    line-height: 1.9;
    position: relative;
    left: 25px;
}
body section.sous-metiers .filiale .card .info-filiale h2 {
    margin-top: 0 !important;
    margin-bottom: .5rem !important;
}
body section.content .filiale ul.contact li::before {
    position: absolute;
    left: -25px;
    top: 2px;
    right: auto;
    margin-left: 0;
    vertical-align: unset;
}
body section.sous-metiers .filiale .card .card-footer .btn-logo {
    padding: 0 0.25rem;
    margin-bottom: 0;
}
body .content .container .card .card-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.filiale-projets h4 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.page_wrp article ul li {
    text-indent: 0;
}
#hero .container #hero-body #carouselSlider .carousel-inner .carousel-item .slide-legende a {
    font-size: 1rem;
}
#at4-share {
    display: none;
}

#views-exposed-form-filiales-page-1  label {
    display: none;
}
#views-exposed-form-filiales-page-1 input[type="submit"] {
    border-radius: 0;
    border: 0;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: #759A1F;
    color: white;
    margin-left: 1rem!important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#views-exposed-form-filiales-page-1 select {
    margin-left: .5rem;
    height: 40px;
    max-width: 250px;
    font-family: 'Avenir Light';
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#views-exposed-form-filiales-page-1 .form-item {
    margin-left: 10px;
}
.pa-with-logo-and-url .col-2 img {
    width: 115px;
    height: 115px;
    border: 1px solid #4B575F;
    padding: 10px;
    margin: 0 auto 15px auto;
    display: table;
}
.pa-with-logo-and-url .col-2 a {
    font-size: 16px;
    color: #4B575F;
}
.right-content.metier-filiales-img ul li:before {
    content: none !important;
}
.path-node .content .container .contactez-nous .item-contact p:first-of-type {
    margin-bottom: 5px !important;
}
.path-node .content .container .contactez-nous .item-contact p:last-of-type {
    margin-top: 0 !important;
}
#hero {
    max-height: 433px;
    overflow: hidden;
}
.addthis-smartlayers {
    visibility: hidden;
}
.filiale-activite {
    max-width: 50%;
}

body section.content .container ul.contact li.adrs::before {
    content: url(../img/placeholder.svg); 
}
body section.content .container ul.contact li.tel::before {
    content: url(../img/telephone.svg); 
}
body section.content .container ul.contact li.fax::before {
    content: url(../img/fax.svg); 
}
body section.content .container ul.contact li.email::before {
    content: url(../img/envelope.svg); 
}
body section.content .container ul.contact li.siteweb::before {
    content: url(../img/site.svg); 
}
.webform-submission-reclamation-form .form-item-mentions-legales div[id*="edit-mentions-legales"] > span:first-child {
    position: relative;
    left: -20px;
}

body section.content .filiale ul.contact li {
    left: 0;
}
body section.content .filiale ul.contact li > div,
body section.content .filiale ul.contact li > a {
    padding-left: 10px !important;
}
body section.content .filiale ul.contact li.adrs > div {
    padding-left: 14px !important;
}
body section.content .filiale ul.contact li.fax > div {
    padding-left: 12px !important;
}
body section.content .filiale ul.contact li::before {
    position: relative !important; /* hadik absolute makhasch tkon f safari */
    left: 0px !important;
}
.info-filiale .contact li.email div:not(:first-of-type) {
    margin-left: 29px;
}
ol {
    padding-left: 17px;
}
ol li {
    font-size: 14px;
    line-height: 1.5em;
}
ol li::marker {
    color: #658D26;
}
#hero .container #hero-body #carouselSlider .carousel-indicators li, 
.under-hero .container #hero-body #carouselSlider .carousel-indicators li {
    padding: 0;
    font-size: 16px;
}
.filiale-img-vedette img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.captcha {
    font-size: 0.875rem;
}
.captcha img {
    display: block;
}
#views-exposed-form-les-actualites-page-1 label,
#views-exposed-form-communiques-de-presse-page-1 label {
    display: none;
}
#views-exposed-form-les-actualites-page-1 input[type="submit"],
#views-exposed-form-communiques-de-presse-page-1 input[type="submit"] {
    border-radius: 0;
    border: 0;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: #759A1F;
    color: white;
    margin-left: .5rem!important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#views-exposed-form-les-actualites-page-1 select,
#views-exposed-form-communiques-de-presse-page-1 select {
    height: 40px;
    max-width: 250px;
    font-family: 'Avenir Light';
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#views-exposed-form-les-actualites-page-1 select[id*="edit-created"],
#views-exposed-form-communiques-de-presse-page-1 select[id*="edit-created"] {
    padding-right: 1.5rem;
}
html[dir="rtl"] #views-exposed-form-les-actualites-page-1 select[id*="edit-created"],
html[dir="rtl"] #views-exposed-form-communiques-de-presse-page-1 select[id*="edit-created"] {
    padding-right: .75rem;
    padding-left: 1.5rem;
}
#views-exposed-form-les-actualites-page-1 .form-item,
#views-exposed-form-communiques-de-presse-page-1 .form-item {
    margin-left: 10px;
}
#views-exposed-form-les-actualites-page-1 .form-item-field-filiale-lier-target-id {
    display: none;
}
.node--type-page-activit- .views-field-field-holding {
    padding-left: 15px;
}
.img-vedette-metier img {
    width: 100%;
    height: auto;
}
/* RS Share btn */
#at-expanded-menu-host .at-expanded-menu-mask {
    background-color: rgb(255 255 255 / 90%) !important;
}
#at-expanded-menu-host .at-expanded-menu-fade {
    background: linear-gradient(to bottom,transparent 0%,#f4f4f4 100%) !important;
}
#at-expanded-menu-host .at-expanded-menu-title, 
#at-expanded-menu-host .at-expanded-menu-page-title, 
#at-expanded-menu-host .at-expanded-menu-page-url,
#at-expanded-menu-host .at-expanded-menu-search-label-content,
#at-expanded-menu-host .at-expanded-menu-top-services-header,
#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-button-label {
    color: #000 !important;
}
#at-expanded-menu-host .at-expanded-menu-search-label:after, 
#at-expanded-menu-host .at-expanded-menu-search-label:before {
    border-bottom: 1px solid #000000 !important;
}
#at-expanded-menu-host .at-expanded-menu-load {
    background-color: #000 !important;
    color: #fff !important;
}
#at-expanded-menu-host .at-branding-logo.at-expanded-menu-branding .at-branding-addthis {
    color: #bebebe !important;
}
#at-expanded-menu-host .at-expanded-menu-search-icon {
    /*background-image: url("../img/telechargement.svg") !important;*/
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7fQo8L3N0eWxlPgo8dGl0bGU+PC90aXRsZT4KPGRlc2M+PC9kZXNjPgo8ZyBpZD0iUGFnZS0xIj4KCTxnIGlkPSJpY29uLTExMS1zZWFyY2giPgoJCTxwYXRoIGlkPSJzZWFyY2giIGNsYXNzPSJzdDAiIGQ9Ik0xOS40LDIxLjRjLTEuNCwxLTMuMSwxLjYtNC45LDEuNkM5LjgsMjMsNiwxOS4yLDYsMTQuNVM5LjgsNiwxNC41LDZTMjMsOS44LDIzLDE0LjUKCQkJYzAsMS44LTAuNiwzLjUtMS42LDQuOUwyNywyNWMwLjYsMC42LDAuNSwxLjQsMCwybDAsMGMtMC41LDAuNS0xLjQsMC41LTIsMEwxOS40LDIxLjRMMTkuNCwyMS40eiBNMTQuNSwyMWMzLjYsMCw2LjUtMi45LDYuNS02LjUKCQkJUzE4LjEsOCwxNC41LDhTOCwxMC45LDgsMTQuNVMxMC45LDIxLDE0LjUsMjFMMTQuNSwyMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) !important;
    filter: brightness(1) invert(0) !important;
}
/* End RS Share btn */
body .content ul li ul li::before {
    border: 1px solid #658D26 !important;
    color: transparent !important;
    content: "" !important;
    display: inline-block !important;
    height: 5px !important;
    width: 5px !important;
    border-radius: 50% !important;
}
body .content .quicktabs-main .field-content ul ul li:before {
    border: 1px solid #658D26;
    color: transparent !important;
    content: "" !important;
    display: inline-block !important;
    height: 5px !important;
    width: 5px !important;
    border-radius: 50%;
    margin-left: 0 !important;
    margin-bottom: 3px;
    vertical-align: baseline;
    margin-right: 8px;
}
body .mission-block.filiale-bottom ul li::before {
    border: 0px !important;
    color: #658D26 !important;
    content: "\2022" !important;
    display: inline-block !important;
    height: auto !important;
    width: auto !important;
    border-radius: unset !important;
}
body .mission-block.filiale-bottom ul ul li::before {
    border: 1px solid #658D26 !important;
    color: transparent !important;
    content: "" !important;
    display: inline-block !important;
    height: 5px !important;
    width: 5px !important;
    border-radius: 50% !important;
    vertical-align: baseline !important;
}
body section.content .container article ul li::before, 
body.node--type-page-article section.content .container ul li::before {
    margin-left: 0 !important;
    vertical-align: baseline !important;
    margin-right: 8px !important;
}
.path-node .content .container p.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.blocJoin a, .nous-rejoindre a[href*="recrutement.cdg.ma"] {
    color: #252F38;
}
body .metiers_tmp_wrp a, 
body .metiers_tmp_wrp a:hover {
    color: #252F38 !important;
}
.metiers_tmp_wrp article ul ul li::before {
    vertical-align: baseline;
}
.page_activit__wrp .content .container ul ul li:before, 
.page_activit__wrp .content .container-fluid ul ul li:before {
    margin-left: 0;
    vertical-align: baseline;
    margin-right: 10px;
}
body .mentions-legales ul {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.path-node .content .container article ul.sourceRss li:before {
    content: none !important;
}
body section.content .container .card .card-footer.filiale .btn-more {
    color: #759A1F;
}
body section.content .container .card .card-footer.filiale .btn-more:hover {
    color: white;
    text-decoration: none;
    background: #759A1F;
}
html[dir="rtl"] input[name="keys"]::-webkit-input-placeholder {
    font-family: 'DroidArabicKufiRegular', Arial, Helvetica, sans-serif !important;
}
html[dir="rtl"] input[name="keys"]:-ms-input-placeholder {
    font-family: 'DroidArabicKufiRegular', Arial, Helvetica, sans-serif !important;
}
html[dir="rtl"] input[name="keys"]:-moz-placeholder {
    font-family: 'DroidArabicKufiRegular', Arial, Helvetica, sans-serif !important;
}
html[dir="rtl"] input[name="keys"]::-moz-placeholder {
    font-family: 'DroidArabicKufiRegular', Arial, Helvetica, sans-serif !important;
}
article[data-history-node-id="2546"] .align-center {
    text-align: center;
}
span.avenir-book {
    font-family: 'Avenir Book' !important;
}

html[dir="rtl"] .filiale-bottom ul li:before, 
html[dir="rtl"] .metiers_tmp_wrp article ul li:before {
    left: 0;
    right: -20px;
}

html[dir="rtl"] .filiale-bottom ul li {
    padding-left: 0;
    padding-right: 28px;
}
html[dir="rtl"] .path-node .content .container .views-field-field-description-prtime h3 {
    font-weight: bold !important;
}
html[dir="rtl"] .lang-list a[href*="en"],
html[dir="rtl"] .lang-list a[href*="fr"] {
    font-family: 'Avenir Book' !important;
}
/* Hide Nos filiales btn in /en and /ar */
html[lang="en"] #actuality a[href*="/en/filiales"], 
html[lang="ar"] #actuality a[href*="/ar/filiales"] {
    display: none;
}
html[lang="en"] #actuality a, 
html[lang="ar"] #actuality a {
    margin: 0 !important;
}
/* Justify Nos filiales & Nous rejoindre buttons in /ar i've commentd this code cuz when i hide "Nos filiales" btn the style broked */
html[dir="rtl"] #content .container #actuality .transversal a:first-child {
    /*margin: auto !important;*/
    /*margin-left: 1rem !important;*/
}
html[dir="rtl"] #content .container #actuality .transversal a:last-child {
    /*margin-left: auto !important;*/
    /*margin-right: 1rem !important;*/
}
html[lang="en"] #menu-body .navbar-collapse .navbar-nav .dropdown-menu a.dropdown-item[href*="/developpement-durable"],
html[lang="en"] #menu-body .navbar-collapse .navbar-nav .dropdown-menu a.dropdown-item[href*="/sustainable-development"],
html[lang="en"] #menu-body .navbar-collapse .navbar-nav .dropdown-menu a.dropdown-item[href*="/en/node/2564"] {
    /*display: none;*/
}