@font-face {
	font-family: 'SimplonBPMono-Light';
	src: url('SimplonBPMono-Light.otf') format('opentype');
}
@font-face {
	font-family: 'SimplonBP-Medium';
	src: url('SimplonBP-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'SimplonBP-Light';
	src: url('SimplonBP-Light.otf') format('opentype');
}
body {
	margin: 0;
	font-family: 'SimplonBPMono-Light', Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	background-color: #f5f5f5;
}
b {
	font-family: 'SimplonBP-Medium';
	font-weight: normal;
	font-size: 1em;
}
#contact-info {
	position: absolute;
	top: 1em;
	left: 1em;
	line-height: 0.5;
}
.brand-name {
	font-family: 'SimplonBP-Medium';
	font-size: 1.2em;
margin-right: 0.2em;
}
.brand-sarl {
	font-family: 'SimplonBP-Light';
	font-size: 1.2em;
}
.accordion-header {
	cursor: pointer;
}
.arrow {
	display: inline-block;
	transition: transform 0.25s ease;
	margin-right: 0.3em;
}
.accordion-item.active .arrow {
	transform: rotate(90deg);
}
.accordion-content {
	display: none;
	font-family: 'SimplonBP-Light';
	margin-left: 1.5em;
	Margin-right: 1.5em;
	font-size: 1em;
	line-height: 1.1em;
	max-width: 700px;
	text-align: justify;
}

/* NOUVELLE RÈGLE 1 : Stylisation de l'image */
.accordion-image {
	/* L'image prend la largeur maximale du conteneur (700px) */
	width: 100%; 
	height: auto;
	/* Ajout d'une marge sous l'image pour la séparer du texte */
	margin-bottom: 1.5em; 
	/* Assure que l'image est invisible par défaut si elle n'est pas dans un .active */
	display: none; 
}

.accordion-item.active .accordion-content {
	display: block;
}

/* NOUVELLE RÈGLE 2 : Afficher l'image dans l'accordéon actif */
.accordion-item.active .accordion-content .accordion-image {
    display: block;
}

hr {
	border: none;
}