:root{--roseGNR:#f1c6dd;--violetGNR:#963c7a;--roseFonceGNR:#ed709f}
body{font-family:"Helvetica",sans-serif;margin:0;background-color:var(--roseGNR);font-size:16px;line-height:20px;color:var(--violetGNR);min-width:320px;padding:0}
#header{width:100%;height:80px;position:sticky;top:0;z-index:500;background:linear-gradient(#fff,95%,#ffffff00)}
#logo{width:150px;padding:5px 15px}
#headerMenu{float:right;list-style:none;margin:20px}
#headerMenu>li{display:inline-flex}
#headerMenu>li>a{color:#fff;padding:5px 20px;border-radius:20px;text-decoration:none;font-size:15px;background-color:var(--violetGNR);border:2px solid var(--violetGNR);font-weight:bold}
#headerMenu>li>a:hover{color:var(--violetGNR);background-color:var(--roseGNR)}
#footer{width:calc(100% - 100px);background-color:var(--violetGNR);color:#fff;font-size:13px;line-height:15px;padding:50px 50px 100px 50px;position:sticky;top:0;margin:0;text-align:center}
#contenu{padding:0;text-align:center;margin:auto}
h1{font-size:55px;font-weight:600;line-height:65px;margin:20px auto 20px auto}
h2{font-size:60px;line-height:60px;margin-top:0;text-transform:uppercase}
#footer>ul{padding:0}
#footer>ul>li{display:inline-block;margin:0 10px}
#footer>ul>li>a{background-color:var(--vertFonceSCDL);width:50px;height:50px;display:inline-block;border-radius:26px;cursor:pointer;border:2px solid var(--vertFonceSCDL)}
#footer>ul>li>a>img{width:30px;height:30px;margin-top:10px;filter:brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2%) hue-rotate(275deg) brightness(114%) contrast(100%)}
#footer>ul>li>a:hover{background-color:#fff}
#footer>ul>li>a:hover>img{filter:brightness(0) saturate(100%) invert(17%) sepia(6%) saturate(4266%) hue-rotate(92deg) brightness(99%) contrast(94%)}
#footer>a{color:#fff}
#footer>a:hover{color:var(--jauneSCDL)}
.smartphoneOnly{display:none}
.desktopOnly{display:inline-block}
#freezer{z-index:1000000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}
#modal{z-index:1000001;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f9f9fb;display:none;overflow:auto}
@media screen and (max-width:768px){#header{height:100px}
#logo{width:75px;padding:5px}
#headerMenu{margin:5px;padding:0;width:calc(100% - 95px)}
#headerMenu>li>a{font-size:12px;padding:2px 10px;font-weight:bold;margin-bottom:2px}
h1{font-size:30px;line-height:35px;padding:0 20px}
h2{font-size:30px;line-height:30px}
#footer{width:calc(100% - 60px);padding:30px}
.desktopOnly{display:none}
}