html, body { height: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; }
body { display: flex; align-items: center; background-color: #eee; }

.form-signin { width: 100%; max-width: 300px; padding: 0; margin: auto; }

#page, #calendrier, #statistique { width: 100%; height: 100%; margin: 120px auto 0 auto !important; }

#calendrier { min-width: 600px; }
#calendrier div.calendrier { border: 5px solid coral; border-radius: 10px; }
#calendrier div.entete { color: white; background-color: coral; }
#calendrier img { width: 100%; max-width: 50px; max-height: auto; }
#calendrier a:link, #calendrier a:active, #calendrier a:visited { color: white; text-decoration: none; border-bottom: 1px solid white; }
#calendrier a:hover { color: gainsboro; text-decoration: none; border-bottom: 1px solid gainsboro; }
#calendrier table { width: 100%; text-align: center; }
#calendrier table td { background-color: papayawhip; vertical-align: top; }

#statistique { max-width: 1000px; }
#statistique div.cadre { border: 5px solid coral; border-radius: 10px; }
#statistique h2 { margin: 0; padding: 5px; color: white; background-color: coral; text-align: center; font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
#statistique h3 { margin: 5px 0; padding: 5px; border-top: 5px solid coral; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }

#page form { width: 100%; max-width: 640px; margin: auto; }
#page fieldset { border: 5px solid coral; border-radius: 10px; }
#page legend { padding: 5px; color: #fff; background-color: coral; font-weight: bold; text-transform: uppercase; }
#page input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
#page input[type="radio"] + img { cursor: pointer; margin: 5px; transition: all .2s ease-in; }
#page input[type="radio"]:checked + img { outline: 5px solid seagreen; }
#page button { padding: 5px; text-transform: uppercase; color: #111; background-color: #ddd; border: #666 1px solid; cursor: pointer; }

div.chartpie, div.chartbar { width: 100%; height: auto; margin: 0 auto 15px auto; }
div.chartpie { max-width: 480px; }
div.chartbar { max-width: 960px; }