/****************************************************************************************
 * On trouvera ici les réglages pour :
 *   - l'en-tête de la page, y compris le bandeau wiki optionnel, les onglets, etc.
 *   - le pied de page, y compris le rappel des onglets, etc.
 *   - la colonne de droite
 *   - le rendu du contenu des pages
 ****************************************************************************************/


/****************************************************************************************
 * En-tête des pages
 ****************************************************************************************/

/*--------------------------------------------------------------------------------------*
 * Le bandeau pour les réglages Wiki
 *--------------------------------------------------------------------------------------*/

table#bandeauwiki {
  position: fixed;
  left: 0;
  margin: 0px;
  padding: 2px 10px;
  background-color: #99ff66;
  border-bottom: thin solid black;
  color: black;
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, "Courier New", Courier, Monaco, monospace;
  font-size: 10pt;
}

table#bandeauwiki.nonpublic {
  background-color: #ff7733;
}

table#bandeauwiki span#nompage {
  margin-left: 2px;
  margin-right: 8px;
  font-weight: bold;
}

table#bandeauwiki img.temoin {
  vertical-align: -1px;
}

table#bandeauwiki table.boutons td.bouton {
  text-align: center;
  vertical-align: bottom;
  padding-left: 3px;
  padding-right: 3px;
  /* border: thin dotted gray; -- for debug */
}

table#bandeauwiki a {
  text-decoration: none;
  color: blue;
}

table#bandeauwiki a:hover {
  text-decoration: none;
}

table#bandeauwiki a.bouton, table#bandeauwiki label {
  font-size: 8pt;
}

table#bandeauwiki a.bouton img {
  vertical-align: -2px;
}

table#bandeauwiki td#nomutilisateur {
  text-align: right;
  padding-left: 3px;
  padding-right: 3px;
}

table#bandeauwiki td#nomutilisateur span#vousetes {
  font-size: 7pt;
}

/*--------------------------------------------------------------------------------------*
 * La table qui contient tout
 *--------------------------------------------------------------------------------------*/

table#tout {
  width: 1024px;
  margin-top: 0px;
  background-color: #eee9e4;
}

/*--------------------------------------------------------------------------------------*
 * Le texte à côté du logo
 *--------------------------------------------------------------------------------------*/

p#entete {
  margin-top : 15px;
  margin-bottom: 0px;
  line-height: 10px;
  text-indent: 5px;
  font-family: "Courier New", Courier, Monaco, monospace;
}

span#titre {
  font-size: 16px;
  letter-spacing: 5px;
  color: #cc0000;
}

span#soustitre {
  color: #000000;
}

/*--------------------------------------------------------------------------------------*
 * Les onglets du haut
 *--------------------------------------------------------------------------------------*/

span#onglets {
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 2px;
  color: #000000;
}

a.onglet {
  text-decoration: none;
  color: #cc0000;
}

a.onglet:hover {
  text-decoration: none;
  color: #0000ff;
}

/*--------------------------------------------------------------------------------------*
 * La case pour le bouton de connexion
 *--------------------------------------------------------------------------------------*/

td#connexion {
  text-align: right;
  padding-right: 20px;
  font-family: "Courier New", Courier, Monaco, monospace;
  font-size: 12px;
}

td#connexion a {
  text-decoration: none;
  color: #cc0000;
}

td#connexion a:hover {
  text-decoration: none;
  color: #0000ff;
}



/****************************************************************************************
 * Le pied de page
 ****************************************************************************************/

/*--------------------------------------------------------------------------------------*
 * Les onglets du bas
 *--------------------------------------------------------------------------------------*/

p#rappelonglets {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 25px;
  letter-spacing: 1px;
  color: #000000;
}

/*--------------------------------------------------------------------------------------*
 * Le texte de pied de page
 *--------------------------------------------------------------------------------------*/

tr#pied {
  background-color: #f9f8f7;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 60%;
  letter-spacing: 1px;
  color: #767666;
}

tr#pied td#casedroite {
  background-color: #eee9e4;
}

tr#pied a {
  text-decoration: none;
  color: #767666;
}

tr#pied a:hover {
  text-decoration: underline;
  color: #767666;
}



/****************************************************************************************
 * Colonne de droite
 ****************************************************************************************/

table#colonnedroite p.saison {
  margin-left: 15px;
  margin-top: 150px;
  font-size: 16px;
  letter-spacing: 3px;
  color: #cc0000;
}
table#colonnedroite a {
  font-size: 12px;
  letter-spacing: 0px;
  text-decoration: none;
  color: #0000ff;
}
table#colonnedroite img.affiche {
  margin-left: 15px;
}
table#colonnedroite p.expo {
  font-size: 80%;
  margin-left: 15px;
  margin-right: 15px;
}
table#colonnedroite p.expo span.titreexpo {
  font-size: 16px;
  color: #cc0000;
}
table#colonnedroite p.separateur {
  color: #669999;
  font-size : 100%; /* remove? */
  letter-spacing : 3px;
  font-weight: bold;
  margin-left: 15px;
  margin-top: -5px;
  margin-bottom: -5px;
}
table#colonnedroite p.avenir {
  font-size: 16px;
  margin-left: 15px;
}



/****************************************************************************************
 * Le corps de la page
 ****************************************************************************************/

/*--------------------------------------------------------------------------------------*
 * Des réglages généraux (couleurs, marges, polices...)
 *--------------------------------------------------------------------------------------*/

/* Body : couleurs, marges */

body {
  background-color: #ccbb99;
  color: black;
  margin: 0px;
  margin-bottom: 10px;
  vertical-align: top;
}

/* Headers, Listes, Formulaires : pas de marges */

h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
}

ul, ol {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

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

/* Liens, Filets */

a {
  color: blue;
}

hr {
  border: 0px;
  color: Black;
  /* Internet Explorer */ background-color: Black;
  height: 1px;
}

/* Le texte */

body, p, td, li, input, select, textarea {
  font-family :  Arial, Helvetica, sans-serif;
}

.page {
  font-size: 12px;
  margin-right: 50px;
}

/*--------------------------------------------------------------------------------------*
 * Les titres
 *--------------------------------------------------------------------------------------*/

/* Headers */

h1 { /* 6 = */
  letter-spacing: 3px;
  color: #ffffff;
  background-color: #cc0000;
  font-size : 140%;
  margin-top : 25px;
  font-weight: normal;
  padding-left: 10px;
}

h2 { /* 5 = */
  color: #cc0000;
  font-size: 36px;
  line-height: 30px;
  font-weight: normal;
}

h3 { /* 4 = */
  color: #000000;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
}

h4 { /* 3 = */
  color: #000000;
  font-size : 19px;
  font-weight: normal;
  margin-top : 15px;
}

h5 { /* 2 = */
  color: #cc0000;
  font-size: 16px;
  font-weight: normal;
}

/* Les headers, lorsqu'ils sont les premiers, doivent être précédés d'un espace plus important. */

.page > h1:first-child, .page > h2:first-child, .page > h3:first-child, .page > h4:first-child, .page > h5:first-child  {
  margin-top: 25px;
}

/*--------------------------------------------------------------------------------------*
 * Placement des images et du bouton d'édition des images
 *--------------------------------------------------------------------------------------*/

.page img.agauche {
  float: left;
  margin-right: 15px;
}

.page img.adroite {
  float: right;
  margin-right: -35px;
  margin-left: 15px;
}

img.docedit {
  vertical-align: baseline;
}

.page img.adroite + a > img.docedit {
  float: right;
  margin-right: -10px;
}