/**********************************************
 * Modifie : 2008-4-13 
 * Style de de personalisation du site
 * Note : Modifier a volonte
 **********************************************/

body {
	background-color: #FFF;
}

/* affichage temporaire * /
div {
	border: 1px dashed #00F;
} */

#entete {
	background: #009 url(../images/HrdBakround1200.jpg) repeat;
}
#entete .logo {
	float: left;
	padding: 8px 0 0 8px;
}
#entete .baniere {
	color: #FFF;
	text-align: center;
}
#entete .baniere h1 {
	font-size: 42px;
	line-height: 1.7em;
	padding-right: .5em;
	margin: 0;
}

#entete .naventete {
	background-color: #FFF;
	height: 20px;
	position: absolute;
	top: 79px;
	width: 100%;
}
#entete .naventete ul {
	padding: 0 0 0 190px;
	margin: 2px 0;
}
#entete .naventete ul li {
	display: block;
	float: left;
	line-height: 1.4em;
}
#entete .naventete ul li a {
	padding: 0 5px;
	margin-right: 10px;
	border-left: thin dotted #999;
	border-right: thin dotted #999;
}
#entete .naventete ul li a:hover {
	background-color: #CCC;
}

/* Fil d'ariane */
#hierarchie {
	background-color: #FF0;
	border-bottom: 1px solid #009;
}
#hierarchie a {
	color: #009;
	text-decoration: none;
	line-height: 1.5em;
}
#hierarchie a:hover {
	text-decoration: underline;
}

/* Debut du Menu de gauche */

#marge a {
	text-decoration: none;
}
#marge a:hover {
	text-decoration: underline;
}

/* Entete du menu */
#marge h1 {
	font-size: 1em;
	font-weight: bold;
	margin:0;
	padding: .5em;
	color:#FFF;
	background: #009 url(../images/HrdBakround170.jpg) repeat-y;
	text-align: center;
}

/* bloc de navigation 1 --> arborescence du site */
.nav1 {
   /*bloc contenant hierarchie & visiteur*/
   font-size: 12px;
	margin: 10px 0;
   padding:0px;
	border:1px solid #009;
	width: 168px;
}

.nav1 .nom {
	text-align: center;
}
.nav1 .nom a {
	color: #900;
	line-height: 1.5em;
}

ul.menulist li ul{ display:none; }

ul.menulist li:hover>ul{ display:block; }

.nav1 a.bouton,
ul.menulist,
ul.menulist ul{
	background: #009 url(../images/HrdBakround170.jpg) repeat-y -1px;
	border-bottom: 0px;
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
}

ul.menulist ul{
	position:absolute;
	top:-1px;
	left:180px;
	border:1px solid #009;
}

.nav1 a.bouton {
	width: 158px;
}

.nav1 a.bouton,
ul.menulist li{
	position:relative;
	margin:0px;
	padding:0px;
	border-bottom: 1px solid #FFF;
}

.nav1 a.bouton,
ul.menulist a{
 display:block;
 color:#FFF;
 text-decoration:none;
 padding: 5px;
}

.nav1 a.bouton:hover,
ul.menulist a:hover{
 background: #009;
 color:#FFF;
}

ul.menulist li.smenu {
        background-image: url(../images/arrow.gif) !important;
        background-position: 171px;
        background-repeat: no-repeat;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
        background-image: url(../images/arrowb.gif) !important;
        background-position: 168px;
        background-repeat: no-repeat;
}

/* Blocs du menu */
.bloc {
	border: 1px solid #009;
	background: #E0E0E0;
	width: 168px;
	margin: 10px 0px;
}
.bloc .texte {
	margin:10px;
	font-size: 12px;
}
.bloc .texte .bouton {
	margin: 17px 0px 17px 22px;
	text-align: left;
	text-indent: 5px;
}

/* Bloc Calendrier */
h1.caldr a {
	color: #fff;
}
.evenmt {
	margin: 5px 0;
	font-size: 11px;
	text-decoration: none;
}

/* Formulaires de recherche */
.formulaire_spip fieldset {
	border: 1px solid #009;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

.formulaire_spip legend {
	color: #009;
	background: #EEEEEE;
	font-weight: bold;
	border: 1px solid #009;
	padding: 2px 5px;
	margin: 0px 0px 5px 0px;
}

.formulaire_spip label {
	font-weight: bold;
}

.saisie-texte, .forml {
	display: block;
	color: #009;
	background: #FFF;
	margin:5px 0px;
	padding:1px;
}

.spip_bouton_gauche input {
	display: block;
	background: #009;
	color: #FFF;
	border: 1px solid #009;
	margin:5px 0px 5px 0px;
}

.spip_bouton_gauche input:hover {
	background: #FFF;
	color: #009;
	border: 1px solid #009;
	cursor: pointer;
}

fieldset {
	margin: 0px;
	padding: 0px;
}

blockquote {
	display: block;
	border : 1px solid #900;
	border-left : 8px solid #900;
	background : #EEE;
	padding : 0px 5px;
	font-style :italic;
	overflow: auto;
}

/* Bloc de derniere mise a jour */
.maj {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #808080;
	width: 168px;
	text-align: center;
	padding: 3px 0px;
	color: #808080;
	margin: 10px 0px;
}

.maj hr {
	border: 0px;
	height: 1px;
	color: #808080;
	background-color: #808080;
	margin-left: 0px;
	margin-right: 0px;
}

.stats {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #808080;
	width: 100%;
	padding: 3px 0px 3px 0px;
	color: #808080;
	margin: 20px 0px 20px 0px;
}

.stats hr {
	border: 0px;
	height: 1px;
	color: #808080;
	background-color: #808080;
	margin-left: 0px;
	margin-right: 0px;
}

.stats .titre {
	font-weight: bold;
	color: #808080;
	text-align: center;
	margin: 0px auto 5px auto;
}

.stats a {
	display: block;
	color: #06F;
	background-image:url(../images/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 5px 10px;
	margin: 0px 5px 0px 5px;
	text-align: left;
	text-decoration: none;
}

.stats a:hover {
	background-image:url(../images/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #06F;
	text-decoration: underline;
}

.stats a.info:hover span {
	/* style des infobulles associees aux images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #06F;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 3px 0px 3px;
	border: 1px solid #06F;
	width: 30px;
}

/* Fin du Menu de gauche */

/*
 *  Debut du contenu principal
 */
#droite {
	font-size: 13px;
	background: #FFF url(../images/filigrane.jpg) no-repeat scroll center;
	border-left: 0px solid #009;
}
#droite h1, #droite h2, #droite h3, #droite h4, #droite p {
	padding: 5px;
}
#droite h1 img {
	display: block;
	margin-right: 1em;
	float: left;
}
#droite h1 {
	color: #009;
}
#droite h2 {
	color: #FFF;
	background: #009 url(../images/HrdBakround1200.jpg) repeat;
	border: 1px solid #009;
	margin-top: 10px;
}

/* Contenu general */

.clearer {
	clear: both;
	display: block;
	height: 0px;
}
.clearer-right {
	clear: right;
	display: block;
	height: 0px;
}

.reponse_formulaire { 
	font-size: 12px; 
	font-weight: bold; 
	color: red;
}

/* derniers articles */
.derniers-articles {
	background: #009;
	margin-bottom: 20px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px;
}

.derniers-articles a {
	color: #900;
	text-decoration: none;
}

.derniers-articles .image .spip_logos {
	display: block;
	float: left;
	margin: 10px;
	border:0px;
}

.derniers-articles a:hover {
	color: #900;
	text-decoration: underline;
}

.derniers-articles .en-tete {
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 10px 10px 10px;
}

.derniers-articles .annonce {
	background: #FFF;
	margin: 10px;
	padding: 0px 0px 10px 0px;
}

.derniers-articles .surtitre {
	color: #009;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.derniers-articles a.titre {
	display: block;
	color: #009;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	padding-top: 5px;
}

.derniers-articles a.titre:hover {
	color: #009;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: underline;
}

.derniers-articles .soustitre {
	color: #009;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.derniers-articles .detail {
	color: #009;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #009;
	border-bottom: 1px solid #009;
	width: 200px;
	float: right;
}

.derniers-articles .chemin {
	color: #900;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}

.derniers-articles .introduction {
	color: #000;
	margin: 10px 10px 0px 10px;
}

.derniers-articles a.suite {
	text-align: right;
	display: block;
}

/* contenu --> rubriques */
.droite .rubrique {
	border: 2px solid #900;
	background: #FFF;
	margin: 10px 30px 40px 30px;
}

.droite .rubrique a.titre {
	display: block;
	font-size: 150%;
	color: #FFF;
	background: #900;
	border-right: 2px solid #900;
	border-bottom: 2px solid #900;
	padding: 1px 5px 1px 5px;
	margin-right: 50%;
	text-align:center;
	font-weight:bold;
}

.droite .rubrique a.titre:hover {
	display: block;
	font-size: 150%;
	color: #900;
	background: #FFF;
	border-right: 2px solid #900;
	border-bottom: 2px solid #900;
	padding: 1px 5px 1px 5px;
	margin-right: 50%;
	text-align:center;
	font-weight:bold;
}

.droite .rubrique .texte {
	margin: 10px;
}

.droite .rubrique .texte a {
	color: #900;
	text-decoration: none;
}

.droite .rubrique .texte a:hover {
	text-decoration: underline;
}

.droite .rubrique .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

.droite .rubrique .descriptif {
	margin: 10px 150px 5px 10px;
	border-top: 1px solid;
	border: 1px solid;
	font-size: 85%;
	padding: 5px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.droite .rubrique table {
	font-size: 85%;
	border-color: #FFFFFF;
}

.droite .rubrique tr.row_first {
	background: #808080;
	color: #FFF;
	text-align: center;
	font-size: 100%;
}

.droite .rubrique tr.row_odd {
	background: #E0E0E0;
	color: #000;
}

.droite .rubrique tr.row_even {
	background: #E0E0E0;
	color: #000;
}

.droite .rubrique td {
	border: 1px solid #FFF;
	padding: 1px 5px 1px 5px;
}

/* contenu --> rubriques filles */
.droite .rubrique .filles {
	margin: 10px;
}

.droite .rubrique .filles a {
	display: block;
	color: #000;
	font-weight: bold;
	background-image: url(../images/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 5px 0px 5px 30px;
}

.droite .rubrique .filles a:hover {
	background-image: url(../images/puce1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

/* contenu --> documents joints (aux articles et aux rubriques) */
.droite .doc {
	padding: 10px;
	color: #900;
	background: #FFF;
	margin: 0px;
}

.droite .doc .en-tete {
	font-size: 110%;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
}

.droite .doc .spip_logos {
	margin: 5px 0px 0px 30px;
	border:0px;
}

.droite .doc a {
	display:block;
	text-decoration: none;
	color: #900;
	margin: 0px 0px 5px 0px;
}

.droite .doc a:hover {
	text-decoration: underline;
}

.droite .vignette a:hover {
	text-decoration: none;
}

/* contenu --> images jointes (aux articles et aux rubriques) */
.droite .images {
	margin: 0px; 
	padding: 10px;
	background: #FFF;
}

.droite .images .en-tete {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	color: #900;
}

.droite .images .vignette {
	font-size: 80%;
	margin: 10px;
	padding: 10px 0px 10px 0px;
}

.droite .images ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #000;
}

/* Page Sommaire */
/* Bloc des avis */
div.avis {
	border: thin solid #900;
}
div.avis h2 {
	border: none !important;
	margin: 0;
	color: #FFF;
	background: #900 none !important;
	text-align: center;
}
div.texteavis {
	padding: 0 .5em;
}

/* serction de l'editorial */
div.edito {
	margin-top: 10px;
	border: thin solid #009;
	background-color: transparent;
/*	background-color: #EFF; */
}
div.edito .credits {
	float: right;
	font: bold small Verdana, Arial, sans-serif;
}
div.edito h2 {
	margin: 0;
	border: none !important;
	color: #009 !important;
	background: transparent none !important;
}
div.edito h3.stitre {
	color:#009;
	margin: 5px 0 0;
}


/* Page article */
/* contenu de l'article "proprement dit" */

.droite .article {
	background: #009;
	margin: 0px 30px 20px 30px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
}

.article a {
	color: #900;
	text-decoration: none;
}

.article a:hover {
	color: #900;
	text-decoration: underline;
}

.article .image .spip_logos {
	display: block;
	float: left;
	margin: 10px;
	border:0px;
}

.article .surtitre {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
}

.article .titre {
	color: #FFFFFF;
	font-size: 180%;
	font-weight: bold;
	margin: 0px;
}

.article .soustitre {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 0px;
}

* html .article .surtitre, * html .article .titre, * html .article .soustitre 
	{height : 1px;}  /* Hack IE6 : sur-titre, titre, sous-titre de l'article invisible */

*+html .article .surtitre, *+html .article .titre, *+html .article .soustitre 
	{height : 1px;}  /* Hack IE7 : sur-titre, titre, sous-titre de l'article invisible */


.article .detail {
	color: #009;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 1px 5px 1px 5px;
	border: 1px solid #009;
	border-top: none;
	width: 200px;
	float: right;
}

.article .texte {
	color: #000000;
	margin: 0px 10px 0px 10px;
}

.article .chapo {
	color: #009;
	margin: 10px 10px 0px 10px;
	font-weight: bold;
}

.article .post-scriptum {
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	font-size: 100%;
	border-top: 2px solid #009;
}

.article .post-scriptum .annonce {
	font-weight: bold;
	color: #009;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.article .notes {
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-top: 2px solid #009;
	font-size: 90%;
}

.article .en-tete {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

.article h3 {
	color: #009;
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}

.article table {
	font-size: 90%;
	border-color: #FFFFFF;
}

.article tr.row_first {
	background: #808080;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

.article tr.row_odd {
	background: #E0E0E0;
	color: #000000;
}

.article tr.row_even {
	background: #E0E0E0;
	color: #000000;
}

.article td {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 1px 5px;
}

.article a.imprimer {
	display: block;
	background-image: url(../images/printer.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 30px;
}

.article a.creer_pdf {
	display: block;
	background-image: url(../images/_pdf.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 10px;
}

/* mise en forme du formulaire de petition */

.petition {
	border: 2px solid #009;
	padding: 10px;
	margin: 0px 30px 20px 30px;
}

.petition .en-tete {
	color: #009;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

/* mise en forme de l'affichage des signataires de la petition */

.signatures {
	border: 2px solid #009;
	padding: 10px;
	margin: 10px 30px 10px 30px;
	background: #EEEEEE;
	font-size: 100%;
}

.signatures .en-tete{
	color: #009;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.signatures td {
	border: 1px solid #009;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	empty-cells: hide;
	font-size: 12px;
}

.signatures thead {
	background: #009;
	font-weight: bold;
	color: #FFFFFF;
}

.signatures a {
	color: #900;
	text-decoration: none;
}

.signatures a:hover {
	color: #900;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */

.articles-freres {
	border: 2px solid #009;
	padding: 10px;
	margin: 20px 30px 10px 30px;
	background: #EEEEEE;
}

.articles-freres ol {
	color: #009;
}

.articles-freres .en-tete{
	color: #009;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}

.articles-freres .frere a {
	/* lien vers les articles freres sauf l'article en cours */
	color: #009;
	text-decoration: none;
	font-weight: bold;
}

.articles-freres .frere a:hover {
	color: #009;
	text-decoration: underline;
}

.articles-freres .frere .date {
	color: #900;
}

.articles-freres .en-cours {
	/* affichage du titre de l'article en cours (sans lien) */
	color: #808080;
}

/* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */

.annonce-forum {
	color: #900;
	font-size: 150%;
	font-weight: bold;
	width: 100%;
	margin: 0px 30px 0px 30px;
}

.forum {
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	margin: 0px 30px 0px 30px;
}

a.repondre {
	background: #900;
	color: #FFFFFF !important;
	text-decoration:none !important;
	border: #900 solid 1px;
	text-align:center;
	padding: 1px 5px 1px 5px;
	margin-left : 5px;
	float: right;
}

a.repondre:hover {
	background:#FFFFFF !important;
	color:#900 !important;
	text-decoration:none !important;
}


.forum .en-tete {
	color: #009;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
}


.forum .visualisation {
	border: 1px solid #009;
	margin: 10px 0px 0px 0px;
}

.forum .visualisation a {
	color: #900;
	text-decoration: none;
}

.forum .visualisation a:hover {
	color: #900;
	text-decoration: underline;
}

.forum .visualisation .titre {
	border-bottom: 1px solid #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	background: #009;
	margin: 0px;
}

.forum .visualisation .detail {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-size: 90%;
	text-align: center;
	color: #FFFFFF;
	width: 200px;
	float: right;
	padding: 1px;
	background: #009;
}

.forum .visualisation .texte {
	padding: 10px;
}

.forum a.article-forum {
	text-decoration: none;
	font-size: 110%;
	color: #900;
	font-weight: bold;
}

.forum a.article-forum:hover {
	text-decoration: underline;
}

.forum_fils{
margin-left : 20px;
}

/* ~~~~~~~~~~~~ pagination des messages de forum ~~~~~~~~~~~~ */

.bande-pagination {
		margin: 0px 30px 30px 30px;
		text-align: center;
		text-decoration:none;
		font-size: 12px;}

.bande-pagination span.on {
	display:inline;
	background:#F0F0FA;
	color: #009;
	border: #009 solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
		
.bande-pagination a {
	display:inline;
	background: #009;
	color:#F0F0FA;
	border: #009 solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
.bande-pagination a:hover {
	background:#F0F0FA;
	color: #009;
}

/* Page auteur */

.auteur {
	padding: 0px;
	margin: 0px 30px 0px 30px;
	font-size: 12px;
}

/* Style de l'intitule de chaque page */
.auteur .intitule {
	color: #808080;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px; 
}

.auteur div {
	text-align: left !important;
}

.auteur .image .spip_logos {
	display: block;
	float: right;
	margin: 10px;
	border:0px;
}

.auteur .nom {
	color: #009;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.auteur .tchak {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
	padding: 0px;
}

.auteur .spip_encadrer {
	border: 1px solid #009;
	color: #009;
	font-size: 100%;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}

.auteur a {
	color: #900;
	text-decoration: none;
}

.auteur a:hover {
	text-decoration: underline;
}

/* Page Recherche */

.recherche {
	margin: 0px 30px 20px 30px;
}

.recherche .intitule {
	color: #808080; 
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 1px 10px 1px 0px;
	border: 0px;
}

.recherche .elements-trouves {
	color: #900;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-decoration: underline;
}

.recherche .mot-cle {
	color: #009;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-decoration: underline;
}

.recherche .derniers-articles {
	margin: 0px;
}

.indentation {
	padding-left: 40px;
}

.redimensionnement {
	font-size: 11px;
}



/* Pied de page */
#pied {
	font: .9em/16px "Times New Roman", serif ;
	color: #009;
	background-color: #FFF;
	border-top: 1px solid #009;
	border-bottom: 1px solid #009;
	text-align: center;
}
#pied img {
	vertical-align: middle;
}
#pied a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/*
 * Fin du contenu principal
 */