header{
    height: 15vh;
    flex:none;
    background-color: var(--color5);
    color: var(--color1);
}
.titre, .titreListe, .labelListe{
    font-size: 2 em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
}
body{
    background-color: var(--color4);
}
footer{
    background-color: var(--color5);
    color: var(--color1);
    font-size: 0.8em;
    position: fixed;
    bottom:0;
    width: 100%;
   
     padding: 2em; 
}
main{
    padding-bottom: 20vh;
}

.labelListe{
    grid-gap:0.2em;
}
.labelListe .left{
    justify-content: unset;
}
.titreForm{
    padding: 3em;
}

nav a{
    padding: 2em 0.2em;
    box-shadow: 2px 2px 3px black;
    justify-content: center;
    align-items: center;
}
.left {
    justify-content: left !important;
}

.right {
    justify-content: right !important;
    margin-right: 4rem;
}
.estompe{
    opacity:0.3;
}
.clair{
    color: var(--color1);
}

.hidden{
    display: none;
}
.grid-synthese{
    display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 2fr; 
    row-gap: 0.5rem; 
}
.grid-accueil{
    display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 2fr 2fr; 
    row-gap: 0.5rem; 
}
.span-accueil{
    grid-column: 1/6;
}
.grid-content{
    justify-content: center;
    border-right: 2px black dotted;
    border-bottom: 2px black dotted;
    padding: 0.5rem 1.5rem;
    background-color: #5ac8f1;
}
.grid-accueil:nth-child(2n){
    border-top: 2px black dotted;
}
.grid-content:nth-child(5n+1){
    border-left: 2px black dotted;
}

/* Menu */
 nav {
    background-color: var(--color2);
 }
 
.sous-menu {
    z-index: 1000;
    display: none;
    position: absolute;
    top: 3.8rem;
    width: 100%;
    margin: 0;
    /**/
    text-align: center;
}

.sous-menu a>div {
    padding: 0.8em 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    margin: 0;
    color: var(--color1);
}

nav div:hover .sous-menu {
    display: flex;
}
nav .sous-menu a{
    padding: 1rem;
}

header a,header i{
    color: var(--color1);
}