@font-face {
    font-family: Funnel;
    src: url(/afrique-interactive/fonts/FunnelDisplay-VariableFont_wght.ttf);
}

body {
    margin: 0; padding: 0;
    background-color: beige;
}
.map__image{
    width: 50%;
    float: left;
}

.map__image path{
    fill: lightgoldenrodyellow;
    stroke: black;
    stroke-width: 1px;
    transition: fill 0.3s;
}
.box{
    font-family: funnel;
    font-size: 16pt;
}
.box h1{
    font-size: 24pt;
    color: lightsalmon;
}
 #ZM, #MA,#DZ,#CI,#ZA,#AO,#NG,#BF,#BI,#KE,#GN {
    fill: lightsalmon;
    cursor: pointer;

}
 #ZM:hover, #MA:hover,#DZ:hover,#CI:hover,#ZA:hover,#AO:hover,#NG:hover,#BF:hover,#BI:hover,#KE:hover,#GN:hover {
    fill: yellow;
    cursor: pointer;

}
.visible{
    display: block;
}
.invisible{
    display: none;
}

#titre{
    color: lightsalmon;
    font-family: funnel;
    font-size: 36pt;
    margin-bottom: 2rem;
    position: flex;
    text-align: center;
    align-items: center;
}