.contervoyage{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 2px;
}
.contervoyage .titre {
    height: 160px;
}
.contervoyage .slogan {
    height: 60px;
    color:  var(--Carte--BG-titrebas);  
}
.contervoyage .titre h1 {
    font-size: 100px;
    margin-top: 10px;
    text-transform: uppercase;
    line-height: 200px;
    color:  var(--Carte--BG-titre);  
}
.contervoyage .slogan h3  {
    font-size: 35px;
    font-style: italic;
}
.contervoyage .slogan p  {
  position: absolute;
  top: 10px;
    font-size: 15px;
    font-style: italic;
    width: 80%;
}
//----------------------- Presentoire----------------
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}
.infogagnantKMI1{
      width: 100vw;
      min-height: 10vh;
}
   
.PrincipalKMI1{
      display: flex;
       flex-direction: column;
      justify-content: center;
      align-items: center; 
      width: 100%; 
      height: 100%;
}
.InfoafKMI,
.infogagnantKMI, 
.contenupageKMI{
      display: flex;
       flex-direction: column;
      justify-content: center;
      align-items: center; 
      width: 100%; 
      height: 100%;
}
.InfoafKMI,{
     background-color: chocolate;
}
.serviceshaut{
        color: white;
}
@media (max-width: 1200px) {
.containerlinx,
.rowlinx {
width: 100%;
}
.contervoyage{
    height: 100vh;
}
.serviceshaut{
      min-height: 50vh;
}
}
/*-------------------------------------------------*/