@charset "UTF-8";
.Style1 {color: #000000}
.Style2 {color: orange}
.Style3 {color: #b22222}
.Style4 {color: #FE2E64}
.Style5 {color: #BD8B00}
.Style6 {color: #A10684}
.Style7 {color: #0000FF}
.Style8 {color: #87CEEB}
.Style9 {color: #007F00}
.Style10 {color: #00C000}
.Style11 {color: #00C000}
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {

	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}


.AccordionPanelTab {
	background-color: orange;
	border: 1px solid #B87333;
    border-radius: 8px;
	margin: 0px;
	padding-left: 12px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 300px;
	background-color: #B87333;
    border-radius: 18px;
}
.Accordiontexte{
	min-height: 278px;
	margin:10px 12px 10px 0px; 
	padding: 10px;
	background-color: #f5ac69;
	border-radius: 16px;
	box-sizing: border-box;  /* pour que le padding reste inclus dans la largeur */
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: gray;
}


.AccordionPanelTabHover {
	color: #FFFFFF;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #EEEEEE;
}

.AccordionFocused .AccordionPanelTab {
	background-color: orange;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: gray;
}