/********************************************************************************************/
/*** Réinitialisation d'attributs HTML                                                    ***/
/********************************************************************************************/

* { 
	list-style-type: none; 
	color: #444;
	border: 0; 
	color: inherit; 
	font-family: inherit;
	/*font-size: inherit;*/ }
html { font-size: 100%; }
body { 
	margin: 0; 
	padding: 0; 
	font-size: 0.80em; 
	background-color: #fff; 
	background: url('../img/background.jpg') repeat-x left top;
	font-family: Arial, Helvetica, 'Lucida Grande', 'sans-serif';}

h4 { font-size: 1.1em; color: #414f5a; font-weight: bold; margin: 0; padding: 10px 0; }

a { color: #ec8600; text-decoration: none; }
a:visited { color: #b96c01; }
a:hover { text-decoration: underline; }

table { width: 100%; }
table, td, tr { padding: 0; margin: 0; }
td { vertical-align: top; }

cite, blockquote { font-family: Georgia, Times, serif; }


/*************************************************************************************/
/*** Classes
/*************************************************************************************/

.invisible { display: none; }
.a_droite { text-align: right; }
.spacer { visibility: hidden; clear: both; }

.vers_rubrique { font-weight: bold; }

.puce_orange { background: url('../img/puce_orange.gif') no-repeat left 0.25em; padding-left: 12px; }
.puce_bleue { background: url('../img/puce_bleue.gif') no-repeat left 0.25em; padding-left: 12px; }
.rss_feed { background: url('../img/rss.gif') no-repeat left top; padding-left: 18px; }
.url_site a.puce_orange { background-position: left center; padding-bottom: 2px; }

.grise { color: #999; }
.petit { font-size: 0.85em; }

.bordure_bas { border-bottom: #ccc solid 1px; } 

.format_png { behavior: url(win_png.htc); }


/*************************************************************************************/
/*** Structure des pages
/*************************************************************************************/

#EnteteDePage { 
	width: 920px;
	height: 190px;  
	margin: 0 auto; 
	padding: 0; 
	background: url('../img/bandeau.jpg') no-repeat left 40px; }
#CorpsDePage { 
	width: 760px; 
	margin: 0 auto; 
	min-height: 400px;
	height: auto !important;
	height: 400px; }
.contenu { margin: 0; /*padding: 0 20px 0 0;*/ }
#EnteteDePage .contenu { width: 740px; margin-left: 60px; padding: 0 20px; }
#PiedDePage .contenu { width: 740px; margin: 0 auto; padding: 10px 40px 30px 20px; }
#PartieGauche { float: left; width : 520px; }
#ContenuPage { padding: 40px 0;}
#PartieDroite { 
	margin-left: 520px;
	padding-top: 25px; 
	position: relative;
	/*width: 240px;*/ 
	background: url('../img/panneau.jpg') no-repeat left top; }


/*************************************************************************************/
/*** Eléments de l'entête
/*************************************************************************************/

#EnteteDePage * { margin: 0; padding: 0; }
#Logo { float: left; position: absolute; top: 50px;}
#Logo img { behavior: url(win_png.htc); }
#MenuEntete { 
	position: relative; 
	top: 20px; 
	text-align: right; 
	font-size: 0.85em; }
#MenuEntete a, #MenuEntete a:visited { color: #5b6e7a; }
#ZoneSombre { 
	position: absolute; 
	top: 60px;
	width: 200px; 
	margin-left: 540px; 
	color: #fff; }
#ZoneSombre h2 { font-size: 1.6em; font-weight: bold; text-align: left; }
#ZoneSombre h3 { margin-top: 10px; font-size: 1.1em; font-weight: normal; text-align: right; }

/*************************************************************************************/
/*** Menu principal
/*************************************************************************************/

#MenuPrincipal { 
	position: absolute; 
	z-index:100; 
	width: 500px; 
	background: url('../img/menu_separateur.jpg') no-repeat left top; 
	padding-left: 2px; }
#MenuPrincipal dl, #MenuPrincipal dt, #MenuPrincipal dd, #MenuPrincipal ul { margin: 0; padding: 0; } 
#MenuPrincipal dl { 
	float: left; 
	font-size: 1.05em; 
	background: url('../img/menu_separateur.jpg') no-repeat right top; width: 100px; }
/* Tous sauf IE */ html>/**/body #MenuPrincipal dl { width: auto; }
#MenuPrincipal dt { cursor: pointer; text-align: center; }
#MenuPrincipal dt.menu_actif { background: url('../img/menu_actif_g.jpg') no-repeat left bottom; }
#MenuPrincipal dt.menu_actif a { background: url('../img/menu_actif_d.jpg') no-repeat right bottom; }
#MenuPrincipal dd { display: none; position: absolute; text-align: left; width: 200px; }
/* Tous sauf IE */ html>/**/body #MenuPrincipal dd { width: auto; }
#MenuPrincipal a { 
	outline: none;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none; }
#MenuPrincipal ul {
	font-size: 0.9em;
	background-color: #2d3840;
	filter:alpha(opacity=95);
	-moz-opacity: .95;
	opacity: .95; }
#MenuPrincipal dl dt a { padding: 7px 10px; margin-right: 2px; }  
#MenuPrincipal dl a, dl a:visited { color: #fff; }
#MenuPrincipal dl li a { padding: 3px 10px 3px 8px;	border: #2d3840 solid 1px;}
#MenuPrincipal dl li a:hover { background-color: #ea8c06; }
#MenuPrincipal a span { color: #999; }
#MenuPrincipal a:hover span { color: #444; }


/*************************************************************************************/
/*** Listes dynamiques
/*************************************************************************************/

#PartieDroite a { color: #567e98; }
#PartieDroite a:visited { color: #445e6f; }
#PartieDroite a.on, #PartieDroite a.on:visited, 
#PartieDroite li.puce_orange a, #PartieDroite li.puce_orange a:visited, 
#PartieDroite a.puce_orange, #PartieDroite a.puce_orange:visited { color: #c87600; }
.debut_liste {
	padding-top: 10px; 
	background: url('../img/liste_cadre_h.gif') no-repeat 20px top; 
	border-top: white solid 1px;}
div.liste_encadree { 
	margin: 0 20px 20px;
	padding: 0 10px;
	background: url('../img/liste_cadre_b.gif') no-repeat left bottom; }
.liste_encadree h4 { padding-top: 0; }
.liste_encadree ul { margin: 0; padding: 0 0 10px; font-size: 0.95em; }
.liste_encadree li { padding: 3px 0; }
.liste_encadree p { margin: 0; padding: 0 0 10px; }
#ListeActus li span { color: #888; font-size: 0.9em; } 
#AnnoncesBox { font-size: 0.9em; width: 180px; height: 180px; margin-bottom: 20px; }
#ListeAnnonces div.liste_encadree { 
	background: url('../img/liste_annonces_b.jpg') no-repeat left bottom; }

#Dazibao div { padding-bottom: 10px; }
#Dazibao div div { font-size: 0.9em; }
#Dazibao div.chapo {
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: solid #ccc 1px; }
#Dazibao div.post_scriptum {
	margin: 0;
	padding: 0;
	border: 0;
	border-top: solid #ccc 1px; }

#Navigation li span { font-size: 0.9em; color: #555; }
.contenu_rubrique { display: none; }
.nombre_contenu { display: block; font-size: 0.8em; text-align: right; color: #666; }
#NavigationRubriques { border-top: #ccc solid 1px; }
#NavigationRubriques li { margin: 2px 0; border-bottom: #ccc solid 1px; } 
#NavigationRubriques li ul { border: none; padding: 0; } 
#NavigationRubriques li ul li { border: none; }

a.lien_etendre:hover, a.lien_reduire:hover { text-decoration: none }
a.lien_etendre, a.lien_reduire { padding-left: 4px; outline: none; }
a.lien_etendre { background: url(../img/show.gif) no-repeat left 0.2em; }
a.lien_reduire { background: url(../img/hide.gif) no-repeat left 0.2em; }
a.lien_etendre span, a.lien_reduire span { visibility: hidden; } 

#NavigationActus ul { margin-bottom: 10px; } 
/*#NavigationActus li { margin: 2px 0; }*/ 

#MenuRSS div.liste_encadree { 
	background: url('../img/menu_rss_b.jpg') no-repeat left bottom;
	padding-bottom: 100px; }
#MenuRSS div.liste_encadree div { font-size: 0.85em; }
#MenuRSS .puce_orange { 
	color: #ec8600; 
	display: block; 
	padding: 2px 0 10px 12px; 
	border-bottom: solid #ccc 1px; }
#MenuRSS ul.spip { margin: 0; }
#MenuRSS ul li.spip { background-position: left 0.4em; }
/* IE6 Only */ * html #MenuRSS ul li.spip { background-position: left 0.6em; }
/* IE7 Only */ *+html #MenuRSS ul li.spip { background-position: left 0.7em; }

li.puce_orange, li.puce_bleue { padding-left: 12px; background-position: left 0.4em; }
/* IE6 Only */ * html li.puce_orange, * html li.puce_bleue { background-position: left 0.6em; }
/* IE7 Only */ *+html li.puce_orange, *+html li.puce_bleue { background-position: left 0.7em; }


/*************************************************************************************/
/*** Eléments du pied de page
/*************************************************************************************/

#PiedDePage { 
	font-size: 0.9em;
	color: #48565f; 
	background: url('../img/pied.jpg') repeat-x left top; }
#PiedDePage a, #PiedDePage a:visited { color: #567e98; }
#PiedDePage p { margin: 0; }
td.colonne1 { width: 250px; }
td.colonne2 { width: 280px; }
#MenuPied, #MentionsLegales { margin-top: 5px; padding-top: 5px; }
#MenuPied { float: right; }
#MentionsLegales { border-top: #bdc9d1 solid 1px; }

/*************************************************************************************/
/*** Eléments spécifiques à la page d'accueil
/*************************************************************************************/

#Citation { 
	margin: 20px 0 30px 40px;
	padding: 10px 0 0 20px; 
	color: #5b6e7a;
	font-size: 1.2em; 
	background: url('../img/citation.jpg') no-repeat left top; }
#Citation p { margin: 0; padding: 0; }
#Citation p.a_droite { margin: 10px 50px 0 0; font-size: 0.9em; }
#Raccourcis { font-size: 0.9em; margin: 20px 0; }
div.raccourci { 
	float: left; 
	width: 245px; 
	padding: 0 5px 20px 0;
	background: url('../img/raccourci.jpg') no-repeat right top; }	
div.raccourci.impair { margin-right: 20px; }
#Raccourcis img { padding-right: 5px; }
#Raccourcis h5 { margin: 0; padding: 5px 0; font-size: 1.05em; }
#Raccourcis p { margin: 0; padding: 0; }

/*************************************************************************************/
/*** Eléments spécifiques au corps de page
/*************************************************************************************/

#FilAriane { text-align: right; margin: 0; font-size: 0.8em; }
#ContenuPage h1 { color: #aaa; margin: 0; }
div.intro { padding: 10px 0 20px; }
div.chapo { padding-top: 10px; font-style: italic; font-size: 1.1em; }
div.post_scriptum { 
	margin-top: 30px; 
	padding: 5px; 
	color: #666; 
	border: solid #ccc 1px; 
	background-color: #eee; }
div.notes {	color: #666; font-size: 0.85em;	}
#ContenuPage h2 { 
	margin: 0; 
	padding: 0;
	color: #333; 
	font-weight: bold;
	font-size: 1.1em; 
	/*font-family: Georgia, Times, serif;*/ }

/*************************************************************************************/
/*** Eléments spécifiques aux brèves
/*************************************************************************************/

body.page_breve #ContenuPage h1 { font-size: 1.7em; }
body.page_breve #ContenuPage h2 { font-weight: normal; }
#NavigationActu {
	margin-top: 20px; 
	width: 100%; 
	font-size: 0.9em;
	border-bottom : solid #ccc 1px;
	/*height: 20px;
	background: url('../img/navigation_actu.png') no-repeat left top;*/ }
/*#NavigationActu a { width: 20px; height: 20px; }*/
#NavigationActu td { width : 50% }
#NavigationActu td.suivant { text-align: right; }

/*************************************************************************************/
/*** Eléments spécifiques au plan
/*************************************************************************************/

body.page_plan #ContenuPage a { color: #567e98; }
body.page_plan #ContenuPage a:visited { color: #445e6f; }
body.page_plan #ContenuPage li.puce_orange a, 
body.page_plan #ContenuPage li.puce_orange a:visited { color: #c87600; }
body.page_plan table td { padding-bottom: 20px; width: 50%; }
body.page_plan table td.impair { padding-right: 20px; }
body.page_plan li { padding-top: 2px; padding-bottom: 2px;}
 
/*************************************************************************************/
/*** Styles SPIP
/*************************************************************************************/

h3.spip { 
	margin: 20px 0 15px; 
	padding: 0; 
	color: #70808e;
	font-weight: bold;
	font-size: 1.3em; 
	/*font-family: Georgia, Times, serif;*/ }
p.spip { margin: 5px 0; padding: 0; }
hr.spip { 
	margin: 20px 0;
	height: 1px;
	border: none;
	border-top: #ddd solid 1px; }
ul.spip { padding: 5px 0; margin: 0 0 0 20px; }
ul li.spip {
	margin: 0;
	padding: 2px 0;  
	background: url('../img/puce.gif') no-repeat left 0.4em; padding-left: 12px; }
ol.spip { padding: 5px 0; margin: 0 0 0 40px; }
ol li.spip { list-style-type: decimal; padding: 2px 0; }
blockquote.spip {
	padding: 10px 0 0 10px; 
	font-style: italic; 
	background: url('../img/citation.jpg') no-repeat left top; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top: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.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

.spip_glossaire { color: #567e98; border-bottom: #567e98 dotted 1px; }
.spip_glossaire:hover { text-decoration: none; }

table.spip {
	width: 100%;
	margin: 10px 0;
	border: none;
	/*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: #ccc; }
table.spip tr.row_odd { background: #e8e8e8; }
table.spip tr.row_even { background: #f8f8f8; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }


/*************************************************************************************/
/*** Formulaires
/*************************************************************************************/

form { background-color: #f4f4f4; border: #ddd solid 1px; padding: 10px; font-size: 0.95em; }
form h4 { color: #888; border-bottom: #ccc solid 1px; padding-bottom: 2px; margin-bottom: 5px; }
form table td { padding: 2px 2px; }
label { text-align: right; display: block; }
input.saisie, textarea { background-color: #fff; border: #ccc solid 1px; padding: 1px 2px; }
input.saisie:focus, textarea:focus { border: #567e98 solid 1px; }
textarea { font-size: 1.0em; }
/*textarea { width: 490px; }*/
input.bouton { 
	margin-top: 10px; 
	padding: 1px 4px;
	background-color: #ddd; 
	border: #c8c8c8 outset 2px; 
	cursor: pointer;}
input.bouton:hover { background-color: #d6d6d6; }