*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: linear-gradient(90deg,#6b4900, rgb(24, 24, 24) 40% 60%, #6b4900);
}

nav{
   
    width: 50%;
    margin: 0 auto;
    
    top: 0px;
}

@media screen and (max-width: 760px){
    nav{
        width:90%;
    }

}

nav ul{
    list-style-type: none;
}

nav li{
    float: left;
    width: 33%;
    text-align: center;
}

nav ul::after{
    content: "";
    display: table;
    clear: both;
}

nav a{
    display: block;
    text-decoration: none;
    color: white;
    border-bottom: 2px solid transparent;
    padding: 10px 0;
    font-size: 1.4em;
}

nav a:hover{
    color: rgb(255, 153, 0);
    border-bottom: 2px solid gold;
}

a.actuel{
    color: rgb(255, 153, 0);
    border-bottom: 2px solid gold;
}

section {
    height: 100%;
    width: 100%;
    /*background-color: rgba(0, 0, 0, 0.237);*/
    text-align: center;
    color: white;
}

/*****************
Diaporama 4
*************************/

div.conteneur4{
    display: flex;
    max-width: 650px;
    margin: 0px auto;
    margin-bottom: 50px;
}

div.d4{
    width: 100%;
    height: 0;
    padding-top: 75%;
    margin: 50px auto;
    box-shadow: 0px 15px 10px -5px #777;
    background-color: #ededed;
    background-size: contain;
    animation: fondu4 30s ease-in-out infinite both;
}

div.d4:hover{
    animation-play-state: paused;
}

@keyframes fondu4{
    0%{background-image: url("/image/bibli/bibliotheque1.jpg");}
    5%{background-image: url("/image/bibli/bibliotheque1.jpg");
        background-color: transparent;
        box-shadow: none;}
    12.5%{background-image: url("/image/bibli/bibliotheque2.jpg");
        background-repeat: no-repeat;
        background-color: transparent;
        box-shadow: none;
        background-position: center;
    }
    17.5%{background-image: url("/image/bibli/bibliotheque2.jpg");
        background-repeat: no-repeat;
        background-color: transparent;
        box-shadow: none;
        background-position: center;
        }
    25%{background-image: url("/image/bibli/bibliotheque3.jpg");
        background-color: transparent;}
    30%{background-image: url("/image/bibli/bibliotheque3.jpg");}
    37.5%{background-image: url("/image/bibli/bibliotheque4.jpg");}
    42.5%{background-image: url("/image/bibli/bibliotheque4.jpg");}
    50%{background-image: url("/image/bibli/bibliotheque5.jpg");}
    55%{background-image: url("/image/bibli/bibliotheque5.jpg");}
    67.5%{background-image: url("/image/bibli/bibliotheque6.jpg");}
    72.5%{background-image: url("/image/bibli/bibliotheque6.jpg");}
    75%{background-image: url("/image/bibli/bibliotheque7.jpg");}
    87.5%{background-image: url("/image/bibli/bibliotheque8.jpg");}
    92.5%{background-image: url("/image/bibli/bibliotheque8.jpg");}
    100%{background-image: url("/image/bibli/bibliotheque1.jpg");}
}

div.d1, div.d2, div.d3, div.d4, div.d5{
    border-radius: 10px;
    overflow: hidden;
}

h1, h2, p, a {
    margin: 10px 0;
}

h1{
    margin-top: 1%;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 2.5em;
}

h2{
    margin-top: 5%;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 2em;
}

p{
    margin: 60px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.3em;
}

a.mention{
    display: block;
    text-decoration: underline;
    color: white;
}

a{
    text-decoration: none;
    color: rgb(255, 153, 0);
}