body{
	font-family: Arial;
}
.titre {
	font-size: 150%;
}
.soustitre {
	margin-top: 18px;
	font-size: 120%;
}
.intro{
	margin-top: 18px;
}
.contenu{
	margin: 14px;
	padding: 10px;
}
.illus{
	float:left;
	width: 45%;
}
.credits {
	text-align: left;
	font-size: 85%;
	background-color: rgba(250,250,250,0.5);
	padding: 5px;
	width: 25%;
	float: right;
}
audio {
	width: 400px;
}
.son {
	position: absolute;
	width: 440px;
	height: 100px;
	padding: 10px;
	margin: 10px;
	float: left;
	background-color: rgba(250,250,250,0.4);
}
.chargement_encours, .bouton_jouer {
	margin-top: 30px;	
}
.sons, .bouton_jouer{
	display:none;
}

@media screen and (max-width: 640px) {
	.titre {
		font-size: 100%;
	}
	.soustitre {
		margin-top: 18px;
		font-size: 80%;
	}

	.illus{
	}
	
	.credits {
		font-size: 125%;
		width: 46%;
	}
	audio {
		width: 250px;
	}
	.son {
		position: absolute;
		width: 265px;
		font-size: 80%;
	}
}
@media screen and (max-device-width: 640px) {
	.titre {
		font-size: 100%;
	}
	.soustitre {
		margin-top: 18px;
		font-size: 80%;
	}
	.illus{
	}
	.credits {
		font-size: 125%;
		width: 46%;
	}
		
		
	audio {
		width: 250px;
	}
	.son {
		position: absolute;
		width: 265px;
		font-size: 80%;
	}
}