@font-face { font-family: "poppins"; src: url("../fonts/poppins-regular.ttf") format("truetype"); font-weight: normal; }
@font-face { font-family: "poppins"; src: url("../fonts/poppins-italic.ttf") format("truetype"); font-style: italic, oblique; }
@font-face { font-family: "poppins"; src: url("../fonts/poppins-bold.ttf") format("truetype"); font-weight: bold; }
html, body, header, nav, footer, section, div, span, h1, h2, h3, h4, h5, h6, p, a, video, img, ul, li, dl, dd, dt, iframe, input, textarea, button, figure, figcaption, blockquote, svg, strong, b, address { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, header, nav, footer, section, div, span, h1, h2, h3, h4, h5, h6, p, a, video, img, iframe, input, textarea, button, figure, figcaption, blockquote, svg, strong, b, address { margin: 0; padding: 0; }

img { vertical-align: middle; width: 100%; }

h1 { font-size: 1.6em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.3em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1.1em; }

/* LA RACINE */
html { font-size: 100%; font-family: 'poppins', sans-serif; }

body { min-height: 100vh; }

main { padding-bottom: 2rem; }

.container-main { margin: 0 auto; max-width: 1200px; width: 100%; }

h1 { margin: 2rem 0; }

h2 { margin-bottom: 1rem; text-transform: uppercase; }

h3 { text-transform: uppercase; }

h2, h3, h4, h5, h6 { margin-top: 1.5em; margin-bottom: 0.5em; }

h3 ~ a { margin-bottom: 0.5em; display: inline-block; }

p { margin-bottom: 0.5em; }

.fil-ariane { margin-top: 2rem; display: inline-block; }

/* LES LISTES */
dt:not(dd dt) { font-size: 1.3em; font-weight: bold; }

dd dt { line-height: 1.7em; }

dd:not(dl dl dl dt):last-of-type { margin-bottom: 1.5em; }

li { margin-bottom: 0.5rem; }

/* LES VIDEOS */
video { max-width: 100%; }

/* LES IMAGES */
img { border: 1px solid grey; max-width: 700px; }

.sources-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.sources-container div { max-width: 240px; width: 100%; height: 240px; position: relative; }

.sources-container div img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.sources-container div a { padding: 0.2em; display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background-color: rgba(233, 227, 216, 0.9); }

.image-with-ref-container { margin-bottom: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.image-with-ref-container img { margin-right: auto; }

.image-with-ref-container p { margin: 0; }

.mockup-mobile-container img { max-width: 375px; }

.mockup-desktop-container img { max-width: 1920px; }