:root{
	--width: 90rem;
}
@media (prefers-color-scheme: dark) {
    :root {
		/* foreground   | background color */
		--cfg:   #cecbc4; --cbg:    #252220;
		--cdark: #999;    --clight: #333;
		--cmed:  #566;
		--clink: #1ad;
		--cemph: #0b9;    --cemphbg: #0b91;
        --width: 1700px;
    }

}
input:invalid {
    border-color:red;
}
legend {
    font-weight:bold;
}
a {
    text-decoration: none !important;
}
table td {
    text-align:left;
}
table th {
    text-align: center;
}

.statut {
    display:flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap:10px;
}
.statut label.success:has(input[type="radio"]:checked) {
    border:4px solid black;
    border-radius:10px;
    padding:5px 50px;
    font-weight:bold;
    background-color:lightgreen;
    color:black;
}
.statut label.echec:has(input[type="radio"]:checked) {
    border:4px solid black;
    border-radius:10px;
    padding:5px 50px;
    font-weight:bold;
    background-color:#faa;
    color:black;
}
.statut label:has(input[type="radio"]) {
    border:4px solid lightgray;
    border-radius:10px;
    padding:5px 50px;
    font-weight:bold;
    color:grey;
}
.statut input[type="radio"] {
    display:none;
}

label:has(input[type="checkbox"]:checked) {
    font-weight:bold;
}