/* importation de la police */

@font-face {
    font-family: "Franchise";
    src: url("../assets/Franchise.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins_Med";
    src: url("../assets/Poppins/Poppins-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins_SemiBold";
    src: url("../assets/Poppins/Poppins-SemiBold.ttf") format("truetype");
}

.illus_H{
    position : relative; 
    display: block;
    width: 25%;
}

html{
    height:100%;
    color:black;
}

body {
    font-family: Poppins_Med;
    background-color:white;
    width: 100%;
    color: black;
}

.para{
    width: 65%;
    font-family: Poppins_Med; 
    text-align : justify; 
    font-size: 20px; 
}

.citation{
    width: 80%;
    font-family: Poppins_Med; 
    text-align : justify; 
    font-size: 20px; 
}

.box_row{
    display: flex; 
    flex-direction: row;
    position: relative;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.box_colum_body{
    display: flex; 
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

h2{
    color: #000;
    text-align: center;
    font-family: Poppins_Med;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.box_adapt{
    display: flex; 
    position: relative;
    justify-content: space-evenly;
    font-family: Poppins_Med;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    font-size: 20px;
    z-index: 1;
}

@media (max-width: 600px) {
    .box_adapt{
        flex-direction: column;
    }
    .carte_image{
        display:none;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {
    .box_adapt{
        flex-direction: column;
    }
    .carte_image{
        display:none;
    }
}

@media (min-width: 1025px) {
    .box_adapt{
        flex-direction: row;
        justify-content: space-evenly;
    }
}