/* +--------------------------------------------------------------------------+
// ? 2002-2007 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: accordion.css,v 1.7 2023/01/03 14:02:46 rtigero Exp $ */
.accordion {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

.accordion h4 {
	margin: 0;
	padding: 0;
	border: solid 1px #b8b8b8
}

.accordion:focus-within {
	border-color: hsl(216deg 94% 43%);
}

.accordion:focus-within h3 {
	background-color: hsl(0deg 0% 97%);
}

.accordion-trigger {
	background: none;
	color: hsl(0deg 0% 13%);
	border: solid 1px #b8b8b8;
	display: block;
	font-size: 1rem;
	font-weight: normal;
	margin: 0;
	padding: 1em 1.5em;
	position: relative;
	text-align: left;
	width: 100%;
	outline: none;
}

.accordion-trigger:focus, 
.accordion-trigger:hover {
	background: hsl(216deg 94% 94%);
	cursor: pointer;
}

.accordion-trigger:focus {
	outline: 4px solid transparent;
}

.accordion>*:first-child .accordion-trigger, 
.accordion>*:first-child {
	border-radius: 5px 5px 0 0;
}

.accordion > *:last-child .accordion-trigger, 
.accordion > *:last-child {
	border-radius: 0 0 5px 5px;
}

.accordion button {
	border-style: none;
}

.accordion button::-moz-focus-inner {
	border: 0;
}

.accordion-title {
	display: block;
	pointer-events: none;
	border: transparent 2px solid;
	border-radius: 5px;
	padding: 0.25em;
	outline: none;
}

.accordion-trigger:focus .accordion-title {
	border-color: hsl(216deg 94% 43%);
}

.accordion-icon,
.accordion-icon-disabled {
	border: solid currentcolor;
	border-width: 0 2px 2px 0;
	height: 0.5rem;
	pointer-events: none;
	position: absolute;
	right: 2em;
	top: 50%;
	transform: translateY(-60%) rotate(45deg);
	width: 0.5rem;
}

.accordion-trigger:focus .accordion-icon, 
.accordion-trigger:hover .accordion-icon {
	border-color: hsl(216deg 94% 43%);
}

.accordion-trigger[aria-expanded="true"] .accordion-icon {
	transform: translateY(-50%) rotate(-135deg);
}

.accordion-panel {
	margin: 0;
	padding: 1em 1.5em;
	border: solid 1px #b8b8b8;
	border-top: 0px;
	background-color: #f6f6f6;
}

.accordion-panel[hidden] {
	display: none;
}

.accordion .accordion-panel fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.disabled {
	cursor : not-allowed !important;
	background-color : transparent !important;
	color : #898484 !important;
}