body {margin:0; padding:0; font-family:'Jost', sans-serif;}
.container {display:block; width:100%; max-width:1200px; margin:0 auto; padding:50px; box-sizing:border-box;}
    .header{display:flex; flex-direction:row; align-items:end; justify-content:space-between;}
        .logo_wrapper{display:block; max-width:200px; width:100%;}
            .logo_wrapper img{display:block; width:100%; height:auto;}
        .maintitle{display:block; width:calc(100% - 220px); margin:0 0 3px; font-size:24px; font-weight:500; color:#000; border:2px solid #000; border-width:2px 0; padding:4px 0 6px; text-transform:uppercase;}
    
    .main {margin: 50px 0 0;}
        .subtitle{text-align:center; font-size:20px; font-weight:500; color:#000; margin-bottom:20px; border-top:1px solid #000; padding-top:20px;}

    .eventlist{display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; justify-content:center; align-items:center; list-style:none; padding:0; margin:0 0 50px;}
        .eventitem{display:block; width:calc(33.333% - 13.333px); max-width:300px;}
            .eventlink{display:block; width:100%; text-decoration:none; position:relative;}
                .eventimage_wrapper{display:block; width:100%; box-sizing:border-box; overflow:hidden; position:relative; padding-top:100%;}
                    .eventimage{display:block; width:100%; height:auto; object-fit:cover; position:absolute; top:0; left:0; transition:transform 1.6s ease;}
                .eventinfo{display:block; width:100%; padding:20px; box-sizing:border-box; position:absolute; bottom:0; left:0; background:rgba(45,45,45,.8);}
                    .eventcategory{display:block; font-size:14px; font-weight:500; color:#fff; margin:0 0 0;}
                    .eventtitle{display:block; font-size:26px; font-weight:500; color:#fff; margin:0 0 0;}
                    .eventdate{display:block; font-size:18px; color:#fff; margin:0;}
                    .eventfakebutton{display:inline-block; margin-top:10px; padding:8px 16px; background:#ff2300; color:#fff; font-size:14px; font-weight:500;}
                    .eventlink:hover .eventimage{transform:scale(1.15) rotate(2deg);}
    .billeterie_wrapper{display:flex; width:100%; margin-top:20px; justify-content:center; align-items:center;}
        .billeterielink{display:block; padding:12px 24px; background:#ff2300; color:#fff; font-size:20px; font-weight:500; text-decoration:none;}


        .list1 {list-style: none; display: flex; flex-wrap: wrap; gap:20px; justify-content:space-between; align-items: center; padding: 0; margin:80px 0 50px;}
            .item1 {width:80px;}
                .link1{display:block;}

        .coordonnees{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; font-size:14px; color:#000; margin-top:20px; border-top:2px solid #000; padding-top:20px;}
            .coordonnees > span{text-align:center;}


@media all and (max-width: 980px) {
    .eventitem{width:calc(50% - 10px);}
}

@media all and (max-width: 640px) {
    .header{flex-wrap:wrap; justify-content:center;}
    .maintitle{width:100%; margin-top:20px;}
    .eventitem{width:calc(100%);}
}