/************************
PAGE
************************/



body.page {
background:url('images/paper_512x512.jpg');
}

.card-categorie {
	border:none;
	border-radius:0;
}


.card-categorie h3 span {
color: var(--couleur2);
font-size:0.8em;
}

.card.card-categorie {
box-shadow: 0 0 20px 0px #00000033;
height: 100%!important;
transition: transform 0.3s;
}

.card.card-categorie:hover {
transform: scale(1.03);
}

.card.card-categorie figure {
margin:0;
padding:5% 10%;
}

.card.card-categorie img {
margin:0;
}

.card.card-categorie .card-img {
position:relative;
}

.card.card-categorie .card-img.galerie:before {
content:"";
position:absolute;
display:block;
width:100%;
height:100%;
top:0;
left:0;
background:#00000033;
z-index:500;
opacity:0;
transition: all 0.3s;
pointer-events:none;
}

.card.card-categorie .card-img.galerie:after {
position:absolute;
display:block;
top:50%;
left:50%;
content:"\F62C";
font-family:"bootstrap-icons";
color:white;
font-size:4em;
transform:translate(-50%,-50%);
z-index:501;
opacity:0;
transition: all 0.3s;
pointer-events:none;
}

.card.card-categorie .card-img.galerie:hover:before,
.card.card-categorie .card-img.galerie:hover:after {
opacity:1;
}


.card.card-categorie .card-body p {
margin:0;
}

.card.card-categorie .card-body div.small p {
font-size:0.8em;
color:var(--couleur2);
}