/*
Theme Name : Emmaus
Text Domain: emmaus
 */


/* @font-face {
  font-family: "Bitter-Medium";
  src: url("./fonts/Bitter-Medium.eot");
  src: url("./fonts/Bitter-Medium.eot?#iefix") format("embedded-opentype"),    url("../font/Bitter-Medium.otf") format("opentype"),
    url("../font/Bitter-Medium.svg") format("svg"), /
    url("../font/Bitter-Medium.ttf") format("truetype"),
    url("../font/Bitter-Medium.woff") format("woff"),
    url("../font/Bitter-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
} */
/*
@font-face {
    font-family: 'bitterthin';
    src: url('../font/bitter-variablefont_wght-webfont.woff2') format('woff2'),
         url('../font/bitter-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */
/*
@font-face {
    font-family: 'emmausdemibold';
    src: url('../font/emmaus_demi_bold_0-webfont.woff2') format('woff2'),
         url('../font/emmaus_demi_bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

/* @font-face {
    font-family: 'emmausblack';
    src: url('../font/emmaus_black_en_cours_3-webfont.woff2') format('woff2'),
         url('../font/emmaus_black_en_cours_3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 */
/* @font-face {
    font-family: 'emmausbold';
    src: url('../font/emmaus_bold_5-webfont.woff2') format('woff2'),
         url('../font/emmaus_bold_5-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 */
@font-face {
    font-family: 'emmausregular';
    src: url('https://emmaus-europe.org/wp-content/themes/emmaus/fonts/emmaus_reg_5-webfont.woff2') format('woff2'),
         url('https://emmaus-europe.org/wp-content/themes/emmaus/fonts/emmaus_reg_5-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'emmausblack';
    src: url('../font/emmaus-black-2_1-webfont.woff2') format('woff2'),
         url('../font/emmaus-black-2_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 */
/* @font-face {
    font-family: 'emmausbold';
    src: url('../font/emmaus-bold-2.0_0-webfont.woff2') format('woff2'),
         url('../font/emmaus-bold-2.0_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */

/* @font-face {
    font-family: 'emmauslight';
    src: url('../font/emmaus-light-2.0-webfont.woff2') format('woff2'),
         url('../font/emmaus-light-2.0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */

/* =========== CSS HACK =====================*/

/** { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2);}*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");

/* ============ COULEURS =========== */

:root{
--bleu-fonce: #134d70;
--bleu-clair: #55d1e5;
--bleu-canard: #009fb2;
--vert-fonce: #7ac649;
--vert-clair: #cbc93d;
/* --orange: #ff7d24; */
--orange: #f07d00;
--rouge: #ff2e17;
--violet: #9a51a9;
}

/* ========== POLICES TITRES LIENS ============= */

body p{
    /* line-height: 1.2rem; */
    line-height: 1.5rem;
}

html {
	padding-top: 40px;
}

body, html {
    overflow-x: clip;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "emmausregular";
}

p, a, li, span, div {
    /* font-family: "Bitter-Medium", sans-serif; */
    font-family: 'Bitter', serif;
}

h2{
    color: var(--bleu-fonce);
    margin-top: 20px;
    margin-bottom: 20px;
}

h3{
    color: var(--orange);
        margin-top: 10px;
    margin-bottom: 10px;
}

p {
    /* margin-bottom: 0; */
}

a{
    color: var(--bleu-fonce);
}

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

.text-white a{
    color: white;
}

/* .ariane span{
    font-family: 'Bitter', serif;
}

 */

/* GOOGLE TRANSLATE */
.goog-te-banner-frame.skiptranslate {
    /* display: none !important; */
}

body {
    top: 0px !important;
}

.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div, .goog-te-menu2 * {
    color: #544F4B;
    font-family: 'Bitter';
    width:100%;
}
.goog-te-menu-value:hover{
    text-decoration: none;
}

/* ========== LIGNE DE VIE ============ */

#epaisseur-bordure .bordure1 {
    width: 70%;
    border-top: 12px solid #bfe500;
    margin-top: 12px;

}

#epaisseur-bordure .bordure2 {
    width: 10%;
    border-bottom: 12px solid #00407f;
    margin-bottom: 15px;
    }

#epaisseur-bordure .bordure3 {
    width: 20%;
    border-top: 12px solid #ff6600;
    margin-top: 12px;

}

#epaisseur-bordure2 .bordure4 {
    width: 40%;
    border-bottom: 12px solid #00407f;
    margin-bottom: 15px;

}

#epaisseur-bordure2 .bordure5 {
    width: 10%;
    border-top: 12px solid #00d6b0;
    margin-top: 12px;
    }

#epaisseur-bordure2 .bordure6 {
    width: 50%;
    border-bottom: 12px solid #ff6600;
    margin-bottom: 15px;

}

/* ========== TITRE LIGNE DE VIE ============ */

    #page-title h1{
        height: 70px;
        font-size: 2rem;
        line-height: 2rem;
    }

    #page-title::before{
        position: absolute;
        content: "";
        width: 80%;
        left: 0;
        height: 70px;
        background-color: var(--bleu-clair);
    }

    #page-title .container::after{
        position: absolute;
        content: "";
        width: 100%;
        left: calc((100% - 1230px)/2 + 1230px);
        height: 70px;
        bottom: -70px;
        background-color: var(--vert-clair);
    }

    #page-title h1 i {
        font-size: 1em!important;
    }
    @media screen and (max-width: 1400px) {

        #page-title .container::after{
            left: calc((100% - 1230px)/2 + 1185px);
        }
    }

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

        #page-title .container::after{
            left: calc((100% - 960px)/2 + 960px);
        }
    }

    @media screen and (min-width: 1400px) {

        #page-title .container::after{
            left: calc((100% - 1230px)/2 + 1275px);
        }
    }
    @media screen and (max-width: 990px) {

        #page-title .container::after{
            left: calc((100% - 720px)/2 + 720px);
        }
        #page-title h1 {
            font-size: 1.4rem;
            line-height: 1.4rem;
        }
    }
    @media screen and (max-width: 768px) {

        #page-title .container::after{
            left: calc((100% - 540px)/2 + 540px);
        }

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


        #page-title h1 {
            font-size: 1rem;
            line-height: 1rem;
        }
    }




/* ========== BUTTONS ================== */

.btn{
    border: 1px solid transparent;
}

/* FULL */
.btn.btn-cust-dk-blue{
    border: 1px solid #FFF;
    background-color: var(--bleu-fonce);
    color: #FFF
}
.btn.btn-cust-dk-blue:hover{
    background-color: #FFF;
    color:var(--bleu-fonce);
    border: 1px solid var(--bleu-fonce);
}
.btn.btn-cust-blue{
    border: 1px solid #FFF;
    background-color: var(--bleu-clair);
    color: #FFF
}
.btn.btn-cust-blue:hover{
    background-color: #FFF;
    color:var(--bleu-clair);
    border: 1px solid var(--bleu-clair);
}
.btn.btn-cust-green{
    border: 1px solid #FFF;
    background-color: var(--vert-clair);
    color: #FFF
}
.btn.btn-cust-green:hover{
    background-color: #FFF;
    color:var(--vert-clair);
    border: 1px solid var(--vert-clair);
}
.btn.btn-cust-orange{
    border: 1px solid #FFF;
    background-color: var(--orange);
    color: #FFF
}
.btn.btn-cust-orange:hover{
    background-color: #FFF;
    color:var(--orange);
    border: 1px solid var(--orange);
}
.btn.btn-cust-white{
    background-color: #FFF;
    color: var(--orange);
}
.btn.btn-cust-white:hover{
    background-color: var(--orange);
    color: #FFF;
    border: 1px solid #FFF;
}
.btn.btn-cust-lgt-blue{
    background-color: var(--bleu-canard);
    color: #FFF;
}
.btn.btn-cust-lgt-blue:hover{
    background-color:#FFF;
    color: var(--bleu-canard);
    border: 1px solid var(--bleu-canard);
}

/* OUTLINE */

.btn.btn-cust-dk-blue-outline{
    border: 1px solid  var(--bleu-fonce);
    background-color: #FFF;
    color:  var(--bleu-fonce);
}
.btn.btn-cust-dk-blue-outline:hover{
    background-color:  var(--bleu-fonce);
    color: #FFF;
    border: 1px solid #FFF;
}
.btn.btn-cust-lgt-blue-outline{
    background-color: #FFF;
    color: var(--bleu-canard)
}

.btn.btn-cust-lgt-blue-outline:hover{
    background-color: var(--bleu-canard);
    color: #FFF;
    border: 1px solid #FFF;
}

.btn.btn-cust-blue-outline{
    background-color: var(--bleu-clair);
    color: #FFF;
}
.btn.btn-cust-blue-outline:hover{
    background-color: #FFF;
    color: var(--bleu-clair);
    border: 1px solid var(--bleu-clair);
}


/* FLAT FULL */

.btn.btn-cust-dk-blue-flat{
    background-color: var(--bleu-fonce);
    color: #FFF
}
.btn.btn-cust-dk-blue-flat:hover{
    background-color: #FFF;
    color:var(--bleu-fonce);
    border: 1px solid var(--bleu-fonce);
}
.btn.btn-cust-blue-flat{
    background-color: var(--bleu-clair);
    color: #FFF
}
.btn.btn-cust-blue-flat:hover{
    background-color: #FFF;
    color:var(--bleu-clair);
}
.btn.btn-cust-green-flat{
    background-color: var(--vert-clair);
    color: #FFF
}
.btn.btn-cust-green-flat:hover{
    background-color: #FFF;
    color:var(--vert-clair);
}
.btn.btn-cust-orange-flat{
    background-color: var(--orange);
    color: #FFF
}
.btn.btn-cust-orange-flat:hover{
    background-color: #FFF;
    color:var(--orange);
    border: 1px solid var(--orange);
}

.btn.btn-cust-white-flat{
    background-color: #FFF;
    color: var(--orange);
}
.btn.btn-cust-white-flat:hover{
    background-color: var(--orange);
    color: #FFF;
}

.btn.btn-cust-lgt-blue-flat{
    background-color: var(--bleu-canard);
    color: #FFF;
}
.btn.btn-cust-lgt-blue-flat:hover{
    background-color:#FFF;
    color: var(--bleu-canard);
}

/* FLAT OUTLINE */
.btn.btn-cust-dk-blue-outline-flat{
    border: 1px solid  var(--bleu-fonce);
    background-color: #FFF;
    color:  var(--bleu-fonce);
}
.btn.btn-cust-dk-blue-outline-flat:hover{
    background-color:  var(--bleu-fonce);
    color: #FFF;
}

.btn.btn-cust-lgt-blue-outline-flat{
    background-color: #FFF;
    color: var(--bleu-canard)
}

.btn.btn-cust-lgt-blue-outline--flat:hover{
    background-color: var(--bleu-canard);
    color: #FFF;
}

.btn.btn-cust-blue-outline-flat{
    background-color: var(--bleu-clair);
    color: #FFF;
}
.btn.btn-cust-blue-outline-flat:hover{
    color: var(--bleu-clair);
    border: 1px solid var(--bleu-clair);
}

/* TEXT COLOR */

.text-orange{
    color: var(--orange);
}
.text-dk-blue{
    color: var(--bleu-fonce);
}
.text-blue{
    color: var(--bleu-clair)!important;
}
.text-lgt-blue{
    color: var(--bleu-canard);
}
.text-green{
    color: #85bb28;
}

.text-lgt-green{
    color: var(--vert-clair);
}
.text-red{
    color: var(--rouge);
}
.text-purple{
    color: var(--violet);
}
.bg-purple{
    background-color: var(--violet);
}


.bg-orange{
    background-color: var(--orange);
}

.bg-red{
    background-color: var(--rouge);
}
.bg-green{
    background-color: var(--vert-clair);
}
.bg-dk-blue{
    background-color: var(--bleu-fonce);
}
.bg-lgt-blue{
    background-color: var(--bleu-canard);
}

.bg-blue{
    background-color: var(--bleu-clair);
}
.bg-grey{
    background-color: #eaeaea;
}

li a.bg-lgt-blue:hover{
    background-color:  var(--bleu-fonce);
}

li.bg-orange a{
    color: #FFF;
}

#lang li.nav-item:hover, #lang li.nav-item.active{
    border-bottom: 1px solid var(--orange);
}

li.bg-orange:hover, li.nav-item.active{
    /* background-color: #FFF; */
}

li.nav-item:hover a.btn-lang, li.active a.btn-lang{
    color: var(--orange);
}

/* BORDERS */

.b-white{
    border: 1px solid white;
}

.b-none{
    border: none;
}

/* ========== HEADER ================== */

.header-navigateur {
    /* background-color: var(--bleu-fonce); */
    /* color: white; */
    list-style: none;
    margin-bottom: 0;
}

.header-navigateur a {
    /* color: white; */
    padding: .5rem 1rem;
    font-size: .7rem;
}

.header-navigateur li.nav-item{
    width: 238px;
    text-align: center;
}


.header-navigateur li:hover {
    /* background-color: var(--bleu-canard); */
}


.select-lang {
/*     background-color: var(--rouge);
    margin: 0;
    list-style: none; */
}

.select-lang a {
    color: white;
    padding: .5rem 0.5rem;
}

header form {
    position: relative;
}

header .form-control-sm {
    border-radius: 0;
}

header .form-control:focus {
    box-shadow: none;
    border-color: transparent;
}

header form i {
    color: var(--vert-clair);
    position: absolute;
    top: 25%;
    right: 2%;
}
header .form-control::placeholder {
    color: var(--vert-clair);
    font-weight: bold;
    font-size: .7rem;
    font-family: "Bitter", serif;
}

header .bouton-recherche {
    margin: 0;
    border-radius: 0;
    padding: 0.50rem 2rem;
    box-shadow: none;
}

.btn-lang, .btn-search-mobile{
    font-size: .7rem;
}

#header-banniere {
    background-color: var(--orange);

}

#main-title {
    /* font-family: "Bitter-Medium", serif !important; */
    font-size: 2rem;
    font-family: 'Bitter', serif;
    line-height: 2rem;
}

#slogan{
    font-size: 1.5rem;
    line-height: 1rem;
}

.header-form input[type="text"]:focus{
  outline: none;

}
.header-form input[type="text"]{
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  width: 238px;
}

#megamenu .navbar .dropdown-menu{
    position: relative;
}

/* .header-form::after{
    content: "";
    background-color: var(--vert-clair);
    position: absolute;
    width: 100%;
    height: 32px;
    top: 32px;
    left: 0px;
    z-index: 10;
} */


/* ========== MEGAMENU ========== */

/* #megamenu .nav-link::after, #megamenu .agir-link:hover::after{
    content: "";
    border-right: 2px solid var(--bleu-fonce);
    height: 80%;
    width: 1px;
    position: absolute;
    top: 10%;
    left: -5px;
}

#megamenu .agir-link::after{
    border-right: none;
}

#megamenu .nav-item:first-child .nav-link::after{
    border-right: none;
} */

/* #megamenu .nav-link:last-child::after, #megamenu .nav-link:nth-last-child(2)::after{
    border-right: none;
} */


#mega-menu-menu-primary {
     font-family: "Bitter", serif!important;
}

.mega-menu-description{
    font-style: inherit !important;
    color: #535050;
    font-weight: 500 !important;
    font-size: 15px !important;

}

#megamenu .dropdown-menu {
    border: none;
}

#megamenu .nav-item:first-child{
    border-left: none;
}

#megamenu .nav-item{
    /* border-left: 2px solid var(--bleu-fonce); */
    /* border-left: 2px solid white; */
    /* min-width: 238px; */
    /* flex: 1 1 0px; */
}

#megamenu .navbar {
    box-shadow: none;

}

#megamenu ul a {
    white-space: inherit;
}

#megamenu a.nav-link {
    font-family: "Bitter", serif;
    font-size: 0.9rem;
    font-weight: 700;
    height: 100%;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
}

.navbar-nav{
    height: 61px;
}

#megamenu .navbar-nav .nav-item {
    background-color: white;
}

#megamenu .navbar-nav .nav-item a.nav-link{
    color: var(--orange);
}

#megamenu .navbar-nav .nav-item:hover,
#megamenu .navbar-nav .nav-item:hover a.nav-link,
#megamenu .navbar-nav .nav-item:hover a.nav-link i
{
    background-color: var(--orange);
    color: #FFF;
}


#megamenu .nav-item,
#megamenu .nav-item .nav-link,
#megamenu .nav-link, .nav-item .nav-link i{
    transition: .35s;
}



/* #megamenu a.nav-link:hover, #megamenu .nav-item.show a.nav-link, #megamenu .nav-item.show a.nav-link i {
    color: white;
    background-color: var(--orange);
}
 */
.megamenu-li p {
    text-transform: none;
}

#megamenu #container-btn-members, #megamenu #container-btn-members a.nav-link{
    background-color:  var(--bleu-canard);
    color: #FFF;
}

#megamenu #container-btn-members:hover, #megamenu #container-btn-members:hover a.nav-link{
    color: var(--bleu-canard);
    background-color: #FFF;
}

#search-btn-container{
    padding-left: 15px;
    padding-right: 15px;
    flex: 0!important;
}

/* #megamenu #search-btn-container:hover a,
#megamenu #search-btn-container:hover a i,
#megamenu .nav-item.active,
#megamenu .nav-item.active a,
#megamenu .nav-item.active a i{
    background-color: var(--orange);
    color:  #FFF;
} */

#search-block-form input,
#search-block-form input::placeholder
{
    font-size: 1.2rem;
}


/*
#megamenu .agir-link {
    border-left: 2px solid transparent;
}

#megamenu .agir-link:hover {
    border-bottom: 5px solid var(--bleu-canard)!important;
    background-color: #FFF!important;
    color: var(--bleu-canard)!important;
    border-left: 2px solid var(--bleu-fonce);
}
 */

/* #megamenu i {
    color: var(--bleu-fonce);
} */

.megamenu-li {
   position: static;
}

.megamenu-li .dropdown-toggle::after {
    border: none;
}

.megamenu-drop {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
    border-radius: 0;
    background-color: #ebebeb;
}

.megamenu-drop h5 {
    /* color: var(--bleu-canard); */
    border-bottom: 1px solid white;
    /* padding-bottom: 10px; */
}

.sub-item{
    border-bottom: 1px solid white;
    background-color: inherit;
    height: inherit;
}

.sub-item:hover{
    color: var(--bleu-fonce);
    text-decoration: underline;
}

/* ========== CAROUSEL EVENTS ========*/
/*
#carousel-home h2:nth-child(even){
    margin-right: -15px;
}

#carousel-home h2:nth-child(odd){
    margin-left: -15px;
}

 */

.transparent-fade {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    /* background: linear-gradient(transparent 150px, white); */
background: rgb(2,0,36);
background: linear-gradient(180deg,
                            rgba(2,0,36,0) 0%,
                            rgba(255,255,255,1) 90%,
                            rgba(255,255,255,1) 100%);
}

    .overflow, .overflow-presentation {
        position: relative;
        overflow: hidden;
    }
    .read-more-presentation,
    .read-more{
        border-bottom: 1px solid var(--bleu-canard);
        z-index: 1;
        position: relative;
    }
    .overflow::before, .overflow-presentation::before{
        content:'';
        /* width:100%; */
        height:100%;
        position:absolute;
        left:0;
        top:0;
    }


.transparent-fade-lgt-blue {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    background: linear-gradient(transparent 100px, var(--bleu-canard));
}

#carousel-home .btn{
    width: 200px;
}
#carousel-home h3{
    font-family: "Bitter";
}

.carousel-label{
    font-family: 'Bitter';
    font-weight: 900;
    font-size: 1.1rem;
}

#carousel-home .img-label.left{
    bottom: 0;

}
#carousel-home .img-label.right{
    bottom: 0;
    left: 12px;
}

.carousel-indicators {
    position: relative;
    /*margin-right: 0;
    margin-left: 0;*/
    background-color: white;
}

.content-carousel{
    height: 180px;
    overflow: hidden;
}

.container-carousel-image{
    background-clip: content-box;
}

.carousel-control-next, .carousel-control-prev,
.carousel-control-next:hover, .carousel-control-prev:hover,
.carousel-control-next:focus, .carousel-control-prev:focus {
    color: var(--bleu-fonce);
    z-index: 9999999;
    opacity: 1;
}

.carousel-indicators li {
    background-color: var(--bleu-fonce);
    border-radius: 50%;
}

.carousel .carousel-indicators li {
    width: 1rem;
    height: 1rem;
}

.page-carousel-article {
    /* background-color: var(--orange); */
    /*padding-right: 0;
    padding-left: 0;*/
}
/*
.page-carousel-article h2 {
    background-color: white;
    color: var(--bleu-fonce);
} */


h2{
    font-family: "Bitter", serif;
    font-size: 2rem;
    font-weight: bold;
}

.page-carousel-article .btn {
    box-shadow: none;
    border: 1px solid white;
}

/* =========== MAPS ============= */

.leaflet-popup-content h3{
    font-size: 1.3rem;
}
.leaflet-popup-content p, .leaflet-popup-content div{
    font-size: 1rem;
    line-height: 1.5rem;
    word-wrap: break-word;
}
.leaflet-popup-content p{
    margin: 0!important;
}

 .leaflet-popup-content div{
    margin-bottom: 15px;
 }

#map-projects .leaflet-popup-content-wrapper {
    width: 500px;
}

#map-projects .leaflet-popup-content {
    width: 90%!important;
}

#map-projects .leaflet-popup-content h2{
    line-height: inherit;
    font-size: 1.1rem;
    margin: 0;
    margin-bottom: 10px;
}
#map-projects .leaflet-popup-content h5{
    font-size: 1rem;

}
#map-projects .leaflet-popup-content p, .leaflet-popup-content div {
    font-size: .9rem;
    line-height: 1.2rem;
}

#accueil-map {
    /* background-color: var(--bleu-fonce); */
}
#map-counter{
    z-index: 99999999999;
    position: absolute;
    bottom: 0;
    left: 0;
}

.map-container {
    overflow: hidden;
    position: relative;
    height: 0;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.map-bandeau h2 {
    font-size: 2rem;
}

.map-bandeau h3 {
    font-size: 1.50rem;

}

.map-bandeau h2, .map-bandeau h3 {
    background-color: var(--orange);
    /* height: 45px; */
}

#container-map {
    background-color: var(--bleu-fonce);
}

.nbr-map{
    font-size: 4rem;
    line-height: 4rem;
}

.label-map{
    font-size: 2rem;
    line-height: 2rem;
    font-family: 'Bitter';
}

.logo-map{
	top: -12px;
	left: -43px;
	height: 130px;
}

.accueil-chantier .container {
   min-height: 500px;
   background-color: var(--bleu-fonce);
}


.accueil-chantier ul {
    background-color: white;
    list-style: none;
}

.chantier2 {
    background-color: #ebebeb !important;
}

.chantier1, .chantier2, .chantier3{
    height: 125px;
}

.chantier1::after,
.chantier2::after,
.chantier3::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 126px;
    left: -15px;
    top: 0px;
}



.chantier1::after{
    /* top: 54px; */
    background-color: var(--bleu-clair);
}
.chantier2::after{
    background-color: var(--orange);
    /* top: 180px; */
}
.chantier3::after{
    background-color: var(--vert-clair);
    /* top: 305px; */
}


.nom-chantier {
    color: var(--orange);
    font-size: 1.25rem;
}

.nom-chantier:hover a{
    color: var(--bleu-fonce);
}

.date-chantier {
    color: grey;
}
/*
.show_more_chantier {
    background-color: transparent;
    box-shadow: none;
    border-radius: none;
} */


/* ============= GROUPES NATIONAUX / LOCAUX =========== */

.container-groupe {
    border: 2px solid var(--bleu-canard);
}

#detail-groupe div, #detail-groupe a, .leaflet-popup-content a{
    margin-bottom: 10px !important;
    margin-top: 0px!important;
    word-wrap: break-word;
}

#detail-groupe p{
    margin: 0;
}
#detail-groupe i, #map .leaflet-popup-content-wrapper i{
    color: var(--bleu-fonce);
}

/* ========= ARTICLES PAGE GROUPES ========= */

/* #accueil-container-article a {
    background-color: transparent !important;
    border: 2px solid white;
    padding: .375rem .75rem;
    margin: 0.5rem;
    box-shadow: none;
}
 */


#accueil-container-article h3 {
    font-size: 1.25rem;

}

#accueil-container-article h4 {
    font-size: 1.25rem;
    height: 54px;
}


#accueil-container-article .card {
    border-radius: 0 0;
}

#accueil-container-article .card .btn{
    width: 200px;
}

/* CARD BORDER ON HOVER */
#accueil-container-article .card-body{
    border: 1px solid transparent;
}

#accueil-container-article .card-body.bg-orange:hover{
    border-color: var(--orange);
}
#accueil-container-article .card-body.bg-green:hover{
    border-color: var(--vert-clair);
}
#accueil-container-article .card-body.bg-blue:hover{
    border-color: var(--bleu-clair);
}
#accueil-container-article .card-body.bg-dk-blue:hover{
    border-color: var(--bleu-fonce);
}
#accueil-container-article .card-body.bg-lgt-blue:hover{
    border-color: var(--bleu-canard);
}

#accueil-container-article .card-body:hover{
    border: 1px solid #000;
    -webkit-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.75);
}

/* CARD BG COLOR ON HOVER */
#accueil-container-article .card-body:hover .card-title, #accueil-container-article .card-body:hover{
    background-color: #FFF;
}
#accueil-container-article .card-body:hover, #accueil-container-article .card-body:hover h4{
    color: #FFF!important;
}
#accueil-container-article .card-body:hover p:not(.label-country):not(.subtheme){
    color: #000!important;
}
#accueil-container-article .card-body.bg-orange:hover, #accueil-container-article .card-body.bg-orange:hover .card-title  {
    color: var(--orange)!important;
}
#accueil-container-article .card-body.bg-dk-blue:hover, #accueil-container-article .card-body.bg-dk-blue:hover .card-title  {
    color: var(--bleu-fonce)!important;
}
#accueil-container-article .card-body.bg-blue:hover, #accueil-container-article .card-body.bg-blue:hover .card-title  {
    color: var(--bleu-clair)!important;
}
#accueil-container-article .card-body.bg-green:hover, #accueil-container-article .card-body.bg-green:hover .card-title  {
    color: var(--vert-clair)!important;
}
#accueil-container-article .card-body.bg-lgt-blue:hover, #accueil-container-article .card-body.bg-lgt-blue:hover .card-title  {
    color: var(--bleu-canard)!important;
}

#accueil-container-article .card-body.bg-orange:hover h4{
    background-color: var(--orange)!important;
}
#accueil-container-article .card-body.bg-blue:hover h4{
    background-color: var(--bleu-clair)!important;
}
#accueil-container-article .card-body.bg-dk-blue:hover h4{
    background-color: var(--bleu-fonce)!important;
}
#accueil-container-article .card-body.bg-green:hover h4{
    background-color: var(--vert-clair)!important;
}#accueil-container-article .card-body.bg-lgt-blue:hover h4{
    background-color: var(--bleu-canard)!important;
}

#accueil-container-article h4.theme{
    font-size: 1rem;
}
#accueil-container-article p.subtheme{
    font-size: .9rem;
}

#accueil-container-article .card-text{
    min-height: 275px;
    max-height: 275px;
}

#accueil-container-article h3{
    min-height: 180px;
    max-height: 180px;
}

.pagination .page-item.active .page-link{
    background-color: var(--bleu-fonce);
    color: #FFF;
    font-weight: bold;
}
.pagination .page-item .page-link{
    color: var(--bleu-fonce);
    font-weight: bold;
}

/* ========= FOOTER CONTACT ============ */

/* CONTACT FORM */
.wpcf7 input[type="submit"]{
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.wpcf7 label{
    margin-top: 20px;
    margin-bottom: 10px;
    color:  var(--bleu-fonce);
}

#sitemap a{
    color: #FFF;
    text-decoration: none;
}
/*
#sitemap ul.sub-menu{
    padding: 0;
}
 */
#sitemap li.menu-item{
    font-weight: bold;
    list-style: none;
}


#sitemap ul.sub-menu li.menu-item{
    font-weight: normal;
}

/*
.wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="email"]::placeholder {
    color: #757575;
    opacity: 1;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    transition: all .1s linear;
    min-height: auto;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #4f4f4f;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
} */


.act-emmaus{
    position: absolute;
    top: -90px;
    left: calc( 50% - 280px/2);
}

.newsletter-btn{
    position: absolute;
    bottom: -60px;
    left: calc( 50% - 300px/2);
}

#page-footer {
    /* background-color: var(--orange); */
}

#page-footer h5 {
    color: white;
}

.list-logo-reseaux a {
    color: var(--vert-clair);
}

.footer-copyright {
    color: white;
    font-size: 0.8rem;
}
/*
.modal-title {
    color: var(--orange);
}

.modal-content {
    background-color: var(--bleu-fonce);
}

.modal-content .close {
    color: var(--orange);
}
 */

article img {
    max-width: 100%;
}

.md-form {
    color: white;
}

.bouton-envoyez {
    background-color: var(--orange);
    color: white;
    border: 2px solid white;
}

.btn-floating i {
    font-size: 30px;
}



footer .sitemap{
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin-bottom: 5px;
}

footer .sitemap:hover{
    text-decoration: underline;
}

footer .sitemap.font-weight-bold{
    font-size: 1.1rem;
    margin-top: 10px;
}

.feuilles_footer{
    left: -85px;
    top: -30px;
}

#logo{
    /* height: 300px; */
}

.container-contact{
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}


/* PAGE ACTUS */

#search-actu select{
    color: white;
    background-color: var(--orange);
    border-radius: 0;
    border: none;
}

#search-actu select option{
    background-color: #eaeaea;
    color:  black;
    font-size: 1rem;
}

#search-actu input, #search-actu select{
    font-family: 'Bitter';
    font-size: 1.2rem;
    font-weight: bold;
}

#search-actu input::placeholder{
    color:  #ababab;
}
.label-country{
    margin-top: -15px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 25%;
}

.label-country.text-dk-blue{
    border: 1px solid var(--bleu-fonce);
    color: var(--bleu-fonce);
}

.label-country.text-blue, .label-country.text-blue:hover {
    border: 1px solid var(--bleu-clair);
    color: var(--bleu-clair)!important;
}

#carousel_country img{
    max-height: 300px;
    max-width: 100%;
    width: auto;
}


.container-placeholder{
   background-color: rgba(0,0,0,0.1);
}

.img-card img.img-placeholder{
    /* background-color: rgba(0,0,0,0.3); */
}

.img-card img{
    height: 150px;
    width: auto;
    max-width: 100%
}



/* PAGE DETAIL */

#header-single::before{
    content: "";
    background-color: var(--bleu-canard);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
}
#header-single::after{
    content: "";
    background-color: var(--vert-clair);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 100%;
}

.img-sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}

.read-more-presentation,
.read-more {
    border: 1px solid var(--bleu-canard);
    z-index: 1;
    position: relative;
    width: 25%;
    margin: auto;
}

.read-more-presentation::before,
.read-more::before{
    width: 400%;
    position: absolute;
    top: -1px;
    border-top: 1px solid var(--bleu-canard);
    content: "";
}

article .aligncenter{
    display: block;
    margin: auto;
}

article .alignright{
    float: right;
    padding-left: 10px;
}
article .alignleft{
    float: left;
    padding-right: 10px;
}

article .alignleft, article .alignright {
    padding-top: 10px;
    padding-bottom: 10px;
}

.container-img img {
    max-height: 350px;
    width: auto;
    max-width: 100%;
    height: auto;
}

.container-content.overflow{
/*     -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.7s linear; */
    transition: max-height;
    transition-delay: -1s;
    transition-duration: 1s;
    transition-timing-function: linear;
}

#search-ico{
    top: 5px;
    right: 15px;
}

/* PAGE DETAIL ACTU */

.docs ul {
    list-style-type: none;
}

.sticky-thumb{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 150px;
}


/* PAGE PRESENTATION */
.portrait img {
    max-height: 80px;
    max-height: 150px;
    width: auto;
}

.collapse_btn {
    border: 1px solid var(--bleu-canard);
    color: white;
    background-color: var(--bleu-canard);

}

.collapse_btn.active, .collapse_btn:hover{
    border: 1px solid var(--bleu-canard);
    background-color: white;
    color: var(--bleu-canard);
}

/* CAROUSEL */

ol.carousel-indicators li{
    color: var(--bleu-clair);
}
ol.carousel-indicators li.active{
    color: var(--bleu-fonce);
}

/* LIGNES TRICOLORES */

.tricolor-blue{
    width: 100%;
    height: 20px;
    margin: 30px auto;
    position: relative;
    z-index: 3;
}
.tricolor-blue .inner{
    width: 10%;
    height: 10px;
    background-color: red;
    margin:10px 0 0 60%;
}
.tricolor-blue::before{
    content: "";
    position: absolute;
    top:-10px;
    left: 0;
    height: 10px;
    background-color: blue;
    width: 60%;
}
.tricolor-blue::after{
    content: "";
    position: absolute;
    top:-10px;
    right: 0;
    height: 10px;
    background-color: green;
    width: 30%;
}


.tricolor2{
    width: 100%;
    height: 15px;
    margin: 15px auto;
    position: relative;
    z-index: 3;
}
.tricolor2 .inner{
    width: 10%;
    height: 15px;
    background-color: var(--orange);
    margin:15px 0 0 70%;
}

.tricolor2::before{
    content: "";
    position: absolute;
    top:-15px;
    left: 0;
    height: 15px;
    background-color: var(--bleu-fonce);
    width: 70%;
}
.tricolor2::after{
    content: "";
    position: absolute;
    top:-15px;
    right: 0;
    height: 15px;
    background-color: var(--violet);
    width: 20%;
}


.tricolor3{
    width: 100%;
    height: 15px;
    margin: 15px auto;
    position: relative;
    z-index: 3;
}

.tricolor3 .inner{
    width: 10%;
    height: 15px;
    background-color: #86bc28;
    margin: 15px 0 0 20%;
}

.tricolor3::before{
    content: "";
    position: absolute;
    top:-15px;
    left: 0;
    height: 15px;
    background-color: #008da9;
    width: 20%;
}
.tricolor3::after{
    content: "";
    position: absolute;
    top:-15px;
    right: 0;
    height: 15px;
    background-color: #a84e98;
    width: 70%;
}

.tricolor3_alt{
    width: 100%;
    height: 15px;
    margin: 15px auto;
    position: relative;
    z-index: 3;
    margin-bottom: 0px;
}

.tricolor3_alt .inner{
    width: 15%;
    height: 15px;
    background-color: #86bc28;
    margin: 15px 0 0 40%;
}

.tricolor3_alt::before{
    content: "";
    position: absolute;
    top:-15px;
    left: 0;
    height: 15px;
    background-color: #008da9;
    width: 40%;
}
.tricolor3_alt::after{
    content: "";
    position: absolute;
    top:-15px;
    right: 0;
    height: 15px;
    background-color: #a84e98;
    width: 45%;
}



.bicolor-title{
    width: 100%;
    height: 80px;
    /* margin: 15px auto; */
    position: relative;
    z-index: 3;
}

.bicolor-title .inner{
    width: 60%;
    height: 80px;
    background-color: var(--bleu-clair);
    margin: 0px 0 0 20%;
}

.bicolor-title::before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    height: 80px;
    background-color: var(--bleu-clair);
    width: 20%;
}

.bicolor-title::after{
    content: "";
    position: absolute;
    bottom:-80px;
    right: 0;
    height: 80px;
    background-color: #d0c900;
    width: 20%;
}


header{
    /* height: 300px; */
}

  #container-title{
    height: auto;
  }

  #container-title::after{
    content: "";
    background-color:  var(--orange);
    width: 4000px;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
  }



/* ESPACE MEMBRES */

#members h4 {
    font-size:  1.25em;
    line-height: 1.25em;
}

#members h2, #members-subpage h2 {
    font-size:  1.8em;
    line-height: 1.8em;
}

#members .card-header {
    height: 91px;
}

#members-subpage .nav-pills .nav-link, .nav-pills  > .nav-link{
    color: var(--bleu-fonce);
    font-weight: bold;
}

#members-subpage .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: white;
    border-bottom: 1px solid var(--bleu-fonce);
    color: var(--bleu-fonce);
    border-radius: 0;
    font-weight: bold;
}

#members-subpage #navigation .card:hover {
    cursor: pointer;
}

#members-subpage #navigation .card-header{
    height: 100px;
}
#members-subpage #navigation .card-header h4 {
    font-size: 1em;
}

.card .card-body .card-text {
    font-size: .9rem;
    font-weight: 400;
    color: #747373;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

}

/* RECHERCHES THEMA */


#members-subpage .card .tricolor3{
    width: 100%;
    height: 15px;
    margin: 15px auto;
    position: relative;
    z-index: 3;
}

#members-subpage .card .tricolor3 .inner{
    width: 30%;
    height: 15px;
    background-color: #86bc28;
    margin: 0px 0 0 20%;
}

#members-subpage .card .tricolor3::before{
    content: "";
    position: absolute;
    top:-15px;
    left: 0;
    height: 15px;
    background-color: #008da9;
    width: 20%;
}
#members-subpage .card .tricolor3::after{
    content: "";
    position: absolute;
    top:-15px;
    right: 0;
    height: 15px;
    background-color: #a84e98;
    width: 50%;
}

#members-subpage .card .tricolor2{
    width: 100%;
    height: 15px;
    margin: 15px auto;
    position: relative;
    z-index: 3;
}

#members-subpage .card .tricolor2 .inner{
    width: 30%;
    height: 15px;
    background-color: var(--bleu-fonce);
    margin: 0px 0 0 40%;
}

#members-subpage .card .tricolor2::before{
    content: "";
    position: absolute;
    top:-15px;
    left: 0;
    height: 15px;
    background-color: var(--orange);
    width: 40%;
}
#members-subpage .card .tricolor2::after{
    content: "";
    position: absolute;
    top:-15px;
    right: 0;
    height: 15px;
    background-color: var(--rouge);
    width: 30%;
}

#members-subpage .card .tricolor1{
    width: 100%;
    height: 15px;
    margin: 15px auto;
    position: relative;
    z-index: 3;
}

#members-subpage .card .tricolor1 .inner{
    width: 30%;
    height: 15px;
    background-color: var(--purple);
    margin: 0px 0 0 60%;
}

#members-subpage .card .tricolor1::before{
    content: "";
    position: absolute;
    top:-15px;
    left: 0;
    height: 15px;
    background-color: var(--bleu-canard);
    width: 60%;
}
#members-subpage .card .tricolor1::after{
    content: "";
    position: absolute;
    top:-15px;
    right: 0;
    height: 15px;
    background-color: var(--orange);
    width: 10%;
}


/* CARDS SOUS ESPACE MEMBRES */

i{
    color: white;
}

.mega-menu-link i {
    color: var(--orange);
}
.mega-menu-link i:hover,
.mega-menu-link:hover i,
.mega-menu-item:hover .mega-menu-link i
{
    color: white;
}

a #informations_generales .card-header{
    background-color: var(--bleu-canard);
}
a #ressources_thematiques .card-header{
    background-color: var(--bleu-fonce);
}
a #solidarite_collectifs .card-header{
    background-color: var(--rouge);
}
a #formations_rencontres .card-header{
    background-color: var(--violet);
}

a:hover #ressources_thematiques .card-header,
a:hover #formations_rencontres  .card-header,
a:hover #solidarite_collectifs  .card-header,
a:hover #informations_generales .card-header{
    background-color: #FFF;
}

a #formations_rencontres,
a #ressources_thematiques,
a #solidarite_collectifs,
a #informations_generales{
    color: #FFF;
}

#formations_rencontres i,
#ressources_thematiques i
#solidarite_collectifs i,
#informations_generales i, .card i {
    color: #747373;
}

a:hover #informations_generales .card-header h4 {
    color: var(--bleu-canard);
}
a:hover #ressources_thematiques .card-header h4 {
    color: var(--bleu-fonce);
}
a:hover #solidarite_collectifs .card-header h4 {
    color: var(--rouge);
}
a:hover #formations_rencontres .card-header h4 {
    color: var(--violet);
}

/* CARDS DOCUMENTS */

.card.document h4{
    font-size: 1.2em;
    line-height: 1.2em;
}

.card.document span{
    font-size: 0.8em;
    line-height: 1em;
}


.card.document-result span,
.card.document-result ul li{
    font-size: 0.9em;
    line-height: 1em;
}

.card.document-result h4 {
    line-height: 0.8em;
}

.card.document-result h4 a {
    font-size: 0.8em;
    font-family: 'emmausregular';
}

#results .card-title{
    height: 100px;
}

.content i {
    color : var(--bleu-fonce);
}

/* SIDEBAR */

#sidebar {
/*     border-left: 1px solid var(--bleu-canard);
    border-left: 2px solid var(--bleu-clair); */
}

/* #lang::after{
    .header-navigateur::after{
    content: "";
    background-color:  var(--orange);
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    height: 32px;
} */


/* SOCIAL NETWORKS */

iframe.twitter-timeline, .timeline-Widget {
	max-height: 400px;
	overflow: scroll;
}

@media screen and (max-width: 1200px) {
    .main-logo{
        height: 150px;
    }
    .navbar-nav{
        height: auto;
    }
    #megamenu .nav-item{
        width: 100%;
        border: none;
    }
    .logo-map{
        top: 0%;
        left: -34px;
        height: 115px;
    }
    .link-map{
        max-width: 150px
    }
    .act-emmaus, .newsletter-btn{
        position: relative;
        top: inherit;
        bottom: inherit;
    }
}

@media screen and (max-width: 992px) {
/*     .navbar .dropdown-menu.show{
        position:  relative!important;
    } */
    .container-carousel-text{
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-carousel-image{
        padding-left: 0px;
        padding-right: 0px;
    }
    #pre-header{
        /* background-color: var(--bleu-fonce); */
    }
}


@media screen and (min-width: 993px) {
    #megamenu .navbar .dropdown-menu.show {
        position:  unset;
    }


    .container-carousel-text.left{
        padding-left: 15px;
        padding-right: 0px;
    }
    .container-carousel-text.right{
        padding-right: 15px;
        padding-left: 0px;
    }

    .container-carousel-text.right h2{
        margin-left: -15px;
    }
    .container-carousel-text.left h2{
        margin-right: -15px;
    }

    .container-carousel-image.left{
        padding-right: 15px;
        padding-left: 0px;
    }
    .container-carousel-image.right{
        padding-left: 12px;
        padding-right: 0px;
    }
}

@media screen and (min-width:1200px){
    #container-title{
        height: 150px;
    }

    .navbar-nav{
        /* height: 94px; */
    }
}
/* @media screen and (max-width:992px){
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: unset;
    }
}
 */@media screen and (max-width:420px){
    .date-chantier{
        font-size: 0.8rem;
        line-height:  0.8rem;
        /* margin:auto; */
    }
    .nom-chantier{
        font-size: 1rem;
        line-height:  1rem;
        /* margin:auto; */
    }
    .lieu-chantier{
        font-size: 0.8rem;
        line-height:  0.8rem;
        /* margin:auto; */
    }

    .chantier1, .chantier2, .chantier3{
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media screen and (max-width:576px){
       #accueil-container-article .card-text{
        min-height: inherit;
        max-height: inherit;
    }

    #accueil-container-article h3{
        min-height: inherit;
        max-height: inherit;
    }
}