/* -----------------------------------------------

		Feuille de style du site
		http://www.alexpaysage.com
		© Romy Duhem-Verdiere - 2007

----------------------------------------------- */

/* Correction des styles par defaut / mise a zero multinavigateurs */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
#address,caption,cite,code,dfn,em,strong,th,var { /*font-style: normal; font-weight: normal;*/ }
caption,th { text-align: left; }
q:before,q:after { contenu:''; }
abbr,acronym { border: 0; }
ins { text-decoration: none; }

/* Typo */
body, body * { font-size: 100%; font-family: "Trebuchet MS", Helvetica, sans-serif; }
#page { font-size: 12px; color: #000; }
p { margin-bottom: 1em; }

/* Titraille */
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: bold; line-height: normal; }
h1 { margin: 1em 0 .5em 0; font-size: 18px; }
h2 { margin: .5em 0; font-size: 18px; color: #9BC120; font-style: italic; }
h2.spip { margin: 1em 0 .5em 0; padding-bottom: .1em; border-bottom: 1px solid; }
h3, h3 a { font-size: 14px; color: #000301; font-style: normal; }
em.date { display: block; font-size: 14px; color: #005d34; }

/* * */
hr { height: 1px; border: 0; color: #9BC120; background: #9BC120; margin: 2em 0 .5em 0; }
abbr,acronym { border-bottom: 1px dotted; cursor: help; }
small, small * { font-size: 10px !important; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }

/* Listes */
ol,ul,li { /*list-style: none;*/ }
ul.spip { margin: 0 5em; list-style: outside; list-style-image: url(puce.gif); }
ol.spip { margin: 0 5em; list-style: decimal; }
li ul.spip, li ol.spip { margin: .2em 0 .2em 2em; }
ul.spip li, ol.spip li { margin: .5em 0; }

/* Citations */
blockquote, .spip_poesie { min-height: 40px; background: url(guillemets.gif) no-repeat; margin-right: 2em; padding: 12px 48px; }
tt, code, .spip_cadre { font-family: "Courier New", Courier, mono; }

/* Tableaux */
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
table, table * { font-size: 11px; }
table caption { text-align: center; font-weight: bold; color: #BED666; }
table tr.row_first { background: #BED666; }
table tr.row_odd { background: #D0D0D0; }
table tr.row_even { background: #DFDFDF; }
table th, table td { padding: 4px; border: 2px solid #FFF; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents, .spip_documents * { font-size: 10px; color: #666; line-height: normal; }
.spip_documents p { margin-top: 1px; margin-bottom: 2px; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: .9em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: .9em; margin-left: auto; margin-right: auto; }

/* Formulaires */
form {}
legend { display: none; }

.spip_form_champ { width: 245px; }
.spip_form_champ.texte_1 { width: auto; }

.spip_form_label { display: block; margin-top: 1em; font-style: italic; }
label { font-size: 14px; font-weight: bold; color: #005d34; font-style: italic; }
.spip_form_label_obligatoire { color: red; }
.spip_form_label_details { display: block; font-size: 11px; font-style: italic; color: #555; }

.forml, .formo, textarea { background: #fff; border: 1px inset #9BC120; padding: 2px; text-align: left; display: block; }
textarea { clear: both; display: block; width: 500px; height: 100px; }
.forml { background: #F1F5D0; }
.champ_obli_oubli {  background: #E1EDBB; }

.spip_bouton input { margin: 1em 0; padding: 0 6px; background: #005d34; border-color: #005d34; font-size: 14px; font-style: italic; font-weight: bold; color: #fff; letter-spacing: 2px; }

.reponse_formulaire, .erreur { color: #FD4000; font-weight: bold; font-size: 14px; text-align: left; }
.erreur { display: block; background: #FD4000; padding: 1px 4px; color: #fff; width: 100%; }

.spip_form_ok { margin-top: 100px; margin-right: 220px; text-align: center; font-size: 18px; color: #9BC120; font-weight: bold; font-style: italic; letter-spacing: 2px; }
.spip_form_ok em { font-size: 13px; color: #005d34; font-weight: bold; letter-spacing: normal; }

/* Blocs principaux
----------------------------------------------- */
.invisible { position: absolute; top: -3000em; height: 1%; }
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }

/* Disposition a l'ecran : contenu et menu */
body { background: #97BE0D url(background.jpg) repeat-x; text-align: center; }
#page { position: relative; width: 910px; background: url(bg-page.gif) repeat-y; margin: 0 auto;  }
#alex { width: 910px; background: url(bg-top.jpg) no-repeat; margin: 0 auto; }
#paysage { clear: both; width: 0 auto; background: url(bg-filigrane.jpg) no-repeat left bottom; text-align: left; margin: 0; padding: 0 170px 0 34px; }
#contenu { clear: right; float: right; width: 512px; min-height: 376px; margin: 0; padding: 25px 25px 1em 0; line-height: 1.3em; }
* html #contenu { height: 376px; }

/* Top et barre de nav */ 
#top { height: 265px; position: relative; overflow: hidden; }
#top #logo { float: left; width: 190px; height: 265px; background: url(logo.jpg); padding: 0 5px 0 0; }
#top #logo img { margin-top: 31px; }
#top object { position: absolute; right: 22px; top: 24px; }
#top #barnav { position: absolute; right: 28px; top: 155px; width: 680px; height: 110px; background: #FFF url(../IMG/rubon0.jpg) no-repeat; }
#top #barnav ul, #top #barnav ul * { display: inline; }
#top #barnav ul li a { display: block; float: left; width: 160px; height: 30px; padding: 7px 10px 0 0; text-align: right; color: #cdcdcd; font-size: 18px; font-style: italic; text-decoration: none; }
#top #barnav ul li a:hover { background: #000; text-decoration: none; }
#top #barnav ul li .on { visibility: hidden; }

/* Blocs du coeur de page */
.chapo { margin-bottom: 1.8em; font-weight: bold; }
.ps, .notes { color: #666; margin: 2em; margin-bottom: 0; width: 80%; text-align: right; float: right; }
.notes h2 { display: none; }

p, ul.spip, ol.spip, table, blockquote, .spip_poesie, div.spip_code, .spip_cadre, .spip_documents_center { margin-bottom: 1.2em; }

.liste ul { list-style: none; }
.liste ul li { margin-bottom: 20px; }
.liste ul li p { margin-bottom: 0; }
.liste a { text-decoration: none; }

p.suite { margin: 0 1em 0 0; text-align: right; font-size: 11px; font-weight: bold; font-style: italic; }

.pagination { clear: both; white-space: nowrap; text-align: right; border-top: 1px solid; color: #9BC120; }

/* Sous-navigation laterale */
#extra { float: left; width: 157px; padding: 25px 0 0 11px; }
#extra ul { margin-right: 22px; list-style: none; font-style: italic; }
#extra ul li { margin-bottom: 32px; font-size: 13px; }
#extra ul li ul { display: none; }
#extra ul li.on ul { display: block; margin: 11px 0 0 11px; display: none; }
#extra ul li ul li { margin-bottom: 11px; }
#extra a { font-style: italic; text-decoration: none; }
#extra a:hover { text-decoration: underline; }

/* Pied de page */
#address { clear: both; display: block; width: 850px; height: 33px; overflow: hidden; margin: 0; padding: 17px 0 0 0; font-size: 13px; text-align: center; }
#address .contact { display: block; float: right; background: #005D34; }
#address .contact a { color: #fff; }
#address .contact a img { }
#address .feed { display: block; position: absolute; left: 45px; bottom: 5px; }
#address address { display: block; height: 23px; padding: 10px 0 0 10px; background: #fff; font-style: italic; color: #016529; }

#mentions { position: absolute; right: 0; bottom: 50px; width: 155px; margin: 0; padding: 0; }
* html #mentions { right: 150px; }
#mentions a { color: #BCD462; text-decoration: none; }
#mentions a:hover { color: #03582E; text-decoration: underline; }

#noie { clear: both; }

html .spip-admin-float { position: fixed; right: 30px; top: 0; }
* html .spip-admin-float { position: absolute; }

/* Couleurs des liens */
a { color: #005d34; text-decoration: underline; }
a.spip_note, .spip_note a { font-weight: bold; text-decoration: none; }
a.spip_out, a.spip_url, a.spip_glossaire { text-decoration: underline; padding-right: 12px; background: url(spip_out.gif) no-repeat right center; }
.on { color: #9BC120; }
a:hover { color: #9BC120; text-decoration: underline; }
a.spip_out:hover, a.spip_url:hover, a.spip_glossaire:hover { background-image: url(spip_out_hover.gif); }
.spip_documents a, .spip_documents a:hover { background: none; }