/* - - - - - - - - - - - - - - - - - - - - -
Title : Baseline CSS
URL : www.avarap06.org
Author : Pierre Jahan - JahanDesign.com
Date : 05/050/2011 
- - - - - - - - - - - - - - - - - - - - - */

/* ===== Reset ===== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
/* remember to define visible focus styles! 
:focus { outline:?????; } */
/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* ===== Page Structure ===== */
body { background:#BCD8A1 url('../images/bg-fond.png') repeat-x fixed; margin:0; padding:0; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-size:77%; line-height:1.4em; color:#4C5844; }
p { margin:0; padding:0 0 .5em; text-align:justify; }
img, table { margin:0; padding:0; border:0; }
ul, ol { margin:0 0 .8em; padding:0; }
ul { list-style:none; }
ol { list-style:decimal inside; }
ol ol { list-style:lower-latin inside; margin-left:2em; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:1em; font-weight:normal; line-height:1.2em; }
h3 { margin:.8em 0; font-size:1.5em; padding:0 0 .1em; border-bottom:solid 1px #89BA59; color:#89BA59; }
h4 { margin: .8em 0; font-size:1.2em; font-weight: bold; color:#89BA59; }
h5.spip, .texte h5 { margin: 1.2em 0 .2em; font-size:1.1em; font-weight: bold; color:#333; }
a { text-decoration:none; color:#A9340C; }
a:hover { text-decoration:underline; color:#FF5500; }
/* Affichage des png dans MSIE*/
.img_png, .image_typo, .spip_logos { behavior:url("win_png.htc"); }

/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page { width:950px; margin:10px auto 0; border:solid 1px #89BA59; text-align:left; background-color:#fff; }
#header { width:950px; height:81px; display:block; position:relative; padding:0; background:#fff url('../images/header.jpg') no-repeat; }
#header .sitename {width:400px; height:45px; position:absolute; margin:15px 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
#header #nom-site { width:350px; position:absolute; margin:15px 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; } 
#header #nom-site h1 a { display:block; line-height:1em; font-size:2em; font-weight:bold; color:#4C5844; text-decoration:none; }
#header #nom-site h2 { display:block; font-size:1.2em; margin-top:.3em; font-style:italic; color:#89BA59;  }
#header #top-nav { float:right; width:550px; margin:45px 15px 0 0; color:#bfcfbf; text-align:right; }
#header #top-nav a { font-size:.9em; color:#89BA59; text-decoration:none; }
#header #top-nav a:hover { color:#FF5500; }
#banniere { width:950px; height:150px; margin:0; background:url('../images/banniere.jpg') no-repeat; font-family:trebuchet ms,arial,tahoma,verdana,sans-serif; }
#banniere p {display:block; position:absolute; width:460px; margin:6px 0 0 335px; font-style:italic; color:#567995; }
#menu { width:950px; height:40px; background:url('../images/menu.jpg') no-repeat; }
#hierarchie { clear:both; font-size:.9em; padding:.4em 1.5em; background:url('../images/bg-ariane.png') repeat-y; }
#wrap { width:950px; background:url('../images/bg-content.png') repeat-y; }
#wrap #colonne { float:left; width:300px; padding:15px; }
#wrap #contenu { float:right; width:590px; padding:15px;	}
#wrap #onecol { width:100%; padding:15px;	}
#contenu .contre-encart { float:right; width:280px; }
#contenu .encart { float:left; width:11em; margin:0; margin-bottom:1em; }
#contenu .encart .spip_logos {margin-bottom:1.5em;}
#footer { padding:10px; background:#758e75 url('../images/bg-pied.png') repeat-y; border-top:1px solid #627c64; color:#eee; }

/* Systemme de colonne
-------------------------------------------------------------- */
.boite { width:100%; overflow:hidden; }
.c50l, .c33l {float: left; }
.c50r, .c33r {float: right; }
.c50l .margin, .c33l .margin {padding-right:12px; margin-right:12px; border-right:1px dotted #ccc; }
.c50r .margin, .c33r .margin {padding:0; }
.c33l { width:35%; }
.c33r { width:30%; }
.c50l, .c50r { width:50%; }

/* clearfix method for clearing floats
-------------------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: block } /* essentiel pour safari */
.ie_clearing { position:static; display:block; width: 100%; font-size:0px; margin: -2px 0 -1em 0; visibility: visible; }

/* Menu horizontal
---------------------------------------------------------------------------*/
.suckertreemenu ul { list-style-type:none; margin:0;; }
.suckertreemenu ul li { float:left; position:relative; margin:0; padding:0; display:inline; z-index:99 }
.suckertreemenu ul li a { display:block; height:40px; line-height:40px; padding:0 15px; text-decoration:none; color:#4C5844; text-align:center; border-right:solid 1px #ccc; }
.suckertreemenu ul li ul { position:absolute; top:1em; left:0; /* true value set by script */ display:block; visibility:hidden; z-index:10; }
.suckertreemenu ul li ul li { display:list-item; float:none;  }
.suckertreemenu ul li ul li ul { left:159px; /* true value set by script */ top:0; }
.suckertreemenu ul li ul li a { display:block; height:auto; width:180px; line-height:normal; background-color:#eee; text-decoration:none; text-align:left; padding:.5em; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; font-weight:normal; }
.suckertreemenu ul li a:hover { background-color:#dbe4db; }
.suckertreemenu .mainfoldericon {  }
.suckertreemenu .subfoldericon {  }
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top:1em; }
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float:left; height:1%; }
* html .suckertreemenu ul li a { height:1%; }
/* End */

/* Footer
---------------------------------------------------------------------------*/
#footer a { color:#fff; }
#footer small { display:block; padding:5px; font-size:.9em; font-weight:normal; text-align:center; }
#footer img { vertical-align:bottom; }
#footer #plan { font-size:.9em; padding-bottom:.5em; }
#footer #plan td { text-align:left; color:#666; margin-bottom:4px; }
#footer #plan th { width:12em; text-align:left; }
#footer #plan th a { color:#eee; }
#footer #plan td ul, 
#footer #plan td ul li { display:inline; }

/* Espaceur de blocs */
.nettoyeur { clear:both; margin:0; padding:0; border:0; height:0; line-height:1px; font-size:1px; overflow:hidden; }

/* Non visible a l'ecran */
.invisible { position:absolute; top:-3000em; height:1%; }
	 
/* Sommaire 
 ---------------------------------------------------------------------------*/
.page_sommaire .boite { padding:0 0 5px; margin:0 0 .5em; border-bottom:1px dotted #ccc; } 
.page_sommaire .boite h2.titre { font-size:1.5em; margin:0 0 .5em; }
.page_sommaire .boite .soustitre { margin:0 0 .5em; }
.page_sommaire .boite .texte { font-size:.9em; margin:0; }
.page_sommaire .boite .texte a { color:#333; }
.page_sommaire .boite .spip_logos { float:right; border:solid 1px #ccc; padding:2px; margin:0 0 4px 12px; }
.page_sommaire .boite a:hover .spip_logos { float:right; border:solid 1px #E49505; padding:2px; }
.page_sommaire .evenement .boite h2.titre a { /* background-color:#0081C3;  -moz-border-radius:12px; */ color:#0081C3; }
.page_sommaire .campagne .boite h2.titre a { /* background-color:#3B9F4D; -moz-border-radius:12px; */ color:#3B9F4D; }
.page_sommaire .gl { margin-top:1em; }
.page_sommaire .gl ul li { list-style:square; margin-left:1em; margin-bottom:0.4em; font-size:.9em; }
.page_sommaire .gl ul li em { font-style:normal; text-size:0.77em; }
.page_sommaire .gl, .page_sommaire .participez { border-top:1px solid #ddd; padding:1em 1.5em; }
.intro .lire a { display:block; float:right; margin-top:-.8em; font-style:italic; }

/* Adresse */
div.vcard { font-size:.9em; font-style:normal; margin:15px 0 0; padding:.5em 1em; border:1px dotted #89BA59; background-color:#F1F1EA; }
div.vcard p { margin:0; padding:0; }
div.vcard .org { font-weight:bold; font-size:1.1em; }

/* Sites partenaires */
.page_sommaire .sites { margin:1em auto; text-align:center; }
.page_sommaire .sites img {  }

/* Page agenda */
.page_agenda h3.titre { margin-bottom:1em; text-transform:capitalize; border-bottom:solid 1px #2870AA; }

/* Typo pour les citations et extraits introductifs */
q, 
blockquote, 
.liste-articles li .texte { font-family:"Bitstream Vera Serif", Georgia, Times, serif; }

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, 
.breves, 
.syndic, 
.divers { min-width:10em; border:1px solid #89BA59; margin:0; margin-bottom:1em; font-size:.9em; background:#FaFaFa; border-collapse:collapse; }
.menu-titre, 
.menu-titre a { padding:.3em .4em; text-align:center; text-transform:uppercase; color:#FFF; font-weight:bold; border-collapse:collapse; background:#89BA59; letter-spacing:1px; }
.rubriques ul li, 
.breves ul li, 
.syndic ul li, 
.divers ul li,
#contenu ul li { margin:0 0 .3em .5em; padding-left:12px; background:url('../images/puce.png') 0 6px no-repeat; }
#contenu .formulaire_spip ul li { margin:0; padding-left:0; background:none; }
#contenu .rubriques { border:0; }
#contenu .syndic { font-size:.8em; }
#contenu .syndic ul {  padding:.3em 0; }
.pair { background:#F1F1EA; }
.impair { background:#fff; }

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.surtitre { margin:0; font-size:.9em; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#859A95; border-top:1px solid #F1F1EA; }
h1.titre { margin:0 0 .5em; font-size:1.4em; color:#4C5844; }
h2.titre { margin:0 0 .5em; font-size:1.3em; color:#89BA59; }
h3.titre { margin:0 0 .5em; font-size:1.2em; color:#89BA59; border:none; }
h2.soustitre { font-size:1.2em; font-weight:bold; color:#89BA59; margin:0 0 1em; }
h3.soustitre { margin:-.8em 0 .8em; font-size:1.1em; color:#89BA59; border:none; }
h4.soustitre { margin:-1.2em 0 .8em; font-size:1em; color:#89BA59; font-weight:normal; }
h3.spip, .texte h3 { margin:0 0 .8em; font-size:1.5em; padding:0 0 .1em; border-bottom:solid 1px #89BA59; color:#89BA59; }
h4.spip, .texte h4 { margin: 1.2em 0 .2em; font-size:1.3em; font-weight: bold; text-transform:uppercase; color:#89BA59; }
h5.spip, .texte h5 { margin: 1.2em 0 .2em; font-size:1.1em; font-weight: bold; color:#333; }
.intro { text-align:justify; }
.chapo { margin:1em 0; padding:.3em .5em 0; font-weight:bold; background:#F1F5F5; border-left:.5em solid #89BA59; }
.lien { background:#E9F2E0; margin:1em 1em 1.5em; padding:.8em; border:1px solid #BCD8A1; font-weight:bold; }
.ps, .notes { margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC; }
.notes { clear:both; }
.ps h2, .notes h2 { font-weight:bold; }
p.soustitre a { margin:0 0 1em; }
p.fleche-plus a { padding:0 0 4px 26px; background:url('../images/go-next.png') no-repeat 0 -3px; }

/* pagination */
.pagination { margin-top:2em; margin-bottom:2em; font-size:.9em; }
.pagination span,
.pagination a { padding:.5em; border:1px solid #A9340C; background-color:#E9F2E0; }
.pagination a:hover {border-color:#FF5500; }
.pagination span.cs_pagination_off { border-color:#ccc; background:none; }
.pagination img, .pagination a img { padding:0; border:none; background:none; }
.pagination span.separateur { display:none; }
/* citations, code et poesie */
blockquote.spip { margin:.5em 2em; padding:.5em 1em 0; border-left:.5em solid #89BA59; background-color:#F1F5F5; font-style:italic; font-size:1.1em; font-family: "Bitstream Vera Serif", Georgia, Times, serif; }
blockquote.spip_poesie { margin:1em 3em; padding:.5em 1em; border-left:3px solid #A2C97D; background-color:#F1F1EA; }
.spip_code { font-family: monospace; font-style: normal; font-size: 1.1em; }
.spip_cadre { width: 90%; border: 1px solid #4C5844; background-color:#E5E5AE; }
.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip { margin: auto; margin-bottom: 1em; border: 1px solid; border-collapse: collapse; }
table.spip caption { caption-side:top; /* bottom pas pris en compte par IE */ text-align:center; margin:auto; padding:3px; font-weight:bold; }
table.spip tr.row_first { background: #4C5844; color:#fff; }
table.spip tr.row_odd { background: #D2E5C0; }
table.spip tr.row_even { background: #E9F2E0; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/*  Habillage du contenu : Cartouche et titraille
---------------------------------------------- */
.cartouche { clear:both; margin:0 0 .5em; padding:0 0 .5em; border-bottom:1px dotted #89BA59; }
.cartouche p { margin:0; padding:0; clear:left; }
.cartouche small { font-size:.8em; }
.spip_logos { float:right; margin:0 0 4px 12px; border:solid 1px #ccc; padding:2px; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio { clear:both; margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC; }
#documents_portfolio h2 { margin-bottom:.4em; font-size:.9em; font-weight:bold; }
#document_actif { margin-top:1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints { margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC; }
#documents_joints h2 { margin-bottom:0.4em; font-size:0.88em; font-weight:bold; }
#documents_joints li { margin-bottom:0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight:normal; }
#documents_joints li .spip_doc_descriptif {}
.spip_doc_titre { margin-bottom:10px; font-size:.9em; font-style:italic; text-align:center; color:#777; }
.spip_documents_right { margin:5px 0 5px 10px; }
.spip_documents_left { margin:5px 10px 5px 0; }

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles li { margin-bottom:1em; }
.liste-articles li .titre { font-weight:bold; }
.liste-articles li .spip_logos { float:right; margin-left:16px; margin-bottom:16px; clear:right; }
.liste-articles li p { margin:0; padding:0; color:#111; font-size:.8em; }
.liste-articles li .enclosures { float:right; text-align:right; max-width:60%; margin:0; }
.liste-articles li small { display:block; font-size:.8em; }
.liste-articles li .texte { margin-top:5px; margin-bottom:2em; border:1px solid #CCC; padding:.9em; font-size:.9em; }

/*  Habillage specifique du plan du site
/*  ------------------------------------------ */
.page_plan #contenu { font-size:.8em; }
.page_plan h4.niv2, .page_plan ul.niv2 { margin-left:2em; }

/* Choix des mots-clefs */
.choix_mots { width:47%; float:left; } 
.choix_mots label { display:inline; }

/* Formulaire de recherche */
.formulaire_recherche {display:inline !important; margin:15px auto; text-align:center; }

/*  Barre typo */
.texteencadre-spip h3 { margin:0 0 .5em; border:0; }
.texteencadre-spip dt { padding-left:3em; font-weight:bold; }