/*!  **/

  .projets_gallery {
    margin:70px auto 0;
    max-width:1600px;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
    grid-gap:25px;
    justify-content: center;
    /* overflow: hidden; */
    /* display:flex;
    gap: 25px;
    flex-wrap: wrap; */
    /* transform:scale(0); */
  }

  .projets_gallery-card {
    position:relative;
    min-height:265px;
    /* padding:10px 20px; */
    background:#fff;
    border-radius: 15px;
    list-style: none;
    box-shadow: 0px 0px 6px 0px rgba(1, 49, 52, 0.15);
    /* opacity: 0.75; */
    filter: grayscale(100%);
    /* transform:scale(0); */
    opacity:0%;
    transform:translateX(0%) translateY(75%) scale(100%);
    /* transform-origin: top; */
    transition: all ease-in-out 400ms;
    pointer-events: none;
  }

  .projets_gallery-card:hover {
    opacity: 1;
    filter: grayscale(0%);
    /* box-shadow: 0px 0px 10px 6px rgba(1, 49, 52, 0.15); */
    transform:scale(1.05)!important;
    transition: all ease-in-out 400ms;
  }

  .projets_gallery-card:hover .projets_gallery-link {
    background: rgba(1, 49, 52, 0.5);
    transition:all ease-in-out 300ms;
  }

  .btns_circle-gallery > svg:nth-child(2) {
    position  : absolute;
    transform : translate(-100%, 0%);
    opacity:0%;
    transition: all 300ms ease-in-out;
  }

  .projets_gallery-card:hover .btns_circle-gallery > svg:nth-child(2) {
    transform : translate(-15%, 0%); 
    opacity:100%;
     /* transition: all 300ms ease-in-out; */
    animation: 1.25s cubic-bezier(.51,.01,1,.39) infinite fleche_droite;
  }

  .projets_gallery-card:hover .btns_circle-gallery > svg:nth-child(1) {
    transform : translate(150%, 0%);
    transition: all 300ms ease-in-out;
  }

  /* .btns_circle-gallery:hover > svg:nth-child(2) {
    animation: 1.25s cubic-bezier(.51,.01,1,.39) infinite fleche_droite;
  } */


  .btns_circle-gallery {
    color:#F0EDEE;
    border:2px solid #F0EDEE;
    background:none;
    opacity: 0;
  }

  .btns_circle-gallery:hover {
    background:none;
    color:#F0EDEE;
  }

  .projets_gallery-card:hover .btns_circle-gallery  {
    opacity:100%;
    position: relative;
  }

  .projets_gallery-card_img {
    display: flex;
    align-items: center;
    height:180px;
    padding: 0 25px;
  }

  .projets_gallery-card_img img {
    width: 100%;
    height:60%;
    object-fit: contain;
  }

  .projets_gallery-card_tags {
    height:40px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin:0 5px;
    overflow-x: scroll;
    scrollbar-width: none;
    border-top: 1px solid #D0D8D7;
  }

  .projets_gallery-card_titre {
    display: flex;
    justify-content: center;
    align-items: center;
    height:45px;
    background:#502F4C;
    border-radius:0 0 10px 10px;
  }

  .projets_gallery-card_titre h3 {
    font-size: 2.2rem;
    color:#FCFAFA;
  }

  .projets_gallery-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius: 15px;
    background: rgba(1, 49, 52, 0);
    transition:all ease-in-out 300ms;
  }

  
/*! CSS pour TACTILE **/
  @media (hover: none) and (pointer: coarse)  {
  .projets_gallery-card {
    filter: grayscale(0%);
    transform:translateX(-100%) translateY(0%) scale(0.90);
    transition: all ease-in-out 400ms;
  }

  .btns_circle-gallery  {
    opacity:70%;
    position: relative;
    color:#FCFAFA;
    /* border: 2px solid #502F4C; */
    border:none;
    background:#013134;
  }

  .btns_circle-gallery > svg:nth-child(2) {
    transform : translate(-15%, 0%); 
    opacity:100%;
    animation: 1.25s cubic-bezier(.51,.01,1,.39) infinite fleche_droite;
  }

  .btns_circle-gallery > svg:nth-child(1) {
    transform : translate(150%, 0%);
    transition: all 300ms ease-in-out;
  }

}

@keyframes fleche_droite {
  0% { opacity: 0%; transform: translate(-15%, 0%); }
  50% { opacity: 100%; }
  100% { opacity: 0%;transform: translate(75%, 0%); }
}