.content { width:100%; }

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

@media screen and (min-width: 800px) {
	.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:after {
		content:"* Cliquez sur l'image pour voir le plan d'accès.";
		display:block;
		padding-top:5px;
		margin-top:20px;
		border-top:solid 1px #FFF;
		font-size:11px;
	}
	.content > div > h1 {
		display:block;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:solid 1px #FFF;
	}
}
@media screen and (max-width: 799px) {
	.content:not(.mobile) { display:none; }
	.content > div:not(:last-child) {
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom:solid 1px #FFF;
	}
	.content > div > h1 {
		display:block;
		margin-bottom:5px;
	}
}
@media screen and (min-width: 550px) {
	.content > div > div > a {
		margin-right:20px;
		float:left;
	}
	.content > div > div:after {
		content:"";
		display:block;
		clear:left;
	}
}
@media screen and (max-width: 549px) {
	.content > div > div > a {
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	.content > div > div > a > img { width:100%; height:auto; }
}

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

.content > div > h2 {
	margin-bottom:20px;
	letter-spacing:.5px;
    text-transform:capitalize;
}
.content > div > div > a { display:block; }
.content > div > div > a:empty { display:none; }
.content > div > div > a > img {
	display:block;
	
	border-radius:3px;
	border:solid 2px #FFF;
}
.content > div > div > p:first-of-type { margin-top:0; }
.content > div > div > p:last-of-type { margin-bottom:0; }