/****************************************************************************************
 * On trouvera ici les réglages pour le cadre de la page.
 ****************************************************************************************/

a img { /* Pas de contour bleu autour d'une image cliquable */
  border: none;
}


/*--------------------------------------------------------------------------------------*
 * Le fond et la structure générale
 *--------------------------------------------------------------------------------------*/

html {
  background-color: white;
}

body {
  position: relative;
  width: 815px;
  margin: 0px auto;
  background-color: white;
}

table#trois-colonnes tr { vertical-align: top; }
table#trois-colonnes td.td-marge-ext { width: 8px; }
table#trois-colonnes td.td-marge-int { width: 24px; }

/*--------------------------------------------------------------------------------------*
 * Au-dessus
 *--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*
 * Bandeau haut : le chemin
 *--------------------------------------------------------------------------------------*/

div#bandeau-haut {
  width: 100%;
  height: 112px; /* hauteur du bandeau */
  /* IE7 ne comprendra que "lien-accueil" est un lien que si le bandeau est en background-image du div englobant. */
  background: white              url(../images/frame/bandeau-nb.jpg)
              no-repeat 23px top;
}

div#bandeau-haut a#lien-accueil {
  position: absolute; top: 40px; left: 140px;
  width: 215px; height: 40px;
}

div.chemin {
  padding: 8px;
  color: #333333;
  font-family: Arial, Helvetica, sansserif;
  font-size: 8pt;
  letter-spacing: 1px;
}

div.chemin a { color: #333333; text-decoration: none; }
div.chemin a:hover { text-decoration: underline; }
div.chemin span.current { font-weight: bold; }

/*--------------------------------------------------------------------------------------*
 * A gauche : les onglets, le bouton de connexion
 *--------------------------------------------------------------------------------------*/

table#trois-colonnes td#td-contenu-gauche { width: 135px; }

div#contenu-gauche {
}

div#contenu-gauche ul {
  margin: 0px; margin-bottom: 20px;
  padding: 0px;
  list-style: none;
}

/* Tous les onglets, texte ou image. */

div#contenu-gauche li {
  margin-bottom: 0.6em;
}

/* Tous les onglets texte, on ou off. */

div#contenu-gauche li.texte-on, div#contenu-gauche li.texte-off {
  padding: 0.5em;
  text-align: right;
  font-family: Barr, "Conduit ITC", "Helvetica Narrow", Arial, sansserif;
  font-size: 9pt;
  font-weight: bold;
}
div#contenu-gauche li.texte-on a, div#contenu-gauche li.texte-off a { text-decoration: none; }

/* L'onglet texte on. */

div#contenu-gauche li.texte-on { background-color: #888; }
div#contenu-gauche li.texte-on a { color: white; }

/* Les onglets textes off. */

div#contenu-gauche li.texte-off { background-color: white; }
div#contenu-gauche li.texte-off a { color: black; }

/* Le bouton de connexion */

div#contenu-gauche div#connexion {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}

/*--------------------------------------------------------------------------------------*
 * Au centre : la page
 *--------------------------------------------------------------------------------------*/

table#trois-colonnes td#td-contenu-centre {
  width: 416px;
}
table#trois-colonnes td#td-contenu-centre-et-droite {
  width: 640px;
}

div#contenu-centre {
  margin-bottom: 4em;
}


/*--------------------------------------------------------------------------------------*
 * A droite : les encarts
 *--------------------------------------------------------------------------------------*/

div#contenu-droite {
  color: black;
  font-family: Arial, Helvetica, sansserif;
  font-size: 9pt;
  line-height: 1.1em;
}

div#contenu-droite div.encart {
  margin-top: 1em;
  background-color: #eeebe6;
  padding: 0.5em;
  text-align: left;
}

div#contenu-droite div.encart h1, div#contenu-droite div.encart h2, div#contenu-droite div.encart h3 {
  margin: 0px;
  color: #E53517;
  line-height: 1em;
}
div#contenu-droite div.encart a { text-decoration: none; color: #E53517; }
div#contenu-droite div.encart a:hover { text-decoration: underline; }

/*--------------------------------------------------------------------------------------*
 * En bas
 *--------------------------------------------------------------------------------------*/

table#bandeau-bas { width: 100%; margin-top: 2px; }
table#bandeau-bas tr { vertical-align: top }

table#bandeau-bas div.signature, table#bandeau-bas div.note {
  padding-top: 1px;
  font-family: Arial, Helvetica, sansserif;
  font-size: 7pt;
}
table#bandeau-bas div.signature a, table#bandeau-bas div.note a { text-decoration: none; }
table#bandeau-bas div.signature a:hover, table#bandeau-bas div.note a:hover { text-decoration: underline; }

table#bandeau-bas div.signature, table#bandeau-bas div.signature a { color: #ccc; }
table#bandeau-bas div.note, table#bandeau-bas div.note a { color: black; }