body {
    background: linear-gradient(#e9dcca8c 50%, rgba(255, 255, 255, 0) 0) 0 0, radial-gradient(circle closest-side, #e9dcca 53%, rgba(255, 255, 255, 0) 0) 0 0,  55px 0 #deb887;
    background-size: 110px 614px;
    background-repeat: repeat-x;
}

.first-page {
    background: linear-gradient(#e9dcca8c 50%, rgba(255, 255, 255, 0) 0) 0 0, radial-gradient(circle closest-side, #e9dcca 53%, rgba(255, 255, 255, 0) 0) 0 0,  55px 0 #deb887;
    background-size: 5em 45em;
    background-repeat: repeat-x;
}

.default-page {
    background: linear-gradient(#e9dcca8c 50%, rgba(255, 255, 255, 0) 0) 0 0, radial-gradient(circle closest-side, #e9dcca 53%, rgba(255, 255, 255, 0) 0) 0 0,  55px 0 #deb887;
    background-size: 5em 20em;
    background-repeat: repeat-x;
}

.mod-banner__img {
    background-size: contain;
    height: 14.5em;
    margin-top:0.3em;
    margin-bottom: 0em;
}

.mod-header-logo {
    max-width: 8em;
    padding: 0;
    margin-top: 1em;
    margin-left: 2em;
}

.logo-default {
    position: absolute;
}

.menu-default .navbar-collapse {
    /*padding-bottom: 0em;*/
    place-self: anchor-center;
}

.first-line-default, .first-line-contact {
    padding-top: 10em;
}

.first-page-menu .navbar-collapse {
    justify-self: center;
    /*padding-bottom: 4em;*/
}

.first-line-first-page {
    padding-top: 4em;
}

.first-page-title-asso em {
    font-size: smaller;
}

.first-page-title-asso em {
    padding-top: 0.5em;
}

.navbar-default .navbar-nav , .navbar-default .navbar-nav li a {
    color: #5b5752;
}

h1 {
    text-transform: uppercase;
}

.first-line-contact .zone-image {
    padding: 2em;
}

/* accueil description margaux julie */
.personal-description {
    border-radius: 5px; 
    background-color: #e9dcca;
    padding: 1em;
}

.collegues .zone-html {
    padding: 0.5em;
}

/* Gestion des différents publics */

.table-public img {
    border: 2px solid #ccc;  /* Bordure gris clair */
    border-radius: 10px;      /* Coins arrondis */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce */
    width: 250px;  /* Modifier la largeur selon vos besoins */
    /*height: 250px !important; /* Modifier la hauteur selon vos besoins */
    object-fit: cover; /* Cela permet à l'image de conserver son aspect tout en remplissant le conteneur */


}

/* Carrousel */
.carrousel {
    padding: 2em;
}

.carrousel .container {
    background-color:  #e4ccac;
    border-radius: 2em;
}

.carrousel img {
    height: 18em !important; /* Modifier la hauteur selon vos besoins */
    object-fit: cover; /* Cela permet à l'image de conserver son aspect tout en remplissant le conteneur */
    border-radius: 0.5em;
}

/* Carrousel */
.collegues img {
    height: 10em !important; /* Modifier la hauteur selon vos besoins */
    width: 10em !important; /* Modifier la hauteur selon vos besoins */
    object-fit: cover;
    border-radius: 100px;      /* Coins arrondis */
    margin : 1em;

}

/* Contact */
.contact .form-control {
    width: 200%; /* Modifier la hauteur selon vos besoins */
    background-color: antiquewhite;
}