* {
margin: 0;
padding: 0;
overflow-x: hidden;
}
html {
font-size: 100%;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
}
@font-face {
font-family: Andreas-Regular;
src: url('../font/Andreas-Regular.woff2') format('woff2');
font-weight: 500;
font-display: swap;
}
body {
background-color: lavender;
font-family: system-ui, sans-serif;
font-weight: 300;
}
h1, h2, h3 {
font-family: Andreas-Regular, 'Bodoni 72', 'Bodoni 72 Oldstyle', 'Bodoni MT', 'Noto Serif Display', serif;
font-size: 1.5rem;
line-height: 1.2;
}
h1 {
text-align: center;
margin: 10px 8% 0 8%;
color: #000;
font-weight: normal;
    -webkit-text-stroke: 1px #000;
    -webkit-text-fill-color: #000;
}
h2 {
border-bottom: 1px solid #aaa;
text-align: center;
margin: 10px 8% 40px 8%;
padding-bottom: 10px;
color: #c00;
font-weight: normal;
}
h3 {
margin: 10px 8% 6px 8%;
color: #666;
font-weight: normal;
}

.divcover {
position: fixed;
z-index: 10;
inset: 0;
height: 100vh;
}
.imgcover {
width: 100%; height: 100%;
object-fit: cover;
object-position: center center;
}
.divcoververt {
position: fixed;
z-index: 12;
inset: 0;
height: 100vh;
opacity: 0;
animation: fonb 20s linear infinite;
animation-delay: 3s;
}
@keyframes fonb {
  0% {opacity: 0;}
  5% {opacity: 1;}
 70% {opacity: 1;}
 75% {opacity: 0;}
100% {opacity: 0;}
}

.divlogo {
position: relative;
z-index: 100;
inset: 0;
height: 100vh;
text-align: center;
align-content: center;
}
.logo {
width: 30%; 
height: auto;
}

.divtop {
position: fixed;
z-index: 150;
top: 0; left: 0;
width: 100%; height: auto;
padding: 10px 0 8px 0;
background-color: transparent;
}
.img-icones {
height: 30px; width: auto;
margin: 0 10px 0 10px;
}
.adroite {
position: absolute;
right: 10px;
}
.divwarning {
padding: 20px 20px 0 20px;
line-height: 1.1;
text-wrap: balance;
}

/* NE PAS AFFICHER SUR MOBILE ____________ */
@media screen and (max-width: 960px) {
.cache {
display: none;
}
}

/* PHONE PADS VERTIC ____________________ */
@media screen and (orientation: portrait) {
.logo {
width: 80%;
}
}

/* XL ____________________________________ */
@media screen and (min-width: 961px) {
h1, h2, h3 {
font-size: 2rem;
}
h2 {
margin: 0 16% 40px 16%;
}
h3 {
margin: 0 16% 6px 16%;
}
.divtop {
background-color: #231;
border-bottom: 1px solid #EEE;
}
}

/* XXL ____________________________________ */
@media screen and (min-width: 1441px) {
h1, h2, h3 {
font-size: 3rem;
}
}