.contact .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    align-items: start;

   
    justify-content: center;
    align-items: center;
    justify-items: center;

}


.contact .item1 img {

    height: 200px;
    width: auto;
    
}


.contact .item1 {
   
    height: 200px;
    flex-basis: 30%;
    


}



.contact .item2 {


  
    height: 200px;
    
    padding: 0 20px 0 20px;
    flex-basis: 70%;
}
.contact .item2 p {
    font-size: 1.1em;
}


.contact .container2  {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width:100%;
margin: 25px 0 25px 0;
justify-items: center;
justify-content: space-evenly;
align-content: center;




}
.contact .adresse-div {
   
   
    width: auto;
    align-self: center;
    justify-self: center;


}

.contact .photocab {
  
/*display: flex;
justify-items: center;
align-items: center;
align-content: center;
justify-content: center;
*/


}
.contact .photocab img{
height: 250px;
/*align-self: center;
justify-self: center;
*/
}


/*  CABINET */
.contact .adresse {

    display: block;
    position: relative;
    width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    margin-bottom: 50px;
    margin-top: 50px;




}

.contact .adresse img {
    height: auto;
    width: 300px;

}

.contact .adresse h2 {
    position: absolute;
    top: 21%;
    left: 8%;
    text-align: center;
    font-size: 1.0em;
    color: red;
}


.contact .cabinet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 90%;

    margin: auto;
    height: auto;
    gap: 20px;
}

.contact .cabmap {
    align-self: center;
    justify-self: center;
    width: 90%;
    text-align: center;
    margin-bottom: 50px;

}

.contact .cabmap iframe {
    height: 400px;
    width: 100%;
    max-width: 900px;

}




@media screen and (max-width: 800px) {

    .apropos .barre1 {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 600px) {
    .contact .container, .contact .container2 {
        flex-direction: column;
        gap:20px;
    }
    .contact .item1 img {height: 150px;}
}