body {
- background-color:#CCCCCC;
+ 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;
+}
+
+
+
#sectioncourbe {
display: none;
}
#export {
width: 25em;
height: 20em;
+ display:none;
}
#courbe_warnings {
#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 {
+ opacity: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.bouton {
+ text-decoration: underline;
+}
+
+.bouton:hover {
+ cursor:pointer;
+}