/*
  *** Feuille de styles CSS ***

  Toute reproduction partielle ou totale de ce
  fichier ou de la charte graphique du site
  pour quelqu'usage que ce soit est totalement
  interdite sans autorisation de l'auteur.

  Copyright (c) 2003-2011 Lignes oubliées
  Tous droits réservés

  contact[@]lignes-oubliees.com
*/


*
{
  margin: 0px;
  padding: 0px;
  outline: 0px;
  line-height: 100%;
  font-size: 100%;
  text-decoration: none;
  letter-spacing: normal;
}

html, body
{
  overflow: auto;
  background: #b4c6d6;
}

#div_titre
{
  padding: 12px;
  background: url('../images/fondtitre.png');
  overflow: hidden;

  color: #ffffff;
  font-size: 250%;
  font-weight: bold;
  font-style: italic;
  font-family: Calibri, Arial, Sans-Serif;
  text-align: center;
}

#div_titre a, #div_titre a:hover
{
  color: #ffffff;
  text-decoration: none;
}


/*
  Menu déroulant vertical
  Librement inspiré du site http://www.siteduzero.com
  Modifié et adapté par l'auteur de "Lignes oubliées"
*/

#div_menu /* Contenant */
{
  height: 27px;
  background: #7ba60d;
  overflow: hidden;
}

#div_menu ul /* Liste principale (menu principal) */
{
  width: 995px;
  margin: auto;
  padding: 0px;
  list-style: none;
  text-align: center;
}

#div_menu ul li /* Eléments de la liste principale */
{
  float: left;
  border-right: 1px solid #ffffff;
}

#div_menu ul li:first-child /* Premier élément de la liste principale */
{
  border-left: 1px solid #ffffff;
}

#div_menu ul li a /* Liens de la liste principale */
{
  height: 19px; /* => Correction bug Firefox */
  width: 133px;
  padding: 4px;
  display: block;
  background: #7ba60d;
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
  font-family: Calibri, Arial, Sans-Serif;
}

#div_menu ul li a:hover /* Liens de la liste principale (survol de la souris) */
{
  color: #ffffff;
  background: #849bab;
}

#div_menu ul li ul /* Listes secondaires (sous-menus déroulants) */
{
  position: absolute;
  text-align: left;
  width: 155px;
  left: -999em; /* => positionnement hors écran */
}

#div_menu ul li:hover ul /* Listes secondaires (sous-menus déroulants) (survol de la souris) */
{
  left: auto; /* => positionnement automatique */
  min-height: 0px; /* => Correction bug IE7 */
}

#div_menu ul li ul li /* Eléments des listes secondaires */
{
  text-indent: 2px;
  font-size: 80%;
  border-top: 1px solid #ffffff;
  border-right: none;
}

#div_menu ul li ul li:first-child /* Premier élément d'une liste secondaire (enlève l'héritage de la liste principale) */
{
  border-left: none;
}

#div_menu ul li ul li a /* Liens des listes secondaires */
{
  height: 16px; /* => Correction bug Firefox */
}


/* Contenu de la page */

#div_contenu
{
  margin: auto;
  padding: 5px 20px 5px 20px;
  width: 955px;
  height: 100%;
  background: #fafafa;
}

#div_contenu h1
{
  margin-bottom: 15px;
  border-bottom: 2px solid #ffa500;

  color: #2a55a2;
  font-size: 160%;
  font-weight: bold;
  font-family: Calibri, Arial, Sans-Serif;
}

#div_contenu h2
{
  padding: 5px 10px;
  margin-bottom: 10px;
  background: #4e6f9e;
  
  color: #ffffff;
  font-size: 100%;
  font-family: Calibri, Arial, Sans-Serif;
  text-transform: uppercase;
}

#div_contenu h3
{
  margin-bottom: 15px;

  color: #098b34;
  font-size: 110%;
  font-weight: bold;
  font-family: Calibri, Arial, Sans-Serif;
}

#div_contenu p
{
  line-height: 150%;
  margin-bottom: 15px;

  font-size: 80%;
  font-family: Arial, Sans-Serif;
}

#div_contenu a
{
  color: #284cb1;
}

#div_contenu a:hover
{
  color: #ffa500;
}

#div_contenu a.maj
{
  color: #ffffff;
}

#div_contenu a.maj:hover
{
  color: #ffa500;
}

#div_contenu ul, #div_contenu ol
{
  margin-left: 20px;
  margin-bottom: 15px;
}

#div_contenu ul li
{
  margin-left: 10px;
  margin-bottom: 5px;
  display: list-item;
  list-style-image: url("../images/puce1.gif");

  font-size: 80%;
  font-family: Arial, Sans-Serif;
  line-height: 150%;
  text-align: justify;
}

#div_contenu ul.bibli li
{
  margin-left: 10px;
  margin-bottom: 5px;
  display: list-item;
  list-style-image: url("../images/puce2.gif");

  font-size: 70%;
  font-family: Verdana, Arial, Sans-Serif;
  line-height: 130%;
  text-align: justify;
}

#div_contenu ol li
{
  margin-bottom: 2px;

  font-size: 80%;
  font-family: Arial, Sans-Serif;
  line-height: 150%;
  text-align: justify;
}

#div_contenu table.liste
{
  width: 100%;
  margin: 15px auto;
  border: 2px solid #737373;
  border-collapse: collapse;
}

#div_contenu table.liste th
{
  padding: 4px 5px;
  border: 2px solid #737373;
  background: #737373;
  vertical-align: middle;

  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  font-family: Calibri, Arial, Sans-Serif;
  text-transform: uppercase;
}

#div_contenu table.liste td
{
  padding: 7px 10px;
  border: 2px solid #737373;
  background: #ffffff;
  vertical-align: middle;

  color: #000000;
  font-size: 90%;
  font-family: Arial, Sans-Serif;
}

#div_contenu table.carac
{
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
  border: 2px solid #999999;
  border-collapse: collapse;
}

#div_contenu table.carac td
{
  padding: 1px 5px 1px 5px;
  border: none;
  background: #ffffff;
  vertical-align: middle;

  color: #000000;
  font-size: 80%;
  font-family: Arial, Sans-Serif;
  line-height: 150%;
  vertical-align: top;
}

#div_contenu table.detail
{
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
  border: 2px solid #999999;
  border-collapse: collapse;  
}

#div_contenu table.detail th
{
  padding: 4px 5px;
  border: none;
  background: #dddddd;
  vertical-align: middle;

  color: #3f75aa;
  font-size: 80%;
  font-weight: bold;
  font-family: Calibri, Arial, Sans-Serif;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
}

#div_contenu table.detail td
{
  padding: 4px 5px;
  border: none;
  background: #ffffff;
  vertical-align: middle;

  color: #000000;
  font-size: 80%;
  font-family: Arial, Sans-Serif;
}

#div_contenu img
{
  border: none;
  margin: 0px 5px;
}

#div_contenu fieldset
{
  padding: 15px 10px;
  margin: 10px auto 30px auto;
  border: 2px solid #999999;
}

#div_contenu label
{
  float: left;
  width: 20%;
  margin-top: 5px;
 
  color: #2a55a2;
  font-weight: bold;
  font-size: 100%;
  font-family: Arial, Sans-Serif;
}

#div_contenu input.saisie
{
  float: left;
  width: 30%;

  margin-right: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #2a55a2;

  font-size: 90%;
  font-family: Arial, Sans-Serif;
}

#div_contenu input.saisie:hover
{
  border: 1px solid #ffa500;
}

#div_contenu input.saisie:focus
{
  border: 1px solid #ffa500;
}

#div_contenu input.bouton
{
  float: left;
  padding: 5px 20px;
  border: 2px solid #7ba60d;
  border-radius: 5px;
  background: #7ba60d;

  color: #ffffff;
  font-size: 90%;
  font-weight: bold;
  font-family: Arial, Sans-Serif;

  cursor: pointer;
}

#div_contenu .imgd
{
  float: right;
  margin-left: 10px;
}

#div_contenu .imgg
{
  float: left;
  margin-right: 10px;
}

#div_contenu .stats
{
  padding: 3px;

  color: #008800;
  font-size: 100%;
  font-weight: bold;
  font-family: Calibri, Arial, Sans-Serif;
}

#div_contenu .maj
{
  margin-top: 5px;
  padding: 3px 10px;
  background: #55b05a;

  color: #ffffff;
  font-weight: bold;
  font-family: Calibri, Arial, Sans-Serif;
}

#div_contenu .ie6
{
  padding: 4px 10px;
  color: #ff0000;
  font-weight: bold;
  font-size: 100%;
  border: 2px solid #ff0000;
}

#div_contenu .navtab
{
  width: 100%;
  margin-bottom: 15px;
}

#div_contenu .prec
{
  width: 175px;
  float: left;
  text-align: left;
}

#div_contenu .milieu
{
  width: 600px;
  float: left;
  text-align: center;
}

#div_contenu .suiv
{
  width: 175px;
  float: right;
  text-align: right;
}

#div_contenu .textej {text-align: justify;}
#div_contenu .textec {text-align: center;}
#div_contenu .texteg {text-align: left;}
#div_contenu .texted {text-align: right;}
#div_contenu .textei {font-style: italic;}
#div_contenu .texteb {font-weight: bold;}
#div_contenu .textes {text-decoration: underline;}
#div_contenu .textem {text-transform: uppercase;}