body{}
.blockD h3{text-align: center;font-size: 24px;padding-bottom: 5px;display: block;}
.blockD h2{
  padding: 1px 1px;
  color: #FF4500;
  font-size: 33px;
  text-align: center;
  display: block;
}
.descriptionP h2.cache,.descriptionP2 h2.cache{  
  padding: 1px 1px;
  color: #FF4500;
  font-size: 33px;
  text-align: center;
  display: none;
}


p{font-size: 18px;text-align: justify;}

.page{
  width: 100%;
  border-radius: 0px 0px 30px 30px;
  background-image: url("/photos/fond_titre.jpg");
  background-position: center;
  margin-top: -25px;
  height: 60px;
}

.page h1{
  font-size: 45px;
  text-align: center;
  padding: 10px 0px;
  color: white
}

/*block description*/
.descriptionP,.descriptionP2{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px;
  background-color: rgba(255,255,255,0.9);
  margin-top: 50px;
  margin-bottom: 50px;
}
.tout{width: 100%;height: 100%;background-image: url("/photos/fond_Prodruits.jpg");}


/*partie image gauche*/
.imgG{width: 30%;}

/* Tres Petite image */
.imgG .boxImg4{   
   width: 100%;
   max-width: 600px;
   min-width: 200px;
   display: block;
   margin: auto;
   margin-top: 7%;
   transition: all 0.2s;
 }
.imgG .boxImg4:hover{border-radius: 100px;box-shadow: 0px 10px 10px black inset; }

/* Petite image */
.imgG .boxImg{   
   width: 100%;
   max-width: 500px;
   min-width: 200px;
   display: block;
   margin: auto;
   margin-top: 7%;
   transition: all 0.2s;
 }
.imgG .boxImg:hover{border-radius: 100px;box-shadow: 0px 10px 10px black inset; }


/*Moyenne image */
.imgG .boxImg2{   
   width: 100%;
   max-width: 400px;
   min-width: 200px;
   display: block;
   margin: auto;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 10px;
   transition: all 0.2s;
 }
.imgG .boxImg2:hover{border-radius: 100px;box-shadow: 0px 10px 10px black inset; }

/*Tres grande image*/
.imgG .boxImg3{   
  width: 100%;
  max-width: 220px;
  display: block;
  margin: auto;
  padding-top: 10px;
  transition: all 0.2s;
 }

.imgG .boxImg3:hover{border-radius: 60px;box-shadow: 0px 10px 10px black inset;}

/*Tres tres grande image*/
.imgG .boxImg5{   
  width: 100%;
  max-width: 300px;
  display: block;
  margin: auto;
  padding-top: 10px;
  transition: all 0.2s;
 }

.imgG .boxImg5:hover{border-radius: 60px;box-shadow: 0px 10px 10px black inset;}

/*partie description*/
.blockD{
  width: 70%;
  max-width: 1000px;
  margin: auto;
}

/*Bouton de redirection*/
.divDec{
  margin: auto;
  text-align: center;
  max-width: 300px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.buttonDecouvrir{
  font-size: 25px;
  color: black;
  padding: 10px 30px;
  border: 1px black solid;
  border-radius: 70px 70px 70px 70px;
  transition: all 0.2s;
}

.buttonDecouvrir:hover{
  text-decoration: none;
  border: 1px black solid;
  background-color: black;
  color: white;
}

.buttonDecouvrir span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.3s;
}

.buttonDecouvrir span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
}

.buttonDecouvrir:hover span {padding-right: 25px;}

.buttonDecouvrir:hover span:after {opacity: 1;right: 0;}

#talX{}
#talX3{max-width: 330px;margin-top: 40px}
.imgG .recentre{padding-top: 0px;padding-right: 0px;}

  .languette h1{
    color: black;
    font-size: 36px;
    padding: 2px;
  }
  .languette{
    margin-top: 50px;
    width: 40%;
    background-color: rgba(243,66,0,0.9);
    color: white;
    left: 0;
    border-radius: 0px 10px 200px 0px;
  }
  .languette .centre{margin: auto;width: 70%;}

  @media screen and (max-width: 1526px) {
  p{font-size: 17px;}
  .blockD h2{font-size: 30px;}
  .blockD h3{font-size: 22px;}
  .buttonDecouvrir{font-size: 20px;padding: 8px 25px;}
}

@media screen and (max-width: 1332px) {
  .languette{min-width: 440px;}
  .languette h1{font-size: 30px;}
  .imgG .recentre{padding-top: 50px;padding-right: 15px;}
}


  @media screen and (max-width: 1000px) {
.descriptionP h2.cache,.descriptionP2 h2.cache{display: block;font-size: 27px;}
.blockD h3{font-size: 21px;}
.blockD h2.discover{display: none;}

.descriptionP{flex-direction: column;justify-content: none;}
.descriptionP2{flex-direction: column-reverse;justify-content: none;}
.blockD{width: 90%;}
.imgG{width: 100%;}
.boxImg{margin-top: -35px;}
.page h1{font-size: 35px; padding: 17px 0px;}
img#polymax{margin-top: 0px;}
  #talX3{margin-top: 0px}
.imgG .boxImg2{   
   padding-left: 0px;
   padding-top: 0px;
 }
}

@media screen and (max-width: 725px) {
  .boxImg{max-width: 400px;min-width: 200px;margin-top: 0px;}
  img#talX.boxImg{width: 100%;max-width: 250px;min-width: 150px;}
  .imgG .boxImg{margin-top: -35px;max-width: 320px}
  .imgG .boxImg2,.imgG .boxImg5,.imgG .boxImg3{max-width: 320px;}
}

  @media screen and (max-width: 525px) {
  .descriptionP h2.cache,.descriptionP2 h2.cache{font-size: 23px;}
  .blockD h3{font-size: 18px;}
  .imgG{width: 100%;margin-left: 0%}
  p{font-size: 14px;}
  .blockD{width: 97%;}
  .boxImg{max-width: 300px;min-width: 200px;margin-top: 0px;}
  img#talX.boxImg{width: 100%;max-width: 200px;min-width: 150px;}
  img#z200{max-width: 150px;min-width: 100px;}
  .buttonDecouvrir{font-size: 18px;padding: 5px 20px;}
  .special{}
  .page h1{font-size: 30px;padding: 14px 0px;}
  .page{margin-top: -25px;height: 50px;}
  .imgG .boxImg{margin-top: -35px;max-width: 220px}
  .imgG .boxImg2,.imgG .boxImg5,.imgG .boxImg3{max-width: 220px;}
}


@media screen and (max-width: 460px) {
  .languette{min-width: 330px;}
  .languette h1{font-size: 22px;}
    #talX3{max-width: 220px;margin-top: 0px}
    .descriptionP h2.cache,.descriptionP2 h2.cache{font-size: 18px;}
    .imgG .recentre{padding-right: 0px;padding-top: 0px;}
    #x-calibur{padding-top: 50px;}

}