@charset "UTF-8";



/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */



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



/* This is the selector for the main CollapsiblePanel container. For our

 * default style, the CollapsiblePanel is responsible for drawing the borders

 * around the widget.

 *

 * If you want to constrain the width of the CollapsiblePanel widget, set a width on

 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill

 * up available space.

 *

 * The name of the class ("CollapsiblePanel") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style the

 * CollapsiblePanel container.

 */

.CollapsiblePanel {

	width:300px;

	margin: 0px;

	padding: 0px;

	border-right: solid 1px #DBDBDB;

	

	/* border-left: solid 1px #CCC;

	border-bottom: solid 1px #DBDBDB;

	border-top: solid 1px #999;

	 */

}



/* This is the selector for the CollapsiblePanelTab. This container houses

 * the title for the panel. This is also the container that the user clicks

 * on to open or close the panel.

 *

 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * CollapsiblePanel panel tab container.

 */

.CollapsiblePanelTab {

	background-image:url(/images/fond_verre.png);
		background-position:center center;
		background-repeat:no-repeat;
	background-color: #202020;

	

	border-bottom: solid 1px #CCC;

	margin: 0px;

	padding: 2px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

	min-height: 20px;

	vertical-align: middle;

	margin: 0 0px 1px 0px;

	padding: 6px 5px 0 25px;

	

	color: #E7E7E7;

	font-size: 14px;
	font-weight:bold;

	border-top: 1px solid #FFFFFF;
	text-transform:uppercase;

}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.CollapsiblePanelTab {
		background-image:none;
		font-size: 25px;
		padding: 6px 5px 6px 20px;
	}
}



/* This is the selector for a CollapsiblePanel's Content area. It's important to note that

 * you should never put any padding on the content area element if you plan to

 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content

 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.

 *

 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style a

 * CollapsiblePanel content container.

 */

.CollapsiblePanelContent {

	

	b/ackground-color:#FFFFFF;

	background-image:url('../../SpryAssets/fond_menu.png');

	vertical-align:middle;

	font-size:13px;

	padding-bottom:5px;

	padding-left:10px;

	padding-top:10px;

	padding-right:10px;

	border-bottom: 1px solid #E1E1E1;

	

}



.CollapsiblePanelContent p a {

color:#1E1E1E;



}



.CollapsiblePanelContent p {

	margin: 0px;

	padding: 0px;

	b/ackground-color:#FFFFFF;

	vertical-align:middle;

	font-size:13px;

	padding-bottom:2px;

	padding-top:2px;

	

	border-bottom: 1px solid #E1E1E1;

	

}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.CollapsiblePanelContent p
	{
		font-size:30px;
	}
}



.CollapsiblePanelContent li{

				

					

					list-style-type: none;

					border-bottom: 1px solid #E1E1E1;

					margin-left:10px;



				}

.CollapsiblePanelContent ul{

				

					font-size:10px;

					

					margin-left:0;



				}



/* An anchor tag can be used inside of a CollapsiblePanelTab so that the

 * keyboard focus ring appears *inside* the tab instead of around the tab.

 * This is an example of how to make the text within the anchor tag look

 * like non-anchor (normal) text.

 */

.CollapsiblePanelTab a {

	color: black;

	text-decoration: none;

}



/* This is an example of how to change the appearance of the panel tab that is

 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed

 * from panels as the user clicks on the tabs within the CollapsiblePanel.

 */

.CollapsiblePanelOpen .CollapsiblePanelTab {

	background-color: #EEE;

		background-image:url(../template/images/menu_gauche/fond_titre_ouvert.gif);



}



/* This is an example of how to change the appearance of the panel tab as the

 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added

 * and removed from panel tab containers as the mouse enters and exits the tab container.

 */

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

	background-color: #EEE;

}



/* This is an example of how to change the appearance of all the panel tabs when the

 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed

 * whenever the CollapsiblePanel gains or loses keyboard focus.

 */

.CollapsiblePanelFocused .CollapsiblePanelTab {

	background-color: #DDD;

}