s/******* Pages de règles ************/

* { margin: 0; padding: 0; }    /* ca sera mis dans default.css quand j'aurai le temps */

ul
{
  margin-left: 2em;
}

/* supprime le minwidth pour les regles */
body
{
  min-width: 1px;
  height: 100%; /* sinon qui c'est qui fait chier?? */
  font-size: 90%;
}


/***************************************************
 * le menu
 ***************************************************/

div#menu-regles
{
  width: 350px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  border-right: 2px solid #4466AA;
 
/* j'abandonne. Note: firefox n'affiche pas le bord, donc ca fait bizarre si main-regles et plus petit (pas de separation) */
/*  overflow: auto;   */ /* pour firefox: il ajoute une marge de 15px quand la barre de scroll est pas la (bummer) */
/*  overflow: scroll; */ /* ca fait des trucs bizarres sous IE, mais bon. La ligne suivante pourrait changer les choses */
/*  position: fixed;  */ /* ne pas mettre pour IE qui fait chier son monde. Navigateur de merde! */
}

div#menu-regles h1
{
  text-align: right;
  height: 70px;
  padding-right: 10px;
  padding-left: 65px;
  background-image: url("../img/ico-pageprincipale.gif");
  background-position: 0 40%;
  background-repeat: no-repeat;
}


div#menu-regles ul
{
  margin: 0 0px 0 10px;
  list-style-type: none;
}



/*******************************
/* Premier niveau de la liste */

div#menu-regles ul li.showme,
div#menu-regles ul li.hideme
{
  font-weight: bold;
  margin-top: 5px;
  background-position: top left;
  background-repeat: no-repeat;
}

/* puces: on peut avoir le (un)expand.gif en tant que bullet de la liste, mais dans ce cas elle n'est pas cliquable */

div#menu-regles ul li.hideme {   background-image: url("expand.gif");    }
div#menu-regles ul li.showme {   background-image: url("unexpand.gif");  }

/* on cache les autres niveaux, eventuellement. Attention ne pas deplacer */
div#menu-regles ul li.hideme ol,
div#menu-regles ul li.hideme ol * {  display: none; }


/* lien (toujours visible et clickable) */

div#menu-regles ul li.showme a,
div#menu-regles ul li.hideme a
{
  font-size: 110%;
  padding-left: 15px;
  display: block;       /* sinon fait foirer le padding */
/*  border:1px solid;  */
}

div#menu-regles ul li.showme a		{   color: black;    }
div#menu-regles ul li.hideme a		{   color: #4466AA;  }
div#menu-regles ul li.showme a:hover,
div#menu-regles ul li.hideme a:hover	{  text-decoration: none; }







/*************************************************
/* Deuxieme niveau de la liste (section visible) */

div#menu-regles ul li.showme ol
{
  margin: 0;
  padding: 4px 0px 3px 3em;
}
div#menu-regles ul li.showme ol li
{
  font-weight: lighter;
}


/* liens des sous-sections */
div#menu-regles ul li.showme ol li a
{
  font-size: 100%;    /* ecrase le 110% */
  display: block;
  color: #4466AA;
  background-image: none;
  padding-left: 0px;      /* efface le padding-left: 15px du niveau superieur (IE) */
}
div#menu-regles ul li.showme ol li a:hover
{
  text-decoration: underline;
}

/* lien courant */
div#menu-regles ul li.showme ol li.current
{
  /*  font-style: italic;*/
  font-weight: bold;
}



/****************************
/* dates (1er et 2e niveau) */

div#menu-regles ul li.hideme,
div#menu-regles ul li.showme ol li
{
/* note: du coup opera n'affiche pas les bullet/numeros des <li>. Mais on a besoin du "relative" pour les dates.
   J'avais une solution avec des floats, mais ca a foire avec firefox. J'ai pas reussi a les remettre.
 */
  position: relative;
  border: 1px solid #CED5D3; /* sinon IE mes une ligne apres les <li> qui ont des <a>. Zarb hein? Benh c'est IE */
}

div#menu-regles ul li.showme a,
div#menu-regles ul li.hideme a,
div#menu-regles ul li.showme ol li a		{ margin-right: 5em;    /* laisse la place a la date */ }

span.date
{
  position: absolute;
  right: 2px;
  top: 2px;
  font-style: normal;
  font-weight: normal;
  font-size: 70%;
}
span.new_rule
{
  color: red;
}


/* affichage ou non */
div#menu-regles ul li.hideme span.date		{   display: inline; }
div#menu-regles ul li.showme span.date		{   display: none;   }
div#menu-regles ul li.showme ol li span.date	{   display: inline; }





/***************************************************
 * texte de la regle
 ***************************************************/

div#main-regles
{
  margin-left: 350px;
  bottom: 0;
  border-left: 2px solid #4466AA;
  padding: 0px;
  padding-left: 5px;
  height: 100%; /* sinon qui c'est qui fait chier?? */

}

div#main-regles h1
{
  height: 52px; /* +20 de padding. C'est con les specs css de pas prendre en compte le padding */
  padding-top: 20px;
  margin-left: -5px;
  display: block;
}


div#main-regles ul li
{
  margin-bottom: 0.5em;
}