#toggle{
  display:none;
}
@media (min-width: 1400px){

.corps{position: absolute;top:125px;left:0px;width:100%;box-sizing:border-box;height: 600px;background-color: rgba(255, 255, 255, 1); text-align: center;}
#cab{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
#cab2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
.pres_cab_3{font-size: 20px;color:rgb(0, 0, 0)}
.pres_cab_4{font-size: 20px;color:rgb(0, 0, 0)}
#img1{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico8.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
#img2{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico9.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
#img3{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico4.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
#img4{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico10.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
#txt_img_metiers{position:relative;font-size: 15px;color:rgb(0, 0, 0); text-align:center;top:135px;background-color:rgb(0,0,0,0);width:125px;margin: auto;}
/* #img1:hover{opacity: 0.5;}
#img2:hover{opacity: 0.5;}
#img3:hover{opacity: 0.5;}
#img4:hover{opacity: 0.5;} *//* A réactiver quand les liens seront faits */


.corps2{position: absolute;top:605px;left:0px;height: 500px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
#atel{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
#atel2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
.basdepage{top:1110px;}

}

/*petits ecrans */
@media screen and (max-width: 1399px) and (min-width: 1100px){
  .corps{position: absolute;top:125px;left:0px;width:100%;box-sizing:border-box;height: 600px;background-color: rgba(255, 255, 255, 1); text-align: center;}
  #cab{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  #cab2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
  .pres_cab_3{font-size: 20px;color:rgb(0, 0, 0)}
  .pres_cab_4{font-size: 20px;color:rgb(0, 0, 0)}
  #img1{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico8.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img2{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico9.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img3{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico4.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img4{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico10.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #txt_img_metiers{position:relative;font-size: 15px;color:rgb(0, 0, 0); text-align:center;top:135px;background-color:rgb(0,0,0,0);width:125px;margin: auto;}
  /* #img1:hover{opacity: 0.5;}
  #img2:hover{opacity: 0.5;}
  #img3:hover{opacity: 0.5;}
  #img4:hover{opacity: 0.5;} *//* A réactiver quand les liens seront faits */
  
  
  .corps2{position: absolute;top:605px;left:0px;height: 500px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
  #atel{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  #atel2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
  .basdepage{top:1110px;}
  
  }
  @media screen and (max-width: 1099px) and (min-width: 650px){
    .corps{position: absolute;top:125px;left:0px;width:100%;box-sizing:border-box;height: 600px;background-color: rgba(255, 255, 255, 1); text-align: center;}
    #cab{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
    #cab2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
    .pres_cab_3{font-size: 20px;color:rgb(0, 0, 0)}
    .pres_cab_4{font-size: 20px;color:rgb(0, 0, 0)}
    #img1{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico8.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img2{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico9.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img3{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico4.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img4{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico10.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #txt_img_metiers{position:relative;font-size: 15px;color:rgb(0, 0, 0); text-align:center;top:135px;background-color:rgb(0,0,0,0);width:125px;margin: auto;}
    /* #img1:hover{opacity: 0.5;}
    #img2:hover{opacity: 0.5;}
    #img3:hover{opacity: 0.5;}
    #img4:hover{opacity: 0.5;} *//* A réactiver quand les liens seront faits */
    
    
    .corps2{position: absolute;top:605px;left:0px;height: 500px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
    #atel{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
    #atel2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
    .basdepage{top:1110px;}
    
    }
/*smartphones */
@media (max-width: 649px){
  #testdiv{
    display:none;
  }


  .corps{position: absolute;top:60px;left:0px;width:100%;box-sizing:border-box;height: 700px;background-color: rgba(255, 255, 255, 1); text-align: center;}
  #cab{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  #cab2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0); height:100px;margin: auto;line-height:30px;}
  .pres_cab_3{font-size: 20px;color:rgb(0, 0, 0)}
  .pres_cab_4{font-size: 20px;color:rgb(0, 0, 0)}
  #img1{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico8.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img2{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico9.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img3{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico4.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img4{position: relative;top:75px;height: 125px;width:125px;background-image: url('../img/ico10.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #txt_img_metiers{position:relative;font-size: 15px;color:rgb(0, 0, 0); text-align:center;top:135px;background-color:rgb(0,0,0,0);width:125px;margin: auto;}
  /* #img1:hover{opacity: 0.5;}
  #img2:hover{opacity: 0.5;}
  #img3:hover{opacity: 0.5;}
  #img4:hover{opacity: 0.5;} *//* A réactiver quand les liens seront faits */
  
  
  .corps2{position: absolute;top:705px;left:0px;height: 500px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
  #atel{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  #atel2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0); height:100px;margin: auto;line-height:30px;}
  .basdepage{top:1210px;}
  
  }