body {margin:0;background:#014471;font-size:92%}
body,
textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif}
* {margin:0;padding:0}
p, ul {margin-bottom:1em}
li {margin-left:1em}
img {border:0 none}
a:link {color:#008244}
a:visited {color:#00AD5A} 
a:hover,
a:active {color:#004A26;text-decoration:underline}
.nettoyeur {clear:both;margin:0;padding:0;border:none;height:0;line-height:1px;font-size:1px}


form input{background:#CEDECE;border:1px solid #00AD5A;padding:2px}
form .spip_bouton input{color:#FFF;background:#016936;margin:5px 13px}

#page {width:800px;background:#fff;margin:0 auto;padding-bottom:40px}
  #entete .logo {float:left;width:39%}
	#entete a.logo {display:block;float:left;width:266px;margin:6px 0 0 60px}
	#entete a.logo img {display:block;float:left;width:266px}
	p.formerly {float:left;clear:left;width:306px;margin:4px 0 0 40px;font-style:italic;text-align:center;font-size:0.7em}
	
	.menu-admin {float:right;width:60%}
	.menu-admin ul {float:right}
	.menu-admin ul li {display:block;float:left;width:auto;border-left:1px solid #221E1F;padding:15px 10px 0 10px}
	.menu-admin ul a:link,
	.menu-admin ul a:visited {color:#221E1F;text-decoration:none}
	.menu-admin ul a:hover, 
	.menu-admin ul a:active {color:#00AD5A}
	#entete .formulaire_recherche {float:right;width:12em;padding:15px 11px 0 0;text-align:right}
	#entete .formulaire_recherche label {display:none}
	#entete .formulaire_recherche input {background:#CEDECE;border:1px solid #00AD5A;padding:2px}
	a#formulaire_recherche {border:0 none}

#conteneur {background:url(images/fond-vert.jpg) repeat-y 200px 0}
.page_sommaire #conteneur {background-image:none} 
#contenu {float:right;width:425px;padding:1em 10px 1em 15px;height:500px;background:#C6DEC6}
html>body #contenu {height:auto;min-height:500px}
	#hierarchie {font-size:80%;margin:0 0 1em 0}
	#hierarchie a:link,
	#hierarchie a:visited {color:#008244;text-decoration:none}
	h1 {font-size:140%;letter-spacing:1px;color:#00AD5A;margin:1.2em 0 0.6em 0}
	.page_article h1 {margin:0;letter-spacing:0}
	.page_sommaire h1 {display:none}
	h2 {font-size:120%;color:#00AD5A;margin:1em 0 0.4em 0}
	h3 {font-size: 110%;}
	.cartouche {margin-bottom:1em}
	.cartouche p {font-weight:bold;margin:0;text-transform:uppercase}
	.cartouche p.surtitre {text-align:left;font-size:0.9em}	
	.cartouche p.soustitre,
	.cartouche p.date {font-weight:normal;margin-bottom:0.2em}	
	.cartouche p.date {text-transform:none;font-size:80%}

	#contenu .chapo {font-weight:bold; font-size: 1em}
	.page_sommaire .chapo {display:none}
	#contenu ul li {list-style:none;background:url(images/tri-vert.gif) no-repeat 0 5px;padding-left:28px}
	#contenu .texte p {}
	#contenu .ps {} 
	.a332 .ps {font-size:80%;font-style:italic;padding-left:20%} 
	#contenu p.ajouts{float:right;margin-top:1em;text-align:right;font-size:0.9em;font-style:italic}

	.page_sommaire #page {min-height:1350px}
	.page_sommaire #col1 {float:left;width:190px;border-right:2px}
		.page_sommaire .navigation {}

	.page_sommaire #pub {float:left;width:598px;border:1px solid #fff}
		.page_sommaire #pub img{display:block}

	.page_sommaire #col2 {float:left;width:300px}
		.page_sommaire #col2 #premier {width:298px;border:1px solid #fff}
			.page_sommaire #col2 #premier img {display:block}
	
		.page_sommaire .carre {float:left;width:148px;height:149px;font-size:0.9em;border:1px solid #fff;background:#C6DEC6}
			.page_sommaire .carre a{text-decoration:none}
			.page_sommaire .carre a.gauche,
			.page_sommaire .carre a.droite{display:block;margin:10px;font-size:1.05em;font-weight:bold}
			.page_sommaire .carre a.gauche:hover{position:relative;left:8px}
			.page_sommaire .carre a.droite:hover{position:relative;left:-8px}
			.page_sommaire p.titre {margin:2px 10px;text-align:left;font-style:italic}
		.page_sommaire #carre23 {text-align:right}
		.page_sommaire #carre27 {text-align:right;font-size:0.8em}
		
		.page_sommaire #carre22 p.titre,
		.page_sommaire #carre26 p.titre,
		.page_sommaire #carre32 p.titre {text-align:right}
		
	.page_sommaire #col3 {float:left;width:300px}
		.page_sommaire #carre31 {border-top:1px solid #fff}
		.page_sommaire #tout {float:left;width:283px;padding:0 5px 5px 10px;background:#00AD5A;border:1px solid #fff;min-height:745px;font-size:90%}
			.page_sommaire #tout h2 {color:#C6DEC6;font-size:100%}
			.page_sommaire #tout a:link,
			.page_sommaire #tout a:visited {color:#fff;text-decoration:none}
			.page_sommaire #tout a:hover,
			.page_sommaire #tout a:active {color:#C6DEC6;text-decoration:underline}
	
	.liste-articles li {margin-bottom:.6em}
	.liste-articles a.titre {display:block}
	
	.formulaire_signature form {}
	.formulaire_signature fieldset {border:2px solid #AABADC;padding:10px;margin:5px 0}
	.formulaire_signature legend {padding:0 8px;color:#445F96;font-weight:bold;letter-spacing:1px}
	.formulaire_signature p {padding:4px 0}
	.formulaire_signature p.expli {font-style:italic}
	.formulaire_signature label {display:block;float:left;clear:left;width:180px;text-align:right;margin-right:10px}
	.formulaire_signature label.radio {margin-left:190px;text-align:left}
	.formulaire_signature input {display:block;float:left;width:180px;padding:0 4px}
	.formulaire_signature input.radio {display:inline;float:none;width:auto;padding:0;margin:0 4px 0 0}
	.formulaire_signature #commentaire label{width:auto;text-align:left}
	.formulaire_signature textarea {width:96%;font-size:0.9em;padding:4px}
	.formulaire_signature p.spip_bouton {margin:0 auto;text-align:center}
	.formulaire_signature p.spip_bouton input {float:none;display:inline;width:auto;padding:4px 10px;font-size:1.05em;cursor:pointer}
	p.reponse_formulaire {border:2px solid #AABADC;font-weight:bold;padding:15px 20px;color:#394F7E;background:#fff;text-align:center}
	
#signatures {clear:both;font-size:0.77em}
#signatures h2 {
	padding:0.5em;
	text-align:center;
	font-size:1.2em;
	font-weight:bold}

#signatures table {width:100%;margin:1em 0}
#signatures thead {display:none} 
#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-groupe {
	background:#ECF4F4;
	padding:0.2em;
	text-align:center;
	font-weight:bold}
#signatures td.signature-groupe .type {font-weight:normal;font-style:italic}
#signatures td.signature-message {
	background:#F4F8F8;
	padding:0.4em;
	font-size:0.96em}
	
	.divers,
	.syndic {background:#00AD5A;color:#fff;padding:10px;font-size:90%}
			.divers h2,
			.syndic h2 {color:#fff;margin-top:0}
			.divers ul li,
			.syndic ul li {list-style:none;background:url(images/tri-vertpale.gif) no-repeat !important;padding:0 0 0 25px;margin:0}
			.divers ul li:hover ,
			.syndic ul li:hover {background:url(images/tri-vertpale-on.gif) no-repeat !important}
			.divers a:link ,
			.syndic a:link {color:#F2F8F2;text-decoration:none}
			.divers a:visited ,
			.syndic a:visited {color:#C7DFC7}
			.divers a:hover,
			.syndic a:hover, 
			.divers a:active ,
			.syndic a:active {color:#FFF;text-decoration:underline}
			
#illustration {float:right;width:150px;background:#C6DEC6} 
	#illustration img {display:block}
	.ss-rubriques {padding:5px;font-size:80%;background:#00AD5A}
	.ss-rubriques ul {margin:0}
	.ss-rubriques ul li{list-style:none;background:url(images/tri-blanc.gif) no-repeat;padding:0 0 0 10px;margin:0 0 0.4em 0}
	.ss-rubriques a:link,
	.ss-rubriques a:visited {text-decoration:none !important;color:#fff}
	.ss-rubriques a:hover,
	.ss-rubriques a:active {color:#221E1F}
	
	.carres ul {list-style:none;margin:0;border-top:20px solid #00AD5A}
		.carres ul li{float:left;width:50px;height:50px;margin:0/*margin:0 1px 1px 0*/}
		.carres ul li a{height:50px}
		.carres ul li img{display:block;margin:0 auto;height:50px}

#navigation {float:right;width:188px;padding:0 0 0 2px;font-size:90%;background:#fff}
	#navigation .divers,
	#navigation .breves,
	#navigation .rubriques {font-size:120%}
	#navigation .divers h2,
	#navigation .breves h2,
	#navigation .rubriques h2 {display:none}
	#navigation .divers ul li,
	#navigation .breves ul li,
	#navigation .rubriques ul li {list-style:none;margin:4px 0;clear:both}
	#navigation .divers ul li a,
	#navigation .breves ul li a,
	#navigation .rubriques ul li a {display:block;float:right;font-size:100%;font-weight:bold;text-align:right;margin:6px 0 2px 0;text-decoration:none;
									background:url(images/soul_ombre-2.gif) no-repeat left bottom;padding:0 10px 10px 0;min-width:180px}
	#navigation .rubriques ul li ul li a {font-weight:normal;font-size:100%;padding-left:0;margin:0 10px 4px 0;text-decoration:none;	
									background:none;padding:0}
	#navigation ul li a:link,
	#navigation ul li a:visited {color:#008244}
	#navigation ul li a:hover,
	#navigation ul li a:active {color:#00AD5A}
	#navigation ul li a.on {color:#00AD5A}
	#navigation ul {font-size:90%;clear:both}
	#navigation ul ul ul {display:none}

	#navigation .derniers_docs  {background:url(images/soul_ombre-2.gif) no-repeat left bottom;padding-bottom:1em}
		#navigation .derniers_docs ul {margin:0 5px 0 10px}
		#navigation .derniers_docs li {margin-bottom:1em}
		#navigation .derniers_docs a {display:block}
	
	.formulaire_inscription form {margin-top:3em;background:url(images/soul_ombre-2.gif) no-repeat left bottom;padding:5px 5px 20px 5px}
	.formulaire_inscription form fieldset {width:100%;border:0 none}
	.formulaire_inscription form legend {font-weight:bold;text-align:right;color:#008244}
	.formulaire_inscription form input.desabo {margin-top:1em !important}
	.formulaire_inscription form input#suppl_abo_html,
	.formulaire_inscription form input#suppl_abo_texte,
	.formulaire_inscription form input#suppl_abo_non {background:transparent;border:0 none}
	
	.page_site .soustitre {text-transform:none !important}


.docdans {text-align: right}
	
#pied {clear:both;text-align:center;padding:0;margin:0!important}
.spip-admin-float {margin-top:2.5em}