@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; border: 0;}

img {display: block;}

html { scroll-behavior: smooth; }

body { font-family: "Inter", sans-serif; line-height: 1.3; background-color: #f2f2f2;}

.div-inner {width: 1000px; margin: 0 auto;}

header {padding: 90px 0 40px 0; background-color: #000; color: #fff;}
header .div-inner {display: flex; align-items: flex-end;}
#header-logo {}
#header-logo img {width: 350px; height: auto;}
#header-titre {text-transform: uppercase; font-size: 20px; font-weight: bold; margin-left: auto; color: #fff; text-decoration: none; text-decoration: underline;}
#header-titre:hover {text-decoration: none;}

#section-corps {padding: 60px 0 150px 0;}

#liste-affiches {margin-top: 50px; display: flex; flex-wrap: wrap; gap: 60px;}
.affiche-element {width: calc((100% / 3) - ((60px * 2) / 3)); text-align: center;}
.affiche-element-inner {}
.affiche-element-image {width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.affiche-element-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.affiche-element-nom {text-transform: uppercase; font-size: 18px;}
.affiche-element-nom a {color: #000; text-decoration: underline;}
.affiche-element-nom a:hover {text-decoration: none;}
.affiche-element-lieu { margin-bottom: 20px; font-size: 14px;}
.affiche-element-btn {text-transform: uppercase; color: #000;}
.affiche-element-btn:hover {text-decoration: none; color: #fff; background-color: #000;}
.affiche-element-btn:visited {color: #000;}

h2 {font-size: 22px; font-weight: bold; margin: 10px 0 20px 0;}
h4 {font-size: 13px; font-weight: normal;}

p, ul {font-size: 16px; margin-bottom: 20px;}
p a, ul a {color: #000;}
p a:visited, ul a:visited {color: #000;}
p a:hover, ul a:hover {text-decoration: none;}
.home p { font-weight: 600;}

ul {padding-left: 30px;}