.Article
{
	--ArticleBgColor		: #000;
	--ArticleHilightColor	: #0F0;
	--ArticleInnerMargin	: 24px;
	background-color 		: var(--ArticleBgColor); 

	display					: block;
}
.Article h1
{
	color : #fff;
	font-weight: bold;
	font-size : 36px;
	margin : 0 var(--ArticleInnerMargin) var(--ArticleInnerMargin) var(--ArticleInnerMargin);
	padding : 0;

}
.Article .content
{
	overflow : hidden;
	display : flex;
    box-sizing: border-box;
    margin-right: 8px;
}

.Article .infos
{
	color : var(--ArticleHilightColor); 
	margin : 0 var(--ArticleInnerMargin) 0 var(--ArticleInnerMargin);
	padding : 0;
	display : block;
	flex 	: 1 243px;
}

.Article .infos ul
{
	list-style : none;
}



.Article .medias
{
	margin : 0 0 0 var(--ArticleInnerMargin);
	flex 	: auto;
}

.Article .media.image img 
{
	max-width : 100%;
}
.Article .media.text 
{
	color : #fff;
	font-weight : bold;
	font-size : 18px;
}
#Preview .Article .media.text h2 
{
	margin : 0 0 var(--ArticleInnerMargin) 0;
	font-size : 24px;
	padding : 0;
	color : #fff;
}
