#correspondants {
  
}
#correspondant_map {
    width: 90%;
    height: 70vh;
    margin: auto;

}
#correspondant_infos {
    display:none;
    position:absolute;
    top:4%;
    right:5%;
    width:380px;
}

.corres_pays {
    background-color: #C19947;
    padding: 6px 10px;
    margin-bottom: 0px;
    font-weight: 500;
    color: black;
    font-size: 14px;
    text-transform: uppercase;
    position:relative;    
}

.corres_item {
    width:100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.corres_capture {
    overflow: hidden;
    width:40%;
    position:relative;
    background-color:#fff;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transition: 0.3s ease-out;
}

.corres_fleche {
  
  background-size:cover;
  background-position:center;
  width:50px; 
  height:50px;
  top:50%;
  right:-0px;
  position:absolute;
  background-image:url('../equipe/equipe_fl_gauche.png');
  
}

.corres_infos {
    width:60%;
    background-color:rgba(67, 67, 67, 0.9);
    position:relative;
    min-height: 150px;
    display: flex;
    align-items: center;
}
.corres_infos_content {
  margin:5px 10px 5px 10px;
}

.corres_nom {
  font-size:22px;
  color:#fff;
  font-family: 'Playfair Display', serif;
}
.corres_fonction {
  font-size:12px;
  color:#c49547;
  margin-bottom:10px;
}
.corres_fonction p {
  color:#c49547;
}

.corres_adresse {
  margin-bottom:10px;
}

.corres_adresse div {
    font-size:12px;
    color:#fff;
}

.corres_tel {
    font-size:12px;
    color:#fff;
}
.corres_email {
    font-size:12px;
    color:#fff;
}

.correspondant_close {
    display:none;
}

/* ---------------------- @NOTE RESPONSIVE 800px */

@media screen and (max-width: 800px) {
    #correspondant_infos {
         display:none;
         position:absolute;
         top:50%;
         left:50%;
         -webkit-transform: translate(-50%, -50%);
    }
    .correspondant_close {
        width:20px;
        height:20px;
        display:flex;
        align-items:center;
        color:#fff;
        background-color:#000;
        position:absolute;
        right:5px;
        top:5px;
        text-align:center;
        cursor:pointer;
    }
    .correspondant_close span {
        text-align:center;
        width:100%;
        display:block;
    }
 
}

/* ---------------------- @NOTE RESPONSIVE 400px */

@media screen and (max-width: 500px) {
    #correspondant_infos {
        width: 95%;
    }
    .corres_capture {
        width:30%;
    }
    .corres_infos {
        width:70%;
        overflow-x: scroll;
    }
}