@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
	font-family:Roboto;
	font-weight:300;
	font-size:20px;
}

.main {
	max-width:1000px;
	width:100%;
	max-width:calc(100% - 40px);
	position:absolute;
	left:50%; top:0px;
	height:100%;
	transform:translate(-50%,0px);
}
a:link {
	color:rgb(23, 120, 188);
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-weight:300;
	color:rgb(23, 120, 188);
}
h2 {
	font-weight:400;
	color:rgb(23, 120, 188);
	margin-top:40px;
}
h3 {
	color:rgb(27, 54, 93);
	font-weight:500;
	font-size:1em;
	margin:0px;
}
.title-date {
	font-weight:600;
	color:rgb(248,180,0);
}
.title-edition {
	font-weight:600;
}
.article {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid rgb(236,239,244);
}
.article-meta {
	font-size:.8em;
	font-weight:500;
	color:rgb(132,147,168);
}
/* Applique à tout conteneur qui affiche la description des articles */
.article-desc {
	margin-top:5px;
}
.article-images-body {
}
.article-images {
	max-width:200px;
	max-height:100px;
	border-radius:15px;
}
.article-category {
	color:#0073aa;
	font-size:.9em;
	opacity:.5;
}
.article-source {
	color:#0073aa;
	font-size:.9em;
}
.catitem {
	display:inline;
	padding:5px;
	line-height:2em;
    white-space: nowrap;
}
.catitem_sel {
	display:inline;
	padding:5px 10px 5px 10px;
	line-height:2em;
	font-size:1em;
    white-space: nowrap;
	background-color:rgb(4,69,165);
	color:#FFF;
	border-radius:10px;
}