.fond{
    /* height: 50px; */
    background-color: #ecf0f0;
}


.fond2{
    background-color: #116dFF;
    /* border: 2px solid yellow; */
    height: 110px;
}

.fa-instagram{
    font-size: 35px;
    margin-top: 5px;
}

.fa-facebook{
    font-size: 35px;
    margin-top: 5px;
}

#logo_SMN{
    height: 110px;
    width: 15vw;
    
}

.col5, .col6, .col7, .col8, .col9{

    transition: all 0.2s ease-in-out;
    
}

.col5:hover, .col6:hover, .col7:hover, .col8:hover, .col9:hover{

    color: #470202;;
}

/* page des services */

.grille{
    width: 90%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, 500px);
    grid-gap: 40px;
    /* border: 2px solid green; */
    justify-content: center;
    margin: auto;
}

.grid-item{

    width: 500px;
    height: 300px;
    /* border: 2px solid blue; */
    margin: auto;
    /* transform: translateX( 80% );
    transform: translateY( 50% ); */
    

}
h3{
    text-align: center;

}

.premier_titre{
    text-align: center;
    margin-top: 60px;
}

.premier_paragraphe{
    width: 80%;
    margin:0 auto 60px;
    text-align: justify;
    
}

.deuxieme_paragraphe{

    text-align: justify;
    padding: 25px;

   
}

/* page à propos */


.row.a_propos{

    background-color: white;
   
}

.image_nettoyage{

    width: 450px;
    height: 300px;
    padding-left: 50px;

}

.image_entrepreneuse{

    width: 350px;
    height: 270px;
    border-radius: 50%;
}

.col_histoire{

    background-image: url(images/abstract2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 310px;
    padding-left: 80px;
    color: white;
    position: relative;
    
    /* border: 2px solid red;
     */
}


.col_image_histoire{

    background-color: #65ecbd;
    
    /* background-image: url(images/abstract2.jpg);
    background-repeat: no-repeat;
    background-size: cover; */
    padding-left: 40px;
}


.image_avantages{

    width: 200px;
    height: 200px;
    margin-right: 250px;
    
}

.image_valeurs{
    /* margin: 0;  */
    padding: 20px;
    margin: auto;
}


.col_valeurs{
    background-color: #01B5EA;
    padding-left: 120px;
}

.col_image_valeurs{
    background-color: #01B5EA;
  
}


.col_avantages{
    padding-left: 80px;
}

.col_image_avantages{
    padding-right: 80px;
   
}

.col_debut {
    background-image: url(images/carre.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.rubrique_bureau{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 2px solid red;
}



.presentation_service{
    background-color: #e5f4ff;
    width: 80%;
    margin: auto;
}

.premier_titre{
    background: rgb(2, 2, 68);
    color: white;
    height: auto;
}


.deuxieme_titre{

    background: rgb(2, 2, 68);
    color: white;
    height: auto;
}

.troisieme_titre{
    background: rgb(2, 2, 68);
    color: white;
    height: auto;
}



.grid-item{

    background-color: #e5f4ff;
    margin-top: 0;
}

.grid-item.un{

    background-color: #e5f4ff;
    height: auto;
}


.espace_reservation{
    height: 450px;
    width: 90%;
    margin:auto;
    position: relative;

}

.bouton_action{

    background: white;
    height: 150px;
    width: 400px;
    position: absolute;
    top: 50px;
    left: 160px;

    transform: translate(50%, 50%);

}


#creneau{
    background-color:rgb(2, 2, 68);
    border-radius: 10px 10px  ;
    color: white;
    width: 200px;
}



.row.Menage_bureau{

    width: 33%;
    height: 200px;
    margin: auto;
}

.row.Menage_maison{

    width: 33%;
    height: 200px;
    margin: auto;
}


.row.Menage_hote{

    width: 33%;
    height: 200px;
    margin: auto;
  
}

.row.Menage_PartieCommune{

    width: 33%;
    height: 200px;
    margin: auto;
  
}

.row.Menage_Demenagement{

    width: 33%;
    height: 200px;
    margin: auto;
  
}


.row.Menage_Moquette{

    width: 33%;
    height: 200px;
    margin: auto;
  
}


.ensemble_des_services{

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 70%;
    margin: auto;
    /* border: 2px solid red ; */
}

.col_MenageBureau{

    background-color:#e7aae3;
}

.col_Img_MenageBureau {
    background-color:#e7aae3;
}


.col_Menagehote{
    background-color: #7facf5;
}

.col_Img_Menagehote{
    background-color:#7facf5 ;
}


.col_Img_Moquette{
border: 2px solid red ;
padding: 0;

height: 25.5vh;

}



/* page nos salariés */