/* BODY */
body{
    background-color:#d0b7c8;
    font-family:Georgia;
    color:#503653;
    text-align:center;
}
/* HEADER */
.hero{
    background-image:url("../image/annie-spratt-5ABow0uVv_k-unsplash-jpg.webp");
    opacity:0.6;
    background-size:cover;
    background-position:center;
    height:250px;
    position:relative;
}

/* NAVIGATION FLEXBOX */
.menu{
    list-style:none;
    display:flex;
    justify-content:center;
    background:#503653;
    padding: 10px 0;
}

.menu li {
    display: inline;
}

.menu li a {
    color: white;
    text-decoration:none;
    font-weight:bold;
}

/* AJOUT DE SLASH ENTRE LES LIENS */
.menu li:not(:last-child)::after {
    content:"/";
    color: white;
}

.menu a{
    color:white;
    text-decoration:none;
}

/* BOUTON */
.btn{
    display:inline-block;
    margin-top:20px;
    padding:10px 20px;
    background:#503653;
    color:white;
    text-decoration:none;
}

/* FOOTER */
footer{
    margin-top:40px;
    padding:20px;
    background:#503653;
    color:white;
}

/* RESPONSIVE */
@media (max-width:768px){
    .menu{
        flex-direction:column;
    }
    .menu li {
        display:block;
        margin: 5px 0;
    }
    .menu li:not(:last-child)::after{
        content:"";
    }
}
/* CONTENEUR DOSSIERS */
.page2 .dossiers-container {
    display:flex;
    flex-direction:row;
    justify-content:center;
    margin:30px;
    flex-wrap:wrap;
}
/* STYLE DES DOSSIERS */
.page2 .dossier-box {
    width:220px;
    height:180px;
    background:white;
    border:3px solid #503653;
    border-radius:10px;
    color:#503653;
    padding:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:0.3s;
}
/* BANNIÈRES PAGES DOSSIERS */
.dossier-header{
    background:#a98ca2;
    color:white;
    padding:30px;
    text-align:center;
}
/*EFFET AU SURVOL */
.dossier-box:hover{
    background:#503653;
    color:white;
    transform:scale(1.05);
}

    /* GALERIE PHOTO */
    .gallery{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        margin:40px;
    }
    .gallery figure{
        border:2px solid #503653;
        padding:10px;
        width:200px;
    }
    .gallery img{
        width:100%;
        height:auto;
    }
    
    figcaption{
        margin:8px;
        font-size:14px;
    }
    
    /* GALERIE STYLE POLAROID */
    .gallery{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        margin:30px;
    }
    
    .gallery figure{
        background:white;
        padding:10px 10px 20px 10px;
        border:1px solid #ddd;
        width:200px;
        box-shadow:0 4px 8px rgba(0,0,0,0.2);
        transition:0.3s;
    }
    
    .gallery img{
        width:100%;
        height:auto;
    }
    
    .gallery figcaption{
        margin-top:10px;
        font-family:"Courier New", monospace;
        font-size:14px;
   }
    
/* STYLE DE LA PAGE À PROPOS */
body{
    background-color:#d0b7c8;
    font-family:Georgia;
    color:#503653;
    text-align:center;
}

section{
    margin:40px;
}

.presentation img{
    width:300px;
    border-radius:10px;
    margin-bottom:20px;
}

ul{
    list-style-position:inside;
}

table{
    margin: 20px auto;
    border-collapse: collapse;
}

table th, table td{
    padding: 8px 12px;
    border:1px solid #503653;
    text-align:center;
}

input, textarea{
    padding:8px;
    margin:5px;
    border:1px solid #503653;
}

button{
  padding:10px 20px;
    background:#a98ca2;
    border:none;
    color:white;
    cursor:pointer;
}

button:hover{
    background:#8f6f88;
}