* {
        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;
        padding: 0 16px;
    }   
	h1, p, figure
	{
		font-weight: 600;
		letter-spacing: -0.01em;
	}
	.biographie
	{
		font-size:0.6em;
	}
	.auteur
	{
		text-decoration: underline;
	}
	img 
	{
		width:80%;
		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;
		}
		img
		{
			width: 100%;      /* les images passent en pleine largeur et se placent l'une sous l'autre */
			display: block;
			margin: 0 auto 10px auto;
		}
		.biographie
		{
			font-size: 0.75em; /* la biographie reste lisible sur petit écran */
		}
		ul
		{
			padding-left: 20px;
		}
	}

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