/*Style grille de projets lignes Came*/

/****************************************************************** Menu de sélection des filtres */

 .isotope-filters a:focus {
color:#75B09C;
  text-decoration:underline 1px;
  text-underline-offset:4px;
 }


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

.isotope-list {
  display: grid;
  margin:auto; 
  width: 100%;
  max-width: 100%;
text-align:center;
}



.isotope-list:after {
  content: '';
  display: block;
  clear: both;
}

.isotope-list a {
   color:#000000;
}

.isotope-list a:hover {
   color:#4141d8;
}

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

.isotope-item {

  border-top: 2.5px solid #ee6352;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
  align-items: center;
  margin:auto;
  position:relative;
}

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


/***** LES IMAGES */

.isotope-item img {
  /* border:.5px solid #FF6663;*/
text-align:center;
display:none;
width:30vw;
margin:auto;
position:fixed;
top:15%;
left:40%;

}

.isotope-item:hover img {
  display:block;


}


 /***** LE TITRE */

 .isotope-post-title {
  text-align:left;
  width: 90%;
  padding: 0em 1em 0em 1em;
  margin:0;
  vertical-align:center;

 }

 

/***** L'ANNEE */


 .isotope-post-year {
  text-align: left;
  width:10%;

 }

/***** MEDIA QUERIES *****/
@media screen and (max-width: 600px) {

.isotope-post-title h3 {

width:70%;
font-size:3.5vw;
}

 .isotope-post-year {
font-size:3.5vw;

  
 }
}





/* Start: Recommended Isotope styles */

 

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


 
.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 */