@media (max-width: 960px) {

header, #content, #contact, #legal, footer {
	width: 100%;
	max-width: 960px;
	}
	
footer {
	max-width: initial;
	}

#content > #start div.alerte {
	margin: 4px 0;
	}

div.alerte.ouverte > div.text > div.corps {
    margin-right: 0;
	}


div.alerte.ouverte > div.text > div.plus {
    display : none;
	}

}

@media (max-width: 920px) {

div.details > div.infos > div.resume {
	width: 77%;
	margin-bottom: 0;
	}
	
div.details > div.infos > div.boxplot {
	width: 21%;
	float: right;
	}
	
div.details > div.infos > div.courbe {
	width: 100%;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #CECECE;
	float: right;
	height: 300px;
	display: none;
	}
	
div.details > div.infos > div.incidence {
	width: 77%;
	}

}