@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 
       #myBtn
{
  visibility: hidden;
}

  .popup-container {
    display: none !important;
  }

  #partie5 {
    position: relative;
    left: -50px;
  }

  #partie13
  {
    position: relative;
     top: -400px;
     left:7px;
  }

  #partie14
  {
    position: relative;
     top: -180px;
     
  }

#partie12
{
  position: relative;
  top: -460px;
 
}

  #partie9
  {
    position: relative;
    left:10px;
  }

  #partie11
  {
    visibility: hidden;
  }

  #partie7
  {
    position: relative;
    left:5px;
  }

#defilant1
{
  margin-left:15px;
}


#defilant2
{
  margin-left: 20px;
  
}

  #partie4
  {
   
    width: 200vw;
  height: auto;
  /* Autres styles facultatifs */
  max-width: 95%; 
  position: relative;
  top:20px;/* Limite la largeur maximale de l'image à la largeur de l'écran */


  }

 #photos {
  width: 200vw;
  height: auto;
  /* Autres styles facultatifs */
  max-width: 117%; /* Limite la largeur maximale de l'image à la largeur de l'écran */
}

     
  #Copyrights
  {
    font-size:19px;
    margin-left: 18px;
  }
 #mobile
 {
  width: 260px;
  margin-left: 68px;
  margin-bottom: 20px;
 }
 #part99
 {
      width:320px;
      margin-top: -200px;
      margin-left: 8px;
 }
 #offre
 {
  text-align: center;
 }
 #offreText
 {
  font-size: 15px;
 }
 #offreTextA
 {
   font-size: 15px;
 }
#offreTextAA
{
  font-size: 15px;
}

#ropossa
 {
   width:350px;
 }
 #ropos
 {
   width:100px;
 }
 #offrepower
 {
  font-size: 18px;
  text-align: center;
 }
 #partgae
 {
      width:320px;
      margin-top: -80px;
      margin-left: 8px;
 }
 #teroiu
 {
  font-size:20px;
 }

 #part77
 {
      width:320px;
      margin-left:0px;
 }
#part100
{
    margin-top:-90px;
}
#centaines
{
    text-align: center;
    font-size: 20px;
}
#plusrecherche
{
  visibility: hidden;
}
#pet
{
  text-align: center;
  font-size: 15px;
}
 #dotnera
 {
  visibility: hidden;
 }

 #recherche
 {
 
  visibility: hidden;
 }
#partenr
{
  width: 250px;
  margin-left: 68px;
  margin-bottom: 10px;
}
#h2largesimages
{
 
 position: relative;
 left:-40px;
width:200px;
visibility: hidden;



}
#employeur
{
 display: none;
 
}
#h2largesimagess a{
  font-size: 12px;
}

#h2largesimagess2 a{
  font-size: 12px;
}


#h2largesimagess   
{
   position: relative;
  left:-30px;
  width:200px;
  margin-top: 140px;
  font-size: normal;
}
#h2largesimagess2 
{
   position: relative;
  left:-30px;
  margin-top: 50px;
  width:200px;

}
blockquote:before {
  position: absolute;
  top:100px;
  left:25px;
  content: "\f10d";
  font-family: 'Fontawesome';
  font-size: 40px;
  color: #fff; 
}
blockquote:after {
  position: absolute;
  bottom:115px;
  right: 20px;
  content: "\f10e";
  font-family: 'Fontawesome';
  font-size: 40px;
}

#imga
{
  width :400px;
  margin-left:-10px;
}

#true
{
   visibility: hidden;
}

 #eveProches
 {
  font-size: 25px;
 }

#cadreer
{
  width: 230px;
   margin-left:20px;
}
#nonDsMali
{
   width: 400px;
}
#alih
{

  display: block;
  padding-bottom:120px;
  
  
}
p#alih2
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:30px; 
  left: -60px;
}

p#alih3
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:60px; 
  left: -190px;
}

p#alih4
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -260px;
}

p#alih5
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -340px;
}

p#alih44
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -298px;
}

p#alih55
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -378px;
}

p#alih444
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -277px;
}

p#alih555
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -357px;
}
p#alih44a
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -301px;
}

p#alih55a
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -381px;
}


#job-dates
{
  position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:210px; 
  left: -440px;
}

#job-datess
{
  visibility: hidden;
}
.job {
width: 330px;

}
.job-list
{
  position: relative; 
  margin-left: -23px;
  top:-1100px ;
}
#pagi
{
  position: relative; 
  margin-left: -73px;
  top:-1100px ;
}
#filtrer
{
  visibility: hidden;
}

#actualiteC
{
  font-size:25px;
}

#mora
{
  margin-left: 46px;
}
    }

/*iPhone XR, XS Max  414x896 */
@media only screen and (max-width: 428px) and (max-height: 926px) {
   #myBtn
{
  visibility: hidden;
}

  .popup-container {
    display: none !important;
  }

  #partie5 {
    position: relative;
    left: -50px;
  }

  #partie13
  {
    position: relative;
     top: -400px;
     left:7px;
  }

  #partie14
  {
    position: relative;
     top: -180px;
     
  }

#partie12
{
  position: relative;
  top: -460px;
 
}

  #partie9
  {
    position: relative;
    left:10px;
  }

  #partie11
  {
    visibility: hidden;
  }

  #partie7
  {
    position: relative;
    left:5px;
  }

#defilant1
{
  margin-left:15px;
}


#defilant2
{
  margin-left: 20px;
  
}

  #partie4
  {
   
    width: 200vw;
  height: auto;
  /* Autres styles facultatifs */
  max-width: 95%; 
  position: relative;
  top:20px;/* Limite la largeur maximale de l'image à la largeur de l'écran */


  }

 #photos {
  width: 200vw;
  height: auto;
  /* Autres styles facultatifs */
  max-width: 117%; /* Limite la largeur maximale de l'image à la largeur de l'écran */
}

     
  #Copyrights
  {
    font-size:19px;
    margin-left: 18px;
  }
 #mobile
 {
  width: 260px;
  margin-left: 68px;
  margin-bottom: 20px;
 }
 #part99
 {
      width:320px;
      margin-top: -200px;
      margin-left: 8px;
 }
 #offre
 {
  text-align: center;
 }
 #offreText
 {
  font-size: 15px;
 }
 #offreTextA
 {
   font-size: 15px;
 }
#offreTextAA
{
  font-size: 15px;
}

#ropossa
 {
   width:350px;
 }
 #ropos
 {
   width:100px;
 }
 #offrepower
 {
  font-size: 18px;
  text-align: center;
 }
 #partgae
 {
      width:320px;
      margin-top: -80px;
      margin-left: 8px;
 }
 #teroiu
 {
  font-size:20px;
 }

 #part77
 {
      width:320px;
      margin-left:0px;
 }
#part100
{
    margin-top:-90px;
}
#centaines
{
    text-align: center;
    font-size: 20px;
}
#plusrecherche
{
  visibility: hidden;
}
#pet
{
  text-align: center;
  font-size: 15px;
}
 #dotnera
 {
  visibility: hidden;
 }

 #recherche
 {
 
  visibility: hidden;
 }
#partenr
{
  width: 250px;
  margin-left: 68px;
  margin-bottom: 10px;
}
#h2largesimages
{
 
 position: relative;
 left:-40px;
width:200px;
visibility: hidden;



}
#employeur
{
 display: none;
 
}
#h2largesimagess a{
  font-size: 12px;
}

#h2largesimagess2 a{
  font-size: 12px;
}


#h2largesimagess   
{
   position: relative;
  left:-30px;
  width:200px;
  margin-top: 140px;
  font-size: normal;
}
#h2largesimagess2 
{
   position: relative;
  left:-30px;
  margin-top: 50px;
  width:200px;

}
blockquote:before {
  position: absolute;
  top:100px;
  left:25px;
  content: "\f10d";
  font-family: 'Fontawesome';
  font-size: 40px;
  color: #fff; 
}
blockquote:after {
  position: absolute;
  bottom:115px;
  right: 20px;
  content: "\f10e";
  font-family: 'Fontawesome';
  font-size: 40px;
}

#imga
{
  width :400px;
  margin-left:-10px;
}

#true
{
   visibility: hidden;
}

 #eveProches
 {
  font-size: 25px;
 }

#cadreer
{
  width: 230px;
   margin-left:20px;
}
#nonDsMali
{
   width: 400px;
}
#alih
{

  display: block;
  padding-bottom:120px;
  
  
}
p#alih2
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:30px; 
  left: -60px;
}

p#alih3
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:60px; 
  left: -190px;
}

p#alih4
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -260px;
}

p#alih5
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -340px;
}

p#alih44
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -298px;
}

p#alih55
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -378px;
}

p#alih444
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -277px;
}

p#alih555
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -357px;
}
p#alih44a
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -301px;
}

p#alih55a
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -381px;
}


#job-dates
{
  position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:210px; 
  left: -440px;
}

#job-datess
{
  visibility: hidden;
}
.job {
width: 330px;

}
.job-list
{
  position: relative; 
  margin-left: -23px;
  top:-1100px ;
}
#pagi
{
  position: relative; 
  margin-left: -73px;
  top:-1100px ;
}
#filtrer
{
  visibility: hidden;
}

#actualiteC
{
  font-size:25px;
}

#mora
{
  margin-left: 46px;
}
}


@media (max-width: 414px) and (max-height: 896px) { 

#myBtn
{
  visibility: hidden;
}

  .popup-container {
    display: none !important;
  }

  #partie5 {
    position: relative;
    left: -50px;
  }

  #partie13
  {
    position: relative;
     top: -400px;
     left:7px;
  }

  #partie14
  {
    position: relative;
     top: -180px;
     
  }

#partie12
{
  position: relative;
  top: -460px;
 
}

  #partie9
  {
    position: relative;
    left:10px;
  }

  #partie11
  {
    visibility: hidden;
  }

  #partie7
  {
    position: relative;
    left:5px;
  }

#defilant1
{
  margin-left:15px;
}


#defilant2
{
  margin-left: 20px;
  
}

  #partie4
  {
   
    width: 200vw;
  height: auto;
  /* Autres styles facultatifs */
  max-width: 95%; 
  position: relative;
  top:20px;/* Limite la largeur maximale de l'image à la largeur de l'écran */


  }

 #photos {
  width: 200vw;
  height: auto;
  /* Autres styles facultatifs */
  max-width: 117%; /* Limite la largeur maximale de l'image à la largeur de l'écran */
}

     
  #Copyrights
  {
    font-size:19px;
    margin-left: 18px;
  }
 #mobile
 {
  width: 260px;
  margin-left: 68px;
  margin-bottom: 20px;
 }
 #part99
 {
      width:320px;
      margin-top: -200px;
      margin-left: 8px;
 }
 #offre
 {
  text-align: center;
 }
 #offreText
 {
  font-size: 15px;
 }
 #offreTextA
 {
   font-size: 15px;
 }
#offreTextAA
{
  font-size: 15px;
}

#ropossa
 {
   width:350px;
 }
 #ropos
 {
   width:100px;
 }
 #offrepower
 {
  font-size: 18px;
  text-align: center;
 }
 #partgae
 {
      width:320px;
      margin-top: -80px;
      margin-left: 8px;
 }
 #teroiu
 {
  font-size:20px;
 }

 #part77
 {
      width:320px;
      margin-left:0px;
 }
#part100
{
    margin-top:-90px;
}
#centaines
{
    text-align: center;
    font-size: 20px;
}
#plusrecherche
{
  visibility: hidden;
}
#pet
{
  text-align: center;
  font-size: 15px;
}
 #dotnera
 {
  visibility: hidden;
 }

 #recherche
 {
 
  visibility: hidden;
 }
#partenr
{
  width: 250px;
  margin-left: 68px;
  margin-bottom: 10px;
}
#h2largesimages
{
 
 position: relative;
 left:-40px;
width:200px;
visibility: hidden;



}
#employeur
{
 display: none;
 
}
#h2largesimagess a{
  font-size: 12px;
}

#h2largesimagess2 a{
  font-size: 12px;
}


#h2largesimagess   
{
   position: relative;
  left:-30px;
  width:200px;
  margin-top: 140px;
  font-size: normal;
}
#h2largesimagess2 
{
   position: relative;
  left:-30px;
  margin-top: 50px;
  width:200px;

}
blockquote:before {
  position: absolute;
  top:100px;
  left:25px;
  content: "\f10d";
  font-family: 'Fontawesome';
  font-size: 40px;
  color: #fff; 
}
blockquote:after {
  position: absolute;
  bottom:115px;
  right: 20px;
  content: "\f10e";
  font-family: 'Fontawesome';
  font-size: 40px;
}

#imga
{
  width :400px;
  margin-left:-10px;
}

#true
{
   visibility: hidden;
}

 #eveProches
 {
  font-size: 25px;
 }

#cadreer
{
  width: 230px;
   margin-left:20px;
}
#nonDsMali
{
   width: 400px;
}
#alih
{

  display: block;
  padding-bottom:120px;
  
  
}
p#alih2
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:30px; 
  left: -60px;
}

p#alih3
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:60px; 
  left: -190px;
}

p#alih4
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -260px;
}

p#alih5
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -340px;
}

p#alih44
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -298px;
}

p#alih55
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -378px;
}

p#alih444
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -277px;
}

p#alih555
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -357px;
}
p#alih44a
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:90px; 
  left: -301px;
}

p#alih55a
{

position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:120px; 
  left: -381px;
}


#job-dates
{
  position: relative; /* Permet d'utiliser les propriétés de positionnement */
  top:210px; 
  left: -440px;
}

#job-datess
{
  visibility: hidden;
}
.job {
width: 330px;

}
.job-list
{
  position: relative; 
  margin-left: -23px;
  top:-1100px ;
}
#pagi
{
  position: relative; 
  margin-left: -73px;
  top:-1100px ;
}
#filtrer
{
  visibility: hidden;
}

#actualiteC
{
  font-size:25px;
}

#mora
{
  margin-left: 46px;
}



}






/*iPhone XS, X 375x812 */


@media (max-width: 375px) and (max-height: 812px) { 

  .popup-container {
    display: none !important;
  }

.job-list
{
  position: relative; 
  margin-left: -33px;
  top:-1100px ;
}


#nonDsMali
{
   width: 368px;
   margin-left: -5px;
}

#h2largesimages
{
 
 position: relative;
 left:0px;
width:200px;
}

#h2largesimagess  
{
   position: relative;
  left:0px;
  width:200px;
  
}

#h2largesimagess2
{
   position: relative;
  left:0px;
  width:200px;
  
}


 #mobile
 {
  width: 260px;
  margin-left: 52px;
  margin-bottom: 20px;
 }

 #ropossa
 {
   width:300px;
 }




}






/* pixel 3 , 3xl */

@media (max-width: 393px) and (max-height: 786px) { 


#mora
{
  margin-left: 46px;
 
}

.popup-content {
  top: 10%; /* Position verticale ajustée pour un meilleur positionnement sur mobile */
  width: 80%; /* Largeur ajustée pour s'adapter à l'écran mobile */
  padding: 10px; /* Réduire le padding pour économiser de l'espace */
  text-align: center;
}

.popup-content img {
  max-width: 100%; /* Ajuster la largeur de l'image à la largeur de l'écran */
}


}

/*Large Screen
688x1031 */

@media (max-width: 688px) and (max-height: 1031px) { 



}

@media (max-width: 393px) and (max-height: 786px) { 






}