#toggle{
  display:none;
}
@media screen and (max-width: 1920px) and (min-width: 1500px){

.corps{position: absolute;top:125px;left:0px;height: 1800px;width: 100%;background:white;font-family: manu3,Verdana, Geneva, Tahoma, sans-serif;}
a.bpemploi:link{color:whitesmoke;text-decoration: none;}
a.bpemploi:visited{color:whitesmoke;text-decoration: none;}
#bp_annonce:hove{background-color: rgb(0, 0, 0, 0.4);text-decoration: none;}
#bp_annonce{position: absolute;top: 25px; left: 300px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce4{position: absolute;top: 25px; left: 500px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce2{position: relative;top: 100px; left: 300px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce3{position: relative;top: 60px; left: 500px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#offre{position:relative;top: 100px;font-size: 20px; text-align: left; color: rgb(0, 0, 0);left : 20%; width : 60%;}
#img_offre_emploi{width:100%;}
p{text-align:justify;padding-bottom:20px;position:relative;}
  
.basdepage{top:1900px;}

}

/*Enormes écrans */
@media (min-width: 1921px){
  .corps{position: absolute;top:125px;height: 1800px;width: 1920px;background:white;left:auto; right:auto;font-family: manu3,Verdana, Geneva, Tahoma, sans-serif;}
  a.bpemploi:link{color:whitesmoke;text-decoration: none;}
  a.bpemploi:visited{color:whitesmoke;text-decoration: none;}
  #bp_annonce:hove{background-color: rgb(0, 0, 0, 0.4);text-decoration: none;}
  #bp_annonce{position: absolute;top: 25px; left: 300px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
  #bp_annonce4{position: absolute;top: 25px; left: 500px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
  #bp_annonce2{position: relative;top: 100px; left: 300px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
  #bp_annonce3{position: relative;top: 60px; left: 500px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
  #offre{position:relative;top: 100px;font-size: 20px; text-align: left; color: rgb(0, 0, 0);left : 20%; width : 1152px;}
  #img_offre_emploi{width:100%;}
  p{text-align:justify;padding-bottom:20px;position:relative;}
    
  .basdepage{top:1900px;}
  
  }

@media screen and (max-width: 1499px) and (min-width: 1000px){

.corps{position: absolute;top:125px;left:0px;height: 1900px;width: 100%;background:white;font-family: manu3,Verdana, Geneva, Tahoma, sans-serif;}
a.bpemploi:link{color:whitesmoke;text-decoration: none;}
a.bpemploi:visited{color:whitesmoke;text-decoration: none;}
#bp_annonce:hove{background-color: rgb(0, 0, 0, 0.4);text-decoration: none;}
#bp_annonce{position: absolute;top: 25px; left: 200px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce4{position: absolute;top: 25px; left: 400px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce2{position: relative;top: 100px; left: 200px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce3{position: relative;top: 60px; left: 400px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#offre{position:relative;top: 100px;font-size: 20px; text-align: left; color: rgb(0, 0, 0);left : 10%; width : 80%;}
#img_offre_emploi{width:100%;}
p{text-align:justify;padding-bottom:20px;position:relative;}
 
.basdepage{top:2000px;}
}    

/*petits ecrans */
@media screen and (max-width: 1100px) and (min-width: 721px){

.corps{position: absolute;top:65px;left:0px;height: 1400px;width: 100%;background:white;font-family: manu3,Verdana, Geneva, Tahoma, sans-serif;}
a.bpemploi:link{color:whitesmoke;text-decoration: none;}
a.bpemploi:visited{color:whitesmoke;text-decoration: none;}
#bp_annonce:hove{background-color: rgb(0, 0, 0, 0.4);text-decoration: none;}
#bp_annonce{position: absolute;top: 25px; left: 100px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce4{position: absolute;top: 25px; left: 300px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce2{position: relative;top: 100px; left: 100px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce3{position: relative;top: 60px; left: 300px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#offre{position:relative;top: 100px;font-size: 20px; text-align: left; color: rgb(0, 0, 0);left : 10%; width : 80%;}
#img_offre_emploi{width:100%;}
p{text-align:justify;padding-bottom:20px;position:relative;}

.basdepage{top:1500px;}

}
  
/*smartphones */
@media (max-width: 720px){
#testdiv{
  display:none;
}

.corps{position: absolute;top:65px;left:0px;height: 1100px;width: 100%;background:white;font-family: manu3,Verdana, Geneva, Tahoma, sans-serif;}
a.bpemploi:link{color:whitesmoke;text-decoration: none;}
a.bpemploi:visited{color:whitesmoke;text-decoration: none;}
#bp_annonce:hove{background-color: rgb(0, 0, 0, 0.4);text-decoration: none;}
#bp_annonce{position: absolute;top: 25px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;margin:auto;}
#bp_annonce4{position: absolute;top: 25px; right: 0px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce2{position: absolute;top: 800px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#bp_annonce3{position: absolute;top: 800px;right:0px;background-color: rgb(0, 0, 0);height: 30px; width:190px; padding-top: 10px;font-size: 15px;}
#offre{position:relative;top: 100px;font-size: 20px; text-align: left; color: rgb(0, 0, 0);left : 2%; width : 96%;}
#img_offre_emploi{width:100%;}
p{text-align:justify;padding-bottom:20px;position:relative;}

 
.basdepage{top:1200px;}

}