/* positionnement des elements, espacements entre elements et bordures */



/* ---------- proprietes communes ---------- */
* { margin: 0px; padding: 0px; }
img { text-align: center; vertical-align: middle; }



/* ---------- structure generale de la page ---------- */
#corps { width: /*780*/954px; border-left: 1px solid; border-right: 1px solid; padding-left: 9px; padding-right: 9px; }
#entete { top: 10px; height: 200px; width: /*780*/954px; /* (inherit) pour IE */ }
#menu { margin-top: 30px; /* 20px + top (entete) + height(entete[position:absolute]) */ 
	margin-bottom: 80px; /* 20px + bottom(pied) + height(pied) */
	float: left; width: /*170*/220px; }
#contenu { margin-top: 30px; margin-bottom: /*80*/160px; float: right; width: /*600*/724px; }
#pied { bottom: 10px; left: 9px; /* padding-left(corps) */ height: /*50*/100px; width: /*780*/954px; /* (inherit) pour IE */ }


/* ---------- styles du menu ---------- */
#accueil { border-bottom: solid 1px; height: 1.8em; /* 1+padding-top(h1)+padding-bottom(h1) */
	padding-top: 0.1em; padding-bottom: 0.1em; 	padding-left: 5px; }
	/* utilisation de l'unite "em" pour avoir la meme hauteur que le titre d'un article */
#accueil li { display: inline; }
#accueil li a { height: 1em; }
ul.listemenu { padding-left: 5px; padding-right: 5px; list-style-position: inside; }
li.rubriquemenu ul.listemenu { display: none; /* les sous-rubriques sont repliees par defaut */ 
	padding-bottom: 15px; padding-left: 10px; }
li.rubriquemenu, li.articlemenu { padding-top: 5px; }
li.rubriquemenu ul.on { display: block; } /* les rubriques contenant l'article affiche doit etre deployees */
div.formulaire_recherche { margin-top: 15px; margin-bottom: 5px; padding-top: 3px; padding-left: 5px; 
	border-top: solid 1px; clear: left; }
#formulaire_recherche, div.formulaire_recherche label { display: none; }
#recherche { width: 153px; text-align: center; }

#formulaire_contact li {  text-align: left; margin-bottom: 1em; }
#formulaire_contact fieldset { margin-top: 2em; }
#formulaire_contact span.erreur_message { color: red; }
#formulaire_contact hr { margin: 1em 1em 1em -1em; }
#formulaire_contact h3 { margin: 0em 0em 1em -1em ; }

/* ---------- styles de l'editorial et du contenu ---------- */
#nouvelles { clear: both; }
#breves { width: /*290*/410px; float: left; }
#derniersarticles { width: /*290*/200px; float: right; margin-top: 30px; }
ul.listebreves, ul.listearticles { padding-left: 20px; }
div.titrebreve { display: block; }
div.contenubreve { display: block; margin-bottom: 10px; }
div.arborescence { width: 100%; text-align: right; margin-bottom: 20px; font-size: 8pt; }
div.contenubreve p { margin-top: 0px; }

/* ---------- styles du pied de page ---------- */
#logosicoval { position: absolute; bottom: 0px; left: /*235*/300px; }
#logoademe { position: absolute; bottom: 5px; left: 552px; }
#logoregion { position: absolute; bottom: 5px; right: /*20*/85px; }
#informations { text-align: /*center*/left; position: absolute; left: /*110*/10px; top: /*-1*/35px; width: 470px; }


/* ---------- styles de texte ---------- */
h1 { margin-left: 0px; /* pour IE */ padding-top: 0.4em; padding-bottom: 0.4em; }
h2 { position: relative; }
h2, h3, h4 { margin-bottom: 5px; margin-top: 40px; }
h5 { margin-bottom: 5px; margin-top: 30px; }
h6 { margin-bottom: 5px; margin-top: 20px; }
p { margin-top: 10px; }
h4+h5, h5+h6, h4+p, h5+p, h6+p { margin-top: 0px; }
ul, ol { padding-left: 2em; }
table { margin-top: 10px; margin-bottom: 10px; }
th, td { padding: 1px; vertical-align: middle; }
hr { border-top: 1px solid; border-bottom: none; border-left: none; border-right: none;
	margin-top: 40px; margin-bottom: 30px; }
code { margin-top: 5px; margin-bottom: 15px; width: 100%; display: block; }



/* ---------- styles de documents et d'images ---------- */
/* Les documents ont une largeur de 120px, soit maximum 4 documents par ligne (avec un espacement de 40px) */
/* permet de faire une galerie d'images */
dl.spip_documents_right { margin-left: 40px; }
dl.spip_documents_left { margin-right: 40px; }
dl.spip_documents_left+dl.spip_documents_left+dl.spip_documents_left+dl.spip_documents_left { margin-right: 0px; } /* pour une ligne complete */
span.spip_documents_left+span.spip_documents_right, dl.spip_documents_left+dl.spip_documents_right { margin-left: 0px; } /* pour une ligne complete */
span.spip_documents, dl.spip_documents { margin-top: 10px; margin-bottom: 10px; }
dl.spip_documents { text-align: center; }
dt.spip_doc_titre { margin: auto; }
dl.spip_documents_left+dl.spip_documents_center { float: left; width: 280px; }

span.spip_documents_right { margin-left: 10px; }
span.spip_documents_left { margin-right: 10px; }
span.spip_documents_center { text-align: center; display: block; }

br.clear { clear: both; } /* forcer le retour a la ligne meme s'il reste de l'espace a cote de documents flotants */

