@font-face {font-family: 'Ubuntu';
	src: url('polices/Ubuntu-R.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'Ubuntu';
	src: url('polices/Ubuntu-B.ttf');
	font-weight: bold;
	font-style: normal;
}
@font-face {font-family: 'Ubuntu';
	src: url('polices/Ubuntu-RI.ttf');
	font-weight: normal;
	font-style: italic;
}

@font-face {font-family: 'Ubuntu';
	src: url('polices/Ubuntu-BI.ttf');
	font-weight: bold;
	font-style: italic;
}


@font-face {font-family: 'FontAwesome';
	src: url('polices/FontAwesome5_Free-Solid-900.otf');
	font-weight: normal;
	font-style: normal;
}



@font-face {font-family: 'texgyreadventor';
	src: url('polices/texgyreadventor-regular-webfont.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {font-family: 'texgyreadventor';
	src: url('polices/texgyreadventor-bold-webfont.woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {font-family: 'texgyreadventor';
	src: url('polices/texgyreadventor-italic-webfont.woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {font-family: 'texgyreadventor';
	src: url('polices/texgyreadventor-bolditalic-webfont.woff');
	font-weight: bold;
	font-style: italic;
}





/* --------------------------- Général --------------------------------- */
:root
{	--couleur_fond: #ECE2EF;
	--couleur_fond_clair: #FAFAFA;
	--couleur_fond_entete: #EFEFEF;
	--couleur_titre: #7853CA;	/* couleur plus foncée, au départ uniquement utilisée sur la page d’accueil au-dessus de l’image centrale */
	--couleur_titre-clair: #9979DE;		/* mauve plus clair, utilisé jusqu’en 2024 */
	--couleur_texte: rgb(0,0,102);
}

body
{	font-family: 'Ubuntu', 'B612', sans-serif;
	/*font-size: 1em;*/
	margin: 0px;
	color: var(--couleur_texte);
}



/*main
{	width: 880px;
	margin: auto;
	background-color: #FAFAFA;
}

a
{	text-decoration: none;
	color: rgb(0,0,102);
}

a:hover
{	text-decoration: underline;
}
*/






.titre
{	text-align: center;
	font-size: 120%;
	font-family: 'texgyreadventor', sans-serif;
	font-weight: bold;
	color: var(--couleur_titre);
}

/* ---------------------------- En-tête unifié -----------------------------*/
.entete-commun
{	height: 62px;
	background-color: var(--couleur_fond_entete);
	border-bottom: 2px solid rebeccapurple;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.entete-commun .alignement-vertical-centre
{	line-height: 57px;
}
.entete-commun h4	
{/*	height: 62px;	*/
	margin-top: 0;
	/*margin-bottom: 10px;*/
/*	background-color: var(--couleur_fond_entete);	*/
	width: 100%;
	position: fixed;
/*	z-index: 1;	/* évite que le latex apparaisse par-dessus l’en-tête au défilement */	
/*	border-bottom: 2px solid rebeccapurple;		*/
}


.entete-commun .menu_gauche
{	z-index: 4;
	position: fixed;
	top: 64px;
	left: 0px;
	width: 285px;
	margin-top: 0;
	padding-left: 0;
	box-shadow: 0.1em 0.3em 0.4em rebeccapurple;	
}
.menu_gauche .bouton_menu
{	position: fixed;
	top: 0;
	left: 0;
	height: 62px;
	width: 290px;	/* 5px de plus pour masquer l’ombrage du menu déroulant */
	border-bottom: 2px solid rebeccapurple;	/* permet que le hover ne soit pas interrompu entre le bouton_menu et ul */
}
.entete-commun .menu_gauche .titre
{	position:fixed;
	left: 104px;
	height: 62px;
	padding-right: 20px;
	padding-left: 20px;
}
.menu_gauche img
{	position:fixed;
	left: 0;
	top: 0;
	height: 62px;
	width: 104px;
	background-color: var(--couleur_fond_entete);
	box-shadow: 0.1em -0.1em 0.5em #ebdff7;
	border-bottom: 2px solid rebeccapurple;
}


.entete-commun .menu_droit
{	z-index: 4;
	position: fixed;
	top: 64px;
	right: 0px;
	width: 285px;
	margin-top: 0;
	padding-left: 0;
	box-shadow: -0.1em 0.3em 0.4em rebeccapurple;	
}


.entete-commun .menu_droit .bouton_menu
{
	position:fixed;
	right: 0;
	top: 0;
	height: 62px;
	width: 104px;
	background-color: var(--couleur_fond_entete);
	box-shadow: -0.1em 0 0.5em #ebdff7;
	border-bottom: 2px solid rebeccapurple;	/* permet que le hover ne soit pas interrompu entre le bouton_menu et ul */
}


.menu_droit .bouton_menu.entete-commun:hover
{	/*background-color: #DDD;
	/*border: 1px solid lightgrey;*/
	/*height:64px;	/* passer à 64px évite de supprimer le :hover si le pointeur est entre 62 et 64px *//*
	top: 0;*/
}
.bouton_menu.entete-commun:hover div,.bouton_menu.entete-commun:hover img
{	/*background-color: #DDD;*/
	/*border: 1px solid lightgrey;*/
/*	height:58px;	/* passer à 64px évite de supprimer le :hover si le pointeur est entre 62 et 64px */
/*	cursor:help;
	top: 0;*/
}

.entete-commun ul li
{	display: none;
}
.entete-commun ul:hover li
{	display: block;
	position: relative;
	background-color: var(--couleur_fond_entete);
	text-align: center;
	padding: 2px 0 2px;
	/*margin-top: -2px;*/
}
.entete-commun ul.menu_gauche:hover a
{	text-align: left;
	padding-left: 10px;
	width: calc(100% - 10px);
}
.entete-commun input
{	padding: 10px;
	font-size: 1.1em;
	border:none;
	background-color: var(--couleur_fond_entete);	
	color: #590559;
	font-weight: bold;
	width: 100%;
}
.entete-commun input:hover
{	cursor: pointer;
	color: var(--couleur_fond_entete);	
	background-color: #590559;
}
.entete-commun .descripteur
{	color: #777;
	font-style: italic;
	border-top: 1px solid gray;
	background-color: #F9F9F9 !important;
}
.entete-commun .espace_vide
{	height: 5px;
}
.entete-commun ul:hover a
{	padding: 15px 0 15px 0;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	font-size: 1.1em;
	color: inherit;
}

.entete-commun ul:hover a:hover
{	background-color: var(--couleur_titre);
	color: var(--couleur_fond_entete);
	font-weight: bold;
}




/* --------------------------------------- footer --------------------------------------------------- */
footer
{	text-align:center;
	font-size:small;
	color: grey;
}

footer a
{	color: grey;
	text-decoration: none;
}

footer span
{	border-top: 1px solid gray;
	margin: 5px;
}









@media screen and (max-width: 980px)
{	.titre
	{	font-size: 1.9em;
	}
	.entete-commun .titre
	{	font-size: 1.4em;
	}
	.entete-commun .menu_gauche,.entete-commun .menu_droit
	{	width: 50%;
	}
	.entete-commun input
	{	font-size:1.8em;
	}
	.entete-commun .descripteur
	{	font-size: 1.6em;
	}
	.entete-commun .espace_vide
	{	height: 15px;
	}
	.entete-commun ul:hover a
	{	font-size: 1.8em;
	}
	.entete-commun h4
	{	/*width: calc(100% - 290px - 104px);
		left: 290px;*/
		text-align: right;
		right: 104px;
		padding-right: 20px;
	}
}