/* 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 ---------- */
html { height: 100%; }
body { text-align: center; height: 100%; }
#corps { text-align: left; position: relative; margin: auto; width: 780px; border-left: 1px solid; border-right: 1px solid; padding-left: 9px; padding-right: 9px; min-height: 100%; }
#entete { position: relative; top: 10px; margin-bottom: 30px; height: 100px; }
#centre { padding-bottom: 80px; overflow: auto; }
#menu { float: left; width: 170px; overflow: hidden; }
#contenu { float: right; margin-right: 20px; margin-top: 20px; width: 550px; overflow: hidden; }
#pied { position: absolute; width: inherit; left: 9px; bottom: 10px; clear: both; height: 50px; }



/* ---------- 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:block; padding-bottom: 15px; padding-left: 10px; }
li.rubriquemenu, li.articlemenu { padding-top: 5px; }
div.formulaire_recherche { margin-top: 15px; margin-bottom: 5px; padding-top: 3px; padding-left: 5px; 
	border-top: solid 1px; clear: left; }
div.formulaire_recherche label, div.formulaire_recherche input.submit { display: none; }
div.formulaire_recherche input.text { width: 153px; text-align: center; }



/* ---------- styles de l'editorial et du contenu ---------- */
#nouvelles { clear: both; }
#breves { width: 290px; float: left; }
#derniersarticles { width: 290px; float: right; }
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 ---------- */
#logoacademie { position: absolute; bottom: 0px; left: 20px; }
#logoregion { position: absolute; bottom: -5px; right: 20px; }
#informations { text-align: center; position: absolute; left: 110px; vertical-align: middle;
	width: 470px; /* 780 (largeur d'affichage) - 90+180+20*2 (largeur des logos et marges) */ }



/* ---------- styles de texte ---------- */
h1 { margin-left: 0px; /* pour IE */ padding-top: 0.4em; padding-bottom: 0.4em; }
h2 { position: relative; }
h2, 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 */



/* ---------- styles des commentaires ---------- */
#formulaire_forum { display: none; }
#formulaire_forum legend, p.explication, div.forum-chapo { display: none; }
#formulaire_forum fieldset { border: 0px; }
#formulaire_forum ul { list-style-type: none; padding-left: 0px; }
#formulaire_forum li { text-align: left; }
#formulaire_forum textarea { width: 594px; }
div.commentaires { margin-top: 40px; }
div.commentaires p+button { margin-top: 40px; }
