/* Image introduction */

.introduction{
	background-image: url(../img/introduction_actualite.jpg);
}

/* Actualites*/

.actualites{
	background-color: #0C6F95;
	padding: 10px;
}

.zone_utile_article{
	max-width: 1095px;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
}

h2{
	display: block;
	width: 355px;
	height: 40px;
	background-color: #FDA100;
	text-align: center;
	color: #FFF;
	padding: 10px;
	line-height: 40px;
	position: relative;
	left: -25px;
}

/* Articles de la section actualites*/
.article{
	background-color: #FFF;
	margin: 10px;
	padding: 10px;
	width: 325px;
	border-radius: 10px;
}

.date_article{
	font-size: 0.8em;
	margin: 10px;
	color: #0C6F95;
}

.titre_article{
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px;
}

.texte_article{
	margin: 10px;
  line-height: 1.5em;
  color: #555;
}

.illustration_arcticle{
	background-image: url(../img/actualite_article_image.jpg);
	background-size: cover;
	margin: 10px;
}