.article-class .align-right
{
	width: 45%;
	float: right;
	margin: 20px;
}
.article-class .align-left
{
	width: 45%;
	float: center;
	margin: 20px;
}
.end-blue-article a {
	color: #FFF;
}
@media all and (max-width: 768px) {
	.article-class .align-right
	{
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.article-class .align-left
	{
		width: 100%;
		text-align: center;
		margin: auto;
	}
}
.end-blue-article {
	background-color: rgba(0,24,94,1);
	padding: 15px;
}
.article-class .end-blue-article p {
	color: #FFF;
	margin-block-start: 0em;
	margin-block-end: 0em;
	font-size: 1.2rem;
}
.tags-articles, .tags-articles-active {
	display: inline-block;
}
.tags-articles p, .tags-articles-active p{
	margin-block-start: 5px;
	margin-block-end: 5px;
	margin-right: 5px;
	background-color: rgba(0,24,94,1);
	border-radius: 3px;
}
.tags-articles-wrapper {
	display: inline-table;
	margin-bottom: 50px;
	margin-top: 30px;
}
.tags-articles p a {
	text-decoration: none;
	font-size: 1rem;
	padding: 6px;
	padding-top: 8px;
	font-family: ITC Avant-Garde Gothic Std Demi;
	color: #FFF;
	margin-bottom: 15px;
	font-style: normal;
	font-weight: normal;
	border-bottom: none;
}
.tags-articles-active a {
	color: rgba(0,24,94,1);
	background-color: #FFF;
	border: 2px solid rgba(0,24,94,1);
	margin-bottom: 15px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 1rem;
	padding: 6px;
	padding-top: 8px;
	font-family: ITC Avant-Garde Gothic Std Demi;
	
}
.tags-articles-active a:hover {
	color: rgba(0,24,94,1);
	background-color: #FFF;
	text-decoration: none;
	padding: 4px;
	padding-top: 8px;
	font-family: ITC Avant-Garde Gothic Std Demi;
}
.tags-articles p a:hover{
	background-color: #FFF;
	color: rgba(0,24,94,1);
	text-decoration: none;
	padding: 4px;
	padding-top: 8px;
	font-family: ITC Avant-Garde Gothic Std Demi;
	border: 2px solid rgba(0,24,94,1);

	border-radius: 3px;
}
.img-article img {
	width: 50%;
	height: auto;
}
.img-article-couv img {
	max-width: 70%;
	height: auto;
}

.article-class img {
	max-width: 789px;
}

.article-class .img-article-couv-paragraphe p {
	color: rgba(11,17,76,1);
	margin-block-start: 0em;
	margin-block-end: 0em;
	font-size: 1rem;
	line-height: 1.1rem;
}
.img-article-paragraphe
{
	margin-block-start: 0em;
	margin-block-end: 0em;
}
.article-class {
	max-width: 789px;
	text-align: left;
	margin: auto;
}
.article-class p{
	color: rgba(11,17,76,1);
	font-family: 'Roboto', sans-serif;
	line-height: 1.7rem;
	font-size: 1.1rem;
}
.return-front
{
	width: 30px;
	padding-left: 20px;
	padding-top: 40px;
}
.source-article
{
	margin-top: 40px;
	margin-bottom: 10px;
}
.link-image {
	height: 100%
}

article p a {
	border-bottom: 1.5px solid #0A1B60;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
article p a:hover {
	border-bottom: 3px solid #0A1B60;
	font-weight: bold;
	
	font-family: 'Roboto', sans-serif;
}
article a em {
	font-style: normal;
}
article a em:hover {
	border-bottom: 3px solid #0A1B60;

	font-family: 'Roboto', sans-serif;
}
article .end-blue-article p a {
	border-bottom: 1.5px solid #FFF;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
article .end-blue-article p a:hover {
	border-bottom: 3px solid #FFF;
	font-weight: bold;
	
	font-family: 'Roboto', sans-serif;
}
article .end-blue-article a em {
	font-style: normal;
}
article .end-blue-article a em:hover {
	border-bottom: 3px solid #FFF;

	font-family: 'Roboto', sans-serif;
}

@media all and (min-width: 850px) {
	.views-element-container li .alaune{
		margin: 0px;
		width: 500px;
		height: 400px;
	}
}
@media all and (max-width: 850px) {
	.views-element-container li .alaune{
		margin: 0px;
		width: 500px;
		height: 400px;
	}

}

@media all and (max-width: 850px) {

	.article-class {
		margin-right: 0px;
		margin-left: 0px;
		margin: 15px;
		word-wrap: break-word;
	}
	.title-page-basique {
		margin:15px;
	}
}

.articleTitle {
	position: absolute;
	z-index: 2;
}
.articleTitle a{
	color: #FFF;
	padding-top: 15px;
	font-family: ITC Avant-Garde Gothic Std;   
	font-size: calc(0.5rem + 1vw);
	display: inline-block;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: left;
	max-width: 1600px;
}