section {
min-height: 100vh;
  position: relative; /* Important pour le positionnement des enfants */
}
.ole {
  display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
}
 .deux {
  padding-top: 50px
}

.text {
  margin: 0 20px;
  font-size: 24px;
}
.map {
  width: 100vw;
}

.carte img {
  position: relative;
  width: 50%;
  left: 50%;
  transform: translateX(-50%);
} 

.image-ole {
  display: flex;
    justify-content: center;
    align-items: center;
    /*! height: 100vh; */
    position: relative;
}

.image-ole img {
  width: 40vmax;
    position: relative;
    left: 0;
    transform: none;
    border-radius: 50%;
    z-index: 1;
 box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

/* Positionne le SVG correctement */
.image-conteneur {width: 100vw;}

.image-conteneur p {
  text-align: center;
  font-size: 24px;
  color: #ff6600;
  padding-top: 30px;
  max-width:  80%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.image-conteneur svg {
    position: absolute;
  bottom: 130px;
    width: 100%;
    height: auto;
    z-index: 2;
   left: 40px;
   left: 50%;
    transform: scale(2 );
}

/* Pour le texte dans la première section après la carte */
.text {
    margin: 0 20px;
    font-size: 24px;
    text-align: left;
    padding: 50px 20px;
}

@media (max-width: 768px) {
  .carte img {
  position: relative;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
} 
  .direct img {
  position: absolute;
  left: -13%;
  height: 100px;  
  top: 200px;
}
  
}