.conteneuragence, .conteneuroffres, .conteneurnosvaleurs,
.conteneurcontact,.conteneurblogentier,.conteneurmentions{
    color: black;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    word-break: break-word;
    hyphens: auto;
    padding:3%;
}

/*Page agence*/

.section_membres{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nom_membre{
    align-items: center;
}
.contenu_membres{
    margin: 3%;
    text-align: justify;
}
.carrevaleurs{
    display:flex;
    flex-direction:row;
    place-items: center;
    gap:5%;
}
.contenu_valeurs{
    text-align: justify;
}
.col, .transpa{
    flex-direction: row-reverse;
}
.image_valeurs{
    box-shadow: 10px 5px 5px rgb(22, 34, 59);
}

/*Page offres*/
.superconteneuroffres{ 
    background: #f4ebe0;
}
.liste_det_offres{
    display: flex;
    flex-direction: column;
}
.det_offres tbody{
    font-size: 15px;
}

/*Page contact*/

.conteneurcontact{
    display: flex;
    flex-direction: column;
    align-items: center; 
    padding-top: 2%;
}
.imagecontact{
    border: 25px solid #501a19 ;
}
.contenu_contact{
    text-align: center;
}
.contenu_contact a, .contenumentions a{
    color: #691412;
}

/*Page blog individuelle avec liste*/
.superconteneurblog{
    height:100%;
    overflow : hidden;
}
.superconteneurblog h2{
    width:80%;
}
.liste_blogs{
   display:grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   max-width: 80%;
   margin: 2% auto;
   gap:1em;
   box-sizing: border-box;
}
 .carre_blog{
    width:100%;
    padding: 0 0 10% 0;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.carre_blog a{
    position: relative;
     font-size: 14px;
     left:20%;
 }
.blogentier p img{
    width:400px;
    margin-left: 25%;
}

/*page mentions légales*/
.contenumentions table{
    font-family: 'Rajdhani', sans-serif;
}