@font-face {font-family:'Bebas Kai';src:url('../font/BebasKai.woff2') format('woff2'), url('../font/BebasKai.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap;}
@font-face {font-family:'DINPro';src:url('../font/DINPro-Light.woff2') format('woff2'), url('../font/DINPro-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;}
@font-face {font-family:'DINPro';src:url('../font/DINPro-Regular.woff2') format('woff2'), url('../font/DINPro-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap;}
@font-face {font-family:'DINPro';src:url('../font/DINPro-Medium.woff2') format('woff2'), url('../font/DINPro-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;}
@font-face {font-family:'DINPro';src:url('../font/DINPro-Bold.woff2') format('woff2'), url('../font/DINPro-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap;}
@font-face {font-family:'DINPro';src:url('../font/DINPro-Black.woff2') format('woff2'), url('../font/DINPro-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap;}
body {background:url('../img/bg-four-boites-pizza.jpg') no-repeat top center #141414;font-family:'DINPro', sans-serif;}
.logo {position:relative;display:block;width:250px;margin:1rem auto 0 auto;overflow:hidden;}
.logo + .drapeau {position:relative;display:block;width:100%;height:7px;margin:1rem auto;}
.logo + .drapeau:after {content:'';width:50px;height:7px;background:url('../img/drapeau.svg') no-repeat center;background-size:contain;display:block;position:absolute;left:calc(50% - 25px);top:0;}
video.video-content, .seeThru-display {max-width:100%;}
img {display:block;max-width:70%;margin-inline:auto;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:'Bebas Kai', sans-serif;color:#fff;text-transform:uppercase;text-align:center;font-weight:normal;line-height:1.2;}
h1 {font-size:1.4rem;}
h1 + img {margin:3rem auto;display:block;}
p {font-size:1.4rem;text-align:center;color:#fff;line-height:1.2;margin:0 auto 3rem auto;font-family:'Bebas Kai', sans-serif;}
a.link {background:#99c455;cursor:pointer;text-align:center;font-weight:500;padding:10px 20px 10px 20px;color:#fff;border:2px solid transparent;border-radius:20px;display:block;width:fit-content;margin:2.4rem auto;transition:background 0.5s ease, color 0.5s ease, border-color 0.5s ease;text-transform:none;line-height:1;}
a.link:hover {background-color:#141414;color:#99c455;border-color:#99c455;}
section.green {display:block;position:relative;background:#696b47;margin-top:2.5rem;}
section.green::before {content:'';background:#696b47;width:100%;height:15rem;position:absolute;top:-2.5rem;left:0;transform:skewY(-4deg);z-index:-1;}
section.green img {margin:1rem auto;display:block;}
section.green img[alt='Leeo'] {margin:0 auto 1rem auto;display:block;width:8rem;}
section.green a.link:hover {background-color:#696b47;}

.button {font-family:'Bebas Kai', sans-serif;font-size:1.2rem;color:#fff;text-transform:uppercase;text-align:center;font-weight:normal;line-height:1.2;border:2px solid #fff;border-radius:2rem;margin:1rem auto;background:none;display:block;width:fit-content;padding:.5rem 1rem;}
.button:hover, .button:focus {background:#fff;color:#141414;}
section.green .button:hover, section.green .button:focus {background:#fff;color:#696b47;}