body { background-color:#EEEEEE; } h1 { background: #55f; padding: 5px 10px; border-radius: 10px; color: #ffc0b0; text-align: center; } #warnings { background: #ff8060; } input[type="text"] { max-width: 20vw; } img#courbe { max-width: 100% } #sectioncourbe { display: none; } #sectionexport { display: none; } #export { width: 25em; height: 20em; display:none; max-width: 100% } #courbe_warnings { display: none; } #courbe_erreurs { display: none; } #pref_graphique { display: none; } #import_donnees label { height: 128px; display: inline-block; cursor: pointer; position: relative; } #import_donnees label img { border-radius: 100%; box-shadow: 0px 0px 10px #55f; } #import_donnees label .icon_legend { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; text-align: center; opacity: 0.7; line-height: 1.5; background: rgba(256,256,256,0.5); } #import_donnees input { display: none; } .bouton { text-decoration: underline; } .bouton:hover { cursor:pointer; }