body
{font-family: Comic sans MS;
background-image: url("images/d.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
color: black;}
header
{display: flex;}
h1
{width: 50%;
text-align: center;
font-size: 2em;
margin: auto;
background-color: orange;
opacity: 0.7;}
.intro
{width: 45%;
margin: auto;
text-align: justify;
background-color: dimgrey;
opacity: 0.7;
font-size: 1.3em;
margin: auto;}
nav
{width: 100%;
border: solid black 1px;
padding: 1em;}
.menu
{display: flex;
width: 100%;
padding: 0px;
margin: 0px;}
div
{display: flex;
flex-direction: column;
width: 18%;
background-color: lightsalmon;
opacity: 0.7;
margin: auto;
padding: 0px;
text-align: center;
font-weight: bold;}
ul li
{list-style-type: none;}
#bandeau
{width: 35%;
margin: 1em;}
figure
{padding: 0.5em;
width: 25%;}
section
{display: flex;
background-color:white;
opacity: 0.8;
margin: 1em;
padding: 0.5em;}
img
{width: 100%;}
#freud
{width: 90%;
margin-top: 3em;}
footer
{display: flex;}
#lucian 
{color: white;
width: 15%;
margin: auto;
background-color: black;
opacity: 1;
text-align: center;}
#francis
{color: white;
width: 15%;
margin: auto;
background-color: black;
opacity: 1;
text-align: center;}
#versus
{color: white;
width: 15%;
margin: auto;
background-color: black;
opacity: 1;
text-align: center;}
article
{max-width: 30%;}
a
{width: 100%;}
video
{width: 50%;}
inframe
{width:50%}
audio
{width: 20%;
margin-left:40%;}