/* -------------------------------------------------------
         Polices incorporées
 ------------------------------------------------------- */


@font-face {
    font-family: Berlin;
    font-style:  normal;
    font-weight: normal;
    src: url(polices/BERLINS1.eot);
}

@font-face {
    font-family: Berlin_demi;
    font-style:  normal;
    font-weight: normal;
    src: url(polices/BERLINS0.eot);
}

/* -------------------------------------------------------
         1. LIENS base
 ------------------------------------------------------- */


a, a:link, a:visited
{
    text-decoration:none;
    color: white;
}


a:hover
{
    color: red;
    text-decoration: none;
    border:0px;
}


a img {
	border:0px;
}

/* -------------------------------------------------------
         2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */

body {
        color: white;
        font: 85%/1.0 Arial, sans-serif;
        margin: 0;
        text-align: center;
        /* pour centrer horizontalement la boite #page dans IE/Win */
        background-color: white;
        background-image:url(../../../skin/Morceaux.png)
}

#page
{
        position: relative;
        top:15px;
        text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
        margin: 3em auto; /* auto pour centrer horizontalement la boite dans BODY
                                                 pour le navigateurs autres que IE/WIN */
        padding: 0;
        width: 780px; /* ou 100% pour largeur fluide pleine largeur */
}

#entete                        /* voir (../inc/inc-bandeau.html) */
{
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0;
        border-width: 0;
        text-align: right;
            z-index: 10;
        background:url(../../../skin/Titre.gif) no-repeat bottom;
        height: 160px; /* hauteur du contenu (pour tous les navigateurs) */
}


#navigation                        /* (inc/inc-menu.html) */ {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 150px;
        margin: 0 0 1em 0;
        padding: 0 0 1em 0;
}

#bloc-contenu
{
        position: static;
        border: 0px;
        margin: 10px 155px 5px 155px;
        padding: 10px 10px 5px;
        background: black;
        z-index: 20;
}
#bloc-contenu .piece-jointe img{
        width:52px;height:auto;margin-left:5px; margin-bottom:5px;
}





#encart
{
        position: absolute;
        top: 170px;
        right: 0px;
        width: 150px;
        margin: 0 0 1em 0;
        padding: 0 0 1em 0;
}



#bas                        /* (inc/inc-bas.html) */
{
        text-align:center;
        margin: 0px;
        padding: 0px;
        padding-top: 5px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 2px;
        text-align: center;
        margin-left: 155px;
        margin-right: 155px;
        background-color:black;
}


/* -------------------------------------------------------
         3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */

#entete a.nom-site,
#entete a.nom-site:link,
#entete a.nom-site:visited
{
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: Arial, sans-serif;
    font-size: 2em;
        font-weight: bold;
        padding: 0;
        background-color: transparent;
}



#entete .nom-site span                 /* position du nom du site - position of the site's name  */
{
        display: block;
        position: absolute;
        bottom: 48px;
        right: 200px;
}





/* -------------------------------------------------------
         4. ELEMENTS HTML DE BASE
 ------------------------------------------------------- */

h1
{
        font-family:Berlin_demi, arial;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 160%;
        font-weight: bold;
}

h2
{
        font-family:Berlin, arial;
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 140%;
        font-weight: bold;
}

h1.titre-article { margin-bottom: 10px }

h2.categorie {
    display:block;
	width:420px;
	border-bottom:3px solid white;
	margin-bottom:15px;
	margin-top:30px;
}

h3
{
        font-family:Berlin, arial;
        margin-top: 10px;
        padding-top:10px;
        margin-bottom: 10px;
        font-size: 130%;
        font-weight: bold;
}

h4
{
        font-family:Berlin, arial;
        margin: 2px;
        font-size: 100%;
        font-weight: bold;
}

h5
{
        margin: 2px;
        margin-left: 0px;
        font-size: 90%;
        font-weight: bold;
}

h6
{
        margin: 2px;
        margin-left: 0px;
        font-size: 80%;
        font-weight: bold;
}


.encadre {
		border:3px solid red;
}

/* ------------------------------------------------------------------
         5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
.menu ul
{
        font-size:3mm;
        list-style-type: none;
        margin: 0;
        padding: 0;
}


div.bloc, div.bloc ul {background:black; margin:15px; margin-top:0px;margin-left:0px;margin-right:0px}
div.bloc h2 {padding-top:4px; font-size:4mm; font-family:arial}

.menu td {text-align:center;vertical-align:middle;}
.menu a,
.menu a:link,
.menu a:visited {
        font-size:3.2mm;
        font-family:arial;
        background:black;
        display:block;
        padding: 4px;
        margin: 0px;
}

.menu a:hover,
.menu a.lien_on,
.menu a:link.lien_on,
.menu a:visited.lien_on
 { background-color: red; color:white}



.menu a.BD, .menu a.Decodeur, .menu a.except {padding:0px; text-align:center; padding-left:1px;  }

.menu a:hover.BD, .menu a:hover.Decodeur, .menu a:hover.except { background-color: black; color:red;  }


#bloc-contenu a,
#bloc-contenu a:visited,
#bloc-contenu a:link {
    border-bottom:1px dotted red;
}
#bloc-contenu a:hover {
    border-bottom:1px solid black;
}



#bloc-contenu .piece-jointe a,
#bloc-contenu .piece-jointe a:visited,
#bloc-contenu .piece-jointe a:link {
        border:0px;
}

#bloc-contenu .apres-article a,
#bloc-contenu .apres-article a:visited,
#bloc-contenu .apres-article a:link {
    border:0px;
}

.BD, .Decodeur {text-align:center}
.BD img, .Decodeur img {padding:0px;margin:0px;width:140px; height:auto}

#menu-principal {
        position: absolute;
        top: -32px;
        margin:0px;padding:0px;
        width:780px;
        border-top:4px solid red;
}

#menu-principal a{
      padding:5px;
}



#menu-principal-recherche{
}



/*  ANNONCE dans #encart */
.annonce
{

        /* overflow: hidden; */
        text-align: center;
}






#menu-rubriques { position: absolute; top: 170px; width: 150px}
#menu-sommaire { width: 146px; border-left:4px solid red}



/* -------------------------------------------------------
         6. ARTICLE
 ------------------------------------------------------- */

.texte
{
        text-align: left;
        line-height: 1.3em;
        text-transform: inherit;
}

p { text-align: justify; }

.chapo
{
        font-weight: bold;
        text-align: left;
    	padding: .5em;
        margin: 0 0 1em 0;
        text-align:justify;
}


#bloc-contenu a.document_joint,
#bloc-contenu a:link.document_joint,
#bloc-contenu a:active.document_joint {
                display:block;
                padding:5px;
                margin:10px;
                max-width:150px;
                float:left;
}

#bloc-contenu a:hover.document_joint {
}


/* L'information de date et auteur au dessus de l'article */
.detail
{
        font-size: smaller;
        font-style: italic;
        color:silver;
        padding: 0px;
        margin: 0px;
        margin-bottom:10px;
}

.petit-info
{
        font-size: smaller;
        font-weight: bold;
}


button
{
                width:100%;
                border:3px solid red;
                background:black;
                color:white;
}

.ps
{
        text-align: left;
        font-size: 90%;
}

.notes
{
        text-align: left;
        font-size: 90%;
}

.surtitre,
.sous-titre {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-left:5px;
        font-weight: normal;
        font-size: 90%;
        font-weight:bold;
}
.RDV {
        margin-top: 0px;
        margin-bottom: 2px;
        padding-left:5px;
        font-weight: normal;
        font-size: 90%;
        font-weight:bold;
        text-transform:uppercase;
}
.RDV img {
        float:left;
        margin-right:5px;
        margin-bottom:5px;
}



.doc_titre {
        font-size: 120%;
        font-weight: bold;
		font-family:Berlin, Arial;
}
.doc_descriptif {
		margin-bottom:5px;
        font-size: smaller;
        font-style: italic;
        color:silver;
}

ul.spip { margin-left: 1em; padding: 0;
                list-style:url(http://crad33.org/skin/Puce.gif);
 }
ol.spip { margin-left: .8em; padding: 0; }
ul ul.spip,
ol ol.spip,
ol ul.spip,
ul ol.spip { margin-left: 0; padding: 0; }
ol.spip { list-style: decimal; }
ol li.spip { margin: 0.3em 0 0.3em 1.5em; list-style-position: outside; }
ul li.spip { margin: 0.3em 0 0.3em 1.2em; list-style-position: outside; }
ul ol li.spip { margin: 0.3em 0 0.3em 1.5em; list-style-position: outside; }


/* -------------------------------------------------------
         7. GENERAL
 ------------------------------------------------------- */

#bas { font-size: 85%; }
#plan { font-size: 85%; }

.date-entete { font-size: 80%; }

/* mot recherche dans page resultats de recherche */
.mot-precis
{
        font-style: italic;
        font-size: 83%;
        color: #777777;
}

.lang
{
        color: red;
        text-transform: uppercase;
}


/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito .chapo { margin-top: 0; }

.edito .suite { text-align: right; }

/* -------------------------------------------------------
 9. PETITION
------------------------------------------------------- */

#petition
{
        float: right;
        width: 170px;
        margin-left: 12px;
}
#petition fieldset
{
        margin: 0;
        padding: 0;
}
#petition fieldset
{
        margin: 0;
        padding: 0;
}

.signatures
{
        font-size: 92%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 1em;
        margin-bottom: 1em;
        width:100%;
}

.signatures td
{
        /* background-image - voir/see : 'alter.css' */
 }

.signatures-titre
{
        font-size: 92%;
        font-weight: bold;
        margin: 0px;
}

.signature-date
{
        white-space: nowrap;
    padding: 0.5em;
}

.signature-nom
{
        font-weight: bold;
    padding: 0.2em;
        text-align: center;
}

.signature-message
{
    padding: 0.4em;
        text-align: left;
}


/* -------------------------------------------------------
         10. FORUM
 ------------------------------------------------------- */





/* -------------------------------------------------------
 11. FORMULAIRE (PETITION, INSCRIPTION, FORUM)
------------------------------------------------------- */



/* -------------------------------------------------------
         12. ADMIN, LOGIN, BOUTONS ADMIN
 ------------------------------------------------------- */

.spip-admin { font-size: 92%; }


/* -------------------------------------------------------
         13. STYLE DÉSACTIVÉ
 ------------------------------------------------------- */

.structure { position: absolute; top: -3000em; height: 1%;  }

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

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* -------------------------------------------------------
         14. FORMATS DE TEXTE
 ------------------------------------------------------- */

.note_bas {
        margin-left:3px;
        margin-right:2px;
        font-weight:bold;
        font-family:arial;
        text-align:justify;
}




#bloc-contenu sup.note_bas a,
#bloc-contenu span.note_bas a {
        border-bottom:0px;
        margin-bottom:5px;
        color:red;
}

#bloc-contenu sup.note_bas a:hover,
#bloc-contenu span.note_bas a:hover {
        border-bottom:0px;
        color:red;
}


.article-info-rubrique
{
        text-align: left;
        margin-bottom: 10px;
}

.extrait
{
        margin: 0px;
        margin-top:15px;
        margin-bottom:15px;
        margin-left:5px;
        line-height: 1.4em;
        padding-left: 5px;
        padding-right: 5px;
        border-left:3px solid red;
        text-align:justify;
}



.bouton
{
        background: #EEEEEE;
        border: solid 1px #BBBBBB;
        padding: 1px;
        margin-bottom: 2px;
        margin-top: 0px;
}

.separateur
{
        width: 6px;
        font-size: 10px;
        height: 9px;
        padding-right: 2px;
        /* background-image - voir/see : 'alter.css' */
}

.mot-precis
{
        padding-left: 2px;
        padding-right: 3px;
}

.chapo
{
        line-height: 1.4em;
        margin-top: 1em;
}

.ps
{
        line-height: 1.4em;
		margin:5px;
		padding:10px;
		border-top:1px dashed silver;
}

.ligne-debut
{
        padding-top: 0px;
        margin-top: 5px;
        margin-bottom: 15px;
		border-top:1px dashed silver;
}

.notes
{
        line-height: 1.4em;
		margin:5px;
		border-top:1px dashed silver;
}

/* date dernier ajout */
.date-entete
{
        text-align: right;
        margin-top: -16px;
        margin-right: -5px;
        margin-bottom: 10px;
}

.cartouche
{
        /*border-top: 2px solid #404040;*/
        margin-bottom: 15px;
        /*clear: right;*/
}

.spip_logos,
.cartouche .spip_logos,
.logo-liste-art .spip_logos
{
        padding-left: 0px;
        margin: 0 0 0 0;
}
.sommaire .logo-liste-art {clear:both}
.logo-liste-art { float: right; }

.logo-site img {
	float:right;
	vertical-align:baseline;
}

/* -------------------------------------------------------
         15. PLAN DE SITE
 ------------------------------------------------------- */

#plan
{
        margin: 0px;
        padding: 0px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#plan ul
{
        padding-left: 2px;
        list-style: none;
        margin-top: 2px;
        margin-bottom: 5px;
        margin-left: 1.5em;
}

#plan ul ul { list-style: disc; }
#plan ul ul ul { list-style: disc; margin-left: 1em;}
#plan ul ul ul ul { list-style: disc; }

#plan li
{
        margin-bottom: 1px;
        padding-left: 0px;
        font-weight: bold;
}

#plan li li
{
        font-weight: normal;
}

.plan-archives
{
        font-size: 95%;
        font-weight: bold;
        padding-left: 1px;
        font-weight: bold;
}



#plan h2 {
        color: white;
        text-transform: uppercase;
        font-weight: normal;
}
#plan h3 {
        text-transform: uppercase;
        padding: 2px 0;
        text-indent: 2px;
        border:0px;
}

.plan-rubrique
{
                border-bottom:0px;
}

/* -------------------------------------------------------
         16. FORUM
 ------------------------------------------------------- */

#imgCaptcha
{
		border:1px dashed red;
}

ul.forum-total
{
        display: block;
        padding: 0px;
        margin: 0px;
        list-style: none;
}

.forum-fil { margin-top: 10px; }

.forum-fil ul
{
        display: block;
        margin: 0px;
        margin-left: 8px;
        padding: 0px;
        list-style: none;
}

.forum-item
{
        margin: 0px;
        padding: 5px;
        padding-bottom: 0;
        text-align: left;
        /*background: white;*/
}

.forum-repondre
{
		position:relative;
		top:-10px;
}

.forum-repondre-message
{
        margin: 0;
        padding: 0;
        padding-top: 4px;
        text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum
{
        border-left: 4px solid red;
        padding-left: 5px;
        margin: 10px;
}
/*
ul ul .forum { border: 1px solid #a4a4a4; }
ul ul ul .forum { border: 1px solid #b8b8b8; }
ul ul ul ul .forum { border: 1px solid #cccccc; }
ul ul ul ul ul .forum { border: 1px solid #e0e0e0; }
ul ul ul ul ul ul .forum { border: 1px solid #e0e0e0; }
*/
/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo
{
        border: 0px;
        border-bottom: 1px dashed #b8b8b8;
        margin: 0px;
        padding-left: 6px;
        padding-right: 6px;
        /*padding-top: 3px;*/
        padding-bottom: 2px;
        /*background: #EEEEEE;*/
}
/*
ul ul .forum-chapo { background: #EEEEEE; }
ul ul ul .forum-chapo { background: #EEEEEE; }
ul ul ul ul .forum-chapo { background: #EEEEEE; }
ul ul ul ul ul .forum-chapo { background: #EEEEEE; }
*/

/* -------------------------------------------------------
         17. FORMULAIRES
 ------------------------------------------------------- */

form
{
        margin: 0px;
        padding: 0px;

        text-align: left;
        text-transform: inherit;
}

fieldset { border: 0px; }



#message {
        text-align:center;
        margin-bottom:30px;
}



.formrecherche
{
        color: #777;
        font-size: 90%;
                  display:block;
        font-weight: normal;
        padding: 1px;
        padding-top: 2px;
        background-color: white;
        margin:0px;
        border: solid 1px red;
}

.formulaire_recherche label,
.formulaire_menu_lang label,
a#formulaire_recherche,
a#formulaire_menu_lang { display: none; }

.formulaire_recherche fieldset,
.formulaire_menu_lang fieldset {
        padding: 0;
        margin: 0;
}

#champ-recherche {  }
.bouton
{
        display:none;
}

/* Format des champs d'entrée pour le forum*/
.forml
{
        background-color: white;
        margin: 0px;
        padding: 2px;
        border: solid 2px red;
}

#menu-recherche .forml
{
        margin: 0px;
}


#menu-lang,
#formulaire-lang
{
        position: absolute;
        top: 0;
        right: 0;
        text-transform: uppercase;
        text-align: right;
        font-size: 80%;
        margin: 0;
        padding: 0;
        z-index:99;
}

#formulaire-lang {width: 120px;}
#formulaire-lang .forml { margin: 0; }

#menu-lang { margin: .5em; color: white; }
#menu-lang a { color: aqua; }
#menu-lang a:hover { color: #FBA; }

.spip_bouton
{
        background-color: white;
        border: solid 1px #cccccc;
        padding: 0px;
        margin: 0px;
}

.spip-admin form { display: inline; }

.spip_encadrer
{
        border: solid 1px #cccccc;
        background-color: white;
        padding: 5px;
        margin: 0px;
}


formulaire_ecrire_auteur table {
        margin:5px;
}
formulaire_ecrire_auteur input,
formulaire_ecrire_auteur td,
formulaire_ecrire_auteur textarea {
        width:100%;text-align:left;
}

/* -------------------------------------------------------
         18. AUTRES ELEMENTS PRODUITS PAR SPIP
 ------------------------------------------------------- */

.spip_code { background-color: #FCF4D0; }
p.spip_note { }
.spip_puce { list-style-position: inside; }
table.spip { }
table.spip tr.row_first { background-color: #FCF4D0; }
table.spip tr.row_odd { background-color: #C0C0C0; }
table.spip tr.row_even { background-color: #F0F0F0; }

table.spip td
{
        padding: 1px;
        text-align: left;
        vertical-align: middle;
}

.separation {
        width:100%;
        border-bottom:1px solid white;
        margin:0px;
        padding:0px;
        margin-top:10px;margin-bottom:15px;
        font-size:0px
}

.demi-separation {
        width:60%;
        border-bottom:1px solid gray;
        margin:0px;
        padding:0px;
        margin-top:10px;margin-bottom:15px;
        font-size:0px
}

#meme-rubrique div.demi-separation,
#calendrier div.demi-separation {
        width:60%;
        border-bottom:1px solid gray;
        margin:0px;
        padding:0px;
        margin-top:3px;margin-bottom:3px;
        font-size:0px
}



b.spip { }
i.spip { }

blockquote.spip
{
        margin-top: 8px;
        margin-right: 0px;
        margin-bottom: 8px;
        margin-left: 12px;
        border: solid 0px #AAA;
        border-left: solid 6px #C90;
        background-color: white;
        padding: 5px;
}

.spip_cadre
{
        width: 100%;
        background-color: white;
        padding: 5px;
}

div.spip_poesie
{
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #999999;
        font-size: 1.2em;
}

div.spip_poesie div
{
        text-indent: -60px;
        margin-left: 60px;
}

.spip_surligne { background-color: #FF6; }

/*
 * Barre de raccourcis
 */

a.spip_barre img
{
        padding: 3px;
        background-color: #ffddaa;
        border-color: white #A96 #A96 white;
        border-width: 1px;
        border-style: solid;
}

a.spip_barre:hover img
{
        border: 1px solid #808080;
        padding: 3px;
        background-color: #f8f8f4;
}

/*------------------------------------------------
        19. AGENDA
 ------------------------------------------------*/


#calendrier .titre{
        font-size:3mm;
        font-weight:bold;
}
#calendrier .date{
        font-size:3mm;
        font-style:italic;
}
#calendrier .puce {
        float:left;
}
#calendrier td {
        vertical-align:top;
        text-align:left;
        padding-top:5px;
        padding-bottom:5px;
}
#calendrier a {
        text-align:left;
}
#calendrier ligne {
border-top:1px solid red;
font-size:0px;
width:80%;
}





/*------------------------------------------------
        19. MEME RUBRIQUE
 ------------------------------------------------*/


#meme-rubrique .titre{
        font-size:3mm;
        font-weight:bold;
}
#meme-rubrique .date{
        font-size:3mm;
        font-style:italic;
}
#meme-rubrique .puce {
        float:left;
}
#meme-rubrique td {
        vertical-align:top;
        text-align:left;
        padding-top:5px;
        padding-bottom:5px;
}
#meme-rubrique a {
        text-align:left;
}
#meme-rubrique ligne {
border-top:1px solid red;
font-size:0px;
width:80%;
}





/*------------------------------------------------
        20. PAGINATION
 ------------------------------------------------*/
 .pagination
 {
         text-align: right;
         clear: both;
         margin: 30px 4px 4px 4px;
         padding-bottom:5px;
 }

#meme-rubrique div.pagination,
#calendrier div.pagination {
                margin-top:4px;
}

.pagination .demi-separation {margin-bottom:10px;}

.pagination .ligne2 { text-align: center; }

.pagination .on  {color:red }

p.pagination {margin-top:0;text-align:center;font-size:80%;}

/*------------------------------------------------
        21. SOMMAIRE ARTICLE - PLAN
                MODELES (voir : /alternatives/modeles)
 ------------------------------------------------*/
#sommaire {
        float: right;
        display: block;
        width: 160px;
        margin: 0 0 0 1em;
        border: 1px gray solid;
        background-color: white;
        overflow: hidden;
}

.spip_modele {
        width: 160px;
        margin: 0 0 0 1em;
        border: 1px gray solid;
        background-color: white;
        clear: both;
        overflow: hidden;
}

#sommaire h4,
.spip_modele h4 {
        border-bottom: 1px silver dotted;
        text-align: center;
        line-height: 1em;
}

#sommaire ul,
.spip_modele ul {
        font-size: 84%;
        margin: .5em;
        margin-left: 1em;
        padding: 0;
        list-style-type: square;
}

#sommaire ul li,
.spip_modele ul li { line-height: 1em;margin: .3em 0 0 .5em; }

body.plan #sommaire {
        width: 118px;
}