.accueil-public-container{
width: 100%;
height: fit-content;
background-color: #09166D;
padding: 1rem;


}

.public-title {
 font-size: 45px;
    font-weight: bold;
    margin: auto;
    width: fit-content;
    padding: 1rem;
    color: whitesmoke;
    border-bottom: 4px solid whitesmoke;
}


.accueil-public {
    width: 100%;
    height: fit-content;
 
    display: flex;
     align-items: stretch; /* force tous les enfants à prendre la même hauteur */
     padding: 8%;

  
}

.accueil-public-image-container {
    width: 50%;
    transform: translate(25%, -25%);
    background-image: url(../img/2151546526.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
   
}

.accueil-public-text-container {
    width: 50%;
    padding: 3rem;
    background-color: whitesmoke;
    transform: translate(-25%, 25%);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     
}


/* version mobile */

@media (max-width: 862px) {


.public-title {
 font-size: 35px;
  
}


.accueil-public {
    width: 100%;
    height: fit-content;
 
    display: flex;
    flex-direction: column;
     align-items: stretch; /* force tous les enfants à prendre la même hauteur */
     padding: 8%;

  
}

.accueil-public-image-container {
    width: 100%;
    height: 250px;
    transform: translate(0, 0);
    background-image: url(../img/2151546526.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
   
}

.accueil-public-text-container {
    width: 100%;
    padding: 1rem;
    background-color: whitesmoke;
    transform: translate(0 ,0);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     
}
}