/* Feuille CSS classique de WebMedia */
@import url('main.css');

@media (max-width: 979px) {	
	div#margin {
		-webkit-flex-direction: row;
		flex-direction: row;
		max-height: 20vh;
		min-width: 0;
		max-width: 100%;
		width: auto;
	}
	
	div.segmentDescComplt {
		max-width: 100%;
		margin: 1em 0;
		text-align: center;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: center;
		align-items: center;
	}
	
	aside.segmentNotes p {
		margin: 0 0.8em;
		text-align: center;
	}

	aside.segmentCplts {
		font-size: 1.2em;
	}
	
	div.segmentDescComplt > aside,
	div.segmentDescComplt > aside > ul,
	.segmentNotes p {
		-webkit-flex-direction: row;
		flex-direction: row;
		width: auto;
	}

	aside.segmentCplts a{
		margin: 0 0.6em;
	}
	
	aside.segmentCplts span {
		top: -0.3em;
		transition: top 0.3s ease-out, opacity 0.3s ease-out;
	}
	
	aside.segmentCplts a:hover > span,
	aside.segmentCplts a:focus > span {
		right: 0;
		top: -2.7em;
		visibility: visible;
		transition: top 0.3s ease-out, opacity 0.3s ease-out 0.05s;
	}
}