@import url('https://fonts.googleapis.com/css2?family=Lato:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Playfair+Display:ital@1&display=swap');


body {
    font-family: "Dancing Script", fantasy;
    color: #fff7f7;
    background-color: #181a0e;
    background-image: url("../media/img/Lever_soleil_chantdor.jpg");
    background-repeat: no-repeat;
    background-size: cover;

}

#menu-accueil,
#menu-accueil ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

#menu-accueil li {
    display: inline-block;
    position: relative;
    padding: 0px 50px 0px 50px;
    border-radius: 8px 8px 0 0;
}

#menu-accueil ul li {
    display: inherit;
    border-radius: 0;
}

#menu-accueil ul li:hover {
    border-radius: 0;
}

#menu-accueil ul li:last-child {
    border-radius: 0 0 8px 8px;
}

#menu-accueil ul {
    position: absolute;
    z-index: 1000;
    max-height: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -moz-transition: .8s all .3s;
    -webkit-transition: .8s all .3s;
    transition: .8s all .3s;
}

#menu-accueil li:hover ul {
    max-height: 15em;
}

/* background des liens menus */
#menu-accueil li {
    background-color: #1fe0;
    background-image: linear-gradient(to bottom, #fafaf6 10%, #50455e 100%);
}

/* background des liens sous menus */




#menu-accueil li li {
    background: #2A2333;
}

/* background des liens menus et sous menus au survol */
#menu-accueil li:first-child:hover,
#menu-accueil li:first-child li:hover {
    background: #65537A;
}

#menu-accueil li:nth-child(2):hover,
#menu-accueil li:nth-child(2) li:hover {
    background: #729EBF;
}

#menu-accueil li:nth-child(3):hover,
#menu-accueil li:nth-child(3) li:hover {
    background: #F6AD1A;
}

#menu-accueil li:last-child:hover,
#menu-accueil li:last-child li:hover {
    background: #CFFF6A;
}

/* les a href */
#menu-accueil a {
    text-decoration: none;
    display: block;
    padding: 8px 32px;
    color: #fff;
    font-family: arial;
}

#menu-accueil ul a {
    padding: 8px 0;
}

#menu-accueil li:hover li a {
    color: #fff;
    text-transform: inherit;
}

#menu-accueil li:hover a,
#menu-accueil li li:hover a {
    color: #000;
}

/* Fin de la barre de navigation */

/* Partie header */
header h1 {

    text-align: center;
    font-size: 42px;
    padding: 150px;
}

/* Fin de la partie header */