@media only screen and (max-height: 700px) {
	.left-layout{

		width: 65%;
		left: -63%;
	}

	.text_folder{
		font-size: 0.8em;
	}

	.infos-profil{
		font-size: 0.7em;
	}

	.bloc-question-texte{
		font-size: 2.5em;
	}
	.bloc-reponse-texte p{
		font-size: 0.9em;
	}


}

@media only screen and (max-width: 800px) {
	.bloc-question-texte{
		font-size: 2.5em;
	}
	.bloc-reponse-texte p{
		font-size: 0.9em;
	}

	.infos-profil{
		font-size: 0.7em;
	}

	.titre-profil p{
		font-size: 3.5em;
	}

	.partage a{
		font-size: 0.8em;
	}

	.title-credits{
		font-size: 0.4em;
	}
}


@media only screen and (max-device-width: 361px) , only screen and (max-width: 500px) {

	.left-layout{

		width: 65%;
		left: -63%;
		font-size: 1.3em;
	}

	.content-profil{
		width: 60%;
	}

	.infos-profil{
		width: 100%;
		position: relative;
		top: 53%;
		left: 0%;
	}

	.infos-profil p{
		width: 70%;
		margin: 0 auto;

	}


	.img-container{
		width: 60%;
		position: relative;
		top: -88%;
		left: 0%;
	}

	.titre-profil{
		position: relative;
		top: 10%;
	}

	.img-container img{
		position: absolute;
		width: 100%;
		left: 10%;
		top: 5%;
	}

	.share{
		width: 80%;
		top:82%;
		left: 9%;
		z-index: 500;
	}

}