@charset "UTF-8";

/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1

 * 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.

 */
.Accordion {
/* border-left: solid 1px #FFF;
 * border-right: solid 1px #FFF;
 * border-bottom: solid 1px #FFF; */
	overflow: hidden;
}

.AccordionPanel { /*ne pas toucher*/
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab { /* menu */
	background-color: #F2F2F2;
	border-bottom: 0;
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
}

.AccordionPanelContent { /* contenu - ne pas utiliser de padding autre que 0px - hauteur obligatoire */
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 300px;
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}

.AccordionPanelOpen .AccordionPanelTab { /* menu actif */
	background-color: #F2F2F2;
}

.AccordionPanelTabHover { /* menu hover */
	color: #FF00FF;

}
.AccordionPanelOpen .AccordionPanelTabHover { /* menu actif hover */
	color: #000000;
	cursor:auto;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #00FF00;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #E6E6E6;
}