@media screen and (min-width:1000px){body{background-color:gray}#app,#menu,footer{margin:0 auto;width:75%}.w3-modal-content{max-width:50%}#app{background-color:#fff}footer{position:absolute;bottom:0}#liste{width:50%}.w3-bottom{position:fixed;width:75%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}#menu_gauche{width:50%;max-width:300px}}.w3-button{font-size:1.1rem}#contenu_message{font-size:1.2rem;padding:auto;color:dark;opacity:60%;text-align:center}.primaire{background-color:#69c}.fonce{background-color:#326b9b;color:#fff}.clair{background-color:#98caff;color:#000}.complementaire{background-color:#c96}.triadic{background-color:#96c}.analogue{background-color:#66c;color:#fff}.texte-fonce{color:#326b9b;font-weight:500}.texte-lien{color:#96c;font-weight:500;text-decoration:none}.w3-sidebar{width:100%;max-width:400px}