/* Feuille de style pour mdb94.org
 * Basé sur la feuille de style "anis" pour eva-web 3.0 
 *
 * Couleurs originales (du plus sombre au plus clair):
 * body: #817947
 * liens, hierarchie, pied:  #ada960
 * entete, menu: #d7d97a
 * listes: #f3f3da
 * listes: #fff
 * Couleurs du site mdb-idf
 * vert clair fond : #dcf5d6
 * vert foncé textes : #3c9a24f
 * Autres couleurs :
 * orange pale : #fd6
 * orange soutenu : #f60
 * rouge (liens survol) : #f00
 *
 * crédits icônes : Spip, eva, WebAppers.com, walrick
 */

*{margin:0; padding:0;} /* sylvain : nettoyage */

/****************************************
	BODY
****************************************/
body{background:#fff; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; text-align:center;}

a img{border:none;}
img{vertical-align:middle;}
a{color:#f60; text-decoration:none;}
a:hover{color:#f00; text-decoration:none;}

.nettoyeur{border:0; clear:both; font-size:1px; height:0; line-height:1px; margin:0; overflow:hidden; padding:0;}

.erreur{color:#ffba00; font-weight:bold;}
	
/****************************************
	PAGE
****************************************/
div#Page{background:#fff; margin:0; position:relative; text-align:left; width:100%; z-index:1;}

/****************************************
	ENTETE
****************************************/
#Entete{background:url(images/bandeau2.jpg) repeat-x bottom left; border-bottom:1px solid #3c9a24;
			height:105px; position:relative; z-index:2;}	
#Entete h1{font-size:150%; line-height:22px; margin:0; padding:0 10px; position:relative; top:0px;}
#Entete h1 img {margin:0; padding: 10px 0; position:relative; vertical-align:middle;}
#Entete h1 span {background:#dcf5d6; padding:3px 10px 3px 10px;}
#Entete h1 a {color:#3c9a24; text-decoration:none;}
#Entete h1 a:hover {text-decoration:none;}
#Entete h2{bottom:10px; color:#3c9a24; font-size:110%; margin:0 10px; padding:0; position:absolute; right:0;}
#Entete h2 span {background:#dcf5d6; padding:3px 5px 3px 5px;}
#Entete h2 img{position:relative; padding-left:10px; vertical-align:middle;}

/****************************************
	ENTETE
		ul#navbar
****************************************/
#navbar{background:#7b8494; bottom:0; color:#fff; margin:0; padding:0; position:absolute; width:100%;}
#navbar li{float:left; font-size:16px; list-style-type:none; padding:2px 15px 2px 15px;}
#navbar li.important{background:#ffd700;}
#navbar li.on a{color:#f60;}
#navbar li+li{border-left:dotted 1px #ddd;}
#navbar li img{height:24px; padding:0 3px 0 0; width:24px;}
#navbar li a{color:#fff;}
#navbar li a:hover{color:#f60; text-decoration:underline;}

/* formulaire recherche */
#Entete div.formulaire_recherche form{display:inline;}
#Entete div.formulaire_recherche label{display:none;}
#Entete div.formulaire_recherche input.text{border:solid 1px #3c9a24; background:#eee; color:#333; font-size:80%; vertical-align:middle; width:100px;}
#Entete div.formulaire_recherche input.text:focus{border-color:#0d0; background:#fff;}
#Entete div.formulaire_recherche input+input{display:none;}

/****************************************
	ENTETE
		Arborescence (fil d'ariane)
****************************************/
#Arborescence{background:#fff; border-bottom:1px solid #3c9a24; color:#3c9a24; font-size:70%; padding:2px 0 2px 10px; position:relative;}
#Arborescence span{font-size:70%; font-weight:bold;}
#Arborescence a{color:#3c9a24; text-decoration:none;}
#Arborescence a:hover{color:#f00;}
#Arborescence strong{color:#3c9a24;}
#Arborescence em{color:#3c9a24;}
	
/****************************************
		CONTENEUR
****************************************/
#Conteneur{margin-top:10px; position:relative; z-index:2;}	
#ConteneurSeul{margin:10px; position:relative;}
#ConteneurSeul #Contenu{border-left:none; float:none; margin-left:auto; position:relative; width:auto;}
#ConteneurSeul #Menu{display:none;}

/****************************************
		MENU
****************************************/
#Menu{float:left; margin:0 10px 0 0; position:relative; width:220px; z-index:5;}
	
/****************************************
	MENU ul#Sommaire (menu principal)
****************************************/
#Sommaire{background:#dcf5d6; list-style-type:none; margin:0; padding:0;}
#Sommaire ul{list-style-type:none; margin:0; padding:0;}
#Sommaire ul ul{border-left:none; margin:0; padding:0;}
#Sommaire li{margin:0; padding:0; position:relative;}
#Sommaire ul li{margin:0;  padding:0; position:relative;}
#Sommaire ul ul li{margin:0; padding:0; position:relative;}
#Sommaire a{color:#3c9a24; display:block; font-weight:bold; padding:5px 0 5px 10px; text-align:left; text-decoration:none;}
#Sommaire a img{margin:0; padding:0;}
#Sommaire a:hover{background-color:#fd6; color:#f00; text-decoration:none;}
#Sommaire a.on{color:#f60;}
#Sommaire ul a{border-bottom:none; font-size:80%; padding:2px 0 2px 20px; text-align:left;}
#Sommaire ul a:hover{border-bottom:none; color:#f00;}
#Sommaire ul a.on{border-bottom:none; color:#f60;}
#Sommaire ul ul a{font-size:80%; font-weight:normal;}
	
/****************************************
	MENU bloc
****************************************/
#Menu h3.titre{background:#dcf5d6; border:none; color:#3c9a24; font-size:105%; margin:10px 0 0 0; padding:4px 10px;}
#Menu .bloc h5{color:#3c9a24; display:block; font-weight:bold; margin:0; padding:0; position:relative; text-align:right;}
#Menu .bloc ul{background:#dcf5d6; list-style-type:none; margin:0; padding:0; position:relative;}
#Menu .bloc ul li{background:#fff; border-bottom:solid 1px #dcf5d6; border-left:solid 1px #dcf5d6; border-right:solid 1px #dcf5d6; color:#3c9a24; font-size:90%; margin:0; padding:5px 10px;}
#Menu .bloc ul li:hover{color:#f00;}
#Menu .bloc ul li a{color:#3c9a24;}		
#Menu .bloc ul li a.on{color:#f60;}	
#Menu .bloc ul li.on strong{color:#f60;}
#Menu .bloc ul li em{font-size:70%; font-weight:normal;}
#Menu .bloc ul li img{padding: 0 5px 0 0;}	
#Menu .bloc ul a{font-weight:bold; text-decoration:none;}
#Menu .bloc ul a:hover{border-bottom:none; color:#f00; text-decoration:none;}	
#Menu .bloc p{padding:5px; text-align:center;}	
	
/****************************************
	CONTENU
****************************************/
#Contenu{color:#000; margin:0 0 0 230px; position:relative; text-align:justify; z-index:3;}
#Contenu a:visited{color:#f60; text-decoration:none;}
#Contenu a:hover {color:#f00; text-decoration:none;}
#Contenu sup{font-weight:bold;}
#Contenu h2{color:#3c9a24; font-size:110%; margin:10px; padding:0; position:relative;}
#Contenu h2 span{}
#Contenu h2 img{padding-right:10px; position:relative; vertical-align:middle;}
#Contenu p{margin:8px 0 8px 0;}
/* listes */
#Contenu ul.spip {margin:8px 0 8px 0;}
#Contenu ul.spip li{margin:4px 0 4px 15px;}

/****************************************
	CONTENU bloc-breves
****************************************/
#bloc-breves{float:right; margin:25px 10px 0 10px; position:relative; width:280px; z-index:5;}
#bloc-breves h3.titre{background:#dcf5d6; border:none; color:#3c9a24; font-size:105%; margin:10px 0 0 0; padding:4px 10px;}
#bloc-breves h5{color:#3c9a24; display:block; font-weight:bold; margin:0; padding:0; position:relative; text-align:right;}
#bloc-breves ul{background:#dcf5d6; list-style-type:none; margin:0; padding:0; position:relative;}
#bloc-breves ul li{background:#fff; border-bottom:solid 1px #dcf5d6; border-left:solid 1px #dcf5d6; border-right:solid 1px #dcf5d6; color:#3c9a24; font-size:90%; margin:0; padding:5px 10px;}
#bloc-breves ul li a{color:#3c9a24;}		
#bloc-breves ul li a.on{color:#f60;}	
#bloc-breves ul li.on strong{color:#f60;}
#bloc-breves ul li em{font-size:70%; font-weight:normal;}
#bloc-breves ul li img{padding: 0 5px 0 0;}	
#bloc-breves ul a{font-weight:bold; text-decoration:none;}
#bloc-breves ul a:hover{border-bottom:none; color:#f00; text-decoration:none;}	
#bloc-breves p{padding:5px; text-align:center;}

/****************************************
	CONTENU
		(Affichage des dates, auteurs, ...)
****************************************/
#AuteursDates{background:#fff; border-bottom:1px solid #3c9a24; border-left:1px solid #3c9a24; float:right; font-size:80%;
	margin:10px 0 3px 10px; padding:5px 10px; position:relative; width:150px; z-index:2;}
#AuteursDates li{list-style-type:none; margin:0; padding:0; position:relative;}

/****************************************
	CONTENU
		(chapo, texte, ...)
****************************************/
#Contenu div.chapo{background:none; font-weight:bold; margin:10px 0; padding:5px 0; position:relative;}
#Contenu div.chapo h3{border:none; margin:10px 0 10px 15px;}
#Contenu div.chapo strong, #Contenu div.chapo b{color:#666;}

#Contenu div.texte{margin:10px 0; position:relative;}
	
#Contenu div.lien{background:#dcf5d6; margin:20px 0; padding:4px; position:relative;}
	
#Contenu div.ps{margin:20px 0; position:relative;}
#Contenu div.ps h4{background:#dcf5d6 ; font-weight:bold; margin:0; padding:4px;}
#Contenu div.ps div.contenu{font-size:80%; margin:0; padding:2px 4px;}

#Contenu div.notes{margin:20px 0; position:relative;}
#Contenu div.notes h4{background:#dcf5d6 ; font-weight:bold; margin:0; padding:4px;}
#Contenu div.notes div.contenu{font-size:80%; margin:0; padding:2px 4px;}
	
#Contenu h4.titre{background:#dcf5d6; font-size:14px; font-weight:bold; margin:20px 0 0 5px; padding:4px;}

#Contenu h3{font-size:105%; margin:20px 0; padding:2px 4px; position:relative; text-align:left;}
#Contenu h3 a{text-decoration:none;}
#Contenu h3 em.date{color:#3c9a24; font-size:70%;}
#Contenu .suite{font-size:70%; text-align:right;}

/****************************************
	CONTENU
		(listes d'éléments, dl, ...)
****************************************/
#Contenu h3.titre{background:#dcf5d6; color:#3c9a24; font-size:105%; margin:10px 0 0 0px; padding:5px;}
#Contenu h3.titre a {color:#f60;}
	
#Contenu dl.bloc{background:#FFF; color:#000; margin:0 0 20px; padding:0 0 10px;}
#Contenu dl.bloc dt{color:#000; /*font-weight:bold;*/ margin:0; padding:5px 2px 2px 4px;}
#Contenu dl.bloc dt img{float:left; margin:0 4px 0 0;}
#Contenu dl.bloc dt em{font-size:10px; font-weight:normal;}
#Contenu dl.bloc dt em.hierarchie{float:right;}
#Contenu dl.bloc dd{font-size:90%; margin:0; min-height:30px; padding:2px 8px 4px 30px;}
#Contenu dl.bloc dt.un {background:#fff;}
#Contenu dl.bloc dd.un {background:#fff;}
#Contenu dl.bloc dt.deux {background:#fff;}
#Contenu dl.bloc dd.deux {background:#fff;}
	
#Contenu ul.bloc{list-style-type:none; margin:0; padding:0 0 10px;}
#Contenu ul.bloc li{color:#000; font-size:12px; margin:0; padding:8px 2px 2px 4px;}
#Contenu ul.bloc li img{margin:0 4px 0 0;}
#Contenu ul.bloc li em{font-size:10px; font-weight:normal;}
#Contenu ul.bloc li.un{background:#fff;}
#Contenu ul.bloc li.deux{background:#FFF;}
	
/****************************************
	CONTENU
		Edito, Texte explicatif, ...
****************************************/
#Contenu .bloc2{background:#FFF; color:#000; margin:10px 0; padding:0 10px; position:relative;}
#Contenu .bloc2 h3{border-bottom:1px solid #3c9a24; border-top:1px solid #3c9a24; color:#3c9a24; font-size:105%;
	margin:20px 0; padding:2px 4px; position:relative; text-align:left;}
#Contenu .bloc2 h3.titre{background:none; border:none; color:#3c9a24;
	font-family:Georgia,Garamond,Times,serif; font-size:140%; margin:10px 0 10px 0; padding-top:10px;}
#Contenu .bloc2 h3.titre a{color:#3c9a24;}
#Contenu .bloc2 img.spip_logos{margin:0 5px 2px 0px; position:relative; vertical-align:middle;}
	
/****************************************
	CONTENU 
		Album Photo
****************************************/
div#Photo img {
	padding:5px;
	margin:10px 10px 0 0;
	background:#666;
	}
	
ul#AlbumVignettes {
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	}
ul#AlbumVignettes li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	}
ul#AlbumVignettes li a img {
	position:relative;
	margin:4px;
	padding:3px;
	background:#666;
	}
ul#AlbumVignettes li.on a img {
	background:#999;
	}
ul#AlbumVignettes li a:hover img {
	background:#999;
	}

/****************************************
	CONTENU
		#Forum
****************************************/
#Forum{position:relative;}
#Forum *{position:relative;}
#Forum .bouton{text-align:right;}
#Forum .bouton a{background:#FFF; border:1px solid #CCC; color:#999; font-size:70%; font-weight:bold; margin:0 2px; padding:2px;}
#Forum .bouton a:hover{background:#999; color:#FFF; text-decoration:none;}
#Forum ul.forum{margin:0; padding:0;}
#Forum ul.forum ul{background:url(images/fond_forum.gif) top left repeat-y; margin:0; padding:0;}
#Forum ul.forum li{list-style-type:none;margin:0 0 40px; padding:0;}
#Forum ul.forum li li {background:url(images/fond_forum_arrondit.gif) top left no-repeat; margin:0; padding:0 0 0 40px;}
#Forum ul.forum div.titre h4{background:#dcf5d6; margin:0; padding:2px; position:relative;}
#Forum ul.forum div.titre .auteur{background:#dcf5d6; font-size:80%; margin:0; padding:2px 2px 2px 20px; position:relative;}
#Forum ul.forum div.texte{margin:0; position:relative;}
#Forum ul.forum div.contenu{font-size:80%; margin:0; padding:4px; position:relative;}
#Forum ul.forum div.contenu p{margin:4px 0; padding:0; position:relative;}
#Forum ul.forum li.message {}
#Forum ul.forum li.reponse {}
	
/****************************************
		ul#Plan
****************************************/
ul#Plan{border:1px solid #dcf5d6; margin:0; overflow:hidden;}
ul#Plan li{font-weight:bold; padding:3px;}
ul#Plan li.article{font-weight:normal; list-style-type:none; padding:3px;}
.BlocPlan{float:right; margin:0px; padding:10px; width:220px;}
	
/****************************************
		RECHERCHER (résultats)
****************************************/
dl.rechercher{margin:0 5px; padding:0; position:relative;}
dl.rechercher dt{font-weight:bold; margin:0; padding:8px 2px 2px 4px;}
dl.rechercher dt img{float:left; margin:0 4px 0 0; position:relative;}
dl.rechercher dt em{font-weight:normal;}
dl.rechercher dd{margin:0; padding:2px 4px 10px 30px;}
dl.rechercher dt.deux {}
dl.rechercher dd.deux {}
	
/****************************************
		RECHERCHER (formulaire)
****************************************/
#Contenu #FormRecherche{background:#fce6a4; border:solid 1px #B3B3B3; padding:10px 5px; text-align:center;}
#Contenu #FormRecherche p{padding:5px 5px 0; text-align:right;}
#Contenu #FormRecherche form.formrecherche{}
#Contenu #FormRecherche form.formrecherche p{text-align:center;}

/*   elements de formulaire   */
input.formrecherche{background:#FFF; border:1px solid #3c9a24; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal; margin:0; padding:2px; width:400px;}
.formrecherche .spip_bouton{display:inline; font-weight:normal;}

/****************************************
		.MenuPagination   
*****************************************/
.MenuPaginationHaut{border-bottom:1px solid #3c9a24; font-size:80%; margin:0; padding:0;}
.MenuPaginationBas{border-top:1px solid #3c9a24; font-size:80%; margin:0; padding:5px 10px;}	
	
/****************************************
		#Pied
****************************************/
#Pied{background:#fff; border-top:1px solid #3c9a24; color:#000; font-size:70%; margin:10px 0 10px 0; padding:4px 0; position:relative; text-align:center;}
#Pied li{border-left:1px solid #3c9a24; display:inline; list-style-type:none; margin:0; padding:0 15px; position:relative;}
#Pied li.premier{border-left:none;}
#Pied a{color:#f60; padding:2px 5px; text-decoration:none;}
#Pied li.on a{color:#f00;}
#Pied a:hover{color:#f00; text-decoration:none;}
#Pied p a:hover{color:#f00; border-bottom:none;}
	
/****************************************
		#Logo-Pied
****************************************/
#Logo-Pied{background:#d7d97a; border-top:1px solid #FFF; font-size:10px; margin:0; padding:0; position:relative; text-align:center;}
#Logo-Pied ul{display:inline; margin:0; padding:0 15px; position:relative;}
#Logo-Pied li{display:inline; list-style-type:none; padding:0 10px;}
#Logo-Pied a:hover{text-decoration:none;}

/****************************************
		Formulaires
****************************************/
form{margin:0; padding:0; width:98%;}
fieldset{border:1px solid #dcf5d6; margin:10px 0;}
legend{color:#3c9a24; font-weight:bold;}
textarea{margin:0 auto; width:96%;}
label{font-weight:bold;}

/****************************************
		SPIPforml
****************************************/
/*
 * Formulaires
 */

.formulaire{background:#f6f6f6; border:1px solid #ccc; color:#000;
	font-family:Courier, Verdana, Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal;
	margin:0px; margin-bottom:16px; padding:4px;
}
.forml{background:#abc8e0; border:1px solid #3c9a24; font-family: Courier, Verdana, Arial, Helvetica, sans-serif; padding:2px;}

.formulaire_ecrire_auteur{text-align:left;}
.formulaire_ecrire_auteur .forml{width:98%;}

.formulaire_forum{text-align:left;}
.formulaire_forum .forml{width:100%;}
	
/*
 * Zone de texte login ecrire
 */
 .spip input{border:solid 1px #3c9a24;}
 
#var_login {width:170px;}

.forml:focus {background:#f0f6fb;}

.spip-admin {}

a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }

img.spip_puce{vertical-align:top;}

p.spip_note { }

h3.spip {}

.spip_puce{border-width:0px; list-style-position:inside;}

.spip_code{font-family:"Courier New", Courier, monospace; font-size:12px;}

textarea.spip_cadre{background:#fce6a4; border:1px dashed #CCC; color:#000; font-family:"Courier New", Courier, monospace; font-size:12px; width:100%;}

.spip_cadre{background:#FFF; margin:10px 0; padding:5px; width:95%;}

.spip_documents{font-size:70%;}

.spip_documents_center{margin:auto; text-align:center; width:80%;}

.spip_documents_left{float:left; margin-right:30px; text-align:center;}

.spip_documents_right{float:right; margin-left:15px; text-align:center;}
/* tableaux spip */
table.spip{border-collapse:collapse; margin:20px auto;}
table.spip th{background:#3c9a24; border: 1px solid #3c9a24; color:#fff; padding: 4px; text-align:center; vertical-align: middle;}
table.spip td {border: 1px solid #3c9a24; padding: 2px; text-align: left; vertical-align: middle;}
table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align:center;
	margin:5px auto;
	padding: 3px;
	font-weight: bold;
	font-size : 70%;
}
table.spip tr.row_first {}
table.spip tr.row_odd {background:#dcf5d6; border:1px solid #3c9a24;}
table.spip tr.row_even {background:#fff; border:1px solid #3c9a24;}

hr{
	display:block;
	height:2px;
	margin:30px 100px;
	padding:0;
	border:solid #d7d97a;
	border-width:0 10px;
	background:#ada960;
	color:#d7d97a;
	}
b.spip { }
i.spip { }
blockquote.spip{background:#fce6a4; border-left:3px solid #999; display:block; margin:20px 0 20px 30px; padding:2px 5px;
	position:relative;
	}
blockquote.spip p{margin:5px 0; padding:0;}

.forml{background:#fff; width:auto;}

.spip_encadrer{background:#fff; border:1px #666 solid; font-family:helvetica, arial, sans-serif; padding:5px; width:95%;}

div.spip_poesie{border-left:1px solid #999; margin-bottom:5px; margin-left:10px; padding-left:10px;}

div.spip_poesie div{margin-left:60px; text-indent: -60px;}

.reponse_formulaire{color:#f00; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 110%; font-weight: bold;}

.spip_surligne{background:#fc0; color:#000;}

/* Images typographiques (via image_typo) */
.image_typo{behavior:url(win_png.htc);}

/* Barre de raccourcis */
a.spip_barre img{background:#FDA; border-top:1px solid #FFF; border-right:1px solid #a96; border-bottom:1px solid #a96; border-left:1px solid #FFF; padding:3px;}
a.spip_barre:hover img{background:#f8f8f4; border:1px solid #808080; padding: 3px;}