@charset "UTF-8";

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

/* 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 {
	width:420px;
	margin: 0px;
	padding: 0px;
	height:auto;
	/*border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;*/
	overflow: hidden;
_background-color:#fff;  /* voir si important pour IE 6 dans l'adaptation des modules */
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel, .AccordionPanel_ee{
	margin: 0px 0px 5px 0px;
	padding: 0px;
_margin: 0px 0px -4px 0px;   /* hack pour réduire l'espacement entre les différents éléments pour IE6****************************/
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	height:30px;
	
	/*border-top: solid 1px black;
	border-bottom: solid 1px gray;*/
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
background:#93b1cc url(../img_fiches/top_shadow.jpg) top right repeat-x;
}

.AccordionPanelTab_ee {
	height:30px;
	/*border-top: solid 1px black;
	border-bottom: solid 1px gray;*/
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
background:#f9b700 url(../img_fiches/top_shadow_ee.jpg) top right repeat-x;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: auto;
background: #93b1cc url(../img_fiches/shadow_sides.jpg) top right repeat-y;
/*background: #93b1cc url(squelettes/../img_fiches/ombre.jpg) top right repeat-y;*/
}

.AccordionPanelContent_ee {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: auto;
background: #f9b700 url(../img_fiches/shadow_sides_ee.jpg) top right repeat-y;
}
/* règles ci-dessous pour les blocs "en savoir +" des focus*/
.AccordionPanelContent_focus {
	overflow: auto;
	margin: 0px;
	padding: 0;
	height: auto;
background: #f9b700 url(../img_fiches/shadow_sides_ee.jpg) top right repeat-y;
font-family:verdana;
font-size:11px;
color:#000;
}
.AccordionPanelContent_focus p, .AccordionPanelContent_focus p.spip{
margin: 0;
padding: 5px 5px 5px 10px;
^padding: 5px 5px 5px 15px;
height: auto;
}
.AccordionPanelContent_focus a{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#000;
text-decoration:none;
}
.AccordionPanelContent_focus a:hover{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#000;
text-decoration:underline;
}
/* styles pour les documents joints dans la focus EN FORMAT TEXTE !!!!!!!!!!!! BUGS sous la famille IE !!!!!! lors de l'insertion en vignette(s) */
.docs_focus{
display: block;
width:400px;
margin: 0;
padding: 5px 5px 5px 10px;
height: auto;
height:auto;
font-family:verdana;
font-size:11px;
}
.docs_focus li{
list-style:inside url(../img_fiches/puce_etab.gif);
/* ci-dessous hack pour IE 7 (puce avec marge transparente à droite pour décoller le texte de la puce) */
^list-style:square inside url(../img_fiches/puce_etab_ie.gif);
margin:0 0 3px 0;
padding:0;
border:0;
}
.docs_focus .spip_doc_titre{
display:inline;
}
.docs_focus .spip_doc_descriptif{
padding:0 0 0 17px;
}


/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* 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: #3399FF;
}

/* 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: #33CCFF;
}

/* ------------------------------------------------------ ajouts spécifiques pour mlf */
.bottom{
display:block;
width:420px;
height:10px;
_background: url(../img_fiches/bottom_shadow2.jpg) top left repeat-x; /*créer règle QUE pour IE6 + image de 10px sur 1px + **********************/
background-color: #93b1cc; /* A RETIRER ?? ----------------------------------------------------------------------------------------------------------------------------------*/
_background-color: #fff;
padding:0;
margin:0;
border:0;
}
.bottom_ee{
display:block;
width:420px;
height:10px;
_background: url(../img_fiches/bottom_shadow_ee2.jpg) top left repeat-x; /*créer règle QUE pour IE6 + image de 10px sur 1px + bgcolor : #fff*/
background-color: #f9b700; /* A RETIRER ?? ----------------------------------------------------------------------------------------------------------------------------------*/
_background-color: #fff;
padding:0;
margin:0;
border:0;
}
.etabs{
display: block;
height: auto;
}
.AccordionPanelContent h5, .AccordionPanelContent_ee h5{
clear:both;
display: block;
margin: 0 0 0 10px;
padding: 6px 0 1px 0;
height: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}

.nom_etab{
display: block;
height: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
margin:0 0 3px 10px;
padding: 0;
/*background-color: white;*/
}
.nom_etab li{
list-style:inside url(../img_fiches/puce_etab.gif);
/* ci-dessous hack pour IE 7 (puce avec marge transparente à droite pour décoller le texte de la puce) */
^list-style:square inside url(../img_fiches/puce_etab_ie.gif);
}

.t_left{
float: left;
display:block;
width:12px;
height:30px;
background:#fff url(../img_fiches/top_left_shadow.jpg) top left no-repeat;
}
.t_left_ee{
float: left;
display:block;
width:12px;
height:30px;
background:#fff url(../img_fiches/top_left_shadow_ee.jpg) top left no-repeat;
}

.t_right{
float: right;
display:block;
width:12px;
height:30px;
background:#fff url(../img_fiches/top_right_shadow.jpg) top right no-repeat;
}
.t_right_ee{
float: right;
display:block;
width:12px;
height:30px;
background:#fff url(../img_fiches/top_right_shadow_ee.jpg) top right no-repeat;
}

.AccordionPanelTab h4, .AccordionPanelTab_ee h4{
width: 396px;
_width: 390px;
height:auto;
display:block;
float:left;
margin: 6px 0 0 0;
padding: 0;
border: 0;
border-bottom:1px dotted;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
}

.b_left{
float: left;
display:block;
width:12px;
height:10px;
background:#fff url(../img_fiches/b_left_shad.jpg) top left no-repeat;
padding:0;
margin:0;
border:0;
}
.b_left_ee{
float: left;
display:block;
width:12px;
height:10px;
background:#fff url(../img_fiches/b_left_shad_ee.jpg) top left no-repeat;
padding:0;
margin:0;
border:0;
}

.b_right{
float: right;
display:block;
width:12px;
height:10px;
/*background:#fff url(squelettes/../img_fiches/bot_right.gif) top right no-repeat;*/
background:url(../img_fiches/b_right_shad.jpg) top right no-repeat;
padding:0;
margin:0;
border:0;
}
.b_right_ee{
float: right;
display:block;
width:12px;
height:10px;
background:#fff url(../img_fiches/b_right_shad_ee.jpg) top right no-repeat;
padding:0;
margin:0;
border:0;
}
.center_bottom{
width:396px;
_width: 390px;
height:10px;
display:block;
float: left;
background:url(../img_fiches/bottom_shadow.jpg) bottom left repeat-x;
_background:transparent; /* important pour IE6 hack !!*/
padding:0;
margin:0;
border:0;
}
.center_bottom_ee{
/*width:390px; pour IE 6 ????? à voir !!*/

width:396px;
_width: 390px;
height:10px;
display:block;
float: left;
background:url(../img_fiches/bottom_shadow_ee.jpg) bottom left repeat-x;
_background:transparent; /* important pour IE6 hack !!*/
padding:0;
margin:0;
border:0;
}
/* ci dessous bloc contenant la liste des pays et établissements -- flottant à gauche -- afin de placer à droite la zone de téléchargement du dernier n° de l'annuaire MLF */
#bloc_zone_geo{
float:left;
width: 420px;
padding:0;
margin:0;
border:0;
background-color:#fff;
}

/* ci-dessous encart annuaire */
#encart_annu {
display:block;
font-family:verdana;
font-size:11px;
color:#666;
width:156px;
height:auto;
float:right;
border-left:1px dotted #ccc;
margin:27px 0 0 0;
}

#encart_annu h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:0 2px 15px 5px;
}

#annu img{
display:block;
padding:0;
border:1px solid #ccc;
margin:0 0 0 25px;
}

#les_annu, #les_annu_ee{
display:block;
font-family:verdana;
font-size:9px;
color:#000;
padding:0;
margin:10px 0 0 0;
border:0;
clear:both;
}

#les_annu li, #les_annu_ee li {
list-style-type:none;
height: auto;
padding:0;
margin:0 0 10px 5px;
border:0;
}

#les_annu li a{
color: #93b1cc;
text-decoration: none;          
}
#les_annu_ee li a{
color: #fab700;
text-decoration: none;          
}

#les_annu li a:hover, #les_annu_ee li a:hover{
color: #666;
text-decoration: inherit;          
}


#encart_quartier {
display:block;
font-family:verdana;
font-size:11px;
color:#666;
width:156px;
height:auto;
float:right;
border-left:1px dotted #ccc;
margin:27px 0 0 0;
}

#encart_quartier h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:0 2px 5px 5px;
}

#quartier img{
display:block;
padding:0;
border:1px solid #ccc;
margin:0 0 0 5px;
}




/*------------------------------------------------------------------ ajout pour les statuts dans le réseau traditionnel --------------------------------------------*/
bloc_statuts{
float:left;
width: 585px;
padding:0;
margin:0;
border:0;
background-color:#fff;
}

.Accordion_stat {
	width:585px;
	margin: 0px;
	padding: 0px;
	height:auto;
	/*border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;*/
	overflow: hidden;
_background-color:#fff;  /* voir si important pour IE 6 dans l'adaptation des modules */
}

.AccordionPanelTab_stat {
	height:30px;
	
	/*border-top: solid 1px black;
	border-bottom: solid 1px gray;*/
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
background:#93b1cc url(../img_fiches/top_shadow.jpg) top right repeat-x;
}

.AccordionPanelTab_stat h4{
width: 561px;
_width: 555px;
height:auto;
display:block;
float:left;
margin: 6px 0 0 0;
padding: 0;
border: 0;
border-bottom:1px dotted;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
}

.AccordionPanelContent_stat {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: auto;
background: #93b1cc url(../img_fiches/shadow_sides_stat.jpg) top right repeat-y;

}
.AccordionPanelContent_stat p, .AccordionPanelContent_stat p.spip{
width:420px;
margin: 0;
padding: 5px 5px 5px 10px;
height: auto;
font-family:verdana;
font-size:11px;
color:#000;
}
.AccordionPanelContent_stat a{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#000;
text-decoration:none;
}
.AccordionPanelContent_stat a:hover{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#000;
text-decoration:underline;
}

.AccordionPanelContent_stat h5{
clear:both;
display: block;
margin: 0 0 0 10px;
padding: 6px 0 1px 0;
height: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
.bottom_stat{
display:block;
width:585px;
height:10px;
_background: url(../img_fiches/bottom_shadow2.jpg) top left repeat-x; /*créer règle QUE pour IE6 + image de 10px sur 1px + **********************/
background-color: #93b1cc; /* A RETIRER ?? ----------------------------------------------------------------------------------------------------------------------------------*/
_background-color: #fff;
padding:0;
margin:0;
border:0;
}
.center_bottom_stat{
width:561px;
_width: 555px;
height:10px;
display:block;
float: left;
background:url(../img_fiches/bottom_shadow.jpg) bottom left repeat-x;
_background:transparent; /* important pour IE6 hack !!*/
padding:0;
margin:0;
border:0;
}

/*------------------------------------------------------------------ ajout pour les encarts latéraux --------------------------------------------*/
.Accordion_el{
	float:right;
	position:relative;
	padding: 0px;
	margin:27px 0 0 0;
	width:156px;
	height:auto;
	overflow: hidden;
_background-color:#fff;  /* voir si important pour IE 6 dans l'adaptation des modules */
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel_el {
font-family:verdana;
font-size:9px;
color:#666;
width:156px;
/*min-height:200px;*/

/*border-left:1px dotted #ccc;*/
border:0;
margin:10px 0 0 0;
padding:0;

}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */

.AccordionPanelTab_el {
display:block;
width:156px;
height:50px;
border:0;
margin: 0;
padding: 0;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
background:#f4f2f3 url(../img/e_l_top.jpg) top left no-repeat;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */

.AccordionPanelContent_el {
overflow: auto;
^overflow: visible; /*hack pour IE7 sinon pb d'affichage apparition de scrollbars.....*/
display:block;
width:156px;
_width:146px;
height:auto;
border:0;
margin:0;
padding:0 6px 10px 6px;
background:transparent url(../img/e_l_sides.jpg) top left repeat-y;
}


.AccordionPanelContent_el p{
font-family:verdana;
font-size:9px;
color:#000;
margin:0;
padding:0;
border:0;
display:block;
width:144px;
}
.AccordionPanelContent_el p.spip{
font-family:verdana;
font-size:9px;
color:#000;
margin:0 0 3px 0;
padding:0;
border:0;
display:block;
width:144px;
}
.AccordionPanelContent_el .spip{
font-family:verdana;
font-size:9px;
color:#000;
margin:0 0 3px 0;
padding:0;
}




/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */

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

/* ------------------------------------------------------ ajouts spécifiques pour mlf */
.bottom_el{
width:156px;
height:23px;
display:block;
background:transparent url(../img/e_l_bottom.jpg) top left no-repeat;
border:0;
padding:0;
margin:0 0 10px 0;
}
.AccordionPanelContent_el h5{
clear:both;
display: block;
margin: 6px 0 1px 10px;
padding: 0;
height: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
/*background-color: olive;*/
}

.AccordionPanelTab_el h5{
width:156px;
height:auto;
display:block;
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
line-height:33px;
border:0;
margin:0;
padding: 3px 0 0 6px;
color:#000;
}