* {
	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;
}
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;
	}
}