html {
    /* initialisation des règles par défaut qui prendront le pas sur les règles propres au navigateur */

    margin: 0;
    /* marges extérieures de la page */

    padding: 0;
    /* marges intérieures de la page */

    font-size: 16px;
    /* taille de police */

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    /* style de police sans sérif */

    background-color: #ddd0c8;
    /* couleur d'arrière plan */
}



div {
    display: flex;
    /* type de boite */

    flex-direction: column;
    /* objets à la verticale */

    height: 95vh;
    /* parce qu'avec 100vh on a un escenseur inexpliqué */

    justify-content: center;
    /* alignement vertical */

    align-items: center;
    /* alignement horizontal */
}



a {
    padding: 1em;
    /* marges intérieures des liens */

    color: #323232;
    /* couleur de police */

    font-weight: bold;
    /* mise en gras */

    font-size: 20px;
    /* taille de police */

    text-decoration: none;
    /* pour enlever le soulignement des liens */
}

.div a:hover {
    color: rgb(083, 142, 200);
}


.bleu {
    font-style: normal;
    font-size: large;
    font-weight: bolder;
    color: rgb(083, 142, 200);
    /* colorise le texte "Me contacter" dans le "nav"  */
}


/*  Sous-menu de la page menumobile 


.sousMenu {
    position: relative;
    display: inline-block;
}

.sousMenu>button {
    color: white;
    background-color: rgb(247.7, 157.9, -131.4);
    border: solid rgb(247.7, 157.9, -131.4) 1px;
    cursor: pointer;
}

.sousMenu>ul {
    display: none;
    /* Cache le menu s'il n'y a pas de survol de la souris */

 /*   position: absolute;
    /* Positionne le menu caché par rapport à l'élément dont il dépend */

   /* top: -95px;
    /* décalage manuel vers le haut  pour le menu caché par rapport à l'élément dont il dépend */

   /* right: -32px;
    /* décalage manuel pour centrer horizontalement par rapport à l'élément dont il dépend */

  /*  list-style-type: none;
    /* Enlève la puce, mais pas l'espace qu'elle occupe */

  /*  padding-left: 0;
    /* Enlève l'espace occupé normalement par la puce 
}

.sousMenu:hover>ul {
    margin: 0em;
    background-color: rgb(215, 147, 0);
    display: block;
}

.sousMenu ul li {
    text-decoration: none;
    list-style-type: none;
    display: block;
}

.sousMenu ul a {
    text-decoration: none;
    display: block;
}


.sousMenu ul a:hover {
    background-color: brown;
    display: block;
}

/* Fin du sous-menu de la page menumobile */