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

.corps{overflow:hidden; position: absolute;top:125px;left:0px;height: 600px;width: 100%;box-shadow: 0px -4px 4px #1c1a19;background-image: url("../img/pexels-ella-olsson-1640777.jpg"); background-repeat: no-repeat;background-position: center;background-size:cover;margin: auto; text-align: center;}
#cadre_anim{position:absolute; top: 175px;width:100%;text-align: center;}
#txt1{transform: rotate(0deg);position:relative;width:100%;top: 250px;animation-duration: 3s; animation-name:slidein4;font-family: manu, Geneva, Tahoma, sans-serif;font-size: 54px; text-align: center; color: rgb(187, 176, 81);;background-color: rgba(255, 255, 255, 0.85);}
#image_index{height:600px;}


#pres{position:relative;top: 0px;font-size: 0px; text-align: center; color: white;}
#ind{background-color:rgba(0, 0, 0, 0);font-family: manu,Verdana, Geneva, Tahoma, sans-serif;position:absolute;top: 150px;font-size: 90px; text-align: center; color: white; text-shadow: 0 0 2px rgb(0, 0, 0);width:100%}
#bouton{position:relative;top: 75px;font-size: 20px; text-align: center; color: black; opacity: 0.75; height: 50px; width:400px;margin:0 auto;padding-top:20px;background-color: whitesmoke;border-radius: 5px;}
a.bpcontact:link{color:gray;    text-decoration: none;}
a.bpcontact:visited{color:gray;    text-decoration: none;}
#bouton:hover{background-color: rgba(245, 245, 245, 0.75);}

 
.corps2{position: absolute;top:725px;left:0px;width:100%;height: 550px;background-color: rgba(245, 245, 245, 0); text-align: center;padding-top:0px;align-items:center;box-shadow: 0px -4px 4px #1c1a19;}



.corps3{position: absolute;top:725px;left:0px;width:100%;box-sizing:border-box;height: 500px;background-color: rgba(255, 255, 255, 0.8); text-align: center;}
#photo_profil{Position:relative; margin:20px;margin-left:20%;display:inline-block;vertical-align:middle;}
#text_pres{margin:20px;margin-right:20%;display:inline-block;vertical-align:middle;}
.pres_cab_1{font-size: 30px;color:rgb(64,145,60)}
.pres_cab_2{font-size: 20px;color:rgb(155, 116, 0)}
.pres_cab_3{font-size: 15px;color:rgb(0, 0, 0)}
.pres_cab_4{font-size: 15px;color:rgb(0, 0, 0)}

.corps4{position: absolute;top:1225px;left:0px;width:100%;box-sizing:border-box;height: 600px;background-color: rgba(255, 255, 255, 1); text-align: center;}
#cab{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
#decouvrez{position:relative;top: 225px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
#img1{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico1.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:250px;height: 125px;width:125px;background-image: url('../img/ico6.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:250px;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:250px;height: 125px;width:125px;background-image: url('../img/ico2.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
#img5{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico7.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
#img6{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico5.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;}
#img5:hover{opacity: 0.5;}
#img6:hover{opacity: 0.5;}


.corps5{position: absolute;top:1830px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
.bulle1{position: absolute;top:605px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
.bulle2{position: absolute;top:605px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
.bulle3{position: absolute;top:605px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
#txt_gauche1{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 800px; height:100px;margin: auto;line-height:30px;left:0px}
#txt_gauche2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 800px; height:100px;margin: auto;line-height:30px;left:0px}
#txt_gauche3{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 800px; height:100px;margin: auto;line-height:30px;left:0px}
#img_droite{position:relative; top: 25px;width: 15%;margin: auto;float:left;left:10%;}
#img_gauche{position:relative; top: 25px;width: 15%;margin: auto;float:right;right:10%;}
#img1a:hover .bulle1{display:block; z-index: 1;}
#img2a:hover .bulle2{display:block; z-index: 1;}
#img3a:hover .bulle3{display:block; z-index: 1;}


#qui{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}

.basdepage{top:2235px;}

}

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

  .corps{overflow:hidden; position: absolute;top:125px;left:0px;height: 600px;width: 100%;box-shadow: 0px -4px 4px #1c1a19;background-image: url("../img/pexels-ella-olsson-1640777.jpg"); background-repeat: no-repeat;background-position: center;background-size:cover;margin: auto; text-align: center;}
#cadre_anim{position:absolute; top: 175px;width:100%;text-align: center;}
#txt1{transform: rotate(0deg);position:relative;width:100%;top: 250px;animation-duration: 3s; animation-name:slidein4;font-family: manu, Geneva, Tahoma, sans-serif;font-size: 54px; text-align: center; color: rgb(187, 176, 81);;background-color: rgba(255, 255, 255, 0.85);}
#image_index{height:600px;}
  
  
  #pres{position:relative;top: 0px;font-size: 0px; text-align: center; color: white;}
  #ind{background-color:rgba(0, 0, 0, 0);font-family: manu,Verdana, Geneva, Tahoma, sans-serif;position:absolute;top: 150px;font-size: 90px; text-align: center; color: white; text-shadow: 0 0 2px rgb(0, 0, 0);width:100%}
  #bouton{position:relative;top: 75px;font-size: 20px; text-align: center; color: black; opacity: 0.75; height: 50px; width:400px;margin:0 auto;padding-top:20px;background-color: whitesmoke;border-radius: 5px;}
  a.bpcontact:link{color:gray;    text-decoration: none;}
  a.bpcontact:visited{color:gray;    text-decoration: none;}
  #bouton:hover{background-color: rgba(245, 245, 245, 0.75);}
  
   
  .corps2{position: absolute;top:725px;left:0px;width:100%;height: 550px;background-color: rgba(245, 245, 245, 0); text-align: center;padding-top:0px;align-items:center;box-shadow: 0px -4px 4px #1c1a19;}
  
  
  
  .corps3{position: absolute;top:725px;left:0px;width:100%;box-sizing:border-box;height: 500px;background-color: rgba(255, 255, 255, 0.8); text-align: center;}
  #photo_profil{Position:relative; margin:20px;margin-left:20%;display:none;vertical-align:middle;}
  #text_pres{margin:20px;display:inline-block;vertical-align:middle;}
  .pres_cab_1{font-size: 30px;color:rgb(64,145,60)}
  .pres_cab_2{font-size: 20px;color:rgb(155, 116, 0)}
  .pres_cab_3{font-size: 15px;color:rgb(0, 0, 0)}
  .pres_cab_4{font-size: 15px;color:rgb(0, 0, 0)}
  
  .corps4{position: absolute;top:1225px;left:0px;width:100%;box-sizing:border-box;height: 600px;background-color: rgba(255, 255, 255, 1); text-align: center;}
  #cab{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
  #decouvrez{position:relative;top: 225px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  #img1{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico1.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:250px;height: 125px;width:125px;background-image: url('../img/ico6.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:250px;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:250px;height: 125px;width:125px;background-image: url('../img/ico2.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img5{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico7.jpg');background-size:125px;background-repeat: no-repeat;margin:15px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img6{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico5.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 */
  
  
  .corps5{position: absolute;top:1830px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
  .bulle1{position: absolute;top:605px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
  .bulle2{position: absolute;top:605px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
  .bulle3{position: absolute;top:605px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
  #txt_gauche1{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;left:0px}
  #txt_gauche2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;left:0px}
  #txt_gauche3{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;left:0px}
  #img_droite{position:relative;top:50px;width: 15%;margin: auto;;float:left;left:5%;}
  #img_gauche{position:relative;top:50px;width: 15%;margin: auto;;float:right;right:5%;}
  #img1a:hover .bulle1{display:block; z-index: 1;}
  #img2a:hover .bulle2{display:block; z-index: 1;}
  #img3a:hover .bulle3{display:block; z-index: 1;}
  #qui{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  
  .basdepage{top:2235px;}
  
  }
  @media screen and (max-width: 1099px) and (min-width: 650px){

    .corps{overflow:hidden; position: absolute;top:125px;left:0px;height: 600px;width: 100%;box-shadow: 0px -4px 4px #1c1a19;background-image: url("../img/pexels-ella-olsson-1640777.jpg"); background-repeat: no-repeat;background-position: center;background-size:cover;margin: auto; text-align: center;}
#cadre_anim{position:absolute; top: 175px;width:100%;text-align: center;}
#txt1{transform: rotate(0deg);position:relative;width:100%;top: 200px;animation-duration: 3s; animation-name:slidein4;font-family: manu, Geneva, Tahoma, sans-serif;font-size: 54px; text-align: center; color: rgb(187, 176, 81);;background-color: rgba(255, 255, 255, 0.85);}
#image_index{height:600px;}
    
    #pres{position:relative;top: 0px;font-size: 0px; text-align: center; color: white;}
    #ind{background-color:rgba(0, 0, 0, 0);font-family: manu,Verdana, Geneva, Tahoma, sans-serif;position:absolute;top: 150px;font-size: 90px; text-align: center; color: white; text-shadow: 0 0 2px rgb(0, 0, 0);width:100%}
    #bouton{position:relative;top: 75px;font-size: 20px; text-align: center; color: black; opacity: 0.75; height: 50px; width:400px;margin:0 auto;padding-top:20px;background-color: whitesmoke;border-radius: 5px;}
    a.bpcontact:link{color:gray;    text-decoration: none;}
    a.bpcontact:visited{color:gray;    text-decoration: none;}
    #bouton:hover{background-color: rgba(245, 245, 245, 0.75);}
    
     
    .corps2{position: absolute;top:725px;left:0px;width:100%;height: 550px;background-color: rgba(245, 245, 245, 0); text-align: center;padding-top:0px;align-items:center;box-shadow: 0px -4px 4px #1c1a19;}
    
    
    
    .corps3{position: absolute;top:725px;left:0px;width:100%;box-sizing:border-box;height: 500px;background-color: rgba(255, 255, 255, 0.8); text-align: center;}
    #photo_profil{Position:relative; margin:20px;margin-left:20%;display:none;vertical-align:middle;}
    #text_pres{margin:20px;display:inline-block;vertical-align:middle;}
    .pres_cab_1{font-size: 30px;color:rgb(64,145,60)}
    .pres_cab_2{font-size: 20px;color:rgb(155, 116, 0)}
    .pres_cab_3{font-size: 15px;color:rgb(0, 0, 0)}
    .pres_cab_4{font-size: 15px;color:rgb(0, 0, 0)}
    
    .corps4{position: absolute;top:1225px;left:0px;width:100%;box-sizing:border-box;height: 800px;background-color: rgba(255, 255, 255, 1); text-align: center;}
    #cab{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 700px; height:100px;margin: auto;line-height:30px;}
    #decouvrez{position:relative;top: 225px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
    #img1{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico1.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img2{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico6.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img3{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico4.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img4{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico2.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img5{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico7.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
    #img6{position: relative;top:250px;height: 125px;width:125px;background-image: url('../img/ico5.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; 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 */
    
    
    .corps5{position: absolute;top:2030px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
    .bulle1{position: absolute;top:805px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
    .bulle2{position: absolute;top:805px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
    .bulle3{position: absolute;top:805px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}        
    #txt_gauche1{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 650px; height:250px;margin: auto;line-height:30px;background-image: url(../img/pp1.png);background-size:40%;background-repeat: no-repeat;background-position: center;background-color: rgba(255,255,255,0.7);background-blend-mode: lighten;}
    #txt_gauche2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 650px; height:250px;margin: auto;line-height:30px;background-image: url(../img/pp2.png);background-size:40%;background-repeat: no-repeat;background-position: center;background-color: rgba(255,255,255,0.7);background-blend-mode: lighten;}
    #txt_gauche3{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 650px; height:250px;margin: auto;line-height:30px;background-image: url(../img/pp3.png);background-size:40%;background-repeat: no-repeat;background-position: center;background-color: rgba(255,255,255,0.7);background-blend-mode: lighten;}
    #img_droite{position:relative;top:50px;width: 30%;margin: auto;;float:center;opacity:0.4;display:none;}
    #img_gauche{position:relative;top:50px;width: 30%;margin: auto;;float:center;opacity:0.4;display:none;}
    #img1a:hover .bulle1{display:block; z-index: 1;}
    #img2a:hover .bulle2{display:block; z-index: 1;}
    #img3a:hover .bulle3{display:block; z-index: 1;}
    #qui{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
    
    .basdepage{top:2435px;}
    
    }
/*smartphones */
@media (max-width: 649px){
  #testdiv{
    display:none;
  }



  .corps{overflow:hidden; position: absolute;top:-60px;left:0px;height: 600px;width: 100%;box-shadow: 0px -4px 4px #1c1a19;background-image: url("../img/pexels-ella-olsson-1640777.jpg"); background-repeat: no-repeat;background-position: center;background-size:cover;margin: auto; text-align: center;}
#cadre_anim{position:absolute; top: 175px;width:100%;text-align: center;}
#txt1{transform: rotate(0deg);position:relative;width:100%;top: 200px;animation-duration: 3s; animation-name:slidein4;font-family: manu, Geneva, Tahoma, sans-serif;font-size: 54px; text-align: center; color: rgb(187, 176, 81);;background-color: rgba(255, 255, 255, 0.85);}
#image_index{height:600px;}
  
  
  #pres{position:relative;top: 0px;font-size: 0px; text-align: center; color: white;}
  #ind{background-color:rgba(0, 0, 0, 0);font-family: manu,Verdana, Geneva, Tahoma, sans-serif;position:absolute;top: 150px;font-size: 90px; text-align: center; color: white; text-shadow: 0 0 2px rgb(0, 0, 0);width:100%}
  #bouton{position:relative;top: 75px;font-size: 20px; text-align: center; color: black; opacity: 0.75; height: 50px; width:400px;margin:0 auto;padding-top:20px;background-color: whitesmoke;border-radius: 5px;}
  a.bpcontact:link{color:gray;    text-decoration: none;}
  a.bpcontact:visited{color:gray;    text-decoration: none;}
  #bouton:hover{background-color: rgba(245, 245, 245, 0.75);}
  
   
  .corps2{position: absolute;top:540px;left:0px;width:100%;height: 550px;background-color: rgba(245, 245, 245, 0); text-align: center;padding-top:0px;align-items:center;box-shadow: 0px -4px 4px #1c1a19;}
  
  
  
  .corps3{position: absolute;top:540px;left:0px;width:100%;box-sizing:border-box;height: 500px;background-color: rgba(255, 255, 255, 0.8); text-align: center;}
  #photo_profil{Position:relative; margin:20px;margin-left:20%;display:none;vertical-align:middle;}
  #text_pres{margin:20px;display:inline-block;vertical-align:middle;}
  .pres_cab_1{font-size: 30px;color:rgb(64,145,60)}
  .pres_cab_2{font-size: 20px;color:rgb(155, 116, 0)}
  .pres_cab_3{font-size: 15px;color:rgb(0, 0, 0)}
  .pres_cab_4{font-size: 15px;color:rgb(0, 0, 0)}
  
  .corps4{position: absolute;top:1040px;left:0px;width:100%;box-sizing:border-box;height: 1100px;background-color: rgba(255, 255, 255, 1); text-align: center;}
  #cab{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0); height:100px;margin: auto;line-height:30px;}
  #decouvrez{position:relative;top: 275px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  #img1{position: relative;top:300px;height: 125px;width:125px;background-image: url('../img/ico1.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img2{position: relative;top:300px;height: 125px;width:125px;background-image: url('../img/ico6.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img3{position: relative;top:300px;height: 125px;width:125px;background-image: url('../img/ico4.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img4{position: relative;top:300px;height: 125px;width:125px;background-image: url('../img/ico2.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img5{position: relative;top:300px;height: 125px;width:125px;background-image: url('../img/ico7.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; text-align: center;border-radius: 50%;display:inline-block;vertical-align:top;}
  #img6{position: relative;top:300px;height: 125px;width:125px;background-image: url('../img/ico5.jpg');background-size:125px;background-repeat: no-repeat;margin:15px;margin-bottom:50px; 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 */
  
  
  .corps5{position: absolute;top:2145px;left:0px;height: 600px;width: 100%;background-color: rgba(255, 255, 255, 00.8); text-align: center;}
    .bulle1{position: absolute;top:1105px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
    .bulle2{position: absolute;top:1105px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
    .bulle3{position: absolute;top:1105px;left:0px;height: 400px;width: 100%;background-color: rgba(255, 255, 255, 1); text-align: center; display: none;}
     #txt_gauche1{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 100%; height:250px;margin: auto;line-height:30px;background-image: url(../img/pp1.png);background-size:40%;background-repeat: no-repeat;background-position: center;background-color: rgba(255,255,255,0.7);background-blend-mode: lighten;}
     #txt_gauche2{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 100%; height:250px;margin: auto;line-height:30px;background-image: url(../img/pp2.png);background-size:40%;background-repeat: no-repeat;background-position: center;background-color: rgba(255,255,255,0.7);background-blend-mode: lighten;}
     #txt_gauche3{position:relative;top: 65px;font-size: 20px; text-align: center; color: rgb(0, 0, 0);width: 100%; height:250px;margin: auto;line-height:30px;background-image: url(../img/pp3.png);background-size:40%;background-repeat: no-repeat;background-position: center;background-color: rgba(255,255,255,0.7);background-blend-mode: lighten;}
    
     #img_droite{position:relative;top:50px;width: 30%;margin: auto;;float:center;opacity:0.4;display:none;}
    #img_gauche{position:relative;top:50px;width: 30%;margin: auto;;float:center;opacity:0.4;display:none;}
    #img1a:hover .bulle1{display:block; z-index: 1;}
    #img2a:hover .bulle2{display:block; z-index: 1;}
    #img3a:hover .bulle3{display:block; z-index: 1;}
  #qui{position:relative;top: 25px;font-size: 30px; text-align: center;color: rgba(64, 154, 60, 1);}
  
  .basdepage{top:2750px;}
  
  }