@font-face {
    font-family: 'Philosopher';
    src: url(/ressources/fonts/Philosopher-Regular);
}
@font-face {
    font-family: 'Hurricane';
    src: url(/ressources/fonts/Hurricane-Regular.ttf);
}
@font-face {
    font-family: 'Centaur';
    src: url(/ressources/fonts/CENRAUT.TTF);
}
body {
    background-color:#090808;
    color:white;
    overflow-x:hidden;
    margin:0;
}
nav {
    font-family: 'Philosopher';
    display:flex;
    width:780px;
    justify-content:space-between;
    margin:auto;
    font-size:20px;
    align-items:center;
    margin-top:1rem;
}
a:link, a:visited {
    color:white;
    text-decoration:none;
}
nav img {
    width:60px;
}
footer {
    width:20%;
    margin:auto;
    display:flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    margin-top:5rem;
    margin-bottom:3rem;
}
footer img {
    width:14px;
}
footer .mentionslegales, footer .apropos{
    font-family:'Philosopher';
    margin-left:1rem;
}
.footeraccueil {
    position:absolute;
    margin:auto;
    width:20%;
    bottom:20px;
    left:40%;
}
.aperture {
    font-family:'Hurricane';
    font-size:7rem;
    width:100%;
    text-align:center;
    position:absolute;
    top:30vh;
    font-weight:300;
}
h1 {
    font-family:'Philosopher';
    font-size:64px;
    text-align:center;
    font-weight:300;
}
.photogauche {
    align-items:center;
}
.photogauche div {
    max-width:480px;
    margin-right:1rem;
}
.photogauche img{
    margin-left:130px;
    margin-right:120px;
}

h2 {
    font-family:'Philosopher';
    font-size:32px;
    font-weight:300;
}
p {
    font-family:'Centaur';
    font-size:24px;
}

.photogauche, .photodroite {
    display:flex;
    margin:2rem 0 15rem 0;
}

.photodroite {
    flex-direction:row-reverse;
    align-items:center;
}
.photodroite img {
    margin-right:130px;
    margin-left:120px;
}
.photodroite div {
    max-width:480px;
    margin-left:1rem;
}
.photodroite p {
    text-align:right;
}
.photodroite h2 {
    text-align:right;
}