/* CSS pour les composants simples */

/* 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");
}

/* valeurs générales */
html{
    height:100%;
    color:#264040;
}
body {
    font-family: Poppins_Med;
    background-color:white;
    color:#264040;
}

h2{
    color: #000;
    text-align: center;
    font-family: Poppins_Med;
    font-size: 200%;
    font-style: normal;
    font-weight: 1200;
    line-height: normal;
}

h3{
    color: #000;
    text-align: center;
    font-family: Poppins_Med;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h4{
    color: white;
    text-align: center;
    font-family: Franchise, sans-serif;
    font-size: 35px;
    font-weight: 400;
    margin : 0px;
}

a{
    text-decoration: none;
    color: #264040 ;
}

.carte_monde {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.carte_image {
    width: 100%;
    height: auto;
    display: block;
}

.area_carte{
    display: flex;
}