@font-face {
    font-family: 'garcia';
    src: url(../fonts/GARCIA-Regular.otf);
}


@font-face {
    font-family: 'notorious';
    src: url('../fonts/super_notorious_v2.otf');
}



* {
    box-sizing: border-box;
    list-style-type: none;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

#menu_haut {
    margin: 0 auto 5% -4.5%;
    padding-left: 9.5%;
    float: left;
    background-color: #fff;
    height: 8%;
    position: fixed;
    z-index: 1000;
    width: 100%;

}

#menu_haut nav ul li {
    display: inline-block;
    width: 18%;
    margin-top: 1%;
    text-align: center;
    justify-content: space-between;

}


#menu_haut nav ul li a {
    font-family: garcia;
    font-size: 20px;
    text-transform: uppercase;
    color: #a63429;
}



#titre {
    font-family: notorious;
    font-size: 20px;
    margin: 10% 0 0 2%;
    color: #a63429;
    text-transform: uppercase;
}

#soustitre {
    font-family: notorious;
    font-size: 15px;
    margin: 5% 0 2% 2%;
    color: #a63429;
}


.grid_4 p {
    font-family: garcia;
    font-size: 16px;
    margin: 5% 5% 5% 5%;
    padding-left: 3%;
    color: black;
    border-left: 1px solid black;
    
}

.typo{
    font-family: garcia;
    font-size: 16px;
    margin: 5% 5% 5% 5%;
    padding-left: 3%;
    color: black;
    border-left: 1px solid black;
}

#illustration {
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: 5%;
}