:root{
	--color1:rgb(37, 78, 152);
	--color2:rgb(0, 0, 0);
	--color3:rgb(245,126,126); /* thème bicolore */
}

h1{ /* titre de la page web dans l'en-tête */
    font-family:Arial;
    color:var(--color2);
    margin:auto;
    font-size:3vw;
}

h2{ /* titres des listes et paragraphes */
    font-family:Arial;
    color:var(--color2);
    font-size:1.3vw;
    font-style:italic;
}

header{
    background-color:var(--color1);
    font-family:sans-serif;
    height:14vh;
    display:flex;
}

header img{ /* drapeau */
	width: 5vw;
	height: auto;
	margin: 1vh 0.5vw 0 0;
} 

nav{ /* menu de navigation */
	background-color:var(--color2);
	color:white;
	display:flex;
	height:5vh;
	justify-content: center;
	align-items: center;
	font-size:1vw;
}

nav div{ /* boites du menu de navigation */
	margin:0 4vw 0 4vw;
}

#courant{ /* page en cours dans le menu de navigation */
	color:var(--color1);
}

nav a{
	color:inherit;
	text-decoration:none;
}

body{ /* contient phone_header, les sections et footer*/
	background-image: url("IMG20240414150904.jpg")
}

body a{
	background-image: url("IMG20240414150904.jpg")
	color:inherit;
}

section{
	margin:8vh 15vw 5vh 15vw;
	flex:1; /* les sections doivent prendre toute la place entre phone_header et footer */
	font-size:1.1vw;
}

/* définition de l'id "texte" */
#texte{ /* id des sections comprenant paragraphes et images */
	display:flex;
	justify-content:center;
}

#texte p{
	margin:5vh 5vw 5vh 5vw;
}

/* définition de l'id "liste" */
#liste{ /* id des sections comprenant des listes */

}

#liste ul{
	margin:5vh 5vw 5vh 5vw;
}

#liste li{
	margin-bottom:0.5vh;
}

#mathbf{
	font-weight:bold;
}

footer{
	display:flex;
	justify-content:center;
}

footer img{
	margin: 0 5vw 0 5vw;
}

#knot2{ /* photo sur le côté de la page d'accueil */
	width: 22vw;
	height: auto;
	float:right;
	object-fit: contain;
	margin:auto;
}

#lmno{
	width: 11vw;
	height: auto;
}

#unicaen{
	width: 7vw;
	height: auto;
}