body {
	display: flex;
	background-image: url('images/greyzz.png');
	font-family: sans-serif;
}

p + h1 {
    text-align: center;
}

h1 + p {
	margin-top: 120px;
}

img {
	float: right;
	border: 4px solid rgb(250 250 250);
	border-bottom: 20px solid rgb(250 250 250);
    box-shadow: 4px 4px 4px gray;
}

#liseret, #corps {
    display: inline-block;
    vertical-align: top;
}

:root{
	--largeur_corps: 80%;
}

:root{
	--largeur_liseret: 10%;
}

#liseret_left, #liseret_right {
    width: var(--largeur_liseret);
    height: 700px;
    background-image: url('images/lodyas.png');
    border-radius: 10px;
	box-shadow: 4px 4px 4px rgba(50, 50, 50, 0.9);
	position: sticky;
	top: 10px;
}

#liseret_left {
	clear: both;
    margin-right: 2%;
}

#liseret_right {
    margin-left: 2%;
}

#corps {
	width: var(--largeur_corps);
}

#paragraph_context {
	border-left: 3px solid rgba(133, 114, 81, 1);
	padding: 10px;
	background-color: rgba(133, 114, 81, 0.2);
	box-shadow: 4px 4px 4px rgba(133, 114, 81, 0.9);
}

h1, h2 {
	color: rgb(133, 114, 81);
}

section {
	margin-top: 40px;
}