/* File      : style-couleur-bis.css        */
/* Author    : Laibe Camille                */
/* Copyright : Compagnie La balançoire      */
/* Site      : http://www.labalancoire.org/ */
/* Version   : 20080921                     */


/* propriétés de base */
body {
  min-width : 800px;
  margin : 0px;
  padding : 0px;
  font-family : sans-serif;
  font-size : 90%;
  color : black;
  background-image : url("../images/noir.png");
  background-repeat : repeat;
  background-color : inherit;
}

/* propriétés générales à la page */
div#page {
  text-align : left;
  margin-right : auto;
  margin-left : auto;
  border-left : 6px solid black;
  border-top : 6px solid black;
  border-bottom : 6px solid black;
  border-right : 6px solid black;
  background-color : inherit;
  background-image : url("../images/rose.jpg");
  color : rgb(0, 0, 0);
}

/* propriétés du titre */
#titre {
  height : 80px;
  padding-bottom : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-top : 5px;
  border-bottom : 1px solid rgb(255, 255, 255);
  text-align : center;
  background-image : url("../images/titre - fonce 2.gif");
  background-repeat : no-repeat;
  background-position : center center;
  clear : both;
}

/* propriétés du texte du titre (on utilise une image d'arrière plan) */
div#titre .texte_titre {
  visibility : hidden;
}

/* propriétés du logo (dans le titre) */
div#titre .logo {
  float : left;
  margin-left : 1em;
  color : rgb(0, 0, 0);
  background-color : inherit;
}

/* propriétés du menu (placé à droite) */
div#menu {
  float : right;
  width : 14em;
  margin-left : 2em;
  margin-bottom : 1em;
  padding-right : 1em;
  padding-left : 1em;
  padding-bottom : 2em;
  /*border-right : white 1px solid;*/
  border-left : white 1px solid;
  border-bottom : white 1px solid;
  background-color : inherit;
  background-image : url("../images/bleu clair.jpg");
  background-repeat : repeat;
  font-weight : bold;
  color : rgb(0, 0, 0);
}

/* propriétés d'un élément "ul" du menu de classe "level_0" */
div#menu ul.level_0 {
  margin-top : 1em;
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  padding-left : 2px;
  padding-right : 0;
  padding-bottom : 0;
  padding-top : 0;
  color : rgb(205, 52, 65);
  background-color : inherit;
}

/* propriétés d'un élément "ul" du menu de classe "level_1" */
div#menu ul.level_1 {
  margin-left : 1em;
  padding-left : 0;
  color : rgb(49, 129, 230);
  background-color : inherit;
}

/* propriétés d'un élément "ul" du menu de classe "level_2" */
div#menu ul.level_2 {
  padding-left : 1em;
  color : rgb(255, 255, 255);
  background-color : inherit;
}

/* propriétés d'un élément d'une liste du menu */
div#menu li {
  list-style : none;
  margin-left : 0;
  padding-left : 0;
  color : inherit;
  background-color : inherit;
}

/* propriétés des formulaires dans le menu (pour le "style switcher") */
div#menu form {
  text-align : center;
  padding-top : 2em;
}

/* propriétés du corps de la page : (sans titre, menu ni copyright) */
div#contenu {
  margin-left : 2em;
  margin-right : 2em;
  margin-top : 2ex;
  background-color : inherit;
  background-image : url("../images/rose.jpg");
  background-repeat : repeat;
  text-align : justify;
  margin-bottom : 2em;
  color : rgb(0, 0, 0);
}

/* propriétés des lignes horizontales de la classe "espace" */
div#contenu .espace {
  clear : both;
  visibility : hidden;
}

/* propriétés des paragraphes appartenant à div="contenu" */
div#contenu p {
  margin-left : 0em;
  text-indent : 2em;
}

/* propriétés des éléments de liste dans le contenu de la page */
div#contenu li {
  padding-bottom : 2px;
  padding-top : 6px;
}

/* propriétés des listes dans le contenu de la page */
div#contenu ul {
  padding-left : 4em;
  margin : 0;
}

/* propriétés des citations */
div#contenu blockquote {
  background : url("../images/guillemets-gauche-jaune.gif") no-repeat 0% 0%;
  padding-left : 50px;
  padding-right : 2em;
  padding-bottom : 3em;
  margin : 0;
}

/* propriétés de l'auteur dans les citations */
div#contenu blockquote .auteur {
  font-size : 90%;
  text-align : right;
  font-style : italic;
  font-weight : bold;
  padding-right : 50px;
  margin-right : 0;
  padding-top : 18px;
  background : url(../images/guillemets-droit-jaune.gif) no-repeat 100% 100%;
  float : right;
}

/* propriétés des paragraphes dans les citations */
div#contenu blockquote p {
  margin-top : 0.5em;
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  padding : 0;
  text-indent : 0;
}

/* propriétés de la mention du copyright (en bas de page) */
div#copyright {
  margin-top : 3px;
  padding-bottom : 5px;
  padding-top : 10px;
  background-image : url("../images/jaune.jpg");
  background-repeat : repeat;
  background-color : inherit;
  height : 40px;
  font-size : small;
  text-align : center;
  letter-spacing : 2pt;
  color : gray;
  border-top : white 2px solid;
  clear : both;
}

/* propriétés des éléments "span" de classe "compagnie" */
.compagnie {
  font-weight : bold;
}

/* propriétés des informations relatives à une image */
div#infos {
  margin-left : 1em;
}

/* propriétés pour les liens de naviagtion entre images */
div#navigation {
  text-align : center;
  letter-spacing : 3pt;
  padding-bottom : 10px;
}

/* affichage des logos de validation */
div#valide {
  text-align : center;
  margin-top : 2em;
  margin-bottom : 2em;
}

/* prorpiétés des logos de validation */
div#valide img {
  border : none;
}

/* affichage des "div" de classe "centre" */
div.centre {
  text-align : center;
}

/* propriétés des éléments de "cadre" */
div.cadre {
  text-align : center;
}

/* propriétés des "div" de classe "album" */
.album {
  text-align : center;
}

/* propriétés des images appartenant à "album" */
.album img {
  padding : 0;
}

/* propriétés des liens de navigation dans l'album (dans un tableau) */
div#navigation table.nav {
  margin-top : 1em;
  table-layout : auto;
  border : none;
  width : 100%;
}

/* propriétés des images flottantes (à droite) */
div#contenu .flottant {
  float : left;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-left : 0;
  margin-right : 2em;
  padding : 0;
}

/* propriétés des images appartenant à "cadre" */
div.cadre img {
  padding : 0;
}

/* propriétés des éléments importants */
div#contenu .important {
  text-decoration : underline;
}

/* propriétés du conteneur des vignettes (pour éviter le décalage des 'float' avec le menu) */
div#contenu .vignettes {
  margin-right : 18em;   /* pas de vinette 'sous' le menu */
}

/* propriétés de toutes les vignettes (dans l'album) */
div#contenu .vignette {
  float : left;
  height : 130px;
  width : 130px;
  margin-top : 5px;
  margin-bottom : 5px;
  margin-left : 3px;
  margin-right : 3px;
  padding : 16px;
  border-bottom : 1px solid rgb(255, 255, 255);
  border-top : 1px solid rgb(255, 255, 255);
  border-left : 1px solid rgb(255, 255, 255);
  border-right : 1px solid rgb(255, 255, 255);
}

/* propriétés de images de toutes les vignettes */
div#contenu img {
  border : 0;
}

/* propriétés des vignettes en mode portrait */
div#contenu .portrait img {
  width : 96px;
  height : 128px;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right : 16px;
  margin-left : 16px;
}

/* propriétés des vignettes en mode portrait */
div#contenu .paysage img {
  width : 128px;
  height : 96px;
  margin-right : 0px;
  margin-left : 0px;
  margin-top : 16px;
  margin-bottom : 16px;
}

/* propriétés des titres des paragraphes */
h1, h2, h3 {
  color : rgb(0, 0, 0);
  background-color : inherit;
}

/* propriétés des commentaires d'une image */
dd.centre {
  margin-top : 15px;
  text-align : center;
  color : white;
  background-color : inherit;
}

/* propriétés du "fieldset" : contour du style-switcher */
fieldset {
  border : 1px solid yellow;
  color : black;
  background-color : inherit;
}

/* propriétés des éléments "dt" de la classe "centre"*/
dt.centre {
  text-align : center;
}

/* éléments invisibles */
div.cache {
  display : none;
}

li.simple_item {
  list-style : none;
}

/* propriétes des paragraphes contenant un mesage d'erreur */
p.msg_err {
  color : red;
  text-align : center;
  font-weight : bold;
  background-color : inherit;
}

/* propriétés des liens du menu */
div#menu a:link {
  text-decoration : none;
  color : inherit;
  cursor : crosshair;
  background-color : inherit;
}

div#menu a:visited {
  text-decoration : none;
  color : inherit;
  cursor : crosshair;
  background-color : inherit;
}

div#menu a:active {
  text-decoration : none;
  color : red;
  cursor : crosshair;
  background-color : inherit;
}

div#menu a:hover {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}

div#menu a:focus {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}

/* propriétés des liens de la partie contenu */
div#contenu a:link {
  text-decoration : none;
  color : white;
  cursor : crosshair;
  background-color : inherit;
}

div#contenu a:visited {
  text-decoration : none;
  color : rgb(82, 186, 213);
  cursor : crosshair;
  background-color : inherit;
}

div#contenu a:active {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}

div#contenu a:hover {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}

div#contenu a:focus {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}

/* propriétés des liens de la partie copyright */
div#copyright a:link {
  text-decoration : none;
  color : gray;
  cursor : crosshair;
  border-bottom : 1px dotted rgb(52, 130, 226);
  background-color : inherit;
}

div#copyright a:visited {
  text-decoration : none;
  color : rgb(82, 186, 213);
  cursor : crosshair;
  border-bottom : 1px dotted rgb(203, 52, 72);
  background-color : inherit;
}

div#copyright a:active {
  text-decoration : none;
  color : red;
  cursor : crosshair;
  border-bottom : 1px dotted rgb(203, 52, 72);
  background-color : inherit;
}

div#copyright a:hover {
  text-decoration : none;
  color : red;
  cursor : crosshair;
  border-bottom : 1px dotted rgb(203, 52, 72);
  background-color : inherit;
}

div#copyright a:focus {
  text-decoration : none;
  color : red;
  cursor : crosshair;
  border-bottom : 1px dotted rgb(203, 52, 72);
  background-color : inherit;
}

/* propriétés des liens de la partie navigation des albums */
div#navigation a:link {
  text-decoration : none;
  color : white;
  cursor : crosshair;
  background-color : inherit;
}

div#navigation a:visited {
  text-decoration : none;
  color : rgb(82, 186, 213);
  cursor : crosshair;
  background-color : inherit;
}

div#navigation a:active {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}

div#navigation a:hover {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}

div#navigation a:focus {
  text-decoration : none;
  color : yellow;
  cursor : crosshair;
  background-color : inherit;
}