@font-face {
    font-family: FiveFontsatFreddys;
    src: url("../font/FiveFontsatFreddy's-Regular.ttf");
}

html, body
{
    height:100%;
    margin:0;
}
.flex_1, .flex_droite, .flex_droite, .flex_gauche_contenu, .flex_gauche_top, .flex_droite_contenu, p{
    display: flex;
}
.flex_gauche, .flex_droite{
    flex-direction: column;
}
.flex_gauche_contenu, .flex_gauche_top{
    height: 38%;
    margin-top: -32px;
}
.flex_gauche_top{
    margin-top: -16px;
}
.flex_gauche, .width_60{
    width: 60%;
}
.flex_droite, .width_40{
    width: 40%;
}
.flex_droite_contenu{
    height: 415px;
    align-items: center;
    justify-content: center;
}
p{
    font-family: FiveFontsatFreddys;
    justify-content: center;
    align-items: center;
}
#couleur_0D9EDF{
    background-color: #0D9EDF;
}
#couleur_FCC133{
    background-color: #FCC133;
}
#couleur_3EB650{
    background-color: #3EB650;
}
#couleur_00458B{
    background-color: #00458B;
}
#couleur_99DDFF{
    background-color: #99DDFF;
}
#couleur_FB8122{
    background-color: #FB8122;
}
#couleur_9630D8{
    background-color: #9630D8;
}
#couleur_5DAA68{
    background-color: #5DAA68;
}
@media screen and (min-width: 800px){
    #couleur_0D9EDF{
        background-image: url("../images/aesd_eleves_type_energy.png");
        background-size:cover;
    }
    #couleur_FCC133{
         background-color: #6100c8;
    }
    #couleur_3EB650{
        background-color: #71801a;
    }
    #couleur_00458B{
        background-color: #ff0000;
    }
    #couleur_99DDFF{
        background-color: #5b0080;
    }
    #couleur_FB8122{
        background-color: #01560b;
    }
    #couleur_9630D8{
        background-color: #180066;
    }
    #couleur_5DAA68{
        background-image:url("../images/brain_test.png");
        background-size: cover;
    }
}