body   { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff; text-align: center; margin: 0; padding: 3px 0 5px }

h1  { font-size: 12px }
h4 { font-size: 100% }
h3.spip{font-size: 130%}
h2 {font-size:120%}
h3 {font-size: 125%}

a {
	color: #006699;
	text-decoration: none;
	padding-bottom: 1px;
}
a:hover   { color: #c90; border-top: medium none #b9d570; border-right: medium none #b9d570; border-bottom: none #b9d570; border-left: medium none #b9d570 }
/* * Couleurs des liens */
a.spip_note {
}
/* liens vers notes de bas de page */
a.spip_in {
	color: #006699;
}
/* liens internes */
a.spip_out {
	color: #006699;
}
/* liens sortants */
a.spip_url {
	color: #006699;
}
/* liens url sortants */
a.spip_glossaire {
	color: #000;
	text-decoration: underline;
}
/* liens vers encyclopedie */
.on {
	color: #000;
}
.invisible {
	display: none;
}
/*  ------------------------------------------
/*  accesibilite barre superieure
/*  ------------------------------------------*/
#ac-key {
	text-align: center;
	margin: 0px 0px;
	padding : 0px 0px;
	float: left;
}
#ac-key li {
	display: inline;
}
#ac-key a {
	color: #fff;
}
#ac-key a:hover {
	background: #AFA4A4;
}
/*  ------------------------------------------
/*  bordure superieure cadre principal
/*  ------------------------------------------*/
#top {
	background-image: url(../images/haut.jpg);
background-repeat:repeat-y;
background-position:0px 0px;
	padding: 27px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}
/*  ------------------------------------------
/*  en tete
/*  ------------------------------------------*/
#header  { margin: 0 0 5px; padding: 10px 0 0 }
#header h1 {
	margin-top: -20px;
	text-align: center;
}
#header h4  { color: #cfcfcf; font-size: 80%; text-align: center }
#header img  { margin: -10px 0 0 }
#header-logo-mot img {
	position: absolute;
	margin: -110px 10px 0px 520px;
}
#header-texte {
	z-index: 100;
	position: absolute;
	margin: -130px 0px 0px 160px;
	color: #4E5383;
}
#header-mel {
	position: absolute;
	margin: -60px 10px 0px 550px;
}
#header-mel img {
	position: absolute;
	vertical-align: middle;
	margin-left: -45px;
}
#header-mel a {
	color: white;
}
#header-mel a:hover {
	border-color: #006699;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
}
/*  ------------------------------------------
/*  navigation
/*  ------------------------------------------*/
#haut    { font-weight: 600; margin: 0 0 7px; padding: 0 0 4px; z-index: 6; width: 750px; border-style: solid; border-width: 0 0 5px; border-color: #006699 }
#haut ul  { margin: 0 0 0 4px; padding: 0 }
#haut li {
	display: inline;
	list-style-type: none;
	font-weight: 600;
}
#haut img {
	vertical-align: 0px;
	margin-right: 3px;
	margin-left: 3px;
}
/*  ------------------------------------------
/*  blocs principaux
/*  ------------------------------------------*/
#conteneur   { background-color: #ececec; margin: 0 20px; padding: 0 0 0 0; width: 750px; border-width: 0 }
#conteneur1 { background-image: url("../images/milieu.jpg"); background-repeat: repeat-y; text-align: left; margin: 0 auto 0; padding: 0; width: 788px }
/*  ------------------------------------------
/*  colonne centrale
/*  ------------------------------------------*/
.engras  { font-weight: 700 }
h3.centre-top {
	margin: 0px;
}
.centrerubli {
	list-style-image: none;
}
#actu {
	margin-top: 10px;
}

#centre  { margin-left: 168px; padding-left: 5px; width: 410px }
#actu h3  { font-size: 110%; margin: -5px 0 0; padding: 0 0 5px }
.centre_intro   { font-size: 85%; font-style: italic; font-weight: 500; margin: -10px 0 10px; padding: 0 }
#centre li   { font-size: 11px; padding: 0 }
#actu li img {
	margin-top: Opx;
}
#centre ul {
	margin: 0px 20px 0px 40px;
	list-style-image: url(../images/fleche.png);
}
.titrerub  { font-size: 130%; font-weight: 800 }
#centre-rubrique   { margin: 0 auto 0 170px; padding: 8px 0 0; width: 410px }
#centre-rubrique ul {
	margin: 5px 0px 15px 40px;
	list-style-image: url(../images/fleche.png);
}
#centre-rubrique h2  { margin: -3px 0 6px; padding: 0; width: 75%; border-style: solid; border-width: 0 0 1px; border-color: #006699 }
#centre-rubrique h4   { font-size: 100%; font-weight: 200 }
#centre-article    { margin: 0 0 20px 20px; padding: 8px 0 0; width: 500px; float: left }
#centre-article h2 {
	margin-top: -3px;
}
#centre hr {
	float: left;
	color: #EFEFEF;
	margin: 0px 0px 0px 0px;
	width: 99%;
	height: 3px;
}
#texterub   { background-color: #d5e5ff; text-align: center; margin: 10px 10px 10px 0; padding: 0 10px 10px; border: solid 1px #808080; -moz-border-radius: 10px  }
#centre-plan {
	width: 390px;
	margin: -2px 0px 0px 180px
}
.contre-encart ul h3  { font-size: 130%; list-style-type: none }
#centre-plan ul {
	margin: 5px 0px 15px 40px;
	list-style-image: url(../images/fleche.png);
}
.datepubsom  { color: #bfbfbf; font-size: 90%; font-weight: 100; margin-top: -21px }
.pagination  { font-size: 90%; margin: 0 0 10px 50px }
#centre-article2     { margin: 0; padding: 8px 0 0; position: relative; left: 120px; width: 360px; float: left }
/*  ------------------------------------------
/*  colonne gauche
/*  ------------------------------------------*/
#gauche {
	float: left;
	width: 160px;
}
#gauche li {
	color: #B9D570;
}

#menugauche li {
	margin-bottom: 5px;
}
#syndic_gauche  { font-size: 90% }
#syndic_gauche img {
	margin-bottom: 10px;
}
#syndic_gauche li {
	list-style-type: square;
	margin: -7px 5px 10px 20px;
	padding: 0px 0px 0px 0px;
}
#syndic_gauche li p  { color: #000000; font-size: 95%; margin: 5px 0 -7px; padding: 0 }
#syndic_gauche li img {
	float: none;
}
.nomsite  { color: #bfb5b3; font-size: 90%; margin-top: 3px }
/*  ------------------------------------------
/*  colonne droite
/*  ------------------------------------------*/
#droite     { font-size: 10px; margin: 0 4px 0 0; padding: 0; width: 148px; float: right }
#droite li   { color: gray; margin-top: 15px; margin-left: 10px }

#breves {
	margin-bottom: 10px;
}
.datebreve  { color: #bfb5b3; font-size: 80%; margin-bottom: 4px }
#aretenir-texte {padding:0px 10px 10px 10px; }
hr {
display:block;
height: 1px;
margin: 0;
_margin: -7px 0;
padding: 0;
background-color: #BACBD5;
border: 0;
}

#syndic  { font-size: 90%; margin-top: 0 }
#syndic p {
	text-align: center;
}
#syndic li {
	
	margin-left:23px;
	
}
#syndic p{
	margin:0 0;
padding:5px 0px 5px 0px;

	
}
.syndicsite {
	font-weight: 800;
	text-align: center;
}

.sitesyndicdesc {
	margin: 0px 0px 5px 7px;

}
/*  ------------------------------------------
/*  pied
/*  ------------------------------------------*/
#ombrepied  { background-image: url("../images/bas.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 20px 0 10px }
#pied   { background-color: #fff; background-image: none; text-align: right; margin: 0; padding: 0; width: 750px; clear: both; border-top: 1px solid #369; border-right: 0; border-bottom: 0; border-left: 0 }
#pied-1     { font-size: 9px; margin: 0; padding: 3px 0 0 5px; float: left }
#pied-ecrire   { font-size: 9px; margin: 0 0 0 0; padding: 8px 3px 3px 0 }
#pied img  { }
/*  ------------------------------------------
/*  porfolio
/*  ------------------------------------------*/
.porfolio   { color: black; font-size: 90%; font-weight: 800; text-align: center; margin: 10px 10px 0; padding: 5px 0 0; width: 156px; float: left; border-color: -moz-border-radius: 10px  }
.porfolio a {
	padding-bottom: 1px;
}
.porfolio-descriptif  { color: black; font-size: 80%; font-weight: 300; text-align: center; margin-top: 0; padding: 0 3px }
.porfolio-type  { color: #333333; font-size: 77%; font-weight: 100; text-align: center; margin-top: 7px; margin-bottom: 6px }
.porfolio-sommaire {
	width: 400px;
	padding-left: 0px;
	margin: 5px auto 5px auto;
}
#porfolio-article {
	width: 545px;
	border-color: red;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}
/*  ------------------------------------------
/*  dans l'article
/*  ------------------------------------------*/
#sur-titre  { font-size: 110%; font-weight: bold; font-stretch: wider; margin-top: -5px; margin-left: 3px; padding-bottom: 2px }
.titre-texte  { font-size: 140%; font-weight: bolder; background: url("../images/degrade_titre.png"); margin-top: 0; margin-right: -7px; padding-bottom: 5px; padding-left: 5px; border-style: solid; border-width: 0 0 0 3px; border-color: #000 }
#publie  { font-size: 85%; margin-top: 10px; margin-left: 3px }
#sous-titre  { color: gray; font-size: 110%; margin-top: 0; margin-bottom: 5px; margin-left: 3px }
#chapeau  { font-size: 100%; font-weight: bold; background-color: #efefef; margin-top: 13px; padding: 10px; border: solid 1px black; -moz-border-radius: 10px }
#texte  { font-size: 100% }
#ps  { font-size: 90%; background-color: #dfdfdf; padding: 5px; border: solid 1px #fff; -moz-border-radius: 10px }
#notes {
}
/*  ------------------------------------------
/*  forums
/*  ------------------------------------------*/
.formulaire_forum {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: #EFF8FF;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 10px;
}
.formulaire_forum legend {
	display: none;
}
.previsu {
	background: #fff;
	-moz-border-radius: 10px;
	margin-bottom: 10px;
}
.extrait {
	margin-top: 5px;
	background: #EFEFEF;
}
.forml#auteur {
	margin-left: 50px;
	width: 260px;
	margin-top: 5px;
}
.forml#auteur:hover {
	background: #FFF;
}
.forml#email_auteur {
	margin-left: 137px;
	width: 260px;
}
.forml#url_site {
	margin-top: -20px;
	margin-left: 137px;
	width: 260px;
}
.forum-repondre  { font-size: 90%; background-color: #dfdfdf; margin: 0 0 0 10px; padding: 5px; float: left; border: solid 1px black; -moz-border-radius: 10px }
.forum ul  { font-size: 85%; margin: 0; padding: 10px 5px 5px; border: solid 0 black; -moz-border-radius: 10px }
.forum-fil li {
	margin-left: 25px;
	list-style-image: none;
}
.forum-total {
}
.forum-fil {
	color: black;
	margin-left: 50px;
	list-style-image: none;
}
.forum {
}
.forum-chapo {
}
.forum-titre {
	font-weight: bold;
	padding: 0px 5px 5px 5px;
	margin: 27px 0px 0px -4px;
}
.forum-item {
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #AFAFAF;
	background-color: #EFEFEF;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}
.forum-repondre-message {
	border-width: 1px 1px 0px 0px;
	border-style: none;
	border-color: black;
	background-color: #EFEFEF;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0px 0px;
}
.forum-texte {
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #9F9F9F;
	background-color: #DFDFDF;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0px 0px;
}
/*  ------------------------------------------
/*  formulaire sites
/*  ------------------------------------------*/
.formulaire_site {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: #EFF8FF;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 10px;
}
.formulaire_site legend {
	font-weight: bold;
}
.formulaire_site #nom_site {
	margin-left: 63px;
	width: 52%;
}
.formulaire_site #url_site {
	margin-left: 0px;
	width: 51%;
}
/*  ------------------------------------------
/*  recherche
/*  ------------------------------------------*/
#recherche h1   { font-size: 10px }
input#recherche    { background: #c2ddef url("../images/loupe.png") no-repeat; padding-left: 19px; width: 92px; border-style: solid; border-width: 1px; border-color: #333 #666 #666 #333; font-size: 12px }
#recherche:focus {
	background-image: url("../images/loupe.png");
}
.formulaire_recherche label {
	display: none;
}
.formulaire_recherche {
	margin-left: 25px;
	padding: 5px 0px 0px 0px;
	width: 100px;
	margin-bottom: 15px;
}
.publierech {
	margin-top: -15px;
	color: #AFAFAF;
}
/*  ------------------------------------------
/*  formulaire inscription
/*  ------------------------------------------*/
.formulaire_inscription   { font-size: 95% }
#inscription {
	margin-left: -7px;
	margin-bottom: 8px;
}
#inscription input {
	width: 130px;
}
#inscription  { font-size: 95%; padding-left: 7px }
#inscription form  { font-size: 80%; text-align: center; padding-top: 10px; padding-bottom: 10px }
.formulaire_inscription legend   { font-size: 100%; font-weight: bold }
/*  ------------------------------------------
/*  habillage des petitions
/*  ------------------------------------------*/
.formulaire_signature {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: #EFF8FF;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 10px;
}
.formulaire_signature legend {
	font-weight: bold;
}
#signatures caption  { font-size: 140%; font-weight: bold; margin-top: 15px }
#signatures table {
	padding-left: 15px;
}
.formulaire_signature #signature_url_site {
	margin-left: 11px;
}
.formulaire_signature #adresse_email {
	margin-left: 11px;
}
#signatures  { font-size: 77% }
#signatures h2  { font-size: 120%; font-weight: bold; text-align: center; padding: 0.5em }
#signatures table {
	width: 100%;
	margin: 1em 0;
}
#signatures thead {
	display: none;
}
/* On n'affiche pas les titres du tableau */
#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap;
}
#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold;
}
#signatures td.signature-message  { font-size: 96%; background: #f4f8f8; padding: 0.4em }
/*  ------------------------------------------
/*   menu
/*  ------------------------------------------*/
#menu {
	background: #EFEFEF;
	margin: 0px;
	padding: 5px;
	-moz-border-radius: 10px;
}
.open {
	display: block;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: bold;
}
.closed {
	display: none;
}
li .actif {
	font-weight: bold;
	color: #C59E67;
}
.artracine {
	margin-bottom: 3px;
	padding-left: 3px;
	border-left-width: 2px;
	border-left-style: solid;
	border-color: #006699;
	font-weight: 100;
	font-size:9 px;
	color: #C59E67;
}
ul {
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
}
.li {
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
/*  ------------------------------------------
/*   css barre typo stable 1.9.1 plugin
/*  ------------------------------------------*/
.texteencadre-spip {
	color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	margin: 1em 0;
	padding: .25em;
	position: relative;
}
.caractencadre-spip {
	color: #F60;
	font-weight: bold;
}
.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}
acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #999;
	background: transparent;
}
a.spip_blank {
	color: #F00;
}
/* Pour le mode preview dans l'admin */
#article_preview {
	display: none;
	border: 1px solid #666;
	overflow: auto;
	background-color: #FFCCCC;
}
/*  ------------------------------------------
/*   divers
/*  ------------------------------------------*/
textarea {
	width: 90%;
	margin: 10px 10px 10px 10px;
}
/* * Barre de raccourcis */
a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}
#principal {
	margin-left: 20px;
	padding-left: 5px;
	width: 85%;
	margin-bottom: 10px;
}
#login       { margin: 0; padding: 0 0 0 0; width: 350px }
#textebreve {
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: black 1px dotted;
	background-color: #fff;
}
fieldset {
	background: #C2DDEF;
}
.spip_doc_descriptif    { font-size: 80%; margin: 0 auto; padding: 0; float: none }
.spip_documents_center {
	clear: none;
	width: 100%;
	margin: auto;
}
.spip_documents  { padding-top: 10px }
.formulaire_ecrire_auteur {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: #EFF8FF;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 10px;
}
#logorub img{
	margin-top:-25px;
}

/* Habillage du mini calendrier */
#calendar   { font-size: 10px; text-align: center; padding: 0.5em 2px 2px; width: 140px; border: dotted 1px #ccc; -moz-border-radius: 1em  }
#calendar h2  { font-size: 14px }
#calendar table { width: 100%; margin: 0 auto; padding: 0; }
#calendar caption   { font-size: 10px; font-weight: bold; padding: 5px }
#calendar th { -moz-border-radius: 1em;background: #ADC7D6; font-weight: normal; color: #666; }
#calendar th abbr { border: none; cursor: help; }
#calendar td   { line-height: 16px; background: #ddd; text-align: center; margin: 0; padding: 0; border: none; -moz-border-radius: 0.7em  }
#calendar td.horsperiode { background: #ececec; color: #ccc; }
#calendar td.occupe { background: #FFD98F; }
#calendar td a { display: block; }
#calendar td span { color: #aaa; }
#calendar td a:hover { border:0px }
#calendar tr   { font-size: 10px }

/* Habillage agenda */
#agenda  { font-size: 10px; background-color: transparent; text-align: center; margin-top: 4px; margin-bottom: 6px; padding: 4px 2px 2px; width: 140px; border: dotted 1px silver }
#agenda dt { background-color: #fc6; margin: 0 0 2px; padding: 5px; -moz-border-radius: 10px }
#agenda dd  { font-size: 98%; margin: 0; padding: 2px 0 2px 2px }
.cssform p { margin-top: 6px; margin-bottom: 0 }
.cssform input  { margin-left: 10px; position: relative }
.cssform select { margin-left: 10px }
#conect #var_login.forml { background-color: white; position: relative; width: 135px }
#conect #var_login_webmaster.forml { background-color: white; width: 135px }
#mail_inscription_.forml { background-color: white; position: relative; width: 135px  }
#formulaire{float: left;}



/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
}

.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;
}

#navigation a:hover  { color: blue; border-top:none; border-right: none; border-bottom: none ; border-left: none;}
#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigation li, .encart li { margin: 0; padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { background: #ccccff
;}
.rubriques .menu-titre { background: #F2FFF2; }

.breves  { font-size: inherit; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.breves .menu-titre  { color: #999; font-size: 12px; background: #f2f2f2 }

.syndic  { font-size: inherit; background: transparent }
.syndic .menu-titre  { color: #999; font-size: 12px; background: #f2f2f2 }

.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }
#langue   { color: white; font-weight: bold; text-align: right; margin: 0; padding: 0 0 0 0px; position: absolute; top: 117px; width: 740px; float: left }
.formulaire_spip formulaire_menu_lang a     { font-size: 10px;  }
select#var_lang.forml        { color: #666; font-size: 11px; background-color: #ccc; top: 0; right: 0; bottom: 0; left: 0 }
input#recherche.forml    { color: #666; font-size: 11px }
table.spip      { font-size: 9px; font-stretch: condensed; margin: 0; padding: 0; width: 420px; border-style: none; border-collapse: separate     }