/* formatage général */

/*html, button, input, select, textarea {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
}

body {
	background: #e8e8e8;
    line-height: 1.4;
}

.page { background: #ffffff;}*/

.m-entete, .m-pieddepage{
    background: #0b6ba8;
    color: #ffffff;
    padding: 1.5em 1.5em;
}

.m-pieddepage a {color: #ffffff;}

/*.m-carte { padding: 1em 1.5em;}*/
.m-carte {
    padding: 0.5em 0em 0em 0em;
    display: none;
}


.m-flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.m-max60 {max-width: 60em;}
.m-flex {width: 25em;}

/* insipré de https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l */
.m-table {
    border-collapse: collapse;
    margin: 2em 0;
    font-size: 0.9em;
    min-width: 45em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.m-table thead tr {
    background-color: #def2ff;
    color: #0b6ba8;
    text-align: left;
}

.m-table th,
.m-table td {
    padding: 0.9em 1em;
}

.m-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.m-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.m-table tbody tr:last-of-type {
    border-bottom: 2px solid #0b6ba8;
}

.m-table tbody tr.active {
    font-weight: bold;
    color: #0b6ba8;
}

.m-conteneur-table {
    overflow-x:auto;
}


/* retouches éléments spécifiques */
#logo { width: 30%;}

input { font-size: 1em;}

input[type="submit"] { font-size: 1em;}


#m-log, .m-explications { background: #def2ff;}
#m-log h3, .m-faq h3 { margin: 0.5em 0 0 0;}
#m-log p { margin: 0;}

.m-faq { padding: 0.5em 1.5em;}
.m-faq p { margin: 0.5em 0;}

.c-label { width: 1em; padding: 1.5em;
    color: #ffffff; font-weight: bold;}
.c-label-App { background: #026236;}
.c-label-Ap { background: #024e27;}
.c-label-A { background: #038141;}
.c-label-B { background: #85bb2f;}
.c-label-C { background: #fecb02;}
.c-label-D { background: #ee8100;}
.c-label-E { background: #e63e11;}
.c-label-N { background: #aaaaaa;}
.k-label { width: 14em; padding: 1.5em; text-align: center;
    color: #ffffff; font-weight: bold;}

#c-attente { width: 6em;}
#c-echelle-label { width: 6em; margin: 1em 0;}

#m-motdepasse { width: 25em;}
#password { width: 100%;}
#progress { width: 1%; height: 6px; margin-bottom:0.5em}
#m-hibp { visibility: collapse;}

#composite3 #tmdp {visibility: hidden;}
#tmdp {
    margin-left: 0.5em;
} 

summary {font-weight: bold;}