a{text-decoration: none;}
a:link{font-family:"verdana"; font-size:14pt; color: #3476c6;}
a:visited{color: #4499FF;}
a:hover{color:#b70000; text-decoration:none;}

* {box-sizing: border-box;  margin: 0; padding: 0;}

body{   
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 16px;
    font-family: verdana;
}

nav{
    height: 80px; 
    width: 100%;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
    background-color: rgb(151, 185, 247);
}

main{
    flex-grow: 1;
    display: flex; 
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding-top: 20px;
    background-color: cornflowerblue;
    line-height: 25px;
}


h1{
    font-size: 1.5rem; 
    margin: 40px 0 30px 0;
    letter-spacing: 3px;
    color:rgb(200, 222, 242);
}


section{
    display: flex; 
    justify-content: center;
    flex-wrap: wrap;
    gap: 0; 
}

.firstp{font-size: 0.8rem; line-height: 6px;}

.cases, .newCase{text-align: center; margin: 10px;}

.newCase{font-size: 0.8rem; line-height: 6px;}

.cases span{
    display: inline-block;
    width: 10px; height: 10px;
    border: 1px solid black;
    background-color: rgb(228, 208, 211);
}

/* .title est <span> */
.title{
    display: block;
    color: rgb(78, 74, 74);
}

span:not(.title){
    display: inline-block;
    width: 10px; height: 10px;
    border: 1px solid black;
    background-color: rgb(228, 208, 211);
    margin: 1px;
}
span.red{background-color: rgb(190, 26, 26);}




.prime{color: rgb(150, 16, 16);}

.noPrime{
    text-decoration: line-through;
    color: rgb(51, 50, 50);
}

#end{margin-bottom: 50px;} /* dernier p de la derniere section*/