/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	text-align: center;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #333;
}

a:link, a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #666; }

strong { font-weight: bold; font-size: 0.93em; }

ol:after, ul:after, ul li div.texte:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
ol, ul { zoom: 1; _height: 1px; }


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 61.54em;
	*width: 60em;!important
	min-width: 800px;
	text-align: left;
	margin: 0 auto;
}

.bordure-droite {
	border: 1px solid #DFE0C5;
	border-width: 0 1px 0 0;
	padding-right: 0.5em;
}

#bd-top {
	padding: 0 0 10px 0;
	margin: 0 0 1em 0;
	height: 280px;
	background: #FFF url(../img/diaporama-bottom.png) no-repeat left bottom;
}

/* Entete */

#hd {
	padding: 65px 0 0 0;
	margin: 0;
	background: #FFF url(../img/top.png) no-repeat left top;
	border: 1px solid #DFE0C5;
	border-width: 0 0 1px 0;
}

/* ----- Menu Onglets ---- */
#menu {
	clear: both;
	position: relative;
	height: 2em;
	z-index: 20;
}

	
ul#nav { float:left; font-size: 93%; font-weight: bold; }
ul#nav li {float:left;margin-left: 1px;text-align: center;}
.IS_IE #menu li, .IS_IE #menu ul li a {
  _behavior:expression(addHover(this));
}

ul#nav a.onglet {
	/*float:left;*/
	display: block;
	width: 7.69em;
	*width: 7.5em;
	height: 2.14em;
	background: #8F896E;
	padding: 5px 0 0 0;
	text-decoration:none;
	color: #FFF;
}
ul#nav li:hover, ul#nav li.hover { background: none; }
ul#nav li a.onglet:hover, ul#nav li a.onglet.hover, ul#nav li:hover a.onglet, ul#nav li.hover a.onglet { background: #DFE0C5; color: #8F896E; }
	ul#nav li#home { margin-left: 0; }
		ul#nav li#home a.onglet { width: 2.3em; *width: 2.25em; background: #8F896E url(../img/logo-menu-accueil.png) no-repeat center; }
		ul#nav li#home a.onglet:hover, ul#nav li#home a.onglet.hover { background: #DFE0C5 url(../img/logo-menu-accueil-hover.png) no-repeat center; }
	ul#nav li#m_3 a.onglet { width: 9.23em; *width: 9em; }
	ul#nav li#m_4 a.onglet { width: 14.61em; *width: 14.25em; }


#menu ul li div.menuDeroule {
  display: none;
  position: absolute;
  top: 2.14em;
  width: 16.66em;
  margin: 0 -2.08em -2.08em -2.08em;
  padding: 0 0.42em 2.08em 2.08em;
  background: none;
}

#menu ul li:hover div.menuDeroule, .IS_IE #menu ul li.hover div.menuDeroule {
  display: block;
}
#menu ul li ul {
  zoom: 1;
}
#menu ul li * {
  cursor: pointer!important;
}
#menu ul li div.menuDeroule ul {
  display: block;
  position: static;
  width: auto;
  background-color: #FFF;
  border: solid #DFE0C5;
  border-width: 0 1px 1px 1px;
}
#menu ul li div.menuDeroule li {
  float: none;
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 0.95em;
  font-size: 0.9em;
  text-indent: 0;
	text-align: left;
  cursor: default;
  vertical-align: bottom;
}
#menu ul li div.menuDeroule a {
	float: none;
  display: block;
  width: auto !important;
  height: auto;
  padding: 5px 8px;
  line-height: 1em;
  margin: 0;
  font-size: 1em;
  background: none;
  text-indent: 0;
}
.IS_IE #menu ul li div.menuDeroule a {
  width: 185px !important;
  zoom: 1;
}
#menu ul li div.menuDeroule a:hover, #menu ul li div.menuDeroule a:focus {
  background: #DFE0C5;
  color: #8F896E;
  text-decoration: none;
}

#menu ul li div.menuDeroule li.last a,  #menu ul li div.menuDeroule li.last a:hover {
	border-top: solid 1px #DFE0C5;
}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-top: 0.38em;
	margin-bottom: 2em;
	font-size: 0.85em; }

/* Pied de page */
#ft {
	clear: both;
	margin: 4em 0 1em 0;
	background: #EEE;
	padding: 5px;
	text-align: center;
	}
	#ft small { font-size: 0.85em; }
	#ft img { vertical-align: bottom; }

#ft-bcld {
 color: #CCC;
 font-size: 0.93em;
 font-variant: small-caps;
 text-align: right;
 margin-bottom: 1em;
}
	#ft-bcld img { vertical-align: bottom; }


/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  Habillage general des menus de navigation
---------------------------------------------- */
.menu-titre {
	padding: 0 0 0.2em 0;
	text-align: center;
	font-weight: bold;
}

.rubriques, .divers, .tags, .breves, .syndic, .evene_dates, .geo {
	padding: 10px;
	margin-bottom: 1em;
	font-size: 0.93em;
	line-height: 1.4em;
}
.rubriques { background-color: #DFE0C5; }
	.rubriques ul { padding: 0.2em 0; text-align: left; color: #8DC63F; }
	.rubriques ul ul { padding-left: 10px; background: #EAFFEA; }
	
.syndic { background: #E8F8F8; }
	.syndic ul { padding: 0.2em 0; text-align: left; color: #8DC63F; }
	.syndic ul ul { padding-left: 10px; background: #F0FCFC; }

	
.divers { padding-top: 5px; background-color: #DFE0C5; }
	.divers ul { background: #EAFFEA; padding: 5px; }

.tags, .breves { padding-top: 5px; background-color: #EEE; }
	.tags li, .breves li { background: #CCC; padding: 5px; margin-bottom: 0.2em; }
	.breves li small { display: block; color: #8F896E; font-size: 0.85em; }
	
.evene_dates { padding-top: 5px; background-color: #E6E6E6; }
	.evene_dates li { margin-bottom: 0.2em; padding: 5px; font-size: 85%; font-weight: bold; background: #DFE0C5; }
	
.geo { background-color: #E6E6E6; }
	.geo dt { display: inline; color: #8DC63F; font-weight: bold; }
	.geo dd { display: inline; color: #8DC63F; }
	
.bloc-agenda {
	padding: 10px;
	margin-bottom: 1em;
	background: #DFE0C5;
}

#en-bref {
	margin-bottom: 1em;
	color: #8DC63F;
	}
	#en-bref h2 { font-size: 108%; font-weight: bold; text-align: right; }
	#en-bref li { font-size: 93%; font-weight: bold; padding-top: 0.15em; }
	
#dernier_kig { margin-bottom: 4em; }

/* Mini Cal
----------- */
#calendar { padding: 5px 10px 10px; margin-bottom: 1em; background-color: #EEE; }
#calendar table {
	width: 100%;
	font-size: 1em;
	text-align: center;
	margin: 0 auto 5px;
	border-collapse: collapse;
}

#calendar table caption {
	margin: 0 auto;
	text-align: center;
	line-height: 2em;
}

#calendar table caption a {
	color: #F60;
}

#calendar table th {
	color: #8DC63F;
	background: transparent;
	text-align: center;		
}

#calendar table td {
	width: 14%;
	line-height: 2em;
	border: 1px solid #FFF;

}

#calendar span {
	display: none;
}

#calendar table td a {
	display: block;
	background: #DFE0C5;
	color: #8F896E;
	line-height: 2em;
	font-weight: bold;
	text-decoration: none;
}

#calendar table td.horsperiode {
	color: #CCC;
}

#calendar table td.today {
	font-weight: bold;
}

#calendar table td a:hover{
	background: #8DC63F;
	color: #DFE0C5;
}


/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 153.9%;
	font-weight: bold;
	color: #8DC63F; }

.cartouche .surtitre {
	font-size: 100%;
	color: #F60;
	font-weight: bold; }

.cartouche .soustitre {
	font-size: 108%;
	color: #8F896E;
	font-weight: bold; }

.cartouche .spip_logos {
	float: right;
	margin-left: 0.5em;
	margin-bottom: 0.5em; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.85em; }

.cartouche .traductions { font-size: 0.85em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: 93%;
	line-height: 1.4em; }
	.page_annuaire_article .chapo { font-weight: normal; }

.lien {
	color: #8DC63F;
	font-size: 93%;
	font-weight: bold;
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 10px;
	}

.texte { color: #333; }
.texte p { margin-bottom: 1em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	}
.notes { clear: both; font-size: 0.93em; }
.ps h2, .notes h2 { font-size: 1.17em; font-weight: bold; }

.page_annuaire_article div.liens-web {
	clear: both;
	background: #DFE0C5;
	padding: 5px;
	margin-bottom: 0.2em;
	font-size: 85%;
	font-weight: bold;
	color: #8DC63F;
	text-align: center;
	}
	.page_annuaire_article div.liens-web ul li { display: inline; margin: 0; padding-right: 2em; }

.page_annuaire_article div.desc {
	background: #E6E6E6;
	margin-bottom: 1em;	
	padding: 10px;
	font-size: 93%;
	line-height: 1.4em;
	}
.page_annuaire_article div.labels .spip_logos { float: right; text-align: right; margin: 2px 2px 2px 0; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	}
#documents_portfolio h2 { margin-bottom: 0.4em; background: #EEE; padding: 5px 5px 5px 10px; font-size: 108%; font-weight: bold; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	}
#documents_joints h2 { margin-bottom: 0.4em; background: #EEE; padding: 5px 5px 5px 10px; font-size: 108%; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}
#documents_joints li .spip_doc_infos { font-size: 0.93em; border: 1px solid #EEE; border-width: 1px 0 0 0; margin-top: 0.5em; }
#documents_joints li span.download * { color: #F60; }
.download { text-align: right; font-size: 0.93em; font-weight: bold; }
.download a { color: #F60; background: url(../img/download.png) no-repeat right center; padding-right: 11px; }

.page_sommaire #dernier_kig .spip_logos { border: 1px solid #CCC; } 
.page_sommaire .spip_doc_titre { margin-bottom: 0.5em; }

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }
	.page_annuaire .liste-articles li { margin-bottom: 1.4em; }

.liste-articles li .titre {
	font-size: 123.1%;
	font-weight: bold;
	}
	.page_sommaire .liste-articles li .titre { font-size: 116%; }
	
.liste-articles li .surtitre {
	font-size: 100%;
	color: #F60;
	font-weight: bold;
	}
	.page_sommaire .liste-articles li .surtitre { font-size: 93%; }

.liste-articles li .soustitre {
	font-size: 108%;
	color: #8F896E;
	font-weight: bold;
	}
	.page_sommaire .liste-articles li .soustitre { font-size: 100%; }

.liste-articles li .spip_logos, #yui-main .rubriques li .spip_logos {
	float: left;
	margin-right: 1.23em;
	}
	.page_annuaire .liste-articles li .spip_logos { margin-bottom: 1em; }
	.page_annuaire .liste-articles li div.labels .spip_logos { float: right; text-align: right; margin: 2px 2px 2px 0; }
.page_sommaire .liste-articles li .spip_logos { float: none; display: block; clear: both; margin: 0 0 0.5em 0; }

.liste-articles li p { margin: 0; padding: 0; }
	.liste-articles li p.agenda-date, .liste-articles li div.liens-web, .liste-articles li p.adh-infos {
		clear: both;
		background: #DFE0C5;
		padding: 5px;
		font-size: 85%;
		font-weight: bold;
		}
	.liste-articles li .liens-web { color: #8DC63F; text-align: right; margin-top: 0.2em; }
		.liste-articles li .liens-web ul li { display: inline; margin: 0; padding-right: 0.93em; }
		.liste-articles li .liens-web .first { text-align: left; }
	.liste-articles li p.adh-infos { padding-left: 10px; background: #EAFFEA; text-align: center; font-size: 93%; font-weight: normal; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.85em; }

.liste-articles .texte {
	margin-top: 5px;
	margin-bottom: 2em;	
	padding: 10px;
	font-size: 93%;
	line-height: 1.4em;
	}
	.page_annuaire .liste-articles .texte { margin: 0.5em 0 0 0; padding: 0; }

.liste-articles .texte { background: #E6E6E6; }
.liste-articles .texte a.btn-plus, .rubriques .texte a.btn-plus { display: block; text-align: right; padding: 1em 1em 0 0; color: #8DC63F; font-weight: bold; }
.page_sommaire .liste-articles a.btn-plus { display: block; text-align: right; padding: 0.5em 0 0; color: #8DC63F; font-size: 0.85em; font-weight: bold; }
.page_sommaire .liste-articles .texte a.btn-plus { font-size: 0.93em; }

.pagination { font-size: 100%; padding: 5px; background: #E6E6E6; }
.pagination .on { background: #EAFFEA; }

.page_agenda .liste-articles li { padding: 10px; background: #E6E6E6; }
	.page_agenda .liste-articles .texte {
		background: none;
		margin: 0.5em 0;
		padding: 0;
		font-size: 93%;
		line-height: 1.4em;
		}

li.vieux {
	background-image:url(../img/rayure.png)!important;
	background-image:url(../img/rayure.gif);
}
	li.vieux *, li.vieux a, li.vieux .texte a.btn-plus { color: #999; }
	li.vieux p.agenda-date { background: #EEE; }

.page_annuaire li div.adh { background: #E6E6E6; padding: 10px; }
.page_annuaire div.yui-gb .liste-articles { font-size: 0.77em; text-align: center; }

.rubriques li .titre {
	font-size: 133%;
	font-weight: bold;
	}

.rubriques .texte {
	padding: 1em;
	font-size: 100%;
	line-height: 1.4em;
	}

#yui-main .rubriques ul li { margin: 0 0 1em 0; clear: both; }
#yui-main .rubriques ul ul li { padding: 0 1em 0 0; display: inline; }

.page_mot .agenda { padding: 10px; margin-bottom: 1em; background-color: #E6E6E6; }
	.page_mot .agenda li { margin-bottom: 0.2em; padding: 5px; font-size: 85%; background: #DFE0C5; }
	
.page_sommaire .liste-articles h2 {
	font-weight: bold;
	font-size: 131%;
	margin-bottom: 1em;
	color: #8DC63F;
	}
.infos { background: #DFE0C5; padding: 10px; font-size: 0.85em; margin-bottom: 1em; color: #F60; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

/*.page_plan .cartouche { display: none; }*/

.page_plan #yui-main h2 {
	clear: both;
	background: #CCC;
	padding: 5px;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	}

.page_plan #yui-main ul {
	display: block;
	clear: left;
	margin: 0 0 1em 2em;
	padding-top: 0;
	}
	.page_plan #yui-main li { list-style: disc; margin-bottom: 1em; }
	.page_plan #yui-main li li { list-style: circle; margin-bottom: 0; font-size: 0.93em; }