@charset "UTF-8";
@import url(main.css);
/*----------LARGEUR DES IMAGES DANS LE BLOC PATCHWORK--------------*/
@media (min-width: 990px) { .redirectsCards-div div.row-cols-1 > div.col { width: 33.3333333333% !important; } }

/*----------------------------------------  Patchwork égal et couleurs */
div.redirectsCards-div > .row > .col { position: relative; overflow: hidden; }

div.redirectsCards-div > .row > .col img { display: block; width: 100%; height: auto; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Première image */
div.redirectsCards-div > .row > .col:nth-child(1):hover img { opacity: 0; }

div.redirectsCards-div > .row > .col:nth-child(1):hover::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FP4id6w5hXqfHSiKdBf8PF81cJQ73%2Fimages%2F1_vas5.webp"); background-size: cover; background-position: center; z-index: 1; opacity: 1; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Deuxième image */
div.redirectsCards-div > .row > .col:nth-child(2):hover img { opacity: 0; }

div.redirectsCards-div > .row > .col:nth-child(2):hover::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FP4id6w5hXqfHSiKdBf8PF81cJQ73%2Fimages%2F3_haq3.webp"); background-size: cover; background-position: center; z-index: 1; opacity: 1; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Troisième image */
div.redirectsCards-div > .row > .col:nth-child(3):hover img { opacity: 0; }

div.redirectsCards-div > .row > .col:nth-child(3):hover::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FP4id6w5hXqfHSiKdBf8PF81cJQ73%2Fimages%2F5_ero2.webp"); background-size: cover; background-position: center; z-index: 1; opacity: 1; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

@media all and (min-width: 990px) { div.row-cols-1 > div.col { width: 33.3333333333% !important; } }

.nav-link { color: #FFFFFF !important; }

/*# sourceMappingURL=custom.css.map */