@font-face {
    font-family: 'Tex Gyre Schola';
    src: url('polices/texgyreschola-regular-webfont.eot');
    src: url('polices/texgyreschola-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreschola-regular-webfont.woff') format('woff'),
         url('polices/texgyreschola-regular-webfont.ttf') format('truetype'),
         url('polices/texgyreschola-regular-webfont.svg#tex_gyre_scholaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tex Gyre Schola';
    src: url('polices/texgyreschola-bold-webfont.eot');
    src: url('polices/texgyreschola-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreschola-bold-webfont.woff') format('woff'),
         url('polices/texgyreschola-bold-webfont.ttf') format('truetype'),
         url('polices/texgyreschola-bold-webfont.svg#tex_gyre_scholabold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Tex Gyre Schola';
    src: url('polices/texgyreschola-italic-webfont.eot');
    src: url('polices/texgyreschola-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreschola-italic-webfont.woff') format('woff'),
         url('polices/texgyreschola-italic-webfont.ttf') format('truetype'),
         url('polices/texgyreschola-italic-webfont.svg#tex_gyre_scholaitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Tex Gyre Schola';
    src: url('polices/texgyreschola-bolditalic-webfont.eot');
    src: url('polices/texgyreschola-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreschola-bolditalic-webfont.woff') format('woff'),
         url('polices/texgyreschola-bolditalic-webfont.ttf') format('truetype'),
         url('polices/texgyreschola-bolditalic-webfont.svg#tex_gyre_scholabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'Tex Gyre Heros';
    src: url('polices/texgyreheros-regular-webfont.eot');
    src: url('polices/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreheros-regular-webfont.woff') format('woff'),
         url('polices/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('polices/texgyreheros-regular-webfont.svg#tex_gyre_herosregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tex Gyre Heros';
    src: url('polices/texgyreheros-bold-webfont.eot');
    src: url('polices/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreheros-bold-webfont.woff') format('woff'),
         url('polices/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('polices/texgyreheros-bold-webfont.svg#tex_gyre_herosbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Tex Gyre Heros';
    src: url('polices/texgyreheros-italic-webfont.eot');
    src: url('polices/texgyreheros-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreheros-italic-webfont.woff') format('woff'),
         url('polices/texgyreheros-italic-webfont.ttf') format('truetype'),
         url('polices/texgyreheros-italic-webfont.svg#tex_gyre_herositalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Tex Gyre Heros';
    src: url('polices/texgyreheros-bolditalic-webfont.eot');
    src: url('polices/texgyreheros-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texgyreheros-bolditalic-webfont.woff') format('woff'),
         url('polices/texgyreheros-boldsitalic-webfont.ttf') format('truetype'),
         url('polices/texgyreheros-bolditalic-webfont.svg#tex_gyre_herosbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

:root	{
	--largeur: 60%;
}

body
{
	font-family: 'Tex Gyre Schola', serif;
	text-align: justify;
}

.grille
{	display: grid;
	grid-template-columns: 20% 60% 20%;
	grid-template-rows: auto auto auto;
}

nav
{	text-align: center;
}

nav a
{
	height: 30px;
	display: inline-block;
	width: 25%;
	text-align: center;
	margin: 0 5px 10px 5px;
	padding-top: 10px;
	text-decoration:none;
	color: grey;
/*	border-bottom: 2px solid #DCDCDC;	*/
	font-family: 'Tex Gyre Heros', sans-serif;
	font-size: small;
}
nav a::before
{	content:"\2b66";
}
nav a:hover
{
	background-color: #EFEFEF;
}


header	{
	grid-column: 2;
	grid-row:1;
	/*width: var(--largeur);
	margin: auto;*/
	}
	
aside
{	grid-column: 1;
	grid-row:2;
	font-family: 'Tex Gyre Heros', sans-serif;
	/*width: 18%;
	float: left;*/
	text-align: center;
	font-size: 0.8em;
	color: #222222;
	margin: 0 5% 0 3%;
}

article	{
	/*width: var(--largeur);
	margin: auto;*/
	grid-column: 2;
	grid-row: 2;
	font-size: 1.2em;
}

footer
{
	grid-column: 2;
	grid-row:3;
	text-align: center;
	background: #E0E0E0;
	/*width: var(--largeur);
	margin: auto;*/
}

footer table
{	margin: auto;
}




h2
{
	text-align: center;
}

.revue
{	font-family: 'Tex Gyre Heros', sans-serif;
	font-weight: bold;
	text-align: right;
}

.date
{	font-family: 'Tex Gyre Heros', sans-serif;
	text-align: right;
	font-size: small;
}

.texte_article
{
	color: #000099;

}

.auteur
{
	text-align: right;
}
.biblio
{
	font-style: italic;
	text-align: right;
	font-size: xx-small;
	width: 40%;
	margin-left: auto;
	color: #444444;
}

.programme
{	font-family: 'Tex Gyre Heros', sans-serif;
	background: #DCDCDC;
	text-align: center;
	font-size: small;
}

.chapitre
{	font-style: italic;
}

.recommandation
{
	color: grey;
	text-align: center;
	font-size: small;
}

h5
{
	text-align: center;
}

.presentation_article
{	grid-column: 2;
	grid-row: 3;
	font-style: italic;
	width: 80%;
	position: relative;
	left: 10%;
}





.lien_vers_article
{	grid-column: 2;
	grid-row: 2;
	font-size: x-small;
	text-align: center;
	font-family: 'Tex Gyre Heros', sans-serif;
}


.lien_vers_article a
{	color: #7B17BF;
	background-color: #EEE;
	font-weight: bold;
	font-size: large;
	border-style: outset;
	border-width: 2px;
	border-color: #CCC;
	border-radius: 10px;
	display: inline-block;
	width: 204px;
	text-decoration: none;
	padding: 5px;
}

.lien_vers_article a:hover
{	border-color: #7B17BF;
}

.lien_vers_article a:active
{	border-style: inset;
	border-color: grey;
	color: grey;
}

.commentaire
{	text-align: justify;
	font-family: 'Tex Gyre Heros';
	color: black;
}




.MathJax span			/* bidouille ajoutée pour que le texte en latex s’affiche à la taille normale (pas de pb dans le cahier de texte…) */
{	font-size: 1em!important;
}







@media screen and (max-width: 980px)
{
	.grille
	{	display: grid;
		grid-template-columns: 2% 96% 2%;
		grid-template-rows: auto auto auto auto;
	}
	
	.programme
	{	font-size: 0.9em;
	
	}
	
	h2
	{	font-size: 2.5em;
	}
	
	.revue, .date
	{	font-size: 1.1em;
	}
		
	aside
	{	grid-column: 2;
		grid-row:3;
		font-size:1.2em;
	}
	
	hr
	{	margin: 20px 0 60px 0;
	}
	
	.lien_vers_article
	{	font-size: 1.3em;
	}
	
	.lien_vers_article a
	{	width: 400px;
		font-size: 1.5em;
	}

	article
	{	font-size: 2em;
	}
	
	.presentation_article
	{	font-size: 2.2em;
	}	
	
	footer
	{	grid-column: 2;
		grid-row:4;
		font-size: 1.5em;
		font-family: 'Tex Gyre Heros', sans-serif;
	}
	
	input
	{	font-size: 1em;
	}
}