/*
Gilles - 20210915
*/

html { height:100%; }
body { height:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; background-color:#FFFFFF; }

/* home page */

@media(min-width:768px) {
    body.home {
        overflow-x:hidden;
        overflow-y:hidden;
    }
}

 
header .languages:before {
    bottom:-5px;
}
header .languages ul {
    top:-27px;
}
header .languages ul li {
    margin-bottom:-1px;
}
header .help img {
    width:40px;
}



/* header responsive */
@media(max-width:767px) {
    header .menu-burger img {
        width:80px;
    }
    header .mm-logo img {
        /* max-width: none;
        width: 80px; */
        /* display:none; */
    }
    header .la-fee-logo img {
        max-width: none;
        width:90% !important;
    }
    nav .col-left,
    nav .col-right {
        flex: 0 0 100%;
        width: 100%;
    }
    nav .col-left ul li,
    nav .col-right ul li {
        font-size: 20px;
        margin-bottom:12px !important;
    }
    nav .col-right ul.others li {
        font-size:15px !important;
    }
    
    /* gil */
    .w-50 {
        width:86% !important;
    }
    nav .col-left {
        padding-top:60px;
    }
    nav .col-right {
        padding-top:30px;
    }  
    nav.close {
        transform: translateY(-180%) !important;
    }
    nav .col-right hr {
        display:none !important;
    }
    .right-menu .help,
    .right-menu .languages {
        display:none !important;
    }
    #language_switcher_mobile {
        display:block;
    }
    #language_switcher_mobile .help {
        width:30px;
        float:right;
        top:-6px;
    }
    a.entonnoir {
        width:30px;
        height:30px;
        display:block;
    }
    .sub-menu-vv {
        display:none;
    }
    .sub-menu-vv.open {
        display:block;
    }
    a.btn.science {
        display:inline-block;
        position:relative !important;
    }
    
}
@media(max-width:1199px) {
    .main-container .back-fresco {
        position:relative !important;
        left:0 !important;
    }  
}

/* menu lang */
header .languages.close ul li:not(.active) {
    display:none;
}
header .languages ul li {
    display:list-item;
}

h1 {
    text-align:center;
    margin-top:15px;
    margin-bottom:45px;
}
h2 {
    font-size:1.5rem;
    margin-bottom:26px;
    margin-top:40px;
}
.subtitle {
    text-align:center;
    margin-bottom:26px;
    font-size:1.2rem;
}
a.up {
    margin-top:120px;
}
video {
    object-fit:cover;
}
.main-container .video:before {
    background:none !important;
    content:none;
}
.slick-slider {
    padding-left:75px;
    padding-right:75px;
    position:absolute;
}
.slick-prev:before,
.slick-next:before {
    opacity: 1;
    border: 1px black solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    opacity: 0.25;
    color: black;
}
.slick-prev {
    left:16px;
}
.slick-next {
    right:31px;
}

.bleu {
    font-size:bold;
    color:#5d7dd2;
}

.btn-bleu {
    background-color:#3462ca;
    color:#fff;
    border:1px #3462ca solid;
    margin:auto;
    display:inline-block;
}

/* page regards croisés */
.un_regard_croise {
    /* background:#eee; */
    margin-bottom:30px;
    text-decoration:none;
    padding-top:16px;
}
.un_regard_croise:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
    .un_regard_croise .vignette {
        background-size:cover;
        width:100%;
        height:250px;
        margin-bottom:15px;
    }
    .un_regard_croise .contenu {
        /* background:hotpink; */
        padding:0;
        text-align:center;
    }
    .un_regard_croise .type {
        color:#5d7dd2;
        margin-bottom:9px;
    }

/* page mecenes */
.un_mecene {
    /* background:pink; */
    padding:60px 30px;
}
    .un_mecene img {
        display:block;
        margin:auto;
    }
    .un_mecene .contenu {
        text-align:center;
    }

.personne_mecene {
    padding:60px 10px 20px;
}
    .personne_mecene img {
        display:block;
        border-radius:50%;
        margin:auto;
    }
    .personne_mecene .contenu {
        text-align:center;
        margin-top:25px;
    }
@media (min-width: 576px) {
    .personne_mecene img {
        width:300px;
        height:300px;
    }
}
@media (min-width: 768px) {
    .personne_mecene img {
        width:170px;
        height:170px;
    }
    #language_switcher_mobile {
        display:none;
    }
    a.entonnoir {
        display:none;
    }    
}
@media (min-width: 992px) {
    .personne_mecene img {
        width:250px;
        height:200px;
    }
}
@media (min-width: 1200px) {
    .personne_mecene img {
        width:180px;
        height:180px;
    }
}
@media (min-width: 1400px) {
    .personne_mecene img {
        width:210px;
        height:210px;
    }
}

/* page plan du site */
body.page-template-page-plan-du-site,
body.page-template-page-credits,
body.page-template-page-mentions-legales {
    background-color:#3462ca;
    color:white !important;
}
    body.page-template-page-plan-du-site ul {
        list-style-image: url('../assets/arrow-li.jpg');
    }
    body.page-template-page-plan-du-site .main-container a,
    body.page-template-page-plan-du-site h1 {
        color:white !important;
    }
    body.page-template-page-plan-du-site li a {
        position:relative;
        top:-2px;
        text-decoration:none;
    }

body.page-template-page-credits #the_content,
body.page-template-page-mentions-legales #the_content {
    text-align:center;
}

/* search form */
form.the-searchform input {
    /* margin-right:12px !important; */
}

form.the-searchform .search-query-container {
    border-left:1px #ccc solid;
}

form.the-searchform input[type=submit] {
    background-position: center;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:#fff;
    background-color:none !important;
    /* width:65px;
    height:63px; */
    border:none;
}
form.the-searchform input[name=s] {
    width:100%;
    height:100%;
    font-size:0.75em;
    border:none !important;
    padding-left:9px;
}
form.the-searchform input[name=s]:focus-visible {
    border:1px red solid;
}
form.the-searchform input[name=s]::placeholder {
    color:#888 !important;
}

form.the-searchform.search_form_in_page input[type=submit] {
    height:60px;
}
form.the-searchform.search_form_in_page input[name=s] {
    font-size:1em;
}


/* nav search form */
nav form.the-searchform {
}
nav form.the-searchform input {
    /* float:left; */
    display:inline-block;
}


/* page search results */
.search-results a.article {
    display:block;
    margin-bottom:20px;
    text-decoration:none;
    padding:20px;
}
.search-results a.article:hover {
    text-decoration:none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.search-results a.article h2 {
    margin-top:0;
    margin-bottom:11px;
}
.search-results #the_content form.the-searchform {
    margin-bottom:31px;
    text-align:center;
}
    .search-results #the_content form.the-searchform input[name=s] {
        border-radius:0 !important;
        text-align:left !important;
    }
    .search-results #the_content form.the-searchform input[name=s]:hover {
        background-color:#fff !important;
        color:#000 !important;
    }
.search-results form.the-searchform input[type=submit] {
    /* background-color:#fff !important; */
}    
p#no_result {
    text-align:center;
    margin-top:50px;
}

.infos-pratiques {
    font-size:1.2em;
}

#language_switcher_mobile {
    padding:15px 0;
    /* background:gold; */
}
    #language_switcher_mobile a.active {
        color:black;
        font-weight:bold;
    }
    #language_switcher_mobile a.active:after {
        display:none;
    }

#btn-decouvrir {
    background-color:#132f61;
    color:#fff !important;
}
#btn-decouvrir:hover {
    background-color: transparent;
    border-color: #132f61;
    color: #132f61;
}


.popuppoi iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.main-container {
    /* margin-top: 0 !important; */
    padding-bottom: 190px;
}

body.page-template-page-histoire img {
    max-width:100% !important;
    height:auto !important;
}
body.page-template-page-histoire .wp-caption {
    max-width:100% !important;
}