/**
 * Fichier réservé aux fix d'urgence.
 *
 * En théorie, ce fichier devrait être vide.
 * Le thème du site est basé sur un bootstrap 3 customisé.
 * Il est compilé en LESS, voir dans css/dev/less/village
 *
 text-align: center;
    position: absolute;
    margin:auto ;
    top: 2px;
    right: 0;
    bottom: 0;
    left: 0;
    width:auto;
*/

/* MODIF ltjno 210917 :  ajout de ces deux classes pour les div verticaux pour permettre le zoom sur le image sans déformation
*/

/* PAGES : ACCUEIL */
.div-relative-img {
  position: relative;
}
 /* pour centrer verticalement
.vertical-center{
  margin-top: 50vh;  poussé de la moitié de hauteur de viewport
  transform: translateY(-50%);  tiré de la moitié de sa propre hauteur
}*/

.img-absolute {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.img-absolute-top {
  position: absolute;
margin: 0 auto;
top: 7%;
right: 0;
bottom: 0;
left: 0;
}


.img-centre-vertical{
  margin: auto;
  top:;
  right: 0;
  bottom: 0;
  left: 0;
}

.prestatR, .managt2 {
  max-height: 160px;
}

.carrieR {
  max-height: 328px;
}

.img-responsiveW {
  width: 100%;
  height: auto;
  z-index: 0;
}

.img-responsiveH {
  height: 100%;
  width: auto;
  z-index: 0;
}

.img-respW {
  width: 100%;
  height: auto;
  z-index: 0;
}

.img-respH {
  height: 100%;
  width: auto;
  z-index: 0;
}

.img-respH150{
  max-height: 150px;
  width: auto;
  z-index: 0;
}

.img-respH50{
  max-height: 50px;
  width: auto;
  z-index: 0;
}
.img-respHC2 {
  height: 100%;
  width: auto;
  z-index: 0;
}

/* PAGES :  RUBRIQUE  */
.img-relative-responsiveW {
  min-width: 100%;
  height: auto;
  z-index: 0;
  position: relative;
}

.img-relative-responsiveH {
  min-height: 100%;
  width: auto;
  z-index: 0;
  position: relative;
}

.img-responsiveW,
.img-responsiveH {
  object-fit: cover;
  object-position: 50% 50%;
}

/* page SOMMAIRE (ACCUEIL) */


/* PAGE RUBRIQUE */
.six_art_enAvantW{
  width:260px;
  height:auto;
  z-index: 0;
}
.six_art_enAvantH {
  height:150px;
  width:auto;
  z-index: 0;
}

.logoListArtBranchH {
  height: 100%;
  width: auto;
  z-index: 0;
  position: relative;
}
.logoListArtBranchW {
  width: 100%;
  height: auto;
  z-index: 0;
  position: relative;
}

/* PAGE ARTICLE */
.logoAuteurRondW {
  width:150px;
  height:auto;
  z-index: 0;
}
.logoAuteurRondH {
  height:150px;
  width:auto;
  z-index: 0;
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media screen and (max-width: 767px) {
}
@media (min-width: 200px) and (max-width: 768px) {
  .blog1, .blog2 {
    padding: 0 !important;
  }

/* page SOMMAIRE (ACCUEIL) */

  /* PAGE RUBRIQUE */
  .six_art_enAvantW{
    width:264px;
    height:auto;
    z-index: 0;
  }
  .six_art_enAvantH {
    height:150px;
    width:auto;
    z-index: 0;
  }

  .logoListArtBranchH {
    height: 100%;
    width: auto;
    z-index: 0;
    position: relative;
  }
  .logoListArtBranchW {
    width: 100%;
    height: auto;
    z-index: 0;
    position: relative;
  }

  /* PAGE ARTICLE */
  .logoAuteurRondW {
    width:105px;
    height:auto;
    z-index: 0;
  }
  .logoAuteurRondH {
    height:105px;
    width:auto;
    z-index: 0;
  }
  .logoLireMemeRubH {
    height:150px;
    width:auto;
    z-index: 0;
  }
  .logoLireMemeRubW {
    width:150px;
    height:auto;
    z-index: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (max-device-width: 480px) and (orientation: landscape) {

}
@media (max-width: 480px)  {

}


@media (max-width: 767px) {
   /* page SOMMAIRE (ACCUEIL) */


/* page RUBRIQUE */

/* PAGE RUBRIQUE */
.six_art_enAvantW{
  width:264px;
  height:auto;
  z-index: 0;
}
.six_art_enAvantH {
  height:150px;
  width:auto;
  z-index: 0;
}

.logoListArtBranchH {
  height: 100%;
  width: auto;
  z-index: 0;
  position: relative;
}
.logoListArtBranchW {
  width: 100%;
  height: auto;
  z-index: 0;
  position: relative;
}

/* PAGE ARTICLE */
.logoAuteurRondW {
  width:105px;
  height:auto;
  z-index: 0;
}
.logoAuteurRondH {
  height:105px;
  width:auto;
  z-index: 0;
}

.logoLireMemeRubH {
  height:150px;
  width:auto;
  z-index: 0;
}
.logoLireMemeRubW {
  width:150px;
  height:auto;
  z-index: 0;
}

}
@media (max-device-width: 767px) and (orientation: landscape) {

}
@media screen and (min-width: 768px) {

}


/*===================================
===================================*/
/*MODELE HTML5*/
/* TEST Efffet hover
    a.imageflex img {
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
    }

    a.imageflex:hover img {
      -moz-transform: scale(1.075);
      -webkit-transform: scale(1.075);
      -ms-transform: scale(1.075);
      transform: scale(1.075);
    }
*/

/* Banner */
  .imageflex {

    border: 0;
    display: inline-block;
    position: absolute;}

    a .imageflex{
      overflow: hidden;
    }



  #banner {
    padding: 0 ;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;

    -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        justify-content: center;
  }

    #banner > .imageflex {
      -moz-flex-grow: 0;
      -webkit-flex-grow: 0;
      -ms-flex-grow: 0;
      flex-grow: 0;
      -moz-flex-shrink: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      display: block;
      margin: 0 0 ;

     width: 100%;

     flex-wrap: wrap;
        justify-content: center;
    }

      #banner > .imageflex img {
        max-height:  !important;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -ms-object-fit: cover;
        object-fit: cover;
        -moz-object-position: center;
        -webkit-object-position: center;
        -ms-object-position: center;
        object-position: center;

        max-width:  !important;
        width: 100%;
      }


/* Banner H *//* Banner H *//* Banner H *//* Banner H */
  .imageflexH {
    border: 0;
    display: inline-block;
    position: absolute;
    flex-wrap: wrap;
    justify-content: center;

  }

    a .imageflexH{
      overflow: hidden;
    }


  #banner {
    padding: 0 ;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;

    -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        justify-content: center;
  }

    #banner  .imageflexH {
      -moz-flex-grow: 0;
      -webkit-flex-grow: 0;
      -ms-flex-grow: 0;
      flex-grow: 0;
      -moz-flex-shrink: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      display: block;
      margin: 0 0 ;

     width: 100%;

      max-height:  !important;
        -moz-object-fit: cover;
        -webkit-object-fit: cover;
        -ms-object-fit: cover;
        object-fit: cover;
        -moz-object-position: center;
        -webkit-object-position: center;
        -ms-object-position: center;
        object-position: center;

     flex-wrap: wrap;
        justify-content: center;
    }


 .img_scale  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scale   {
     -moz-transform: scale(1.9);
      -webkit-transform: scale(1.9);
      -ms-transform: scale(1.9);
      transform: scale(1.9);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scale   {
     -moz-transform: scale(1.7);
      -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
      transform: scale(1.7);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scale  {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}
 @media (min-width: 768px ) and  (max-width: 1200px )
     {
       .img_scale  {
     -moz-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

/*---------------------------------------------------*/

 .img_scaleH  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }

   @media   (max-width: 467px )
     {
       .img_scaleH   {
     -moz-transform: scale(2.4);
      -webkit-transform: scale(2.4);
      -ms-transform: scale(2.4);
      transform: scale(2.4);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleH  {

          -moz-transform: scale(1.6);
      -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
      transform: scale(1.6);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}
 @media (min-width: 768px ) and  (max-width: 1200px )
     {
       .img_scaleH  {
     -moz-transform: scale(2.2);
      -webkit-transform: scale(2.2);
      -ms-transform: scale(2.2);
      transform: scale(2.2);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

 @media (min-width: 1201px )
     {
       .img_scaleH  {
     -moz-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}


/*---------------------------------------------------------*/


 .img_scaleF  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scaleF   {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scaleF   {
     -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleF   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

      top: 40%;
     }
}
 @media (min-width: 768px ) and  (max-width: 1200px )
     {
       .img_scaleF  {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

/*---------------------------------------------------*/
/*---------------------------------------------------------*/


 .img_scaleF1  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scaleF1   {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scaleF1   {
     -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      top: -5%;
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleF1   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;


     }
}
 @media (min-width: 768px ) and  (max-width: 1200px )
     {
       .img_scaleF1  {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

/*---------------------------------------------------*/
/*---------------------------------------------------------*/


 .img_scaleF2  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scaleF2   {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scaleF2   {
     -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      top: 30%;
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleF2   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      top: 120%;
     }
}
 @media (min-width: 768px ) and  (max-width: 1200px )
     {
       .img_scaleF2  {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

/*---------------------------------------------------*/


 .img_scaleB  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scaleB   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
      top: 20%;
     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scaleB   {
     -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
       padding: 0!important; 
        top: 20%;
    
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleB   {
     -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
       top: 110%;
     }
}
 @media (min-width: 768px ) and  (max-width: 991px )
     {
       .img_scaleB {
     -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
     }
}
 @media (min-width: 992px ) and  (max-width: 1200px )
     {
       .img_scaleB {
     -moz-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
     }
}
 @media (min-width: 1200px )
     {
       .img_scaleB {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;

     }
}
/*---------------------------------------------------*/



/*---------------------------------------------------------*/


 .img_scaleB2  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scaleB2   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

      top: 10%;
     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scaleB2   {
     -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

      top: 70%;
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleB2   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

    top: 120%;
     }
}
 @media (min-width: 768px ) and  (max-width: 1200px )
     {
       .img_scaleB2 {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

      top: 70%;
     }
}
 @media (min-width: 1200px )
     {
       .img_scaleB2 {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

      top: 85%;
     }
}
/*---------------------------------------------------*/




/*---------------------------------------------------------*/


 .img_scaleB3  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scaleB3   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

      top: 10%;
     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scaleB3   {
     -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

      top: 70%;
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleB3   {
     -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

    top: 70%;
     }

}
/*---------------------------------------------------*/


/*---------------------------------------------------*/


 .img_scaleC  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scaleC   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
      top: 20%;
     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scaleC   {
     -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
       padding: 0!important; 
        top: 20%;
    
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scaleC   {
     -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
       top: 110%;
     }
}
 @media (min-width: 768px ) and  (max-width: 991px )
     {
       .img_scaleC {
     -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
     }
}
 @media (min-width: 992px ) and  (max-width: 1200px )
     {
       .img_scaleC {
     -moz-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
     }
}
 @media (min-width: 1200px )
     {
       .img_scaleC {
     -moz-transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;

     }
}
/*---------------------------------------------------*/

/*---------------------------------------------------*/


 .img_scaleC2  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {

.img-respHC2 {
  height: auto;
  width: auto;
  z-index: 0;
}

       .img_scaleC2   {
     -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
      top: 0%;
     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {

.img-respHC2 {
  height: auto;
  width: auto;
  z-index: 0;
}

       .img_scaleC2   {
     -moz-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
       padding: 0!important; 
        top: 15%;
    
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {

 .img-respHC2 {
  height: auto;
  width: auto;
  z-index: 0;
}     
       .img_scaleC2   {
     -moz-transform: scale(1.7);
      -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
      transform: scale(1.7);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
       top:-10%;
       
     }
}
 @media (min-width: 768px ) and  (max-width: 991px )
     {
       .img_scaleC2 {
     -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
     }
}
 @media (min-width: 992px ) and  (max-width: 1200px )
     {
       .img_scaleC2 {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
     }
}
 @media (min-width: 1200px )
     {
       .img_scaleC2 {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      padding: 0!important;
      top: 0%;

     }
}
/*---------------------------------------------------*/

/*---------------------------------------------------*/
/*---------------------------------------------------------*/


 .img_scale_sixart  img {

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

        }
   @media    (max-width: 320px )
     {
       .img_scale_sixart   {
     -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

   @media (min-width: 321px ) and  (max-width: 467px )
     {
       .img_scale_sixart   {
     -moz-transform: scale(1.4);
      -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
      transform: scale(1.4);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      top: 30%;
     }
}

@media (min-width: 468px ) and  (max-width: 767px )
     {
       .img_scale_sixart   {
     -moz-transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);
      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;
      top: 120%;
     }
}
 @media (min-width: 768px ) and  (max-width: 1200px )
     {
       .img_scale_sixart  {
     -moz-transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);

      -moz-transition: -moz-transform 0.2s ease;
      -webkit-transition: -webkit-transform 0.2s ease;
      -ms-transition: -ms-transform 0.2s ease;
      transition: transform 0.2s ease;

     }
}

/*---------------------------------------------------*/


.img-translat-bas{

      -moz-transform: translate(0%,10%);
      -webkit-transform: translate(0%,10%);
      -ms-transform: translate(0%,10%);
      transform: translate(0%,10%);
}



    /*@media screen and (orientation: portrait)*/
   /* @media (min-width: 480px )
     {

      #banner {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        justify-content: center;
      }

        #banner > .imageflex {

          -moz-flex-grow: 0;
          -webkit-flex-grow: 0;
          -ms-flex-grow: 0;
          flex-grow: 0;
          -moz-flex-shrink: 0;
          -webkit-flex-shrink: 0;
          -ms-flex-shrink: 0;
          flex-shrink: 0;
          margin: 0 0 ;
          /*height: 50vh;
          /*max-height: 30vh;
          min-height: 18em;
          /*height: 105px;
          max-height: 200px;
          min-height: 105px;
          width: 100%;
        }

    }
     @media (max-width: 481px )
     {

      #banner {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
         flex-wrap: wrap;
        justify-content: center;
      }

        #banner > .imageflex {

          -moz-flex-grow: 0;
          -webkit-flex-grow: 0;
          -ms-flex-grow: 0;
          flex-grow: 0;
          -moz-flex-shrink: 0;
          -webkit-flex-shrink: 0;
          -ms-flex-shrink: 0;
          flex-shrink: 0;
          margin: 0 0 ;
          /*height: 50vh;
          /*max-height: 30vh;
          min-height: 18em;
          /*height: 105px;
          max-height: 200px;
          min-height: 105px;
          width: 100%;
        }

    }

*/


    @media screen and (orientation: portrait) and (max-width: 480px) {

      /*#banner > .imageflex {
        max-height: 30vh;
      }*/

    }
/*images reseaux */





/*===================================
===================================*/