@media ( min-width : 576px) and ( max-width : 767px) {
	div#presentation {
		padding-left: 100px;
		padding-right: 100px;
	}
	div#presentation div.titre40 {
		text-align: center;
	}
	div#btn {
		margin-top: 80px;
	}
	div#btn div.box {
		width: 100%
	}
	div#btn div.box button.usvpBtn {
		border-radius: 30px;
		font-size: 36px !important;
		height: 150px;
		margin-top: 30px;
		width: 100%;
	}
	div#btn div.box button.usvpBtn span {
		width: 500px;
	}
	div#btn div.box button.usvpBtn img {
		height: 70px;
		width: 70px;
	}
	div.illustration {
		margin-top: 100px;
		width: 100%;
	}
	div.details div.detail {
		margin-bottom: 5px;
		margin-top: 5px;
	}
	div.details div.detail div.detail-titre {
		font-size: 39px;
		padding-top: 0;
		width: 330px;
	}
	div.details div.detail div.detail-titre-top10 {
		padding-top: 10px;
	}
	div.details div.detail div.detail-titre-top30 {
		padding-top: 30px;
	}
	div.comprendre {
		margin-left: 10%;
		margin-right: 10%;
		text-align: center;
	}
	div.comprendre div.texte20 {
		font-size: 37px;
		text-align: justify;
	}
	div.comprendre div.texte30 {
		font-size: 52px;
		font-style: normal;
	}
	div#diapos {
		margin-top: 24px;
		margin-left: 10%;
		margin-right: 10%;
	}
	div#diapos div.diapo {
		height: auto;
		margin: 0;
		margin-top: 47px;
		width: 100%;
	}
	div#diapos div.diapo img.diapo {
		height: auto;
		width: 100%;
	}
}