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

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

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;
}

/* Entete */

#hd {
	position: relative;
	padding: 15px 0 0 0;
	margin: 0 0 1em 0;
	background: #000 url(img/top.jpg) no-repeat left bottom;
	border: 1px solid #965578;
	border-width: 0 0 4px 0;
	zoom: 1;
	*width: 60em;!important
}

#hd h1 { font-size: 0.93em; margin: 0; padding: 0; }

#hd h1 em {
	position: absolute;
	bottom: 5px;
	left: 250px;
	padding: 0;
	margin: 0;
	color: #FFF;
	font-size: 0.85em;
	font-style: italic;
}

#panel {
	background: none;
	height: 165px;
	display: none;
	overflow: hidden;
}
#panel div { float: right; width: 200px; margin: 5px 50px 0 0; text-align: center; }
	.page_sommaire #panel { display: block; }

.btn-slide {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(img/white-arrow.gif) no-repeat 100% -50px;
	width: 100px;
	height: 26px;
	padding: 0;
	margin: 0;
}
	.page_sommaire .btn-slide { background-position: 100% 10px; }
.active {
	background-position: 100% 10px;
}
	.page_sommaire .active { background-position: 100% -50px; }
	
#hd p.welcome {
	position: absolute;
	bottom: 40px;
	left: 480px;
	right: 25px;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}
	

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	padding: 5px 10px;
	margin-bottom: 2em;
	font-size: 0.93em;
	color: #CF9;
	background: #95AA62;
}
#hierarchie a:link, #hierarchie a:visited { color: #FFF; text-decoration: none; }
#hierarchie a:hover { color: #FFF; text-decoration: underline; }

/* Pied de page */
#ft {
	clear: both;
	margin: 4em 0 1em 0;
	padding: 0 20px 0 0;
	text-align: center;
	line-height: 1.3em;
	color: #FFF;
	background: #9AB065 url(img/ft-acco-2.png) right center no-repeat;
	}
	#ft p {
		font-size: 0.85em;
		padding: 15px 0 15px 20px;
		background: url(img/ft-acco-1.png) left center no-repeat;
	}	
	#ft p a {
		text-decoration: none;
		color: #FFF;
	}
	#ft p a:hover {
		text-decoration: underline;
	}
	#ft em { font-style: italic; color: #CF9; }
	#ft img { vertical-align: bottom; }

#ft-bcld {
	font: italic 100%/100% Baskerville, "Times New Roman", Times, serif;
	letter-spacing: 0.10em;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
 	color: #fff;
	text-align: right;
	margin-bottom: 1em;
}
#ft-bcld a { color: #fff; text-decoration: none; }

/* 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%; }

/* Ajax */
.loading { background: url(img/ajax-loader.gif) no-repeat center bottom; }

/*  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: #FFF; }
	.rubriques ul { padding: 0.2em 0; text-align: left; color: #965578; }
	.rubriques ul ul { padding-left: 10px; background: #F2EFE9; }
	
.syndic { background: #E8F8F8; }
	.syndic ul { padding: 0.2em 0; text-align: left; color: #73321A; }
	.syndic ul ul { padding-left: 10px; background: #F0FCFC; }

	
.divers { padding-top: 5px; background: #9AB065 url(img/degrade-02.png) repeat-x 0 0; }
	.divers ul { background: #FFF; padding: 5px; }

.tags, .breves, .evene_dates { padding-top: 5px; background: #FFF; }
	.tags li, .breves li { background: #F2D7B6; padding: 5px; margin-bottom: 0.2em; }
	.breves li small { display: block; color: #8F896E; font-size: 0.85em; }
	.evene_dates li { margin-bottom: 0.2em; padding: 5px; font-size: 85%; font-weight: bold; background: #F2D7B6; }
	
.geo {  background: #9AB065 url(img/degrade-02.png) repeat-x 0 0; }
	.geo dt { display: inline; color: #333; font-weight: bold; }
	.geo dd { display: inline; color: #333; }
	
#bloc-agenda {
	padding: 0 5px;
	margin-bottom: 1em;
}

#bloc-coup-coeur {
	padding: 8px;
	background: #FFF;
}

#bloc-infos { background: #CF9; padding: 10px; font-size: 0.85em; margin-bottom: 1em; color: #965578; }

#en-bref {
	color: #CF9;
	margin-bottom: 1em;
	}
	#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; }
	
/* Mini Cal
----------- */
#calendar { padding: 5px 10px 10px; width: 220px; margin-bottom: 1em; background: #FFF; }
#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: #965578;
}

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

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

}

#calendar span {
	display: none;
}

#calendar table td a {
	display: block;
	background: #CF9;
	color: #965578;
	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: #965578;
	color: #CF9;
}


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

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

.cartouche .titre {
	font-size: 153.9%;
	font-weight: bold;
	color: #CF9; }
	.cartouche .titre a { color: #FFF; }
	.cartouche .titre a:hover { color: #CF9; }

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

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

.cartouche .spip_logos {
	float: right;
	margin-left: 1em;
	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;
	color: #FFF;
	font-size: 93%;
	line-height: 1.4em; }
	.page_annuaire_article .chapo { font-weight: normal; }

.lien {
	color: #CF9;
	font-size: 93%;
	font-weight: bold;
	margin: 1em;
	margin-bottom: 1.5em;
	}
.dispo { margin-bottom: 1em; }

.texte { color: #FFF; padding: 20px; background: #9AB065 url(img/degrade-02.png) repeat-x 0 0; }
	.texte p { margin-bottom: 1em; }

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

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

.page_annuaire_article div.desc {
	background: #FFF;
	margin-bottom: 1em;	
	padding: 10px;
	font-size: 93%;
	color: #333;
	line-height: 1.4em;
	zoom: 1;
	}
.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 {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-weight: bold;
	font-size: 108%;
	color: #CF9;
	padding: 1px 25px 20px 0;
	background: url(img/acco-vert-clair-2-small.png) no-repeat right top;
}

#documents_portfolio div { background: #CF9; padding: 8px 5px 8px 8px; }
#documents_portfolio div img {
	display: -moz-inline-stack;
	display: inline-block;
	margin: 1px;
	zoom: 1;
	*display: inline;
}

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	}
#documents_joints h2 {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-weight: bold;
	font-size: 108%;
	color: #CF9;
	padding: 1px 25px 20px 0;
	background: url(img/acco-vert-clair-2-small.png) no-repeat right top;
}

#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; color: #FFF; border: 1px dotted #FFF; border-width: 1px 0 0 0; margin-top: 0.5em; }
#documents_joints li span.download * { color: #CF9; }
.download { text-align: right; font-size: 0.93em; font-weight: bold; }
.download a { color: #CF9; background: url(img/download.png) no-repeat right center; padding-right: 11px; }

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li {
	margin-bottom: 1.5em;
	clear: both;
	border: 1px solid #C8D4AC;
	border-width: 0 0 1px 0;
	}
	.page_annuaire .liste-articles li { border: 0; border-width: 0; margin-bottom: 1.4em; }
	.page_agenda .liste-articles li { border: 0; border-width: 0; padding: 10px; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	#bloc-infos li { margin-bottom: 1em; }
	
.page_agenda .liste-articles 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; }

.liste-articles li .titre {
	font-size: 123.1%;
	font-weight: bold;
	}
	.page_sommaire .liste-articles li .titre { font-size: 116%; }
	.page_annuaire .liste-articles li .titre { margin-bottom: 0.5em; }
	
.liste-articles li .surtitre {
	font-size: 100%;
	color: #CF9;
	font-weight: bold;
	}
	.page_sommaire .liste-articles li .surtitre { font-size: 93%; }
	#bloc-coup-coeur .surtitre, .page_annuaire .liste-articles li .surtitre { color: #9AB065; }
	#bloc-infos .surtitre { color: #9AB065; }

.liste-articles li .soustitre {
	font-size: 108%;
	color: #FFF;
	}
	.page_sommaire .liste-articles li .soustitre { font-size: 100%; }
	#bloc-coup-coeur .soustitre { color: #666; }

.liste-articles li .spip_logos, #yui-main .rubriques li .spip_logos {
	float: left;
	margin-right: 1.23em;
	margin-bottom: 1em;
	}
	.page_annuaire .liste-articles li div.labels .spip_logos { float: right; text-align: right; margin: 2px 2px 2px 0; }
	#bloc-coup-coeur .liste-articles li .spip_logos { float: none; display: block; clear: both; margin: 0 0 0.5em 0; }
	#bloc-decouvertes .liste-articles li .spip_logos { margin: 0.5em 0.5em 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: #F2D7B6;
		padding: 5px;
		font-size: 85%;
		font-weight: bold;
		}
	.liste-articles li .liens-web { color: #965578; 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: #CF9; text-align: center; font-size: 93%; font-weight: normal; }
	li p.agenda-date { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	li.vieux p.agenda-date { background: #EEE; }


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

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

.liste-articles .texte {
	background: none;
	margin-top: 5px;
	padding: 0;
	font-size: 93%;
	color: #FFF;
	line-height: 1.4em;
	}
	.page_annuaire .liste-articles .texte { background: none; color: #333; margin: 0.5em 0 0 0; padding: 0; }
	#bloc-decouvertes .liste-articles .texte { background: none; color: #FFF; }
	.page_agenda .liste-articles .texte {
		background: none;
		margin: 0.5em 0;
		padding: 0;
		color: #333;
		}


.liste-articles a.btn-plus, .rubriques .texte a.btn-plus { display: block; text-align: right; padding: 1em 1em 0 0; color: #FF9; font-weight: bold; }
.rubriques .texte a.btn-plus, .page_agenda .liste-articles .texte a.btn-plus { color: #965578; }
.page_sommaire .liste-articles .texte a.btn-plus { font-size: 0.93em; }
#bloc-coup-coeur .liste-articles a.btn-plus { display: block; text-align: right; padding: 0.5em 0 0; color: #965578; font-size: 0.85em; font-weight: bold; }

p.lien-rubrique { color: #FF9; padding-top: 1em; }
p.lien-rubrique a.btn-plus { color: #FF9; font-weight: bold; }

.pagination { font-size: 100%; margin-bottom: 1em; padding: 5px; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.pagination .on { background: #FF9; }

.page_annuaire li div.adh { background: #FFF; padding: 10px; zoom: 1; }
.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%;
	color: #333;
	line-height: 1.4em;
	background: #FFF;
	}

#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 {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-weight: bold;
	font-size: 138.5%;
	color: #FFF;
	padding: 4px 30px 20px 0;
	background: url(img/acco-vert-clair-2.png) no-repeat right top;
	}
	#bloc-coup-coeur .liste-articles h2 { background: url(img/acco-vert-2.png) no-repeat right top; }

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

.page_plan #yui-main h2 {
	clear: both;
	background: #FFF;
	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; }


/* SPIP-STYLE                                                           */
/* Cette feuille contient les styles associes au code genere par SPIP.  */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip { font-weight: bold; font-size: 0.93em; }
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip { list-style: disc; margin: 0 0 1em 2em; }
ol.spip { list-style: decimal; margin: 0 0 1em 2em; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0.3em 0 0.3em 0.8em; list-style-position: outside; }

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em;
	color: #CF9; 
	font-size: 123.1%; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip { margin-bottom: 1em; }
p.spip_note { }

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #ccc; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
dl.spip_documents_center { margin-bottom:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.93em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; color: #FFF; font-size: 0.93em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif p.spip_note { color: #666; font-size: 0.93em; font-style: italic; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note { color: #CF9; } /* liens vers notes de bas de page */
a.spip_in { color: #CF9; text-decoration: none; border-bottom: 1px dotted #ccc; padding: 0 0 1px 0; } /* liens internes */
a.spip_in:hover { text-decoration: none; border-bottom: 1px dotted #666; }
.desc a.spip_in, .adh .texte a.spip_in { color: #965578; }
a.spip_out { color: #CF9; background:url(./img/link-out.gif) no-repeat top right; text-decoration: none; border-bottom: 1px dotted #ccc; padding: 0 3px 1px 0; } /* liens sortants */
a.spip_out:hover { text-decoration: none; border-bottom: 1px dotted #666; }
.desc a.spip_out, .adh .texte a.spip_out { color: #965578; }
a.spip_url { color: #333; text-decoration: none; } /* liens url sortants */
a.spip_url:hover { color: #666; text-decoration: underline; background:url(./img/link-out.gif) no-repeat top right; padding: 0 3px 0 0; }
a.spip_glossaire { color: #CF9; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	vertical-align: baseline;
	margin: 0 2px;
	border: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 1.08em/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: .93em;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: .85em;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */
/* white par defaut */
.button, a.button, .white, a.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
}
.button:hover, a.button:hover, .white:hover, a.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
}
.button:active, a.button:active, .white:active, a.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
}