/* CORPS */

section {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	text-align: justify;
	margin-top: 60px;
	margin-bottom: 20px;

}

section a {
	color: #181818;
    text-decoration: none;
}

aside{
	width: 30%;
	height: 100%;
    background-color: #706b64;
    box-shadow: -7px 7px 7px gray;
    padding: 10px;
	margin-bottom: 10px;
	margin-right: 0%;
    color: white;
    font-size: 0.95em;
}

article {
	/*display: flex;
	flex-direction: column;*/
    border: 3px solid rgba(100, 100, 100, 0);
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 0%;
    overflow: hidden;
	word-wrap: break-word;
}

article h1 {
    font-family: 'Dayrom', 'Arial', serif;
    font-weight: normal;
    text-transform: uppercase; /*text-transform: uppercase transforme le texte en majuscule et text-transform: lowercase en minuscule.*/
}

article img {
	float: left;
	margin: 5px;
	border: 3px solid rgba(150, 255, 150, 0.8);
}

article p {
    font-size: 0.95em;
}

article div.info {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

div.info p {
	margin: 0;
}

article:hover {
    border: 3px solid rgba(100, 100, 100, 1);
	border-radius: 5px;
	box-shadow: 2px 2px 5px #1c1a19;
	background-color: rgba(100, 100, 100, 0.2);
}

article a {
    border: 2px solid rgb(100, 100, 255);
	color: rgb(100, 100, 255);
	background-color: white;
	padding: 10px;
	margin: 10px;
}

.article_hidden {
	display: none;
	/*border: none;*/
}

.article_hidden:hover {
	display: none;
	/*border: none;
	box-shadow: none;*/
}