* {
        box-sizing: border-box;
    }
    body
    {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
		background-color: ivory;
        border: 2px solid white;
        font-family: "Work Sans", "Trebuchet MS", Times, Arial, sans-serif;
		font-size:1.15rem; 
        padding: 0 16px;
    }   
	h1, p, figure
	{
		font-size:1.15rem; 
		letter-spacing: -0.01em;
	}
	.biographie
	{
		font-size:0.6em;
	}
	.auteur
	{
		text-decoration: underline;
	}
	img 
	{
		width:40%; /* L'image prendra 40% de la largeur de son conteneur sur grand écran */
		max-width: 100%;
		height: auto; /* Maintient le ratio */
	}

	/* ===== Adaptation smartphone ===== */
	@media (max-width: 600px)
	{
		body
		{
			border-width: 1px;
			padding: 0 12px;
		}
		h1
		{
			font-size: 1.4em;
		}
		h2
		{
			font-size: 1.15em;
		}
		p
		{
			font-size: 0.95em;
			line-height: 1.5;
		}

	video
		{
			width:100%;
		}
	}

	@media (max-width: 380px)
	{
		h1
		{
			font-size: 1.2em;
		}
	}