/* GENERAL */

body{

    margin: 0;
    background-image: url(dhrjtyjtj.png);
    background-size: contain;
    background-position: center;
    position: relative;
}
body::after{

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #14506c50;
    z-index: 1;
}
section{

    position: relative;
    z-index: 2;
}
nav{

    position: relative;
    z-index: 2;
}



/* NAVBAR */

#navbar{

    height: 90px;
    display: inline-table;
    background-color: #0a1925;
}
.liens{

    margin-top: 50px;
    margin-left: 330px;
    margin-bottom: 50px;
    margin-right: 314px;
}
.liens a{

    font-size: 40px;
    font-family: 'Text Me One', sans-serif;
    margin-right: 35px;
    text-decoration: none;
    transition: all ease-in 0.2s;
    color: #d0c3a1;
}
.liens a:hover{

    color: #fff2d3;
    text-decoration: underline;
}



/* TITRE */

#titre{

    height: 300px;
    padding: 50px;
}
#titre h4{

    font-size: 40px;
    font-weight: 750;
    font-family: 'Public Sans', sans-serif;
    color: white;
    margin-left: 360px;
    margin-bottom: 20px;
}
#titre h1{

    font-size: 60px;
    font-family: 'Text Me One', sans-serif;
    color: #fff2d3;
    margin-left: 550px;
    text-decoration: underline;
    margin-bottom: 20px;
}
#titre h5{

    font-size: 30px;
    font-family: 'Text Me One', sans-serif;
    color: white;
    margin-left: 500px;
}



/* EDITO */

#édito{

    height: 500px;
    padding: 60px;
    display: inline-flex;
    margin-top: 100px;
}
#édito img{

    border-radius: 15px;
}
#édito h3{

    font-size: 40px;
    font-family: 'Text Me One', sans-serif;
    color: white;
    text-decoration: underline;
    margin-left: 30px;
}
#édito h6{

    font-size: 20px;
    font-weight: 600;
    font-family: 'Public Sans', sans-serif;
    color: #0a1925;
    background-color: white;
    margin-left: 30px;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
}



/* ORIGINES */

#origines{

    height: 500px;
    padding: 60px;
    display: inline-flex;
    margin-top: 200px;
}
#origines img{

    border-radius: 15px;
}
#origines h3{

    font-size: 40px;
    font-family: 'Text Me One', sans-serif;
    color: white;
    text-decoration: underline;
}
#origines h6{

    font-size: 20px;
    font-weight: 600;
    font-family: 'Public Sans', sans-serif;
    color: #0a1925;
    background-color: white;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 30px;
    padding: 20px;
}



/* ENQUÊTE */

#enquête{

    height: 500px;
    padding: 60px;
    display: inline-flex;
    margin-top: 200px;
}
#enquête img{

    border-radius: 15px;
}
#enquête h3{

    font-size: 40px;
    font-family: 'Text Me One', sans-serif;
    color: white;
    text-decoration: underline;
    margin-left: 30px;
}
#enquête h6{

    font-size: 20px;
    font-weight: 600;
    font-family: 'Public Sans', sans-serif;
    color: #0a1925;
    background-color: white;
    margin-left: 30px;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
}



/* DEBAT */

#débat{

    height: 500px;
    padding: 60px;
    display: inline-flex;
    margin-top: 200px;
}
#débat img{

    border-radius: 15px;
}
#débat h3{

    font-size: 40px;
    font-family: 'Text Me One', sans-serif;
    color: white;
    text-decoration: underline;
}
#débat h6{

    font-size: 20px;
    font-weight: 600;
    font-family: 'Public Sans', sans-serif;
    color: #0a1925;
    background-color: white;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 30px;
    padding: 20px;
}



/* ENQUÊTE */

#géopolitique{

    height: 500px;
    padding: 60px;
    display: inline-flex;
    margin-top: 200px;
}
#géopolitique img{

    border-radius: 15px;
}
#géopolitique h3{

    font-size: 40px;
    font-family: 'Text Me One', sans-serif;
    color: white;
    text-decoration: underline;
    margin-left: 30px;
}
#géopolitique h6{

    font-size: 20px;
    font-weight: 600;
    font-family: 'Public Sans', sans-serif;
    color: #0a1925;
    background-color: white;
    margin-left: 30px;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
}



/* DEMAIN */

#demain{

    height: 500px;
    padding: 60px;
    display: inline-flex;
    margin-top: 200px;
}
#demain img{

    border-radius: 15px;
}
#demain h3{

    font-size: 40px;
    font-family: 'Text Me One', sans-serif;
    color: white;
    text-decoration: underline;
}
#demain h6{

    font-size: 20px;
    font-weight: 600;
    font-family: 'Public Sans', sans-serif;
    color: #0a1925;
    background-color: white;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 30px;
    padding: 20px;
}



/* FOOTER */

footer{

    height: 200px;
    background-color: #0a1925;
    margin-top: 200px;
    text-align: center;
}
footer p{

    font-size: 30px;
    font-family: 'Text Me One', sans-serif;
    color: #fff2d3;
    font-weight: 600;
    padding-top: 80px;
}