/* ces lignes de codes introduise la police Caviar Dream dans le code utiliser par toutes les pages */

@font-face {
    font-family: "Caviar Dreams";
    src: url("/font/CaviarDreams.ttf") format("truetype");
}

@font-face {
    font-family: "Caviar Dreams bold";
    src: url("/font/CaviarDreams_Bold.ttf") format("truetype");
}
/* configuration de notre body : couleur de fond */
body {
    background-color: #ffedc6;
    
}
/* Ceci sert a modifier les dimensions et les marges du logo */
#Logo img {
    height: 100px;
    margin: 30px; 
    left : 0%;
    top:0%;     
}

/* ces lignes de codes servent à styliser et positionner la barre de navigation */
    nav ul {
        list-style-type: none;
        margin : 0;
        padding: 15px;
        height: 35px;
        position:fixed;
        left: 72% ;
        top:0%;
        width: auto;
        overflow: hidden;
        text-decoration: none;
    }

    nav li {
        z-index: 2;
        float : left;  
        text-decoration: none;
        
    }

    nav li a {
        display : block;
        color : rgb(14, 10, 10);
        text-align: center;
        padding: 10px 15px;
        text-decoration: none;
        font-family:Caviar Dreams;
    
        
    }
    li a:hover {
        background-color: #7d58b8;
        color: white;
        transition-duration: 0.5s;

    }
/* Fin de la partie sur la barre de navigation */


/* positionnement du tableau et changement de la police de celui ci */
.carnet {
    font-family: Caviar Dreams;
    position: absolute;
    left: 16%;
    top: 200px;
    width: 1135px;
    height: 611px;
    
}

/* positionement et changement de police pour la légende du tableau et le résumer du carnet de bord */
#regles {
    font-family: Caviar Dreams;
    position: relative;
    top: 90%;
    margin: 0 ;
}

#resume {
    position: relative;
    top:120%;
    text-align:justify;
    width: 70%;
    margin: 0 auto;
    font-size:20px;
    font-family: caviar Dreams;
}




/* cette partie est la partie sur le footer et ces diférentes listes qui ont chacunes été placé a un endroit différent */

footer {
    border-radius : 5px;
    font-family: Caviar Dreams;
    position:relative;
    top :1000px;
    left:0%;
    background:rgba(196, 140, 140, 0.6);
    width:100%;
    margin-left:0;
    height:auto;
    display:inline-block;
   
}
footer #site ul {
    position:relative;
    list-style-type: none;
    text-align: left;
    left: 120px;
}

footer #site ul p {
    font-size:30px;
    position: relative;
    left: 7px;
}
footer a {
    text-decoration : none;
    color: black;
}
footer #site ul li {
    position: relative;
    bottom : 15px;
    left: 3px;
}

footer #gp ul {
    position:absolute;
    list-style-type: none;
    text-align: left;
    left: 600px;
    bottom: 60px;
}

footer #gp ul p {
    font-size:30px;
    position: relative;
    
}

footer #gp ul li {
    position: relative;
    bottom : 15px;
    left: 60px;
}

footer #autre ul {
    position:absolute;
    list-style-type: none;
    text-align: left;
    left: 1200px;
    bottom: 60px;
}

footer #autre ul p {
    font-size:30px;
    position: relative;
    left: 35px;
}

footer #autre ul li {
    position: relative;
    bottom : 15px;
    left: 7px;
}
/* fin de la partie sur le footer */