/************************
OEUVRES
************************/

h3 {
	color:var(--couleur2);
}

body.oeuvres {
background:url('images/paper_512x512_RVB-E8DED5.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;
}

.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);
}

.accordion-item {
border:none;
border-radius:0 !important;
}

.accordion {
box-shadow: 0 0 20px 0px #00000033;
}



.accordion-button:not(.collapsed) {
color: var(--couleur2);
background-color: var(--couleur3);
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}



.accordion-button:not(.collapsed)::after {
font-size:1.25rem;
background-image:none;
content: "\F229";
font-family: "bootstrap-icons";
transform: rotate(-180deg);
}

.accordion-button.collapsed::after {
font-size:1.25rem;
background-image:none;
content: "\F229";
font-family: "bootstrap-icons";
}

.accordion-body ul, .accordion-body li {
list-style-type: none;
padding-left:0;
cursor:pointer;
position:relative;
line-height:1em;
margin-bottom:0;
}

.accordion-body li:not(:last-of-type) {
margin-bottom:0.5em;
}


.accordion-body li:hover {
color:var(--couleur2);
}

.accordion-body li.selected:before {
font-family:"bootstrap-icons";
font-size:0.8em;
content:"\F231";
position:absolute;
left:-15px;
}

.accordion-body li:hover:before {
font-family:"bootstrap-icons";
font-size:0.8em;
content:"\F231";
position:absolute;
left:-15px;
}
.accordion-body ul:hover li.selected:not(:hover):before {
content:"";
}


.accordion-body {
columns:3;
}


@media screen and (max-width: 992px) {
.accordion-body {
columns:2;
}
}

@media screen and (max-width: 576px) {
.accordion-body {
columns:1;
}
}