/* Commentaires du CSS */

/* Toutes les polices importées sont déclarées au début du document css */

/* Les trois couleurs sont exprimées en rvb, et aucune image n'est utilisée comme fond d'écran "background" d'un bloc */

/* Toutes les dimensions des blocs ont été indiquées en pourcentage et non pixels pour une meilleure adaptation sur écran */

/* Le header et le footer n'ont pas des positions fixes dans la page, 
ce qui permet à l'utilisateur de voir la totalité de la section "corps de page" */

/* La méthode "flexbox" a été très utilisée pour structurer les pages et agencés les différentes sections entre elles */

/* Les liens (balises html <a>) ne changent pas de couleur lorsqu'on les survole ou qu'on clique dessus. */

@font-face {
    font-family: 'geosanslight';
    src: url('../font/GeosansLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
main
{
	font-family:geosanslight;
	background-color:rgb(224,225,227);
}
footer
{
	background-color:rgb(50,50,52);
	display: flex;
	justify-content: space-between;
	margin-top: 6%;
	padding-left: 5%;
	padding-right: 5%;
	font-size:0.8em;

}
footer a
{
	color:rgb(254,247,157);
}
footer a:visited
{
	color:rgb(254,247,157);
}
li
{
	list-style-type: none;
}
article a, article a:visited
{
	color:rgb(100,160,180);
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}
span
{
	font-style: italic;
}


.Sommaire a
{
	color:rgb(50,50,52);
	text-decoration: none;
	font-size: 1.2em;	
	font-weight: bold;
}
header
{
	display : flex;
	background-color:rgb(254,247,157);
	left:0px;
	right:0px;
	top:0px;

}

.img
{
	max-height: 400px;
	overflow: auto;
}
.Connexion
{
	width:100%;
	text-align: right;
}
.Connexion li
{
	display:inline-block;
	background-color:rgb(50,50,52);
	border : 6px solid;
	border-color:rgb(50,50,52);
	width: 200px;
	text-align:center;
	margin-top: 3%;
	margin-right: 2%;
}
.Connexion a 
{
	color:rgb(254,247,157);
	text-decoration: none;
	font-size: 1.2em;	
	font-weight: bold;
}
.Recherche
{
	margin-left:70%;
}
.corps_page
{
	display:flex;
	flex-wrap: wrap;
	padding-top:5%;
}
.corps_page p
{
	overflow: auto;
}
.Sommaire
{
	width:40%;
}
.Sommaire ul
{
	height:80%;
		display:flex;
	flex-direction: column;
	justify-content: space-around;
}
#n1
{
	padding-right: 60%;
}
.Sommaire li
{
	border : 6px solid;
	border-color:rgb(50,50,52);
	border-radius:3px;
	padding-left:2%;
	padding-right: 2%;
	width:60%;
	text-align:center;
}
.Article_aleatoire
{
	width:60%;
}
.Article_aleatoire
{
	text-align: center;
}
#fond_noir
{
	width:70%;
	background-color:black;
	margin:auto;
}
.plan_du_site nav
{

	display:flex;
	justify-content: space-between;
	padding-top: 6%;
	padding-left: 5%;
	padding-right: 5%;
}