.content { width:100%; }

/*-------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 800px) { .content { padding-right:20px; } }
@media screen and (min-width: 600px) {
	#contents > main {
		display:flex;
		align-items:stretch;
	}
	.content.mobile { display:none; }
	
	.content > div {
		padding:20px;
		border-radius:3px;
		background-image:linear-gradient(to right, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
	}
	.content > div:not(:last-child) { margin-bottom:20px; }
	
	.content > div:first-child {
		display:flex;
		justify-content:space-between;
		align-items:stretch;
	}
	.content > div:first-child > div:first-child {
		width:calc((100% / 3) - 20px);
		min-height:50px;
		
		background-image:url(../../../images/icons/presse.svg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:50px 50px;
	}
	.content > div:first-child > div:last-child { width:calc((200% / 3) - 10px); }
	
	.content > div:not(:first-child) {
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.content > div:not(:first-child) > a { width:calc((100% / 3) - 20px); }
	.content > div:not(:first-child) > a.placeholder { visibility:hidden; pointer-events:none; }
}
@media screen and (max-width: 599px) {
	.content:not(.mobile) { display:none; }
	
	.content > a:first-of-type { margin-top:20px; }
	.content > a:not(:last-of-type) { margin-bottom:20px; }
	.content > a { display:block; }
}

/*-------------------------------------------------------------------------------------------------------------*/

.content a { overflow:hidden; }
.content a > img {
	display:block;
	margin:0 auto;
	
	border-radius:3px;
	border:solid 2px #FFF;
}