/*
Feuille de style principale du site asso-burkina.org
Copyright 2006 - Yves Tannier - grafactory.net
*/

/* element de configuration generale
-------------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }

body {
    background: top left #fff url(fond_page.jpg) repeat-x;
    font: 0.7em "Trebuchet MS",Trebuchet,sans-serif;
    color: #000;
}
img {
    border: 0;
}   
a {
    color: #036;
}
a:hover {
    text-decoration: none;
}
ul, li {
    list-style-type: square;
} 
.spacer {
    clear: both;
    font-size: 2px;
}
.hide {
    display: none;
}
h1 {
    font-size: 2.4em;
}
h2 {
    font-size: 2em;
}
h1#logo {
    background: top left url(bandeau_logo_burkina.jpg) no-repeat;
    height: 206px;
    width: 800px;
}
h1#logo a {
    display: block;
    height: 206px;
    width: 800px;
}
#global {
    position:absolute;
    left: 50%; 
    width: 800px;
    margin-left: -400px;
}
#colonne_un {
    float: left;
    width: 240px;
    padding: 10px;
}
#contenu {
    float: left;
    width: 520px;
    margin-bottom: 10px;
}
#menu {
    margin-top: 10px;
}
#menu li a {
    color: #036;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.6em;
}
#menu li a:hover {
    color: #393;
}
#menu li {
    list-style-type: none;
    background: center left url(fleche_verte.gif) no-repeat;
    padding: 2px;
    padding-left: 18px;
}
#menu_sec {
    margin-top: 15px;
}
#menu_sec li a {
    color: #393;
    text-decoration: none;
    font-size: 1.2em;
}
#menu_sec li {
    padding: 2px;
}
li#rss {
    background: center left url(feed.png) no-repeat;
    padding-left: 20px;
}
li#prive {
    background: center left url(key.png) no-repeat;
    padding-left: 20px;
}
li#plan {
    background: center left url(chart_organisation.png) no-repeat;
    padding-left: 20px;
}
#plan_site {
    margin-bottom: 15px;
}
#plan_site ul, #plan_site h3 {
    margin-left: 45px;
}
#plan_site li {
    list-style-type: square;
    margin-left: 15px;
}
#spip_powa {
    margin-top: 35px;
}
#spip_powa img {
    vertical-align: bottom;
    margin-left: 3px;
}
.formulaire_recherche {
    margin-top: 15px;
}
.formulaire_recherche h2 {
    font-size: 1.3em;
}
.formulaire_recherche h2, .formulaire_recherche p {
    margin: 5px;
}
#recherche_site h3 {
    font-size: 0.8em;
    color: #abbdcd;
}
#bouton_recherche {
    border: none;
    background: transparent;
    font-weight: bold;
    color: #036;
}
#recherche {
    background: center left #fff url(loupe.gif) no-repeat;
    padding: 2px;
    padding-left: 18px;
    padding-right: 5px;
    border: 1px solid #abbdcd;
    width: 120px;
    color: #000;
}
#chapo {
    padding: 15px;
    text-align: justify;
    color: #000;
}
#hierarchie {
    margin-top: 10px;
}
h1.titre {
    margin-top: 15px;
}
h2.rub_plan {
    color: #036;
    font-weight: bold;
    font-size: 1.6em;
    background: center left url(fleche_verte.gif) no-repeat;
    padding: 2px;
    padding-left: 18px;
}
h2.rub_plan a {
    text-decoration: none;
}
h2.rub_plan a:hover {
    color: #393;
}
.liste-articles p {
    margin-top: 5px;
    text-align: justify;
}
.liste-articles h2 {
    font-size: 1.6em;
}
.liste-articles h3 {
    font-size: 1.4em;
}
#contenu h2 {
    color: #393;
    margin-top: 15px;
    margin-bottom: 5px;
}
.liste-articles li {
    margin-top: 10px;
}
.soustitre {
    margin-top: 10px;
    margin-bottom: 10px;
}
.texte, .ps {
    line-height: 150%;
    text-align: justify;
}
.texte p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.texte ul {
    margin-left: 20px;
}
.texte li {
    list-style-type: square;
}
.texte h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: normal;
    color: #036;
}
.texte blockquote {
    padding: 5px;
    margin: 10px;
    border: 1px dotted #ccc;
    font-style: italic;
}
.texte code {
    text-align: left;
    font-size: 1.4em;
    display: block;
    border: 1px solid #ccc;
    overflow: auto;
    padding: 5px;
}
h2.menu-titre {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    font-size: 1.4em;
}
h2.menu-titre a {
    color: #393;
    text-decoration: none;
}
#recherche_resultat {
   padding: 15px;
}
#recherche_resultat h1 {
    margin-top: 10px;
    color: #69aa18;
}
#recherche_resultat ul, li {
    list-style-type: none;
}
#recherche_resultat ul {
    margin-top: 15px;
}
#recherche_resultat li {
    padding-bottom: 15px;
}
#recherche_resultat .lien a {
    color: #ccc;
}
#pied {
    background: top center url(branche.jpg) no-repeat;
    padding: 15px;
    padding-top: 40px;
    text-align: center;
}
.syndic h3 {
    font-size: 1.4em;
    margin-top: 10px;
    margin-bottom: 5px;
}
.syndic h4 a {
    font-weight: normal;
    font-size: 0.9em;
    color: #69aa18;
}
.syndic p {
    line-height: 100%;
}
input, select, textarea {
    padding: 2px;
    border: 2px solid #ccc;
}
.formulaire_site form, .formulaire_ecrire_auteur form, .formulaire_login form {
    margin: 15px;
    padding: 5px;
    border: 1px dotted #ccc;
}
form p {
    margin-top: 15px;
    margin-bottom: 10px;
}
.formulaire_site form legend, .formulaire_ecrire_auteur form legend, .formulaire_login form legend {
    font-size: 1.4em;
    margin-bottom: 10px;
    font-weight: bold;
}
form label {
    display: block;
}
.spip_documents_left img {
    margin-right: 5px;
    border: 2px solid #ccc;
}
.spip_documents_right img {
    margin-left: 5px;
    border: 2px solid #ccc;
}
.spip_documents_center img {
    margin: 5px;
    text-align: center;
    border: 2px solid #ccc;
}
#accueil h1 {
    margin-top: 15px;
    margin-bottom: 10px;
}
#breves {
    width: 250px;
    float: left;
    margin-right: 15px;
}
#breves h1, #news h1 {
    font-size: 1.5em;
    font-weight: normal;
    color: #036;
}
#breves h2 a {
    text-decoration: none;
    color: #393;
}
#breves h2 a:hover {
    color: #036;
}
#breves p a {
    text-decoration: none;
    color: #000;
}
#breves p a:hover {
    color: #036;
}
#breves h2 {
    font-size: 1.2em;
    margin-bottom: 0;
}
#breves h3 {
    font-weight: normal;
    font-size: 1em;
    margin-bottom: 5px;
    color: #036;
}
#breves p {
    text-align: justify;
}
#droite {
    float: right;
    width: 230px;
}
#donner {
    margin-top: 15px;
    font-weight: bold;
    color: #036;
}
#donner img {
    border: 2px solid #ccc;
}
#accueil .spacer {
    margin-bottom: 10px;
}
#inscript_nl {
    position:absolute;
    left: 50%; top: 50%;
    width: 300px;
    height: 100px;
    margin-top: -50px; /* moitié de la hauteur */
    margin-left: -150px; /* moitié de la largeur */
    font-size: 2em;
    color: red;
}
#inscript_nl a {
    font-size: 0.8em;
}
#firefox {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #666;
}
#firefox a {
    color: #666;
}
#firefox img {
    vertical-align: bottom;
}
.spip-admin-bloc {
    margin-top: 15px;
}
#presse h2 {
    font-size: 14px;
}
#presse .img_float {
    float: left;
    padding-right: 5px;
}
#presse .img_float img {
    border: 1px solid #666;
}
#presse .desc_float p {
    font-size: 12px;
}