.gListes-Table {
	width: 100%;
}

.gListes-Table th{
		text-align: left;
}

.gListes-Media img {
	width: 100%;
	height: auto;
}

.gListes-Flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.gListes-Flex .gListes-Item {
	flex-basis: 22%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: end;
	margin: 2% 1% 2% 1%;
}

.gListes-Item-Titre {
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1.5rem 0 0.5rem 0;
}

/******************************************************************************************************* Accordeon ***/

.gAccordeon-Item {
	overflow: hidden;
}

.gAccordeon-Titre {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3rem;
	/*padding-left: 1rem;*/
	border-top: solid thin;
	cursor: pointer;
}

.gAccordeon-Titre::after {
    width: 1.5rem;
    height: 1.25rem;
    content: "";
	background-image: url("../Icons/fleche.svg");
    background-repeat: no-repeat;
    transition: transform 0.5s;	
}

.gAccordeon-Titre span {
	flex: 1;
}

.gAccordeon-Item > .gAccordeon-Contenu {
	flex-direction: column;
}

.gAccordeon-Item.ouvert > .gAccordeon-Contenu {
	max-height: 60rem;
}

.gAccordeon-Item.ouvert > header::after {
	transform: rotate(180deg);
}

.gAccordeon-Contenu {
	max-height: 0px;
	padding-left: 1rem;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

/************************************************************************************************************ Tabs ***/

.gListes-Tabs {
	display: flex;
	height: 100vh;
}

.gListes-Tabs-Cat {
	background-color: purple;
}

.gListes-Tabs-Items {
	display: none;
}

.gListes-Tabs-Titre {
	background-color: red;
}

.gListes-Tabs-Description {
	background-color: yellow;
}