/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base                                100%
 * -------------------------------------
 * 20px                                1.27em
 * 19px                                1.21em
 * 18px                                1.15em
 * 17px                                1.09em
 * 16px                                1.03em
 * 15px                                0.96em
 * 14px                                0.88em
 * 13px                                0.82em
 * 12px                                0.77em
 * 11px                                0.71em
 * 10px                                0.65em
 *  9px                                0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------- */
/*  Taille de texte globale  */
/* ------------------------- */
html {font-size: 100%;}
body {
        margin: 0;
        font-size: 0.96em;
        color: #333;
        font-family: Arial, Verdana, Geneva, sans-serif;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/* ------------------------------------------ */
/* Disposition a l'ecran des blocs principaux */
/* ------------------------------------------ */
#page {
        width: 100%;
        text-align: right;
        margin: 0;
}

/* Entete */
/* ------ */

#entete {
        width: 100%;
        background-color:#E7E6E7;
}

#entete #nom_site_spip, #entete a .spip_logos {
        display: block;
        margin: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 900px;
        text-align: center;
        font-weight: bold;
        font-size: 4em;
        color: #cb5a00;
        font-family: Verdana, Arial, sans-serif;
}
#entete a { text-decoration: none; }

/* Fil d'Ariane */
/* ------------ */

#hierarchie { clear: both; padding: 0.4em 1em 1em 0; font-size: 1em; font-family: "Arabic Transparent";}
#hierarchie, #hierarchie a { color: #006699; }
#hierarchie strong.on { color: #000000; }
#hierarchie a:hover { text-decoration: none; color: #cb5a00; }

/* Pied de page */
/* ------------ */

#pied {
        clear: both;
        text-align: center;
        margin-top: 2em;
        margin-top: 1em;
        margin-right: 10%;
        margin-left: 10%;
        border-top: 1px solid #CCC;
        padding: 0.3em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}
#pied small { /*font-size: 0.77em;*/ color: #CCC;}
#pied img { vertical-align: bottom; }
#pied small a { color: #009; }
#pied small a:hover { color: #c82200; }

/* Espaceur de blocs */
/* ----------------- */

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

/* Ligne horizontale */
/* ----------------- */
.hr { margin-bottom: 1em; border-bottom: 1px solid #CCC; clear: both; }

/* Non visible a l'ecran */
/* --------------------- */

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

/* Boite principale (page hors en-tete, fil d'Ariane et pied de page) */
/* ------------------------------------------------------------------ */

#boite_principale {
        width: 100%;
        margin: 0;
}

/* BLOC DROIT */
#boite_principale #boite_droite {
        float: right;
        width: 50%;
        margin: 0.8em 0.8em 0.8em 0;
        border-left: 1px solid #CCC;
        padding: 0.8em;
}

/* BLOC MILIEU */
#boite_principale #boite_milieu {
        float: right;
        width: 22%;
        margin: 0.8em;
        padding-left: 0.8em;
        border-left: 1px solid #CCC;
}

/* BLOC GAUCHE */
#boite_principale #boite_gauche {
        float: right;
        width: 18%;
        margin: 0.8em;
}

/* ------------------------------- */
/* Habillage de la  boite_droite   */
/* ------------------------------- */

/* Typo pour la boite_droite */
#boite_droite {
        font-family: "Arabic Transparent";
}

.surtitre {
        margin: 0.8em;
        text-align: right;
        color: #cc0000;
        font-weight: bold;
        font-family: georgia, serif;
}

.titre {
        margin: 0.8em;
        font-weight: bold;
        text-align: center;
        font-family: georgia, serif;
}

.soustitre {
        margin: 0.6em;
        font-weight: bold;
        text-align: center;
        font-size: 0.88em;
        font-family: georgia, serif;
}

.titre a {
        color: #00007D;
        text-decoration: none;
}

.titre a:hover {
        color: #cc0000;
        text-decoration: underline;
}

.texte {
        margin: 0.6em;
        font-size: 1.1em;
        line-height: 1.4em;
        text-align: justify;
}

.texte a {
        text-decoration: none;
}

.texte a:hover {
        color: #009;
}

.texteGalerie {
        margin: 1em;
        padding: 1em;
        background: #CCC;
}

/* Article a la UNE du site */
/* ------------------------ */
.une-article .titre {
        font-size:  1.4em;
        color: #0066cc;
}

.une-article small {
        display: block;
        margin-right: 1.2em;
        font-size: 0.76em;
        color: #999999;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

.une-article .spip_logos {
        float: left;
        margin: 0.8em;
        border: 1px solid #CCC;
        padding: 2px;
        clear: left;
}

.une-article .enclosures {
        float: right;
        text-align: right;
        max-width: 60%;
        margin: 0;
}

/* Listes d'articles recents */
/* ------------------------- */
.articles-recents .titre {
        font-size:  1.2em;
        color: #0066cc;
}

.articles-recents small {
        display: block;
        margin-right: 1.2em;
        font-size: 0.76em;
        color: #999999;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

.articles-recents .spip_logos {
        float: left;
        margin: 0.8em;
        border: 1px solid #CCC;
        padding: 2px;
        clear: left;
}

.articles-recents .enclosures {
        float: right;
        text-align: right;
        max-width: 60%;
        margin: 0;
}

/* Listes d'articles classes par rubrique */
/* -------------------------------------- */
.liste-articles {}
.liste-articles h3 {margin: 1em 1em 0.3em; clear:both; }
.liste-articles h3 a{ font-size: 1.3em; color:#999999; font-weight:bold; }
.liste-articles h3 a:hover { color: #c82200; text-decoration:underline; }
.liste-articles ul, .sommaire-livre ul { margin: 0; padding: 0; list-style-type: none; text-align: right; }
.liste-articles ul li, .sommaire-livre ul li {
        font-size: 0.80em;
        font-family: tahoma, Verdana, Arial, sans-serif;
        padding-bottom: 0.2em;
        padding-right: 0.2em;
}
.liste-articles ul li a, .sommaire-livre ul li a {
        display: block;
        color: #009;
        background: url(./img/red_arrow_rtl.gif) no-repeat  right 0.3em;
        padding-right: 1em;
        padding-bottom: 0.2em;
}
.liste-articles ul li span.on, .sommaire-livre ul li span.on {
        display: block;
        color: #000000;
        font-weight: normal;
        background: url(./img/black_arrow_rtl.gif) no-repeat  right 0.3em;
        padding-right: 1em;
        padding-bottom: 0.2em;
}
.liste-articles ul li a:hover, .sommaire-livre ul li a:hover {
        color: #c82200;
        text-decoration: underline;
        background: url(./img/blue_arrow_rtl.gif) no-repeat right 0.2em;
}


/* ------------------------------- */
/* Habillage de la  boite_milieu   */
/* ------------------------------- */
#boite_milieu {
        font-family: tahoma, Verdana, Arial, sans-serif;
}

#boite_milieu  .boite-bleue {
        border: 1px solid #CCC;
        margin: 0 0 1em 0;
        padding-bottom: 1em;
        font-size: 0.77em;
        background: #e0ebf9;
}

#boite_milieu .boite-rouge {
        border: 1px solid #CCC;
        margin: 0 0 1em 0;
        padding-bottom: 1em;
        font-size: 0.77em;
        background: #ffffcc;
}

#boite_milieu .boite-bleue h2.titre {
        margin: 0;
        padding: 0.2em 0.4em;
        text-align: center;
        color: #ffffff;
        background: #6C96C6;
        font: bold 1.5em georgia, serif;
}

#boite_milieu .boite-rouge h2.titre {
        margin: 0;
        padding: 0.2em 0.4em;
        text-align: center;
        color: #ffffff;
        background: #ff6600;
        font: bold 1.5em georgia, serif;
}

.boite-bleue h2.sous-titre {
        text-align: center;
        margin: 0.6em 1em 0.2em 1em;
        border-top : 1px solid #6c96c6;
        border-bottom : 1px solid #6c96c6;
        padding: 0.3em 0.3em;
        font: bold 1.3em georgia, serif;
}

.boite-rouge h2.sous-titre {
        text-align: center;
        margin: 0.6em 1em 0.2em 1em;
        border-top : 1px solid #ff6600;
        border-bottom : 1px solid #ff6600;
        padding: 0.2em 0.4em;
        font: bold 1.3em  georgia, serif;
}

#boite_milieu .boite-rouge ul { margin: 0 1em; padding: 0.2em 0; text-align: right; list-style: none; }
#boite_milieu .boite-rouge li { margin: 0; padding: 0.3em 0.3em 0 0.3em }
#boite_milieu .boite-rouge .date { color: #999; }
a.titre-breve { color:#ff0000; text-decoration: none; }
a.titre-breve:hover { color:#c82200; text-decoration: underline; }
#boite_milieu .boite-rouge a .intro { padding-top: 0.3em; padding-bottom: 0.5em; text-align: justify; }
#boite_milieu .boite-rouge a .intro:hover { color:#c82200; text-decoration: underline; }
#boite_milieu .boite-rouge a:hover { color:#c82200; text-decoration: underline; }

#boite_milieu .boite-bleue ul { margin: 0 1em; padding: 0.2em 0; text-align: right; list-style: none; }
#boite_milieu .boite-bleue li { margin: 0; padding: 0.3em 0.3em 0 0.3em }
#boite_milieu .boite-bleue a:hover {color:#6600cc; text-decoration: underline;}

/* breves Scroller Box */
        #topsite-container {
         position: relative;
         margin: 10px 0;
         height: 220px;
         overflow: hidden;
}

        #topsite-scroller li, #topsite-scroller2 li {
         padding: 1px;
         margin: 0;
         text-align: right;
}
/* Fin breves Scoller Box */


/* ------------------------------- */
/* Habillage de la  boite_gauche   */
/* ------------------------------- */
#boite_milieu {
        font-family: tahoma, Verdana, Arial, sans-serif;
}

/* Mise en forme des vignettes de la colonne gauche */
/*--------------------------------------------------*/
.audios-recents, .videos-recentes{
        text-align: center;
}

.conteneur-audios .spip_logos, .conteneur-videos .spip_logos {
        margin: 0.8em;
        border: 1px solid #CCC;
        padding: 2px;
        clear: left;
}

.conteneur-audios .titre-audio, .conteneur-videos .titre-video{
        font-size: 0.80em;
        text-align: right;
        font-weight: normal;
        font-family: tahoma, Verdana, Arial, sans-serif;
        padding-bottom: 1em;
        padding-right: 1em;
        border-bottom: 1px solid #CCC;
}

.conteneur-audios .titre-audio a, .conteneur-videos .titre-video a{
        display: block;
        color: #009;
        background: url(./img/red_arrow_rtl.gif) no-repeat  right 0.3em;
        padding-right: 1em;
}

.conteneur-audios .titre-audio a:hover, .conteneur-videos .titre-video a:hover {
        color: #c82200;
        text-decoration: underline;
        background: url(./img/blue_arrow_rtl.gif) no-repeat right 0.2em;
}

.conteneur-videos .titre-rubrique-videos{
        text-align: right;
        color: #333333;
        font: bold 1.2em georgia, serif;
        margin: 0 0.4em;
        border-bottom: 1px dotted #CCC;
        padding: 0.4em 0 0.2em 0;
}

.boite-video{
     margin: 0.8em;
}

.surtitre-video{
     margin: 0;
     text-align: right;
     font: bold 0.96em Arial, Verdana, Geneva, sans-serif;
     color: #003399;
}

.titre-video{
     margin: 0.2em 0.6em;
     font: bold 1em Arial, Verdana, Geneva, sans-serif;
     color: #ff0000;
}

.boite-video .vignetteVdo{
     margin: auto;
}

.vignetteVdo .spip_logos {
        border: 0.4em solid #CCC;
        padding: 0;
}

.boite-video .playVdo {
          position:absolute;
          left:3px;
          top:3px;
          background:url(./squelettes/img/playicone.png) no-repeat;
          width:36px;
          height:35px;
}

.boite-video .playVdo img {
          display:block;
          width:150px;
          height:120px;
}

/*--------------------------------------------------------*/
/*-                                                      -*/
/*-       Habillage Pages Rubrique & Article             -*/
/*-                                                      -*/
/*--------------------------------------------------------*/

#conteneur {
        width: 100%;
        margin: 0;
}

#contenu-droite {
        float: right;
        width: 65%;
        margin: 0.8em;
        font-family: "Arabic Transparent";
        border-left: 1px solid #CCC;
        padding: 0 1em;
}

#contenu-gauche {
        float: right;
        width: 25%;
        margin: 0.8em;
        padding: 0;
}

.une-rubrique .titre1, .article .titre1 {
        color: #00007D;
        text-align: center;
        font-size:  1.4em;
        font-weight: bold;
        margin: 0.8em;
}

.article small {
        display: block;
        margin-right: 1.2em;
        font-size: 0.76em;
        color: #999999;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

.une-rubrique .titre2 {
        color: #0066cc;
        text-align: center;
        font-size:  1.2em;
        font-weight: bold;
        margin: 1em 10em;
}

.une-rubrique .titre1 a {
        color: #00007D;
        text-decoration: none;
}

.une-rubrique .titre1 a:hover {
        color: #cc0000;
        text-decoration: underline;
}

.une-rubrique .titre2 a {
        color: #00007D;
        text-decoration: none;
}

.une-rubrique .titre2 a:hover {
        color: #cc0000;
        text-decoration: underline;
}

.une-rubrique small {
        display: block;
        margin-right: 1.2em;
        font-size: 0.76em;
        color: #999999;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

.une-rubrique .spip_logos, .article .spip_logos {
        float: left;
        margin:  0 0.8em 0.8em;
        border: 1px solid #CCC;
        padding: 2px;
        clear: left;
}

.texte .spip_documents img {
        margin: 0.8em;
        border: 0.2em solid #CCC;
        padding: 0;
}

.une-rubrique .enclosures {
        float: right;
        text-align: right;
        max-width: 60%;
        margin: 0;
}

.introduction {
        margin: 1.4em 3em;
        font-size:  0.86em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

.introduction a {
        text-decoration: none;
}

.introduction a:hover {
        color: #0038AE;
        text-decoration: none;
}

.pagination {
        color: #6600cc;
        margin: 0.6em 6em;
        font-size:  0.9em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

.pagination .on {
        color: #c82200;
        font-weight: bold;
}

.pagination a {
        color: #009;
}

.pagination a:hover {
        color: #c82200;
}

#contenu-gauche .conteneur-breves {
        margin: 0 0 1em 0;
        border-top: 0.2em solid #E75236;
        padding: 0;
        font-size: 0.8em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

#contenu-gauche .conteneur-breves .titre {
        text-align: center;
        font-size: 1.5em;
        background: #E7E5DC;
        margin: 0;
        padding: 0.2em;
        font-family: Arial, Verdana, Geneva, sans-serif;
}

#contenu-gauche .conteneur-breves .texte {
        margin: 0.8em;
        font-size: 1em;
        line-height: 1.4em;
        text-align: justify;
}

#contenu-gauche .conteneur-breves ul { margin: 0.8em 0; padding: 0; text-align: right; list-style: none; }
#contenu-gauche .conteneur-breves li { margin: 0.2em 0; padding: 0.4em 0; }
#contenu-gauche .conteneur-breves .date { color: #999;}
a.titre-breve { color:#ff0000; text-decoration: none; }
#contenu-gauche .conteneur-breves a .texte { margin: 0.4em 0; padding: 0; text-align: justify; }
#contenu-gauche .conteneur-breves a:hover { color:#ff0000; text-decoration: none; }
#contenu-gauche .conteneur-breves .pagination {
        color: #6600cc;
        text-align: center;
        font-size:  1em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

#contenu-gauche .conteneur-dossier {
        margin-bottom:2em;
        border-top: 0.2em solid #0075B0;
        padding: 0;
        font-size: 0.86em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

#contenu-gauche .conteneur-dossier .titre {
        text-align: center;
        font-size: 1.4em;
        background: #E7E5DC;
        margin: 0 0 0.6em 0;
        padding: 0.2em;
        font-family: Arial, Verdana, Geneva, sans-serif;
}


#contenu-gauche .conteneur-dossier ul { margin: 0.8em 0; padding: 0; text-align: right; list-style: none; }
#contenu-gauche .conteneur-dossier ul li {
        margin: 0.2em 0; padding: 0.2em 0;
        font: bold 1.12em Arial, Verdana, Geneva, sans-serif;
}
#contenu-gauche .conteneur-dossier ul li a {
        display: block;
        background: url(./img/red_bis_arrow_rtl.gif) no-repeat right 0.3em;
        padding-right: 1em;
}
#contenu-gauche .conteneur-dossier ul li a:hover {
        color: #0038AE;
        text-decoration: underline;
        background: url(./img/blue_bis_arrow_rtl.gif) no-repeat right 0.2em;
}

#contenu-gauche .conteneur-meme-rubrique {
        margin-bottom:2em;
        border-top: 0.2em solid #E75236;
        padding: 0;
        font-size: 0.86em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

#contenu-gauche .conteneur-meme-rubrique .titre {
        text-align: center;
        font-size: 1.4em;
        background: #E7E5DC;
        margin: 0 0 0.6em 0;
        padding: 0.2em;
        font-family: Arial, Verdana, Geneva, sans-serif;
}


#contenu-gauche .conteneur-meme-rubrique ul { margin: 0.8em 0; padding: 0; text-align: right; list-style: none; }
#contenu-gauche .conteneur-meme-rubrique ul li {
        margin: 0.2em 0; padding: 0.2em 0;
        font: bold 1.12em Arial, Verdana, Geneva, sans-serif;
}
#contenu-gauche .conteneur-meme-rubrique ul li a {
        display: block;
        background: url(./img/blue_bis_arrow_rtl.gif) no-repeat right 0.3em;
        padding-right: 1em;
}
#contenu-gauche .conteneur-meme-rubrique ul li a:hover {
        color: #0038AE;
        text-decoration: underline;
        background: url(./img/red_bis_arrow_rtl.gif) no-repeat right 0.2em;
}

a.titre-dossier { color:#ff0000; text-decoration: none; }
a.titre-dossier:hover { color:#c82200; text-decoration: underline; }

/*--------------------------------------------------------*/
/*-                                                      -*/
/*-   Habillage Pages (groupe & mots clés) Dossiers      -*/
/*-                                                      -*/
/*--------------------------------------------------------*/
#conteneur-page-dossiers {
        width: 100%;
        margin: 0;
}
.boite-dossier {
        margin: 0 2em;
        /*border-bottom: 1px solid #CCC;*/
}

.boite-dossier .titre {
        text-align:right;
        font-size: 1.4em;
        border-bottom: 1px solid #617bde;
        margin-top: 1.5em;
        /*padding: 0.2em 1em;*/
        /*background-color: #CCC;*/
}

.boite-dossier .titre a {
        display: block;
        text-decoration: none;
        color: #617bde;
        background: url(puce-bleue-dossier-survol.gif) no-repeat right 0.3em;
        padding-right: 1em;
}

.boite-dossier .titre a:hover {
        text-decoration: none;
        color: #961507;
        background: url(puce-dossier.gif) no-repeat right 0.3em;
}
.boite-dossier .contenu-droite {
        font-family: "Arabic Transparent";
        height: 100%;
}
.boite-dossier .contenu-gauche {
        float:left;
        width: 40%;
        padding: 0.2em 0.4em 0.1em 0.4em;
        margin: 0.6em 2em 0.6em 2em;
        border-right: 1px dotted #ccc;
}

.boite-dossier .contenu-droite .titre1 {
        margin-right: 4em;
        font-size:  1.2em;
        color: #0066cc;
        font-family: georgia, serif;
        font-weight: bold;
}

.boite-dossier .contenu-droite small {
        display: block;
        margin-right: 1.2em;
        font-size: 0.76em;
        color: #999999;
        font-family: tahoma, Verdana, Arial, sans-serif;
}

.boite-dossier .contenu-droite .spip_logos {
        float: left;
        margin: 0.8em;
        border: 1px solid #CCC;
        padding: 2px;
        clear: left;
}

.boite-dossier .contenu-droite .enclosures {
        float: right;
        text-align: right;
        max-width: 60%;
        margin: 0;
}

.boite-dossier .contenu-droite .titre1 a {
        color: #00007D;
        text-decoration: none;
}

.boite-dossier .contenu-droite .titre1 a:hover {
        color: #cc0000;
        text-decoration: underline;
}

.boite-dossier .contenu-gauche .titre-liste{
        text-align: right;
        color: #333333;
        font: bold 1em georgia, serif;
        margin: 0 0.4em;
        padding: 0.1em 0.2em 0 0.2em ;
}

.boite-dossier .contenu-droite .texte a:hover {
        color: #C82200;
}

#conteneur-page-dossiers .pagination {
        text-align: center;
}

.conteneur-img-vdo{
}

.img-vdo-dossier{
        float: right;
        margin: 0 0.6em;
}

.boite-dossier .contenu-droite .spip_logos {
        float: left;
        margin: 0.8em;
        border: 1px solid #CCC;
        padding: 2px;
        clear: right;
}

.titre-liste-dossier{
        text-align: right;
        color: #333333;
        font: bold 1em georgia, serif;
        margin: 0.6em 0.4em 0.4em 0.4em;
        padding: 0.1em 0.2em 0 0.2em ;
}

.dans-le-meme-dossier{
        margin-bottom: 2em;
}


/*--------------------------------------------------------*/
/*-                                                      -*/
/*-   Habillage Pages livres                             -*/
/*-                                                      -*/
/*--------------------------------------------------------*/
.sommaire-logo-livre {
        float: left;
        width: 25%;
        margin-right: 1em;
        text-align: center;
}
.sommaire-livre {
        margin-top: 1em;
        padding-bottom: 0.6em;
        border: 1px solid #CCC;
}
.sommaire{
        padding: 0.2em;
        margin-bottom: 0.6em;
        font-size:  1.2em;
        background-color: #CCC;
}
.article-livre{}
.article-livre .surtitre {
        margin-right: 0.8em;
        margin-top: 0;
        text-align: right;
        color: #cc0000;
        font-weight: bold;
        font-family: georgia, serif;
}
.article-livre .titre-livre {
        color: #00007D;
        text-align: center;
        font-size:  1.6em;
        font-weight: bold;
        margin: 0em 1em 1.6em 1em;
}
.article-livre .titre-chapitre {
        text-align: center;
        font-size:  1.4em;
        font-weight: bold;
        margin: 1em;
}

/* SUITE EN BAS */
/*--------------*/

.menu-titre {
        padding: 0.2em 0.4em;
        text-align: center;
        font: bold 18px georgia, serif;
}

.menu-titre-numero {
        padding: 0.2em 0.4em;
        text-align: center;
        font: bold 15px georgia, serif;
}

.menu-sous-titre {
        padding: 0.2em 0.4em;
        text-align: center;
        font: bold 15px georgia, serif;
}



.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

#conteneur #navigation {
        float: right;
        width: 12em;
        text-align: center;
}


/*  ------------------------------------------ */
/*  Typographie generale du site               */
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #boite_gauche #colonne_droite, .encart, .formulaire_spip {
        font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles1 li .texte, h3.spip, .voirskel {
        font-family: Georgia, Times, serif; }


/*  ------------------------------------------ */
/*  Habillage des menus et de la navigation    */
/*  ------------------------------------------ */

/*  Des couleurs specifiques selon les types de menus */
/* -------------------------------------------------- */
.rubriques { background: #EAFFEA;}
.rubriques .menu-titre { background: #F2FFF2; }



/*  Cartouche et titraille */
/*---------------------------------------------- */

.cartouche {  }

.cartouche .titre {
        font-size: 1.27em;
        font-weight: bold;
        color: #000; }

.cartouche .spip_logos {
        float: right;
        margin-left: 16px;
        margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small {
        margin-right: 2em;
        font-size: 0.76em;
        color: #999999;
        font-family: tahoma, Verdana, Arial, sans-serif; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du boite_droite */
/* ---------------------------------------------- */
.chapo {
        margin-bottom: 1.5em;
        font-weight: bold;
        line-height: 1.4em; }

.lien {
        background: #EEE;
        margin: 1em;
        margin-bottom: 1.5em;
        padding: 0.82em;
        border: 1px solid #CCC;
        font-size: 0.82em;
        font-weight: bold; }

/* .texte { color: #000; font-size: 0.96em; } */

.ps, .notes {
        margin-top: 1.4em;
        padding-top: 2px;
        border-top: 2px solid #CCC;
        font-family: tahoma, Verdana, Arial, sans-serif; }
.ps { font-size: 0.86em; }
.notes { clear: both; font-size: 0.80em;}
.ps h2, .notes h2 { padding-top: 1em; padding-right: 1em; font-size: 1.4 em; font-weight: bold; }
a.spip_note {color: #009; font-family: Arial, sans-serif;}

/*  Portfolio */
/* ---------------------------------------------- */
#documents_portfolio {
        clear: both;
        margin-top: 1.4em;
        padding-top: 2px;
        border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; 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 ul { margin: 0; padding: 0; list-style: none; }
#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 {}


/*  ------------------------------------------ */
/*  Habillage specifique du plan du site       */
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #boite_droite .contre-encart ul {
        display: block;
        clear: left;
        margin-top: 0;
        margin-bottom: 1em;
        padding-top: 0; }
.page_plan #boite_droite .contre-encart li {}

/*  ------------------------------------------ */
/*  Habillage des formulaires                  */
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; }
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche {
        position: absolute;
        top: 0.3em;
        left: 2em;
        width: 12em;
        text-align: right;
}
.formulaire_recherche .forml {
   width: 99%;
   padding: 0.2em;
   border: 1px solid #666;
   /*background-color: #9badbc;*/
   font-family: tahoma;
   font-size: 1em;
}
.formulaire_recherche label { display: none; }


/*  ------------------------------------------ */
/*  Habillage des petitions                    */
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
        padding: 0.5em;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
        background: #E4F0F0;
        padding: 0.5em;
        white-space: nowrap; }

#signatures td.signature-nom {
        background: #ECF4F4;
        padding: 0.2em;
        text-align: center;
        font-weight: bold; }

#signatures td.signature-message {
        background: #F4F8F8;
        padding: 0.4em;
        font-size: 0.96em; }

/*  ------------------------------------------ */
/*  Couleurs des liens                         */
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }




/*--------------------------------------------------------*/
/*-                                                      -*/
/*-   Habillage Pages Breves                             -*/
/*-                                                      -*/
/*--------------------------------------------------------*/
#contenu .pagination {
        text-align: center;
}
.cartouche .titre-breve{
        margin: 0.8em;
        color: #00007D;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        font-family: georgia, serif;

}
.cartouche .date {
        margin-right: 3em;
        font-size: 0.76em;
        color: #999999;
        font-family: tahoma, Verdana, Arial, sans-serif; }

.texte-breves{
        margin: 1em;
        font-size: 1.1em;
        line-height: 1.4em;
        text-align: justify;
        font-family: "Arabic Transparent";
}

.texte-breves p.spip {
        margin: 0.4em;
}

.boite-breve {
        margin: 0 2em;
}
.boite-breve .contenu-gauche {
        float:left;
        width: 35%;
        padding: 0.2em 0.4em 0.1em 0.4em;
        margin: 0.6em 2em 0.6em 2em;
        border-right: 1px dotted #ccc;
}

.boite-breve .contenu-gauche .titre-liste{
        text-align: right;
        color: #00007D;
        font: bold 1em georgia, serif;
        margin: 0 0.6em 0.6em;
        padding: 0.1em 0.2em 0 0.2em ;
}


/*--------------------------------------------------------------*/
/*-                                                            -*/
/*-  Habillage Pages sites references & résultats recherche    -*/
/*-                                                            -*/
/*--------------------------------------------------------------*/

#contenu_page_liste {
        margin: 2% 15%;
}
.liste-sites {}
.liste-sites ul { margin: 0; padding: 0; list-style-type: none; text-align: right; }
.liste-sites ul li {
        font-size: 0.80em;
        font-family: tahoma, Verdana, Arial, sans-serif;
        padding: 0.2em 0;
        margin-right: 2.4em;
}
.liste-sites ul li a {
        display: block;
        color: #6600cc;
        background: url(./img/red_arrow_rtl.gif) no-repeat  right 0.3em;
        padding-right: 1em;
        padding-bottom: 0.2em;
}
.liste-sites ul li a:hover {
        color: #c82200;
        text-decoration: underline;
        background: url(./img/blue_arrow_rtl.gif) no-repeat right 0.2em;
}

.liste-sites .rubrique-site {
        font-size: 1.20em;
        text-align: right;
        color:#00007D;
        font-weight: bold;
        font-family: georgia, serif;
        margin: 1.2em 0 0.8em;
        border-bottom: 1px solid #CCC;
        padding-bottom: 0.2em;
}

.liste-sites .mot-site {
        margin: 0.4em 1em 0.2em;
        padding-right: 1em;
        text-align: right;
        color: #961507;
        font-weight: bold;
        font-family: georgia, serif;
        background-image:url(puce-mot-site.gif);
        background-repeat:no-repeat;
        background-position:right;

}

.mot-recherche {
        margin-bottom: 1em;
        padding: 0.2em 0.2em 2em;
        font-size:1.27em;
        font-weight:bold;
        color:#3465a4;
        border-bottom: 1px solid #CCC;
        font-family: georgia, serif;
}
.liste-resultats {}
.liste-resultats ul { margin: 0 0 2em 0; padding: 0; list-style-type: none; text-align: right; }
.liste-resultats ul li {
        font-size: 0.80em;
        font-family: tahoma, Verdana, Arial, sans-serif;
}
.liste-resultats ul li a {
        display: block;
        font-size: 1.20em;
        font-weight:bold;
        color: #0000ad;
        background: url(./img/red_arrow_rtl.gif) no-repeat  right 0.3em;
        padding: 0 1em 1em;
        margin: 0.4em 1em 0.2em;
        font-family: Verdana, Arial, sans-serif;
}
.liste-resultats ul li a:hover {
        color: #c82200;
        text-decoration: underline;
        background: url(./img/blue_arrow_rtl.gif) no-repeat right 0.2em;
}
.liste-resultats ul li .rubrique-recherche {
        margin-right: 1em;
}