/* ---------------------------------------------------------------------------- */
/* Modifications à la Feuille de style des squelettes par defaut pour SPIP 3.0  */
/* ---------------------------------------------------------------------------- */
/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; }

body { font-size: 0.8125em; font-family: sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #FFFFF0; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 90%; margin: 0 auto; text-align: left; background: #FFFFF0; border: 15px solid #DBDBDB}
/*  */
#entete { width: 100%; margin: 0; margin-top: 2%; padding: 0; background: #FFFFF0; border: 0; }

#entetelogo  { float: left; width: 15%; margin: 0; margin-left: 2%; padding: 0; padding-left: 1%; overflow: hidden; background: #FFFFF0; border: 1px solid #FFFFF0; }
#entetetitre { width: 77%; clear: right; margin: 0; padding: 0; overflow: hidden; background: #FFFFF0; border: 1px solid #FFFFF0; }
#entetetitre h1, h4 { text-align: center; }
#entetetitre h4 { text-align: right; }
#entetepied { width: 77%; clear: right; margin: 0; /* margin-left: 18.2%; */ padding: 0; border: 1px solid #FFFFF0; text-align: center; }
#entetepied h4 { text-align: center; }

/* clear: both;  */
#sommaire { float: left; width: 30%; margin: 0; margin-left: 2%; margin-right: 2%; margin-top: 2%; padding: 0; overflow: hidden; background: #FFFFF0; border: 5px solid #DBDBDB; }
#navigation { float: left; width: 93%; margin: 0; padding: 3%; overflow: hidden; background: #FFFFF0; border: 0; border-bottom: 5px solid #DBDBDB; }
#agenda { float: left; width: 93%; margin: 0; padding: 3%; overflow: hidden; background: #FFFFF0; border: 0; }
/*  */
#conteneur { width: 59%; clear: right; margin: 0; margin-top: 2%; padding: 1%; overflow: hidden; background: #FFFFF0; border: 10px solid #DBDBDB}
#conteneur p, ol, li { text-align: justify; }
#contenu { padding: 1%; padding-left: 2%; border: 1px solid #FFFFF0}
/*  */
#pied { clear: both; width: 100%; margin: 0; padding: 1%; border: 0; text-align: center; font-size: 0.90em; }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { margin-bottom: 2em; font-size: 0.90em; } 
#hierarchie, #hierarchie a { color: #666; }

#entetetitre h1 { font-size: 3em; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 1%; margin-right: 1%; margin-bottom: 1%; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }
/* Couleur des titres des Articles (h1) */
.cartouche h1 {color: #00BB00; }
/* Couleur des Rubriques dans le Plan du site (h2) */
a.plan { color: #00BB00; text-decoration: none;}

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }

/*  Justification totale (droite et gauche) du texte par  text-align: justify  */
.texte { line-height: 1.60em; text-align: justify;}

.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }

/* Habillage des petitions (AZ: c'est la table de présentation des signatures, non le formulaire...)
---------------------------------------------- */
#signatures thead { text-align: center; color: #00FF22; }  /* color du libellé "message" */

#signatures td { padding: 0.50em; border: 0; vertical-align: top; }  /* color des bords des cellules du tableau */

#signatures td.signature-nom { background: #FFFFF0; text-align: left; }


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation (color: #00BB00 = vert utilisé; gris= EDEDED; rouge= EA0000; jaune= FFEE00; bleu= 0066B6 ) */
.menu { clear: both; margin-bottom: 0em; margin-left: 0em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }

/* .menu ul : agit sur le premier niveau du menu, 
et insère une ligne grise (border-bottom: 1px solid #DDD;) entre chaque 1er niveau du sommaire  margin-bottom: 0.5em; */
.menu ul { margin: 0; padding: 0; list-style: none;  }
/* .menu ul a : agit sur les liens au premier niveau du menu (couleur: verte)  */
.menu ul a {color: #00BB00; }

/* .menu ul li: agit sur la liste au premier niveau (agenda et liste des articles récents du corps central) 
et insère une ligne grise (border-bottom: 1px solid #DDD;) entre chaque entrée agenda et liste d'articles 
margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0em; */
.menu ul li { clear: both; margin-top: 0.4em; margin-bottom: 0.5em; margin-left: 0em; list-style: none; border-bottom: 1px solid #DDD;}
.articles ul li { clear: both; margin-left: 0em; margin-bottom: 0em; padding: 0.8em; list-style: none; border-bottom: 1px solid #EDEDED;}
.breves ul li { clear: both; margin-left: 0em; margin-bottom: 0em; padding: 0.8em; list-style: none; border-bottom: 1px solid #EDEDED;}
/* .menu ul li a: agit sur les liens au premier niveau (couleur: verte)  */
.menu ul li a { color: #00BB00;}


/* .menu ul li ul li: agit sur la liste au deuxième niveau  */
.menu ul li ul li { clear: both; margin-top: 0.3em; margin-left: 1em; list-style: none; }
/* .menu ul li ul li a: agit sur les liens dans la liste au deuxième niveau (couleur: verte)  */
.menu ul li ul li a { color: #00BB00; }

/* Rubriques */
/* on centre le titre du pavé menu et du pavé agenda */
.rubriques h2 { text-align: center; }
.breves h2 { text-align: center; }
.rubriques ul li { background: #FFFFF0; border: 0;  }


/* Couleur des titres (liens) de l'en-tête */
#entetetitre h1 a  { color: #00BB00; }
#entetepied h4 a  { color: #00BB00; }


/* - NE PAS souligner et expliciter les liens: changement de couleur et pas soulignés */
a { color: #00BB00; text-decoration: none; }