header{ /* Contient tous les éléments du formulaire et n'est pas affecté à la valeur fixed */
    position: fixed; /* Position fixe pour qu'il reste à la même place en suivant le défilement de la page */
    top: 0;
    margin-bottom: 75px; /* Marge en dessous du formulaire */
    width: 100%;
    z-index: 10;
}
main{
    margin-top: 75px;
    background-color: var(--background-body);
    border: 1px solid rgba(205, 205, 205,0); /* La bordure du main est transparente mais obligatoire */
    min-height: 80%;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgb(0, 0, 0);
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgb(212, 21, 21, 0.7);
}


#bottom_background_linear_gradient_block{ /* bloc qui permet d'avoir un dégradé sous le champ du formulaire */
    top: 60px; /* Hauteur au dessus du bloc de dégradé par rapport au haut de la page */
    height: 10px; /* Hauteur absolu du bloc de dégradé */
    width: 100%; /* Pour que le bloc soit sur toute la largeur de la page */
    background: linear-gradient(var(--background-body), transparent); /* Effet de dégradé linéaire de haut en bas */
}

#summary_container{ /* Conteneur du sommaire */
    width: 100%; /* Pour que le bloc soit sur toute la largeur de la page (pas de marge à droite ou à gauche */
    height: 55px; /* Hauteur absolue du formulaire */
    border-bottom: solid var(--background-header) 5px; /* Bordure sous le formulaire */
    background-color: var(--background-header); /* Couleur de fond du bandeau du formulaire */
    display : flex; /* Permet de mettre en ligne tous les champs */
    justify-content: center; /* Le bloc contenant tous les champs est aligné à droite */
    align-items: center; /* Le bloc contenant tous les champs est centré */
}


.summary_block:hover, #logo_block:hover{ /* Style des blocs au passage de la souris */
    background-color: rgba(59, 56, 56, 0.1); /* Couleur de fond */
    border-radius: 5px;
    box-shadow: inset 1px 1px 2px rgba(77, 72, 72, 1); /* Ombre intérieure */
    cursor: pointer; /* Devient pointeur quand la souris passe sur le block */
}

.summary_block{ /* Contient chaque bloc de texte du formulaire */
	padding-right: 15px; /* Marge intérieur à droite */
	padding-left: 15px; /* Marge intérieur à gauche */
	padding-top: 10px; /* Marge intérieur en haut */
	padding-bottom: 10px; /* Marge intérieur en dessous */
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px; /* Hauteur absolue de chaque bloc clicable */
    cursor: pointer;
}
.summary_link{ /* Représente les liens pour aller aux différentes pages */
    color: var(--police-main-color); /* Couleur de la police */
    font-size: 1em; /* Taille de la police */
    font-family: var(--police-main-family); /* Police de caractère */
    -webkit-filter: var(--icon-invert-filter); /* Safari/Chrome */
    filter: var(--icon-invert-filter);
}
.summary_border{ /* Bordure entre les différents champs du sommaire */
    height: 20px; /* Hauteur de la barre */
    border-right: 1px solid rgb(0, 0, 0); /* Couleur de la bordure */
}

#logo_block{
    padding-right: 10px; /* Marge intérieur à droite */
	padding-left: 10px; /* Marge intérieur à gauche */
	padding-top: 10px; /* Marge intérieur en haut */
	padding-bottom: 10px; /* Marge intérieur en dessous */
    width: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 25px; /* Hauteur absolue de chaque bloc clicable */
    cursor: pointer;
}

#workspace_icon{
    width: 22px;
    -webkit-filter: var(--icon-invert-filter); /* Safari/Chrome */
    filter: var(--icon-invert-filter);
}
#license_icon{
    width: 27px;
    -webkit-filter: var(--icon-invert-filter); /* Safari/Chrome */
    filter: var(--icon-invert-filter);
}
#paper_icon{
    width: 26px;
    -webkit-filter: var(--icon-invert-filter); /* Safari/Chrome */
    filter: var(--icon-invert-filter);
}
#admin_icon{
    width: 20px;
    -webkit-filter: var(--icon-invert-filter); /* Safari/Chrome */
    filter: var(--icon-invert-filter);
}

/*
div
{
	border: 1px solid red;
}
*/