@charset "utf-8";
body {
	font-family: 'Red Hat Display', sans-serif;
font-size: 1em;
	background: #ffffff;
	margin: 0px;
	padding: 20px;
	color: #000;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* la suppression de la marge supérieure résout un problème où les marges sortent de leur div conteneur. La marge inférieure restante l'éloignera de tout élément qui suit. */
	padding-right: 15px;
	padding-left: 15px; /* l'ajout de la marge intérieure aux côtés des éléments à l'intérieur des divs, et non aux divs proprement dit, évite le recours à des calculs de modèle de boîte. Une autre méthode consiste à employer une div imbriquée avec marge intérieure latérale. */
}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}

/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
a:link {
	text-decoration: none; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
a:visited {
	text-decoration: none;
}

a:hover, a:active, a:focus { /* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */
	text-decoration: underline overline;
		color: #F00;

}

td {
width: 10%;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
text-align:center;
margin:auto;
}

table{
	width:100%;
	table-layout: fixed;
	}

.tableau
{
	text-align:left;
	}
	
.menu
{
	text-align:left;
	}

.blackmenu
{
	color: #000;
	}
	
.row
 {
 text-align:right;
   padding:0px;
     }
	 
.date
 {
 font-size:1em;
 color: #000;
     }
	 
.datenew, .datenewnew
 {
 font-size:1em;
 font-weight:bold;
 color: #000;
     }
	 
	 
.archilink
 {
 color: #000;
     }
	 
.archilinknew
 {
 color: #000;
 font-weight:bold;
     }