
.scrollToTop { background: var(--accent-primary); color: white; position: fixed; z-index: 4000; bottom: 143px; right: 20px; border-radius: var(--border-radius); padding: 9px 10px; cursor: pointer; display: block; font-size: 18px; }
.scrollToDown { background: var(--accent-primary); color: white; position: fixed; z-index: 4000; bottom: 100px; right: 20px; border-radius: var(--border-radius); padding: 9px 10px; cursor: pointer; display: block; font-size: 18px; }

.haut { background: var(--bg-surface); width: 100%; float: right; box-shadow: 0px 1px 3px rgba(0,0,0,0.5); position: fixed; height: 70px; z-index: 1000; text-align: left; }
.headerlist { width: 100%; text-align: left; border-bottom: 2px solid var(--accent-primary); background: var(--bg-panel); font-size: 15px; }

#menu-deroulant, #menu-deroulant ul { padding: 0; margin: 0; list-style: none; text-align: center; }
#menu-deroulant li { display: inline-block; }
#menu-deroulant ul li { display: inherit; }
#menu-deroulant a { text-decoration: none; display: block; color: var(--text-main); }
#menu-deroulant ul { position: absolute; left: -999em; text-align: left; z-index: 1000; }
#menu-deroulant li:hover ul { left: auto; }
#menu-deroulant li:hover ul li a { background-color: var(--bg-main); padding: 13px; width:100%; }
#menu-deroulant li a { color: var(--text-main); padding: 25px 14px; transition: background-color 200ms, color 200ms; font-size: 14px; }
#menu-deroulant li:hover { background: var(--bg-main); color: var(--accent-primary); border-bottom: 2px solid var(--accent-primary); }
#menu-deroulant li:hover ul li:hover a { background: var(--bg-panel); color: var(--accent-primary); }
#menu-deroulant { float: right; vertical-align: middle; position: relative; right: 35px; letter-spacing: 0.4px; }

#logo { color: var(--accent-primary) !important; position: relative; padding: 15px 35px; top: 15px; font-family: 'Lobster', cursive; font-size: 27px; }

@media (max-width: 768px) {
    .haut { text-align:center; }
    .scrollToDown, .scrollToTop { display: none !important; }
}

		