/* =================================================================================
Ardezo

Copyright (C) 2005 - Guillaume Savaton

Ĉi tiu  verko estas libera programo; vi  povas  ĝin  pludistribui  kaj/aŭ
modifi  je la  kondiĉoj  de la  GNUa Ĝenerala Publika Permesilo, eldonita
de  «Free Software  Foundation», laŭ la versio 2  de tiu Permesilo aŭ, se
vi preferas, ajna posta versio.

Ni  distribuas   ĉi  tiun  programon esperante  ke ĝi estos  utila, tamen
SEN  IA AJN  GARANTIO,  i.a. sen  la implica garantio pri SURMERKATIGEBLO
aŭ  TAŬGECO  POR  IU KONKRETA  CELO. Pliajn  detalojn  vidu  en  la  GNUa
Ĝenerala Publika Permesilo.

Ekzemplero  de   la  GNUa  Ĝenerala Publika    Permesilo   devas   esti
liverita al vi kun ĉi tiu programo; ricevis, turnu vin al

Free SoftwareFoundation, Inc.,
59 Temple Place, Suite 330,
Boston, MA 02111-1307 
USA
================================================================================= */

/*
 * Couleurs :
 *    #8F0000
 *       - (texte) liens
 *
 *    #FFFFE2
 *       - (texte) titre du site
 *       - (fond) barre des rubriques
 *       - (fond) texte de l'article
 *       - (fond) liste des nouveautés
 *       - (texte, bordures) menus
 *
 *    #334B80
 *       - (fond) titre du site
 *       - (fond) cadre principal
 *       - (texte) pied de page
 *
 *    #A09080
 *       - (bordure) chapeau article
 *       - (bordure) ligne de séparation
 *
 *    #388F00
 *       - (bordure) texte brève
 *
 *    #FFF178
 *       - (fond) texte brève
 */
 
/* -------------------------------------------------------------------------
   Réglages globaux
   ------------------------------------------------------------------------- */
 
body {
   font-family: Arial, Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
   color: #334B80;
   background: white;
   margin-top: 0em;
}

a {
   text-decoration: none;
   color: #8F0000;
}

a:hover {
   text-decoration: underline;
}

div, table, tr, td {
   margin: 0;
   padding: 0;
}

table {
   border-collapse: collapse;
}

/* -------------------------------------------------------------------------
   En-tête et pied de page
   ------------------------------------------------------------------------- */
 
div.titre-site {
   font-size: 300%;
   color: #ffffe2;
   background: #334B80;

   padding-left: 2em;
   padding-right: 2em;
   padding-top: 1em;
   padding-bottom: 1em;
   
   font-family: Times, Garamond, "Times New Roman", serif;
   text-align: left;
   font-style: italic;
   font-weight: bold;

   vertical-align: middle;

/*   background-image: url(images/png/logo-ccae-fond-moyen.png);
   background-repeat: no-repeat;
   background-position: 98% top; */
}

div.barre-rubriques {
   background: #ffffe2;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

td.barre-rubriques {
   background: black;
   border-left: 1px solid white;
   border-right: 1px solid white;
   border-top: none;
   border-bottom: none;

   padding-top: 0.2em;
   padding-bottom: 0.2em;
   padding-left: 1em;
   padding-right: 1em;

   color: white;

   text-align: center;
}

a.barre-rubriques, a.barre-rubriques-fr, a.barre-rubriques-eo {
   color: white;
}

a.barre-rubriques-fr, a.barre-rubriques-eo {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 32px;
}

a.barre-rubriques-fr {
  background-image: url(images/png/fr-bandeau.png);
}

a.barre-rubriques-eo {
  background-image: url(images/png/eo-bandeau.png);
}

table.barre-rubriques {
   margin: auto;
}

div.pied-de-page {
   text-align: center;
   padding-top: 2em;
}

/* -------------------------------------------------------------------------
   Placement des ombres à gauche et à droite
   ------------------------------------------------------------------------- */
 
div.espace-gauche {
  width: 100%;
  background-image: url(images/png/ombre-gauche.png);
  background-repeat: repeat-y;
  background-position: left;
}

div.espace-droite {
  position: relative;
  right: 0px;
  background-image: url(images/png/ombre-droite.png);
  background-repeat: repeat-y;
  background-position: right;
}

div.espace-utile {
  padding-left: 32px;
  padding-right: 32px;
}

/* -------------------------------------------------------------------------
   Mise en page sur deux colonnes
   ------------------------------------------------------------------------- */
 
div.colonnes {
   width: 100%;
   padding: 0;
   background: #334B80;
}

div.colonnes-contenu {
   padding-top: 1.5em;
   margin-bottom: 0.7em;
}

div.colonne-gauche {
   float: left;
   width: 27%;
}

div.colonne-gauche-contenu {
   margin-left: 0.7em;
}

div.colonne-droite {
   float: right;
   width: 72%;
}

div.colonne-droite-contenu {
   margin-left: 2em;
   margin-right: 0.7em;
   margin-bottom: 0.7em;
   background: #ffffe2;
}

div.coin-texte-haut-gauche {
   background-image: url(images/png/coin-texte-haut-gauche.png);
   background-position: 0 0;
   background-repeat: no-repeat;
}

div.coin-texte-haut-droite {
   background-image: url(images/png/coin-texte-haut-droite.png);
   background-position: 100% 0;
   background-repeat: no-repeat;
}

div.coin-texte-bas-gauche {
   background-image: url(images/png/coin-texte-bas-gauche.png);
   background-position: 0 100%;
   background-repeat: no-repeat;
}

div.coin-texte-bas-droite {
   background-image: url(images/png/coin-texte-bas-droite.png);
   background-position: 100% 100%;
   background-repeat: no-repeat;
}

div.texte {
   padding-left: 1.5em;
   padding-right: 1.5em;
   padding-top: 0.5em;
   padding-bottom: 1.5em;
}

div.vide {
   height: 1em;
   background: #334B80;
}

div.colonnes-separateur {
   clear: both;
   height: 1px;
}

/* -------------------------------------------------------------------------
   Placement des coins arrondis en bas de la page
   ------------------------------------------------------------------------- */
 
div.espace-utile-bas-gauche {
   height: 16px;
   background: #334B80;
   background-image: url(images/png/coin-bas-gauche.png);
   background-repeat: no-repeat;
   background-position: bottom left;
}

div.espace-utile-bas-droite {
   height: 16px;
   background-image: url(images/png/coin-bas-droite.png);
   background-repeat: no-repeat;
   background-position: bottom right;
   margin: 0;
   padding: 0;
}

/* -------------------------------------------------------------------------
   Placement des ombres en bas de la page
   ------------------------------------------------------------------------- */
 
div.ombre-bas-gauche {
   width: 100%;
   height: 32px;
   background-image: url(images/png/ombre-bas-gauche.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

div.ombre-bas-droite {
   position: relative;
   right: 0px;
   height: 32px;
   background-image: url(images/png/ombre-bas-droite.png);
   background-repeat: no-repeat;
   background-position: 100% 0;
}

div.ombre-bas-milieu {
   padding-left: 32px;
   padding-right: 32px;
}

div.ombre-bas-milieu-contenu {
   height: 32px;
   background-image: url(images/png/ombre-bas.png);
   background-repeat: repeat-x;
   background-position: top;
}

/* -------------------------------------------------------------------------
   Menus
   ------------------------------------------------------------------------- */
 
table.menu {
   margin-bottom: 0.7em;
   width: 100%;
   border: none;

   color: #ffffe2;
   border-collapse: separate;
   border-spacing: 0.2em;
}

td.menu-titre {
   text-align: left;
   font-weight: bold;
   border-bottom: 1px solid #ffffe2;
   padding-left: 0.5em;
   padding-bottom: 0.2em;
}

td.menu-item, td.menu-article, td.menu-rubrique, td.menu-breve, input#formulaire_recherche{
   padding-left: 0.5em;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
}

td.menu-item, td.menu-article, td.menu-rubrique, td.menu-breve {
   text-align: right;
}

td.menu-titre, td.menu-item {
   padding-right: 0.5em;
}

td.menu-article, td.menu-rubrique, td.menu-breve {
   padding-right: 32px;
   
   background-repeat: no-repeat;
   background-position: right 50%;
}

td.menu-article {
   background-image: url(images/png/article-menu.png);
}

td.menu-rubrique {
   background-image: url(images/png/rubrique-menu.png);
}

td.menu-breve {
   background-image: url(images/png/breve-menu.png);
}

a.menu-lien {
   color: #ffffe2;
}

input#formulaire_recherche {
   width: 97%;
   text-align: left;
   margin: 0;
   border: none;
}

img.drapeau {
   border: none;
   vertical-align: middle;
}

div.menu-date-breve {
   font-weight: bold;
}

/* -------------------------------------------------------------------------
   Sommaire
   ------------------------------------------------------------------------- */

div.lien-sommaire {
   text-align: left;

   font-size: 180%;

   margin-top: 1.5em;
   margin-bottom: 0.5em;
   margin-left: 4em;
}

a.lien-sommaire-fr {
   background-image: url(images/png/fr-texte.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 32px;
}

a.lien-sommaire-eo {
   background-image: url(images/png/eo-texte.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 32px;
}

/* -------------------------------------------------------------------------
   Articles et brèves
   ------------------------------------------------------------------------- */
 
p.hierarchie {
   text-align: left;
   margin-bottom: 0.5em;
   color: black;
}

a.hierarchie {
   background-image: url(images/png/rubrique-texte.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 32px;
}

h2.titre-article-courant {
   text-align: center;
   font-size: 240%;

   font-family: Times, Garamond, "Times New Roman", serif;
   font-style: italic;
   color: black;
}

h3 {
   text-align: left;
   font-size: 120%;

   font-weight: bold;
   color: black;
}

div.lien-traduction {
   text-align: right;

   font-size: 140%;

   margin-top: 1.5em;
   margin-bottom: 0.5em;
   margin-right: 3em;
}

a.lien-traduction-fr {
   background-image: url(images/png/fr-texte.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 32px;
}

a.lien-traduction-eo {
   background-image: url(images/png/eo-texte.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 32px;
}

div.chapeau-article-courant {
   font-size: 120%;
   text-align: justify;
   color: black;
   
   border: 0px;
   border-bottom: 1px solid #A09080;

   padding-bottom: 1em;
   padding-left: 1em;
   padding-right: 1em;
}

div.date-breve {
   text-align: left;
   font-weight: bold;

   font-family: Times, Garamond, "Times New Roman", serif;
   font-size: 150%;

   margin-bottom: 0.5em;
   margin-left: 3em;

   background-image: url(images/png/breve-texte.png);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 32px;
}

div.texte-breve {
   font-size: 115%;
   text-align: justify;
   color: black;
   
   border: 1px dashed #388f00;
   
   background: #fff178;

   padding: 0.5em;
}

div.texte-article-courant {
   font-size: 120%;
   color: black;
   padding: 2em 2em 0 2em;
}

p.spip {
   text-align: justify;
   padding-left: 1.5em;
   padding-right: 1.5em;
}

a.spip_out, a.spip_in {
   text-decoration: underline;
}

a.spip_out:hover, a.spip_in:hover {
   text-decoration: none;
   background-color: #e0e0c0;
   color: black;
}

div.resultat-recherche {
   padding-bottom: 0.3em;
}

li.spip {
   margin-left: 2em;
   padding-right: 1.5em;
   list-style-image: url(images/gif/puce-liste.gif);
}

a.article, a.rubrique, a.breve {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 32px;
}

a.article {
  background-image: url(images/png/article-texte.png);
}

a.rubrique {
  background-image: url(images/png/rubrique-texte.png);
}

a.breve {
  background-image: url(images/png/breve-texte.png);
}

.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

hr.spip {
   border: none;
   height: 1px;
   color: #A09080;
   background-color: #A09080;
}

/* -------------------------------------------------------------------------
   Plan du site
   ------------------------------------------------------------------------- */
 
div.plan-hierarchie {
   margin-left: 3em;
}

div.plan-rubrique {
   font-weight: bold;
   margin-left: 0em;
}

div.plan-article {
   margin-left: 3em;
}

div.plan-rubrique, div.plan-article {
   padding-bottom: 0.3em;
}

/* -------------------------------------------------------------------------
   Présentation des nouveautés
   ------------------------------------------------------------------------- */

h2.nouveautes {
   text-align: left;
   font-size: 120%;

   font-weight: bold;
   color: black;
}

div.nouveautes {
   font-size: 120%;
   color: black;
   padding-left: 1em;
}

div.nouveautes-titre {
   padding-left: 32px;
   background-image: url(images/png/article-texte.png);
   background-repeat: no-repeat;
   background-position: left 50%;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
}

div.nouveautes-titre a:hover {
   text-decoration: none;
   background-color: #e0e0c0;
   color: black;
}

span.nouveautes-date {
   font-size: 90%;
}

/*
 * vim:sw=3:enc=utf-8
 */