html, body, p, h1, h2, h3, h4, ul{
    margin: 0;
    padding:0;
}
body{
    font-family: 'Sohne_leicht';
    font-size: 16px;
    line-height: 1.2rem;
    --gris1: #CCC;
    --gris2:#a5a4a4;
    --gris3:rgba(132,134,145,0.7);
    --gris4:#eef1ef;
    --gris5:#60605a;
    --coul1:#4c3542;
    --fpm:#330F2D;
}
/*Cookiyes*/
.cky-btn-accept{
    background-color: var(--coul1)!important;
    border-color: var(--coul1)!important;
}
.cky-btn-reject {
    color: var(--coul1)!important;
    background-color: transparent;
    border-color: var(--coul1)!important;
}
/**/
header{
    padding: 1.5em 0;
}
footer{
    font-size: 0.85rem;
    line-height: 1.4rem;
    font-family: "exposure_0_regular";
}
footer .links{
    background-color: #eef1ef;
    color: var(--coul1);
    padding: 4em 0 5rem;
    line-height: 1.6rem;
}
footer .links a {
    color: var(--coul1);
}
footer a:hover{
    color: #000;
}
footer .logo{
    display: block;
    max-width: 330px;
    padding-bottom: 0.4rem;
}
.links_list > div:nth-child(2){
    margin-left: -30px;
    margin-right: 30px;
}
a, a:hover{
    color: #000;
    text-decoration: none;
}
a{
    opacity: 1;
    transition:opacity 0.2s;
}
a:hover{
    opacity: 0.8;
    transition:opacity 0.2s;
}
figure{
    margin: 0;
}
b, bold{
    font-family: "Exposure_-30_regular";
}
i{
    font-family: "exposure_0_italic";
}
.exposure_0{
    font-family: "exposure_0_regular";
}
.exposure_0_italic{
    font-family: "exposure_0_italic";
}
.exposure_30{
    font-family: "Exposure_-30_regular";
}
.Exposure_-30_italic{
    font-family: "Exposure_-30_italic";
}
.nudica_regular{
    font-family: "nudica_regular";
}
.nudica_bold{
    font-family: "nudica_bold";
}
ul {
    list-style: none;
    padding: 0;
}
.incipit, .texte_gd{
    font-family: "Exposure_-20_regular";
    font-size: 1.8rem;
    padding-right: 5rem;
    line-height: 2.4rem;
    color: var(--coul1);
}
.incipit bold, .incipit b{
    font-family: "Exposure_10_regular";
}
.texte_gd{
    font-family: "Exposure_30_regular";
}
.texte_gd b, .texte_gd strong{
    font-family: "Exposure_-20_regular";
}
.texte_gd a{
    font-family: 'Sohne_leicht';
    color: #000;
}
.texte_gd p{
    display: inline;
}
#agenda_header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--gris2);
}
#agenda_header a {
    font-family: "Exposure_30_regular";
    font-size: 3rem;
    color: var(--gris3);
    display: inline-block;
}
#agenda_header a.selected{
    font-family: "Exposure_-20_regular";
    color: var(--coul1);
}
.filtres {
    font-family: 'Sohne_leicht';
    display: flex;
    flex-wrap: wrap;
}
.filtres li{
    display: block;
}
.filtres li:not(.filtre_close_li){
    max-width: 200px;
    overflow: hidden;
    transition:max-width 0.3s;
	-webkit-transition:max-width 0.3s;
	-moz-transition: max-width 0.3s;
}
.filtre, .filtre_close{
    font-size: 0.8rem;
    padding: 0 1rem;
    height: 34px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: inline-block;
    transition: all 0.3s;
    border: 1px solid var(--gris2);
    background-color: #FFF;
    width: max-content;
    color:#000;
}
.filtre:hover{
    border: 1px solid var(--gris1);
    transition: all 0.3s;
}
.filtre_niv2{
    background-color: var(--gris4);
    border-color: var(--gris4);
}
.filtre.selected{
    /*background-color: #FFF;
    border-color: var(--gris2);*/
    background-color: var(--gris2);
    color: #FFF;
    border-color: var(--gris2);
}
.filtres li.hidethis{
    max-width: 0;
    opacity: 0;
    transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition: all 0.3s;
}
.filtre_close{
    padding: 0;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filtre_close span{
    font-size: 2rem;
}
.filtre_close_li{
    overflow: hidden;
    max-width: 0;
    opacity: 0;
    transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition: all 0.3s;
}
.filtre_close_li.showthis{
    max-width: 100px;
    opacity: 1;
    transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition: all 0.3s;
}
.back_to{
    display: block;
    font-family: 'Sohne_leicht';
    color: var(--coul1);
    font-size: 1.1rem;
    margin-bottom: 2rem;
}
#encart_abonnement{
    color: #FFF;
    font-size: 1.4rem;
    line-height: 1.8rem;
}
#encart_abonnement .fl{
    font-family: 'Sohne_leicht';
    color: #FFF;
    font-size: 1.2rem;
    display: block;
    margin-top: 0.5rem;
    transition: margin 0.4s;
    cursor: pointer;
    background-color: transparent;
    border: none;
}
#encart_abonnement a {
    color: #FFF;
}
#encart_abonnement a:hover .fl{
    margin-left: 0.5rem;
    transition: margin 0.4s;
}
#encart_abonnement b{
    font-family: "Exposure_-20_regular";
}
#news_ins input{
    background-color: transparent!important;
    box-shadow: none;
    border:none;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-family: 'Sohne_leicht';
    font-size: 0.8rem;
    padding: 0;
    width: 200px;
}
#news_ins input:focus-visible, #news_ins input:focus{
    outline: none!important;
}
.barre_noire{
    width: 100%;
    height: 1px;
    background-color: #000;
}
.barre_grise{
    width: 100%;
    height: 1px;
    background-color: var(--gris2);
}
.barre_pictos{
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}
.barre_reseaux{
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
}
.barre_outils{
    display: flex;
    flex-direction: column;
    align-items: end;
    font-family: 'Sohne_leicht';
    margin-bottom: 5rem;
}
.barre_outils > div:not(:last-child){
    margin-bottom: 0.2rem;
}
.flex-column-end{
    display: flex;
    justify-content: end;
    flex-direction: column;
}
.flex-column-start{
    display: flex;
    justify-content: start;
    flex-direction: column;
}
.footer_nav_col2{
    line-height: 1.8rem;
}
.picto {
    display: inline-block;
    width: 40px;
    height: 25px;
    background-size: 160px;
    background-repeat: no-repeat;
    background-image: url(../img/pictos_reseaux.svg);
}
.picto_blc{
    background-image: url(../img/pictos_reseaux_blc.svg);
}
.picto_coul1{
    background-image: url(../img/pictos_reseaux_coul1.svg);
}
.p_fb{
    background-position: -1px;
    width: 22px;
}
.p_fb2{
    background-size: 110px;
    background-position: -6px;
    width: 22px;
    height: 28px;
}
.p_ln{
    background-position: -51px -4px;
    width: 22px;
}
.p_in{
    background-position: -88px -7px;
    width: 26px;
}
.p_yt{
    background-position: -128px;
    width: 26px;
}
.share{
    width: 20px;
    height: 100%;
}
.btn_share{
    display: flex;
    align-items: center;
    width: 35px;
    height: 100%;
    background-color: transparent;
    border: none;
}
.share {
    position: relative;
}
.share ul{
    position: absolute;
    top: 25px;
    background-color:transparent;
    padding-top: 0.4em;
    display: none;
}
.share ul li{
    border-bottom: 1px solid #000;
    background-color: #FFF;
    padding: 0 0.3rem;
}
.share:hover ul, .btn_share:focus ~ ul{    
    display: block;
}
.bloc_logo_menu{
    display: flex;
    position: relative;
    z-index:10;
    align-items:end;
    justify-content: space-between;
    margin-top: -4rem;
}
.lacola{
    width:450px;
    height: 118px;
    display: flex;
    align-items: end;
    margin-bottom: 0.4rem;
}
.gris1{
    color: var(--gris1);
}
.gris2{
    color: var(--coul1);
}
.bgd1{
    background-color:#e5e5e5;
}
.bgd2{
    background-color:var(--fpm);
}
nav {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    font-family: "exposure_0_regular";
}
nav i{
    font-family: 'Exposure_20_italic';
}
nav ul{
    list-style: none;
}
nav > ul{
    display: flex;
}
nav > ul > li:not(:last-child){
    margin-right: 4rem;
}
nav > ul > li:last-child{
    width: fit-content;
    margin-right: 7rem; 
}
nav > ul li:hover ul, nav ul.show {
    display: block;
    line-height: 1.8rem;
}
nav ul ul{
    position: absolute;
    display: none;
    line-height: 1.7rem;
    background-color: #FFF;
    padding: 6px 25px 12px;
    margin-left: -25px;
    min-width: 220px;
}
nav ul ul a{
    color: #666;
}
nav > ul > li > a {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
}
nav .btn {
    padding: 0;
    border: none;
    font-size: 1.2rem;
    font-family: "exposure_-20_regular";
    color: var(--coul1);
}
nav .btn:focus {
    color: var(--gris2);
}
h1,h2,h3,h4{
    font-family: "exposure_10_regular";
    margin: 0;
    padding: 0;
}
h1{
    font-family: "exposure_-20_regular";
    font-size: 2rem;
    line-height: 2.4rem;
    color: var(--coul1);
}
h1 .souligne{
    display: inline-block;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #000;
}
.bloc_h1{
    font-family: "exposure_-10_regular";
    width: fit-content;
    padding-top: 2rem;
    color: var(--coul1);
}
.bloc_h1 span{
    font-family: "exposure_30_regular";
}
h2{
    font-size: 1.6rem;
    line-height: 2rem;
}
.gx-6{
    --bs-gutter-x: 4rem;
}
.filtre_intro{
    line-height: 1.4em;
}
.evts{
    margin-top: 2rem;
}
.evts .titre, .evt_header h1 {
    font-family: "exposure_-20_regular";
    font-size: 1.7rem;
    line-height: 2rem;
    color: var(--coul1);
}
.evts .sstitre {
    font-family: "exposure_10_regular";
    font-size: 1.7rem;
    line-height: 1.8rem;
    color: var(--coul1);
}
.evts .titre b, .evt_header h1 b, .evenement h1 b {
    font-family: "exposure_-10_regular";
}
.evts .date, .evt_header .date, .categorie {
    font-family: 'Sohne_leicht';
    font-size: 1.3rem;
    color: #000;
    margin-top: 0.5rem;
}
.categorie{
    width: fit-content;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #000;
}
.evenement .categorie{
    font-size: 1.5rem;
}
.evts .evt:not(:last-child){
    margin-bottom: 2rem;
}
.evts figure{
    max-width: inherit!important;
    width: 100%!important;
}
.evts figure .legende{
    display: none;
}
.evt > div:last-child > div {
    height: 100%;
    /*border-bottom: 1px solid var(--gris2);*/
}
.evt_home .titrage {
    font-size: 1.2rem;
}
.evt_home .evt > div:last-child > div {
    border-bottom: none;
}
.evt .textes > div{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}
.evt_home .textes > div{
    justify-content: start;
}
.evt_header{
    position: relative;
    padding: 2em 4em 1rem;
    background-color: var(--gris4);
}
.evt_header .legende{
    margin-top: 6rem;
    color: var(--gris2);
    font-family: 'Sohne_leicht';
    font-size: 0.8rem;
}
.evt_header .date {
    font-size: 1.6rem;
    margin-top: 0;
}
.evt_header h1 {
    font-size: 2rem;
}
.evt_header img{
    /*border: 1px solid var(--coul1);*/
}
.evt_vign{
    width: 100%;
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: center;
}
.soustitre{
    display: block;
    font-family: "exposure_10_regular";
}
.evenement .soustitre{
    margin-top: 1rem!important;
}
.surtitre{
    font-size: 1.2rem;
    font-family: "exposure_10_regular";
    margin-bottom: 0.8em;
    width: fit-content;
    color: var(--coul1);
}
.hlm{
    /*font-size: 1.2rem;
    margin-right: 0.5rem;*/
}
.evenement .surtitre{
    /*font-size: 0.8rem!important;*/
}
.img_horizontal{
    width: 100%;
}
.img_vertical{
    max-width:50%
}
.gx_image{
    display: flex;
    justify-content: center;
}
.gx_image .legende{
    color: var(--gris2);
    font-family: 'Sohne_leicht';
    font-size: 0.8rem;
    line-height: 0.9rem;
}
#encart_infos{
    padding: 3rem 2rem;
    border: 1px solid var(--gris1);
    font-size: 1.1rem;
    line-height: 1.6rem;
}
h2 {
    border-top: 1px solid var(--gris1);
    padding-top: 2rem;
    color: var(--coul1);
}
.visuel{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 10%;
}
.visuel figcaption{
    font-family: 'Sohne_leicht';
    margin-top: 1rem;
}
#lieux{
    padding-top: 4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
#lieux > div img{
    width: 100%;
}
.lieu{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 2rem;
}
.lieu div{
    font-family: "Exposure_-20_regular";
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    text-align: center;
}
.lieu div:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #000;
    margin-bottom: 1.5rem;
}
.lieu_header {
    background-color: #000;
    color: #FFF;
    padding: 3em 0;
}
.lieu_header .texte_intro {
    font-family: "exposure_10_regular";
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 1.3rem;
}
.exposition, .evenement{
    font-family: "exposure_0_regular";
}
.exposition .intro{
    font-size: 1.3rem;
    line-height: 1.3rem;
}
.exposition .presentation, .evenement .presentation, .gx_texte{
    font-size: 1.2rem;
    line-height: 1.8rem;
}
.gx_texte{
    font-family: "exposure_0_regular";
}
.gx_texte a{
    color: var(--gris5);
}
.gx_texte a:not(.btn):hover{
    opacity: 1;
    padding-bottom: 0.1em;
    border-bottom: 2px dotted var(--gris1);
}
.gx_texte a.btn:hover, .btn1:hover{
    color: #FFF!important;
    background-color: var(--fpm)!important;
}
.gx_texte ul > li:before{
    content: "- ";
}
.gx_texte h1, .gx_texte h2, .gx_texte h3, .gx_texte h4{
    margin-bottom: 1em;
}
.gx_texte p{
    margin-bottom: 1em;
}
.fl_to{
    display: inline-block;
    margin: 0 0.5rem;
}
.evenement .date {
    font-family: 'Sohne_leicht';
    font-size: 1.5rem;
    color: var(--coul1);
    line-height: 2rem;
}
.share_btns{
    display: flex;
    align-items: center;
}
.evenement .share_btns{
    position: relative;
    justify-content: start;
    z-index: 2;
}
.evts_asso {
    font-size: 1rem;
}
.evts_asso .date{
    font-family: 'Sohne_leicht';
}
.evts_asso .cat{
    display: inline-block;
    margin-left: 1rem;
}
.evt_home{
    padding: 2rem;
    background-color: var(--gris4);
}
.credit{
    font-family: 'Sohne_leicht';
    font-size: 0.7rem;
    margin-top: 1rem;
}
.break {
  flex-basis: 100%;
  width: 0!important;
  padding: 0!important;
}
.grow_1{
    flex-grow: 1;
}
.grow_2{
    flex-grow: 2;
}
.grow_3{
    flex-grow: 3;
}
.grow_4{
    flex-grow: 4;
}
.grow_5{
    flex-grow: 5;
}
.grow_6{
    flex-grow: 6;
}
.grow_7{
    flex-grow: 7;
}
.lieu4{
    flex-grow: 10;
    margin-top: 60px;
}
.lieu5{
    margin-top: -110px;
}
.btn{
    font-family: "exposure_0_regular";
    font-size: 0.9rem;
    padding: 1em 2rem;
    color: #000;
    border: 1px solid var(--gris2);
    background-color: transparent;
    border-radius: 0;
    transition: all 0.3s;
}
.btn:not(nav button):hover{
    opacity: 1;
    color: #000;
    background-color: #FFF;
    transition: all 0.3s;
}
.btn_noir{
    color: #454545;
    background-color: #FFF;
    border: 1px solid var(--coul1);
}
.btn_noir2{
    color: #FFF;
    background-color: #000;
    border-color: #FFF;
}
.btn_noir:hover, .btn_noir2:hover{
    color: #FFF;
}
.btn2{
    font-family: 'Sohne_leicht';
    font-size: 0.65rem;
    line-height: 1rem;
    padding: 0.5em 0.3rem;
    background-color: #FFF;
    border: 0.3px solid #1d1d1b;
    display: block;
    width: fit-content;
    height: fit-content;
    transition: all 0.3s;
    color: #000!important;
}
.btn2.hov1:hover{
    opacity: 1;
    background-color: var(--gris1);
    transition: all 0.3s;
}
#experiences{
    margin-top: 2rem;
    font-family: 'Sohne_leicht';
    font-size: 1rem;
}
#experiences .cat{
    text-transform: uppercase;
}
.exp_img{
    height:400px;
    background-image: url(../img/exp1-80.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.exp_details{
    display: block;
    padding: 0.6em 0;
}
.exp_sep{
    width: 100%;
    height: 1px;
    background-color: #000;
    position: relative;
}
.exp_sep:before{
    content:"";
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #000;
    position: absolute;
    top: -2px;
}
.exp_date{
    text-align: right;
    margin-top: 0.6rem;;
}
.sep1{
    width: 8rem;
    margin: 2em 0;
}
.text1{
    font-size: 1.2rem;
    line-height: 1.4rem;
}
.link_blc, .link_blc:hover{
    color: #FFF;
}
.bandeau_noir_evt{
    background-color: #000;
    color: #FFF;
    padding: 0.4em 0;
    font-family: "exposure_0_regular";
    font-size: 1.2rem;
}
.logos_footer{
    height: 97px;
    display: flex;
    justify-content: end;
}
.logos_footer > a{
    height: 100%;
}
.w100{
    width: 100%;
}
.sans_ligne{
    border-bottom: none;
}
.placement{
    border: 2px solid var(--gris1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "exposure_0_regular";
    font-size: 1.4rem;
    color: var(--gris1);
}
.mt-10 {
    margin-top: 6rem !important;
}
.mb-10 {
    margin-bottom: 6rem !important;
}
@media only screen and (max-width: 1399px) {
    .incipit{
        padding-right: 9rem;
    }
    .logos_footer{
        height: 83px;
    }
}

@media only screen and (max-width: 1199px) {
    nav .btn {
        font-size: 1.2rem;
    }
    nav > ul > li > a {
        font-size: 1.2rem;
    }
    nav ul ul a {
        font-size: 1rem;
    }
    nav > ul > li:not(:last-child) {
        margin-right: 1.4rem;
    }
    nav > ul li:hover ul, nav ul.show {
        line-height: 1.8rem;
    }
    .lacola {
        width: 400px;
        height: 100px;
    }
    .incipit{
        padding-right: 3rem;
    }
    .exp {
        width: 26%;
    }
    .logos_footer{
        height: 68px;
    }
}

@media only screen and (max-width: 991px) {
    .bloc_logo_menu{
        display: block;
    }
    nav{
        display: block;
    }
    .incipit{
        padding-right: 0rem;
    }
    .exp {
        width: 28%;
    }
    .exp_img{
        height: 300px;
    }
    h1{
        font-size: 2rem;
    }
    .links_list > div:nth-child(2){
        margin-left: 0;
        margin-right: 0;
    }
    .lacola{
        margin-bottom: 2rem;
    }
    .img_vertical{
        max-width:70%
    }
}

@media only screen and (max-width: 767px) {
    .incipit {
        padding-right: 1rem;
    }
    nav > ul {
        display: block;
    }
    .container{
        overflow: hidden;
    }
    nav ul ul{
        position: relative;
        padding-top:0;
    }
    .lacola {
        width: 100%;
    }
    .img_vertical{
        max-width:85%
    }
    .evt_header{
        padding: 1rem;
    }
    .evt_header .legende {
        margin-top: 3rem;
    }
    .logos_footer{
        flex-direction: column;
        height: auto;
        text-align: left;
    }
    .logos_footer > a img{
        width: 70%;
    }
    .logos_footer > a.lahah img{
        width: 50%;
    }
}

@media only screen and (max-width: 375px) {
    .img_vertical{
        max-width:100%
    }
}

@media (min-width: 768px) {
    .g-md-6, .gx-md-6 {
        --bs-gutter-x: 4rem;
    }
}

@media (min-width: 992px) {
    .g-lg-6, .gx-lg-6 {
        --bs-gutter-x: 4rem;
    }
}