.a-img-txt{
  display:grid;
  position:absolute;
}

/* les enfants se superposent */
.a-img-txt>*{
  grid-area:1/1/-1/-1; 
  /* raccourci pour grid-row et grid-column */
}
.a-img{
  /*filter:invert(1);*/
}
/* le texte */
.a-txt{
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  opacity:0;
  filter:invert(0); /* antibug si effet sur a-img */
  transition:opacity .8s;
}

/* les couleurs c1 et c2 */
.c1{
    background:#767676cc; /* avec alpha */
}

.c2{
    background:#6600ffcc; /* avec alpha */
}

/* le survol */
/*.a-txt:hover{
  opacity:1;
}
.a-img-txt:hover .a-img{
  filter:invert(0);
}*/
/* la déco */


img{
  max-width:100%;
  height:auto;
}
a{
  text-decoration:none;
}


.containerzoume{
  width: 100%;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* zoom image*/
.zoume

	{
  /*width: 200px;*/
  transition: transform .1s;
}

.zoume:hover{
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Safari 3-8 */
  transform: scale(2); 
}

.geo-red {
  color: red;
  font-weight: bold;
  font-family: 'Railway';
  vertical-align: middle;
}

.alliance-black {
  color: black;
  font-weight: 500;
  vertical-align: middle;
}

.span-200 {
  vertical-align: middle;
}

.hover-card {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  background-color: grey;
  opacity: 0;
  transition: width 0.5s ease; /* Ajustement ici */
}

.hover-card p {
  word-spacing: -5px;
  color: white;
}

.visuelright:hover > .hover-card {
  display: flex;
  opacity: 0.8;
}