.isotope-filters li {
  text-align:center;
  top:2em;
  /*display:block;*/
  display:inline-block;
  list-style-type: none; 
  text-decoration:none;

 }


 .isotope-filters a {
  color:#000000;
  text-decoration:none;
 }

 .isotope-filters a:hover {
  color:#FF0000;
  text-decoration:none;
 }

 /* Make it sticky ! */

 .menu__category { 

}
/********************************** responsive  */

@media screen and (max-width: 650px) /*responsive menu sticky smartphone*/
{
  .menu__category {
  text-align:left;
  position: fixed;
  bottom :1em;
  left:1em;
  z-index:99;
  transform:rotate(-90deg);
  }
}


/****************************************************************** Container des items */

.isotope-list {
  display:block;
  width:100%;
  max-width:100%;
  text-align:center;

}
/****************************************************************** Les items */

.isotope-item {
  float: left;
  width: 29%;
  margin:1.1% 2.1% 1.1% 2.1%; /*top right bottom left*/
  padding:0;
 /*/ border: .5px solid #b6b5b4;*/
}

/*.medium-one {
  float:left;
  width: 42%;
  margin:0;
  padding:0;
}*/

/*.big-one {
  float:left;
  width: 100%;
  margin:1.1% 0% 1.1% 0%;
  padding:0;
}*/

@media screen and (max-width: 900px) /*responsive colonnes smartphone*/
{
  .isotope-item {
  width:45%;
  margin:3% 2% 2% 3%; /*top right bottom left*/
  padding:0;
  }
  .big-one {
    width:100%;
  }
}

@media screen and (max-width: 650px) /*responsive colonnes smartphone*/
{
  .isotope-item {
  width:100%;
  }
}

/*********************** DANS LES ITEMS */


/***** LES IMAGES */

.imagounettecontainer {
    background-color:#FF6663;
  /* border:.5px solid #FF6663;*/


}

.imagounette {

  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width:100%;
  max-width:100%;
  height:100%;
}

.imagounette:hover {
 -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/***** LES CATEGORIES */

.post-categories {
  list-style-type:none;
  text-align:center;
  padding: 2%;
  font-size:.7em;
   margin:0%;

}

.post-categories li{
  display:inline-block;
  text-align:center;
  /*transform:rotate(4deg);*/

}

.post-categories a {
  list-style-type:none;
  text-align:center;
  text-decoration:none;

}

/***** L'ANNEE */

.isotope-post-year {
  display:none;
}


/* Start: Recommended Isotope styles */

 
/**** Isotope Filtering ***
 
.isotope-item {
  z-index: 2;
  max-width:100%;
  position:relative;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
/**** Isotope CSS3 transitions ****/
 
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
/**** disabling Isotope CSS3 transitions 
 
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
 
/* End: Recommended Isotope styles */