/*============================================================================*/
/*                            STYLE GLOBAL PAGE                               */
/*============================================================================*/

/* style global */
* {
  margin: 0px;
  padding: 0px;
}
html, body {
	height: 100%;
}
body {
  background: url("images/degrade.gif") center top repeat-y;
  background-color: #fff;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 10pt;
  cursor: default;
  margin: 0px;
  padding: 0px;
}

body.popup {
  background: #fff;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 10pt;
  cursor: default;
  margin: 0px;
  padding: 0px;
}

/* conteneur de la page */
#page {
	position: relative;
	min-height: 100%;
	height: 100%;
}
html>body #page {
	height: auto;
}

/* bloc principal de la page */
#corps {
  background: url(images/entete.jpg) top left no-repeat;
  width: 1002px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 55px 0px;
	position: relative;
	z-index: 1;
}

/* bloc de menus à gauche */
#menu {
  float: left;
  padding: 120px 0px 0px 4px;
  margin: 0px;
}

/* bloc de droite */
#bloc-droite {
  background: url(images/arrondi.gif) top left no-repeat;
  background-color: #99CCFF;
  color: #000;
  float: right;
  padding: 20px 4px 4px 4px;
  margin: 0px 4px 0px 0px;
  width: 274px;
}

/* contenu avec bloc à droite */
#contenu-bloc {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: left;
  margin: 0px 285px 0px 220px;
  padding: 0px 10px 10px 10px;
  clear: none;
}

/* contenu pleine page */
#contenu {
  font-family: arial, sans-serif;
  font-size: 10pt;
  text-align: left;
  margin: 0px 50px 0px 220px;
  padding: 40px 10px 10px 10px;
  clear: none;
}

/* pied de page */
#pied {
  font-family: verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;

	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: 0px;
  padding: 0px;
  z-index: 2;
}

/* lien retour haut de page */
#lien_haut {
  height: 20px;
}
.lien_haut, #lien_haut {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  margin: 0px auto 0px auto;
  padding: 0px;
}
.lien_haut a, #lien_haut a {
  background-color: inherit;
  color: #000;
  text-decoration: none;
  font-style: italic;
  border-bottom: 0px none;
  margin: 4px 15px 4px 0px;
}
.lien_haut a:hover, #lien_haut a:hover {
  background-color: inherit;
  color: #0B3D91;
}
/* carte xml */
#info-carte-xml {
  background-color: inherit;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 12px;
  margin: 0px 0px;
  padding: 0px;
  height: 170px;
}
#info-carte-xml .para,
#info-carte-xml .plugin,
#info-carte-xml .note {
  margin: 10px 200px 0px 40px;
  padding: 0px;
  line-height: 20px;
}
#info-carte-xml .plugin {
  margin: 10px 0px 0px 40px;
  font-style: italic;
}
#carte-xml {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}


/*============================================================================*/
/*                              STYLE BANDEAU                                 */
/*============================================================================*/

/* bandeau du haut de page */
#bandeau {
  height: 135px;
  margin: 0px;
  padding: 0px;
}

/* logo avec lien vers la page d'accueil */
#logo {
  text-align: left;
  margin: 0px;
  padding: 0px;
  position: absolute;
  z-index: 150;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 242px;
  height: 130px;
  cursor: pointer;
}

/* formulaire administrateur de SPIP */
#form-admin {
  position: absolute;
  z-index: 20;
  overflow: hidden;
  left: 250px;
  top: 0px;
  width: 430px;
  height: 30px;
  text-align: center;
}
/* barre de recherche */
#recherche {
  position: absolute;
  z-index: 15;
  overflow: hidden;
  left: 846px;
  top: 0px;
  width: 150px;
  height: 22px;
  margin: 2px;
  padding: 0px;
}
#recherche div {
  margin: 0px;
  padding: 2px 0px;
}
#recherche .saisie {
  background-color: #fff;
  color: #000;
  width: 120px;
  margin: 0px;
  padding: 0px;
}
#recherche .bouton {
  width: 19px;
  height: 21px;
  border: 0px none;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  cursor: pointer;
}
/* barre du menu déroulant */
#menu-bar {
  position: absolute;
  z-index: 10;
  left: 339px;
  top: 35px;
  width: 591px;
  height: 64px;
  margin: 0px;
  padding: 0px;
}

/* barre du fil de fer (historique) */
#historique {
  background-color: inherit;
  color: #000;
  font-family: verdana,arial, sans-serif;
  font-size: 7pt;
  text-align: left;
  position: absolute;
  z-index: 5;
  overflow: hidden;
  left: 300px;
  top: 115px;
  width: 560px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}

/* nom de la page en cours */
#historique span {
  background-color: inherit;
  color: #0B3D91;
}

/* entrée de menu de l'historique */
#historique a {
  background-color: inherit;
  color: #000;
  text-decoration: none;
  border: 0px none;
}
#historique a:hover {
  background-color: inherit;
  color: #0B3D91;
}

/* zone d'information sur l'utilisateur connecté */
#info_login {
  background-color: #deeed3;
  color: #000;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  line-height: 16px;
  position: absolute;
  z-index: 5;
  overflow: hidden;
  left: 260px;
  top: 150px;
  width: 734px;
  height: 16px;
  margin: 0px;
  padding: 0px 4px;
}


/*============================================================================*/
/*                             MENU DEROULANT                                 */
/*============================================================================*/

table.cadre-menu, tr.cadre-menu, td.cadre-menu {
  background-color: transparent;
  color: inherit;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 1px; /* IE bug fix */
  padding: 0px;
  margin: 0px;
  height: auto;
  width: auto;
}

.coin-hg, .coin-hd, .coin-bg, .coin-bd {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  background-color: transparent;
  color: inherit;
  font-family: arial, sans-serif;
  font-size: 1px; /* IE bug fix */
  line-height: 3px;
  padding: 0px;
  margin: 0px;
}
.coin-hg {
  background-image: url(images/coin-hg.gif);
}
.coin-hd {
  background-image: url(images/coin-hd.gif);
}
.coin-bg {
  background-image: url(images/coin-bg.gif);
}
.coin-bd {
  background-image: url(images/coin-bd.gif);
}
.bord-g, .bord-d, .bord-h, .bord-b {
  font-size: 1px; /* IE bug fix */
  line-height: 3px;
  padding: 0px;
  margin: 0px;
}
.bord-g, .bord-d {
  background-repeat: repeat-y;
  width: 1px;
}
.bord-h, .bord-b {
  background-repeat: repeat-x;
  height: 12px;
}
.bord-g {
  background-image: url(images/bord-g.gif);
}
.bord-d {
  background-image: url(images/bord-d.gif);
}
.bord-h {
  background-image: url(images/bord-h.gif);
}
.bord-b {
  background-image: url(images/bord-b.gif);
}
.bloc-menu {
  background-color: #deeed3;
  color: inherit;
  padding: 0px;
  margin: 0px;
}
.menu-area {
  cursor: default;
}

img.menuButton1, img.menuButton2, img.menuButton3,
img.menuButton4, img.menuButton5, img.menuButton6 {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0px;
}
img.menuButton1 { left: 0px; }
img.menuButton2 { left: 107px; }
img.menuButton3 { left: 195px; }
img.menuButton4 { left: 287px; }
img.menuButton5 { left: 413px; }
img.menuButton6 { left: 505px; }

div.menuBar,
div.menuBar a.menuButton,
div.menuBar a.menuButtonSelect,
div.menuBar a.menuButtonActive,
div.menuBar a.menuSep,
div.menu,
div.menu a.menuItem,
div.menu a.menuItemSelect,
div.menu a.menuItemHighlight {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  background-color: inherit;
  color: #fff;
  padding: 0px;
  margin: 0px;
  border: 0px none;
}

div.menuBar {
}

div.menuBar img {
  vertical-align:middle;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

div.menuBar a.menuButton,
div.menuBar a.menuButtonSelect,
div.menuBar a.menuButtonActive,
div.menuBar a.menuSep {
  font-size: 13px;
  line-height: 39px;
  position: relative;
  text-decoration: none;
  z-index: 1000;
  left: 0px;
  top: 0px;
  margin: 0px 4px;
}

div.menuBar a.menuSep {
  cursor: default;
}

div.menuBar a.menuButton {
  background-color: inherit;
  color: #fff;
}

a.menuButton img,
a.menuSep img {
  padding-right: 4px;
}

div.menuBar a.menuButtonSelect {
  background-color: inherit;
  color: #deeed3;
}

div.menuBar a.menuButton:hover,
div.menuBar a.menuButtonSelect:hover,
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: inherit;
  color: #deeed3;
}

a.dropDown {
  cursor: default;
}

div.menu {
  padding: 0px 1px 1px 0px;
  position: absolute;
  visibility: hidden;
  z-index: 1010;
  left: 0px;
  top: 0px;
}

div.menu a.menuItem,
div.menu a.menuItemSelect,
div.menu a.menuItemHighlight {
  background-color: #deeed3;
  color: #294293;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  border: 0px none;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #9f001c;
  color: #fff;
}

div.menu a.menuItem span.menuItemText {
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-bottom: 1px solid #fff;
  margin: 4px 2px;
  cursor: default;
}

div.menu div.menuItemHdr {
  background-color: #deeed3;
  color: #ecccd2;
  cursor: default;
  padding: 3px 1em;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  border: 0px none;
}


/*============================================================================*/
/*                              MENU DE GAUCHE                                */
/*============================================================================*/

/*-----------*/
/* BLOC VERT */
/*-----------*/

/* en-tête et pied du bloc */
.bloc-vert-tete {
  background: url(images/fleche_vert.gif) left top no-repeat;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
  margin: 0px;
}
.bloc-vert-tete, .bloc-vert-pied {
  background-color: #5ba822;
  color: #fff;
  font-family: arial, sans-serif;
  border: 0px none;
  text-align: left;
  padding: 0px 0px 0px 30px;
  width: 122px;
  cursor: pointer;
  overflow: hidden;
}
.bloc-vert-pied {
  font-size: 1px;
  line-height: 1px;
  margin: 1px 0px 5px 0px;
  height: 3px;
}

/* conteneur de sous-menus */
.bloc-vert-conteneur {
  background-color: #deeed3;
  color: #000;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

/* entrées de menu */
.bloc-vert-menu, .bloc-vert-menu-select,
.bloc-vert-menu a, .bloc-vert-menu a:hover,
.bloc-vert-menu-select a, .bloc-vert-menu-select a:hover {
  background-color: #deeed3;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  border: 0px none;
  line-height: 11px;
}
.bloc-vert-menu, .bloc-vert-menu-select {
  text-align: left;
  margin: 1px 0px 0px 0px;
  padding: 0px;
}
.bloc-vert-menu-select {
  background-color: #5ba822;
  color: #fff;
}
.bloc-vert-menu a,
.bloc-vert-menu-select a,
.bloc-vert-menu a:hover,
.bloc-vert-menu-select a:hover {
  background-color: inherit;
  color: inherit;
  padding: 0px 2px 0px 8px;
  display: block;
}
.bloc-vert-menu a:hover {
  background-color: inherit;
  color: #5ba822;
}
.bloc-vert-menu-select a:hover {
  background-color: inherit;
  color: #000;
}

/* entrées de sous-menu */
.bloc-vert-submenu, .bloc-vert-submenu-select,
.bloc-vert-submenu a, .bloc-vert-submenu a:hover,
.bloc-vert-submenu-select a, .vert-vert-submenu-select a:hover {
  background-color: #deeed3;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  border: 0px none;
  line-height: 11px;
}
.bloc-vert-submenu, .bloc-vert-submenu-select {
  text-align: left;
  margin: 0px;
  padding: 0px;
}
.bloc-vert-submenu a, .bloc-vert-submenu-select a {
  background-color: inherit;
  color: #5ba822;
  padding: 0px 2px 0px 5px;
}
.bloc-vert-submenu-select a, .bloc-vert-submenu-select a:hover {
  background-image: url(images/submenu-fl.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bloc-vert-submenu a:hover, .bloc-vert-submenu-select a:hover {
  background-color: inherit;
  color: #5ba822;
  padding: 0px 2px 0px 5px;
  text-decoration: underline;
}
/*------------*/
/* BLOC JAUNE */
/*------------*/

/* en-tête et pied du bloc */
.bloc-jaune-tete {
  background: url(images/fleche_jaune.gif) left top no-repeat;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
  margin: 0px;
}
.bloc-jaune-tete, .bloc-jaune-pied {
  background-color: #e9b806;
  color: #fff;
  font-family: arial, sans-serif;
  border: 0px none;
  text-align: left;
  padding: 0px 0px 0px 30px;
  width: 122px;
  cursor: pointer;
  overflow: hidden;
}
.bloc-jaune-pied {
  font-size: 1px;
  line-height: 1px;
  margin: 1px 0px 5px 0px;
  height: 3px;
}

/* conteneur de sous-menus */
.bloc-jaune-conteneur {
  background-color: #fbf1cd;
  color: #000;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

/* entrées de menu */
.bloc-jaune-menu, .bloc-jaune-menu-select,
.bloc-jaune-menu a, .bloc-jaune-menu a:hover,
.bloc-jaune-menu-select a, .bloc-jaune-menu-select a:hover {
  background-color: #fbf1cd;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  border: 0px none;
  line-height: 11px;
}
.bloc-jaune-menu, .bloc-jaune-menu-select {
  text-align: left;
  margin: 1px 0px 0px 0px;
  padding: 0px;
}
.bloc-jaune-menu-select {
  background-color: #e9b806;
  color: #fff;
}
.bloc-jaune-menu a,
.bloc-jaune-menu-select a,
.bloc-jaune-menu a:hover,
.bloc-jaune-menu-select a:hover {
  background-color: inherit;
  color: inherit;
  padding: 0px 2px 0px 8px;
  display: block;
}
.bloc-jaune-menu a:hover {
  background-color: inherit;
  color: #e9b806;
}
.bloc-jaune-menu-select a:hover {
  background-color: inherit;
  color: #000;
}

/* entrées de sous-menu */
.bloc-jaune-submenu, .bloc-jaune-submenu-select,
.bloc-jaune-submenu a, .bloc-jaune-submenu a:hover,
.bloc-jaune-submenu-select a, .jaune-vert-submenu-select a:hover {
  background-color: #fbf1cd;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  border: 0px none;
  line-height: 11px;
}
.bloc-jaune-submenu, .bloc-jaune-submenu-select {
  text-align: left;
  margin: 0px;
  padding: 0px;
}
.bloc-jaune-submenu a, .bloc-jaune-submenu-select a {
  background-color: inherit;
  color: #e9b806;
  padding: 0px 2px 0px 5px;
}
.bloc-jaune-submenu-select a, .bloc-jaune-submenu-select a:hover {
  background-image: url(images/submenu-fl.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bloc-jaune-submenu a:hover, .bloc-jaune-submenu-select a:hover {
  background-color: inherit;
  color: #e9b806;
  padding: 0px 2px 0px 5px;
  text-decoration: underline;
}
/*------------*/
/* BLOC ROUGE */
/*------------*/

/* en-tête et pied du bloc */
.bloc-rouge-tete {
  background: url(images/fleche_rouge.gif) left top no-repeat;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
  margin: 0px;
}
.bloc-rouge-tete, .bloc-rouge-pied {
  background-color: #9f001c;
  color: #fff;
  font-family: arial, sans-serif;
  border: 0px none;
  text-align: left;
  padding: 0px 0px 0px 30px;
  width: 122px;
  cursor: pointer;
  overflow: hidden;
}
.bloc-rouge-pied {
  font-size: 1px;
  line-height: 1px;
  margin: 1px 0px 5px 0px;
  height: 3px;
}

/* conteneur de sous-menus */
.bloc-rouge-conteneur {
  background-color: #ecccd2;
  color: #000;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

/* entrées de menu */
.bloc-rouge-menu, .bloc-rouge-menu-select,
.bloc-rouge-menu a, .bloc-rouge-menu a:hover,
.bloc-rouge-menu-select a, .bloc-rouge-menu-select a:hover {
  background-color: #ecccd2;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  border: 0px none;
  line-height: 11px;
}
.bloc-rouge-menu, .bloc-rouge-menu-select {
  text-align: left;
  margin: 1px 0px 0px 0px;
  padding: 0px;
}
.bloc-rouge-menu-select {
  background-color: #9f001c;
  color: #fff;
}
.bloc-rouge-menu a,
.bloc-rouge-menu-select a,
.bloc-rouge-menu a:hover,
.bloc-rouge-menu-select a:hover {
  background-color: inherit;
  color: inherit;
  padding: 0px 2px 0px 8px;
  display: block;
}
.bloc-rouge-menu a:hover {
  background-color: inherit;
  color: #9f001c;
}
.bloc-rouge-menu-select a:hover {
  background-color: inherit;
  color: #000;
}

/* entrées de sous-menu */
.bloc-rouge-submenu, .bloc-rouge-submenu-select,
.bloc-rouge-submenu a, .bloc-rouge-submenu a:hover,
.bloc-rouge-submenu-select a, .rouge-vert-submenu-select a:hover {
  background-color: #ecccd2;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  border: 0px none;
  line-height: 11px;
}
.bloc-rouge-submenu, .bloc-rouge-submenu-select {
  text-align: left;
  margin: 0px;
  padding: 0px;
}
.bloc-rouge-submenu a, .bloc-rouge-submenu-select a {
  background-color: inherit;
  color: #9f001c;
  padding: 0px 2px 0px 5px;
}
.bloc-rouge-submenu-select a, .bloc-rouge-submenu-select a:hover {
  background-image: url(images/submenu-fl.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bloc-rouge-submenu a:hover, .bloc-rouge-submenu-select a:hover {
  background-color: inherit;
  color: #9f001c;
  padding: 0px 2px 0px 5px;
  text-decoration: underline;
}


/*============================================================================*/
/*                            STYLES GENERAUX                                 */
/*============================================================================*/

/* style par défaut des titres */
h1, div.h1 {
  background-color: inherit;
  color: #294293;
  border-bottom: 1px solid #294293;
  font-family: arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  margin: 12px 0px 12px 0px;
  padding: 0px;
}
div.h1 div.puce-verte,
div.h1 div.puce-verte-fond-vert {
  background: url(images/fleche_grand_vert.gif) left top no-repeat;
  background-color: #fff;
  color: inherit;
  overflow: hidden;
  float: left;
  width: 40px;
  height: 28px;
}
div.h1 div.puce-verte-fond-bleu {
  background: url(images/fleche_grand_vert2.gif) left top no-repeat;
  background-color: #99CCFF;
  color: inherit;
  overflow: hidden;
  float: left;
  width: 40px;
  height: 28px;
}

div.h1 div.puce-verte-fond-vert {
  background-color: #deeed3;
  color: inherit;
}
div.h1 div.puce-jaune {
  background: url(images/fleche_grand_jaune.gif) left top no-repeat;
  background-color: #fff;
  color: inherit;
  overflow: hidden;
  float: left;
  width: 40px;
  height: 28px;
}
div.h1 div.puce-rouge {
  background: url(images/fleche_grand_rouge.gif) left top no-repeat;
  background-color: #fff;
  color: inherit;
  overflow: hidden;
  float: left;
  width: 40px;
  height: 28px;
}
h2 {
  background-color: inherit;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  margin: 24px 0px 18px 0px;
  padding: 2px;
}
h3 {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 12px 0px 6px 0px;
  padding: 2px;
}
h4 {
  background-color: inherit;
  color: #294293;
  border-bottom: 1px solid #294293;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  text-align: left;
  margin: 18px 0px 12px 0px;
  padding: 0px;
}

/* styles par défaut des paragraphes */
p {
  background-color: inherit;
  /*color: #000;*/
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  text-align: justify;
  margin: 4px;
  padding: 2px;
}

/* style par défaut des liens  */
a {
  background-color: inherit;
  color: #294293;
  text-decoration: none;
  /*border-bottom: 1px dotted;*/
}
a:hover {
  background-color: inherit;
  text-decoration: underline;
  color: #9f001c;
}

/* pas de marge ou d'espacement pour les blocs */
div {
  margin: 0px;
  padding: 0px;
}

/* indentation */
blockquote {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

/* pas de bordure pour les images */
img {
  border: 0px none;
  padding: 0px;
  margin: 0px;
}


/* lignes d'espacement */
br.espace-10 {
  font-size: 1px;
  line-height: 10px;
  margin: 0px;
  padding: 0px;
}
br.espace-20 {
  font-size: 1px;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
}
hr.separation {
  border-top: 1px dashed #0B3D91;
  border-left: 0px none;
  border-right: 0px none;
  border-bottom: 0px none;
  padding: 0px;
  margin: 10px 0px;
  line-height: 0px;
  height: 0px;
}

/* style par défaut des formulaires */
form {
  margin: 0px;
  padding: 0px;
}

/* style des champs de formulaire */
input, textarea, input.text, input.erreur, input.case,
textarea.text, textarea.erreur {
  background-color: inherit;
  color: #294293;
  border: 1px solid #294293;
  font: 11px Arial, Helvetica;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

input.case {
  border: 0px none;
}

input.button, button {
  background-color: white;
  color: #294293;
  border: 1px solid #294293;
  font: 12px Arial, Helvetica;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

input.erreur, textarea.erreur {
  background-color: #fcc;
}

select {
  background-color: #fff;
  color: #294293;
  border: 1px solid #294293;
  font: 11px Arial, Helvetica;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

optgroup option, option.groupe {
  padding: 0px 0px 0px 20px;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

td {
  vertical-align: top;
}

tr.element, td.element, td.element_titre, td.element_date {
  font: 12px Arial, Helvetica;
  background-color: #fff;
  color: black;
  margin: 0 0 0 0;
  padding: 0 10px;
  font-weight: bold;
  text-align: left;
}

/* style des tableaux de données */
.tableau {
  border: 2px solid #181B4E;
  border-collapse: collapse;
  width: 84%;
  margin-left: 8%;
  padding: 0px;
}
.tableau caption {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 2px;
  padding: 2px;
}
.tableau th {
  border: 1px solid #181B4E;
  font-weight: bold;
  text-align: center;
  background-color: #000066;
  color : #FFFFFF;
}
.tableau td {
  border: 1px solid #181B4E;
}
.tableau td.left {
  border: 1px solid #181B4E;
  text-align : left;
}
.tableau tr.center {
  border: 1px solid #181B4E;
  text-align : center;
}

/* style des tableaux de statistiques */
.tab-statistique {
  border: 2px solid #181B4E;
  border-collapse: collapse;
  width: 90%;
  margin-left: 0%;
  padding: 0px;
}
.tab-statistique caption {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 2px;
  padding: 2px;
}
.tab-statistique th {
  border: 1px solid #181B4E;
  font-weight: bold;
  text-align: center;
  background-color: #000066;
  color : #FFFFFF;
}
.tab-statistique td {
  border: 1px solid #181B4E;
  vertical-align: middle;
}
.tab-statistique td.left {
  border: 1px solid #181B4E;
  text-align : left;
}
.tab-statistique tr.center {
  border: 1px solid #181B4E;
  text-align : center;
}


/* style des tableaux listant des entreprises avec logo */
.tab-logo {
  border-collapse: collapse;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.tab-logo td {
  text-align: left;
  vertical-align: top;
  width: 30%;
  padding: 5px;
}
.tab-logo td.logo {
  text-align: center;
  vertical-align: middle;
  width: 20%;
}

/* termine un ensemble de blocs float et prépare l'affichage du pied de page */
.spacer {
  clear: both;
	height: 0px;
	font-size: 1px;
	overflow: hidden;
}

/* espacement vertical entre 2 éléments */
.espace-20 {
  clear: both;
	height: 0px;
	font-size: 1px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

/* bloc affiché après un ensemble de blocs float */
.nouveau {
  clear: both;
  margin: 10px 0px 0px 0px;
}

/* style pour un affichage en 2 colonnes */
.colonnes {
  width: 100%;
}
.colonne-gauche {
  float: left;
  width: 45%;
  margin: 0px 0px 10px 10px;
}
.colonne-droite {
  float: right;
  width: 45%;
  margin: 0px 10px 10px 0px;
}


/* style du message d'avertissement en cas de désactivation du JavaScript */
.noscript, .noscript:first-letter {
  background-color: inherit;
  color: yellow;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

/* texte de légende */
.legende {
  background-color: inherit;
  color: #181B4E;
  font-size: x-small;
  font-style: italic;
  text-align: center;
  margin: 2px;
  padding: 2px;
}

/* styles génériques */
.bloc-centre {margin: 0 auto 0 auto;}
.agauche { float: left; }
.adroite { float: right; }
.aucentre { margin: 0px auto 0px auto; }
.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }
.gras { font-weight: bold; }
.italic { font-style: italic; }
.souligne { text-decoration: underline; }
.bleu { color: #294293; background-color: inherit; }
.rouge { color: #9f001c; background-color: inherit; }
.jaune { color: #e9b806; background-color: inherit; }
.vert { color: #5ba822; background-color: inherit; }
.blanc { color: white; background-color: inherit;}
.fond-bleu { color: inherit; background-color: #294293; }
.fond-rouge { color: inherit; background-color: #ecccd2; }
.fond-jaune { color: inherit; background-color: #fbf1cd; }
.fond-vert { color: inherit; background-color: #deeed3; }
.fond-blanc { color: white; background-color: #fff;}
.arial { font-family: arial, sans-serif; }
.verdana { font-family: verdana, arial, sans-serif; }
.invisible { display: none; }
.block { display: block; }
.inline { display: inline; }
.relative { position: relative; }
.interligne-double { line-height: 2em; }
.marge-10 { margin: 10px 10px; }
.marge-20 { margin: 20px 20px; }
.marge-30 { margin: 30px 30px; }
.marge-gauche-10 { margin-left: 10px; }
.marge-droite-10 { margin-right: 10px; }
.marge-haut-10 { margin-top: 10px; }
.marge-bas-10 { margin-bottom: 10px; }
.marge-gauche-20 { margin-left: 20px; }
.marge-droite-20 { margin-right: 20px; }
.marge-haut-20 { margin-top: 20px; }
.marge-bas-20 { margin-bottom: 20px; }
.marge-gauche-30 { margin-left: 30px; }
.marge-droite-30 { margin-right: 30px; }
.marge-haut-30 { margin-top: 30px; }
.marge-bas-30 { margin-bottom: 30px; }
.espace-tous-10 { padding: 10px 10px; }
.espace-tous-20 { padding: 20px 20px; }
.espace-tous-30 { padding: 30px 30px; }
.espace-gauche-10 { padding-left: 10px; }
.espace-droite-10 { padding-right: 10px; }
.espace-haut-10 { padding-top: 10px; }
.espace-bas-10 { padding-bottom: 10px; }
.espace-gauche-20 { padding-left: 20px; }
.espace-droite-20 { padding-right: 20px; }
.espace-haut-20 { padding-top: 20px; }
.espace-bas-20 { padding-bottom: 20px; }
.espace-gauche-30 { padding-left: 30px; }
.espace-droite-30 { padding-right: 30px; }
.espace-haut-30 { padding-top: 30px; }
.espace-bas-30 { padding-bottom: 30px; }
.aligner-haut { vertical-align: top; }
.aligner-milieu { vertical-align: middle; }
.aligner-bas { vertical-align: bottom; }
.bordure-1 { border: 1px solid #181B4E; }
.bordure-0 { border: 0px none; }
.largeur-10 { width: 10%; }
.largeur-20 { width: 20%; }
.largeur-30 { width: 30%; }
.largeur-33 { width: 33%; }
.largeur-40 { width: 40%; }
.largeur-45 { width: 45%; }
.largeur-50 { width: 50%; }
.largeur-60 { width: 60%; }
.largeur-66 { width: 66%; }
.largeur-70 { width: 70%; }
.largeur-80 { width: 80%; }
.largeur-90 { width: 90%; }
.largeur-100 { width: 100%; }
.no-empty-cells { empty-cells: hide; }
.zone-icone { padding-left: 26px; }
.cursor-pointer { cursor: pointer; }
.alpha { list-style-type: lower-alpha; }
.puce-1, .puce-2, .puce-3 {
  list-style-type: none;
  line-height: 22px;
  padding-left: 30px;
  margin-top: 10px;
}
.puce-1 { background: url(images/1.gif) left top no-repeat; }
.puce-2 { background: url(images/2.gif) left top no-repeat; }
.puce-3 { background: url(images/3.gif) left top no-repeat; }

/* liste de liens avec puces */
ul.liste-liens {
  list-style-type: none;
  list-style-image: url(images/puce_bleu.gif);
  list-style-position: inside;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 0px 50px 0px 0px;
}
ul.liste-liens a,
ul.liste-liens a:hover {
  padding: 0px 0px 0px 5px;
  margin: 0px;
}

/* liste de liens avec résumé */
ul.liste-titre {
  list-style-type: none;
  list-style-image: url(images/puce_bleu.gif);
  list-style-position: inside;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
ul.liste-titre a,
ul.liste-titre a:hover {
  background-color: inherit;
  color: #000;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  margin: 0px;
}
ul.liste-titre div.intro {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
}

/* lien Lire la suite */
div.suite {
  text-align: right;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
div.suite a,
div.suite a:hover {
  background-color: inherit;
  color: #9f001c;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
div.suite a:hover {
  text-decoration: underline;
}


/* conteneurs de texte */
.texte {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: justify;
  margin: 0px 100px 0px 0px;
  padding: 0px;
  clear: none;
}
.texte-large {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: justify;
  margin: 0px;
  padding: 0px;
  width: 702px;
  clear: none;
}

/* message d'erreur */
#erreur, .erreur {
  background-color: #ffe1e1;
  color: #000;
  border: 1px solid #f00;
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 5px 10px 5px 30px;
  margin: 5px;
}
.erreur-over {
  background-color: #ffa1a1;
  color: #fff;
  border: 1px solid #f00;
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 5px 10px 5px 30px;
  margin: 5px;
  cursor: pointer;
}

/* messages */
#message, .message {
  background-color: #e1ffe1;
  color: #000;
  border: 1px solid #0f0;
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 5px 10px 5px 30px;
  margin: 5px;
}
.message-over {
  background-color: #a1ffa1;
  color: #fff;
  border: 1px solid #0f0;
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 5px 10px 5px 30px;
  margin: 5px;
  cursor: pointer;
}

/* cadre */
.cadre {
  border: 1px dashed #9f001c;
  margin: 20px auto 0px auto;
  padding: 20px 20px;
}

/* aperçu de texte avant enregistrement */
.apercu {
  border: 1px dotted #294293;
  margin: 10px;
  padding: 5px;
}


/*============================================================================*/
/*                               STYLES F.A.Q.                                */
/*============================================================================*/

/* intitulé FAQ */
.faq_question {
  background: url(images/fleche_vert.gif) left top no-repeat;
  background-color: #5ba822;
  color: #fff;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  line-height: 16px;
  margin: 20px 100px 0px 0px;
  padding: 0px 0px 0px 30px;
  overflow: hidden;
  height: 16px;
  cursor: pointer;
}

/* réponse FAQ */
.faq_reponse {
  background-color: #deeed3;
  color: #294293;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align: justify;
  line-height: 16px;
  margin: 0px 100px 0px 0px;
  padding: 4px;
  cursor: text;
}

/* barre d'action FAQ */
.faq_action {
  background-color: #deeed3;
  color: #294293;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
  margin: 20px 100px 0px 0px;
  padding: 4px;
  cursor: text;
}


/*============================================================================*/
/*                            STYLES RECHERCHE                                */
/*============================================================================*/

p.rechercheTitre {
  font: 11px Arial, Helvetica;
  color: rgb(0,0,0);
  margin: 4px 50px 4px 50px;
  padding: 0 0 0 0;
  text-align: left;
  font-style: normal;
}
p.recherchePage {
  font: 11px Arial, Helvetica;
  color: rgb(0,0,0);
  margin: 4px 0px;
  padding: 0 0 0 0;
  text-align: center;
  font-style: normal;
  font-weight: bold;
}
p.rechercheReponseTitre {
  font: 12px Arial, Helvetica;
  color: rgb(0,0,0);
  margin: 0 10px;
  padding: 0 0 0 0;
  text-align: left;
  font-style: normal;
  font-weight: bold;
}
p.rechercheReponse {
  font: 12px Arial, Helvetica;
  color: rgb(51, 51, 51);
  margin: 0 30px 20px 30px;
  padding: 0 0 0 0;
  text-align: justify;
  font-style: normal;
}


/*============================================================================*/
/*                          STYLES PAGE MENTIONS                              */
/*============================================================================*/

#mentions {
  border: 1px dashed #9f001c;
  margin: 50px auto 0px auto;
  padding: 10px;
  width: 200px;
}


/*============================================================================*/
/*                              STYLES PLAN                                   */
/*============================================================================*/

#plan {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: left;
  margin: 0px;
  padding: 0px 50px;
  clear: none;
}

.plan-racine {
  background: url(images/fleche_vert.gif) left top no-repeat;
  text-align: left;
  line-height: 16px;
  margin: 20px 100px 10px 0px;
  padding: 0px 0px 0px 30px;
  overflow: hidden;
  height: 16px;
}
.plan-racine,
.plan-racine a,
.plan-racine a:hover {
  background-color: #5ba822;
  color: #fff;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
.plan-racine a:hover {
  text-decoration: underline;
}

.plan-bloc {
  margin: 0px 0px 0px 50px;
}

.plan-rubrique,
.plan-rubrique-jaune,
.plan-rubrique-rouge {
  text-align: left;
  line-height: 16px;
  margin: 4px 0px;
  padding: 0px;
}
.plan-rubrique,
.plan-rubrique-jaune,
.plan-rubrique-rouge,
.plan-rubrique-jaune a,
.plan-rubrique-jaune a:hover,
.plan-rubrique-rouge a,
.plan-rubrique-rouge a:hover,
.plan-rubrique a,
.plan-rubrique a:hover {
  background-color: inherit;
  color: #294293;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.plan-rubrique a:hover,
.plan-rubrique-jaune a:hover,
.plan-rubrique-rouge a:hover {
  text-decoration: underline;
}

.plan-rubrique-jaune,
.plan-rubrique-rouge {
  margin: 20px 100px 10px 0px;
  padding: 0px 0px 0px 30px;
  overflow: hidden;
  height: 16px;
}
.plan-rubrique-jaune {
  background: url(images/fleche_jaune.gif) left top no-repeat;
  background-color: #e9b806;
  color: #fff;
}
.plan-rubrique-rouge {
  background: url(images/fleche_rouge.gif) left top no-repeat;
  background-color: #9f001c;
  color: #fff;
}


/*============================================================================*/
/*                           STYLES PAGE CONTACT                              */
/*============================================================================*/

#contact {
  margin: 60px auto 0px auto;
  padding: 0px;
}
#contact td {
  margin: 0px;
  padding: 4px;
}
#contact td.sep {
  margin: 0px;
  padding: 0px;
  width: 2%;
}
#contact td.optionnel {
  font-weight:normal;
}
#contact td.facultatif {
  font-weight:bold;
}
#contact td.obligatoire {
  font-weight:bold;
}
#contact td.valeur {
  /*text-align: right;*/
}

p.recapResume {
  font: 12px Arial, Helvetica;
  color: #294293;
  margin-top: 5pt;
  margin-bottom: 5pt;
  font-style: italic;
  text-align:center;
}

p.recapErreur {
  font: 12px Arial, Helvetica;
  /*font-weight: bold;*/
  color: #e00;
  margin-top: 10pt;
  margin-bottom: 10pt;
  font-style: italic;
  text-align:center;
}

/*============================================================================*/
/*                           STYLES PAGE AVENIR ET SANTE                      */
/*============================================================================*/

#contentMagazine{
  position:relative;
  float:left;
  width:500px;
  padding:0;
  margin-left:30px;
}
#contentMagazine h3
{
  margin-bottom:5px;
  font-size:12px;
  line-height:13px;
  font-weight:bold;
  color:#5ba822;
}
#contentMagazine a
{
  border-bottom:1px dotted;
}
#contentMagazine div.imgtxt,div.txt {    
  clear:both;
}
#contentMagazine div.imgtxt div.imglft{
  float:left;
}
#contentMagazine div.imgtxt div.imglft img{
  display:block;
}



/*============================================================================*/
/*                         STYLES PAGE ADMINISTRATION                         */
/*============================================================================*/

/*------------------------*/
/* Styles des formulaires */
/*------------------------*/

/* formulaire de connexion */
#login_form {
}
/* barre d'options pour le formulaire de connexion */
#login_options {
  width: 250px;
  margin: 10px auto 0px auto;
  padding: 0px;
}

/* formulaire */
table.admin_form {
  border: 1px dashed #9f001c;
  border-collapse: separate;
  border-spacing: 4px;
  margin: 20px auto 0px auto;
  padding: 10px 30px;
}

/* style des cellules */
.admin_form_lib_normal,
.admin_form_lib_obligatoire,
.admin_form_val_normal,
.admin_form_val_obligatoire {
  background-color: inherit;
  color: #000;
  font: 12px Arial, Helvetica;
  line-height: 20px;
  margin: 0px;
  padding: 0px 4px;
}
.admin_form_lib_normal,
.admin_form_lib_obligatoire {
  text-align: right;
  font-weight: normal;
}
.admin_form_lib_obligatoire {
  font-weight: bold;
}
.admin_form_val_normal,
.admin_form_val_obligatoire {
  text-align: left;
  font-weight: normal;
}
.admin_form_val_obligatoire {
  font-weight: normal;
}

/* style de la cellule contenant les champ d'action du formulaire */
.admin_form_action {
  background-color: inherit;
  color: #000;
  font: 12px Arial, Helvetica;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

/* espace de séparation */
.form_sep {
  margin: 0px;
  padding: 0px 10px;
}


/*----------------------------*/
/* Styles des barres d'outils */
/*----------------------------*/

/* style général de la barre */
.toolbar {
  background-color: #fbf1cd;
  color: #000;
  width: 98%;
  margin: 0px auto 0px auto;
  padding: 0px;
}
/* style d'une icône de la barre */
.toolbar_action {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  text-align:center;
  padding-top: 5px;
}

/* style d'un libellé de la barre */
.toolbar_action_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  margin-left: 10px;
  margin-right: 10px;
  text-align:center;
  padding-bottom: 5px;
}

/*---------------------*/
/* Styles des tableaux */
/*---------------------*/

/* style général du tableau */
.html_table {
  width: 98%;
  margin: 0px auto 0px auto;
  padding: 0px;
  border-spacing: 2px;
  border-collapse: separate;
}

/* style de la barre de navigation */
.html_table_nav {
  width: 98%;
  margin: 0px auto 0px auto;
  padding: 0px;
}
.html_table_nav, .html_table_nav a {
  background-color: inherit;
  color: #666;
  font: 12px arial;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
}
.html_table_nav a:hover {
  text-decoration: underline;
}

/* style de la barre d'en-tête */
.html_table_header {
  font: 12px arial;
  background-color: #5ba822;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
.html_table_header img {
  vertical-align: middle;
}
a.html_table_header,
a.html_table_header:hover {
  background-color: inherit;
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}
a.html_table_header:hover {
  background-color: inherit;
  color: #ecccd2;
  text-decoration: none;
  font-weight: bold;
}
/* styles des cellules */
.html_table_cell, .html_table_cell0, .html_table_cell1 {
  background-color: #deeed3;
  color: #000;
  font: 12px arial;
  font-weight: normal;
  vertical-align: middle;
  padding: 0px 4px;
}
a.html_table_cell, a.html_table_cell0, a.html_table_cell1 {
  background-color: inherit;
  color: #000;
  text-decoration: none;
}
a.html_table_cell:hover, a.html_table_cell0:hover, a.html_table_cell1:hover {
  background-color: inherit;
  color: #9f001c;
  text-decoration: underline;
}

/* style des boutons d'actions du tableau */
.html_table_action, .html_table_action0, .html_table_action1 {
  background-color: #deeed3;
  color: #000;
  font: 12px arial;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
a.html_table_action, a.html_table_action0, a.html_table_action1 {
  background-color: inherit;
  color: #000;
  text-decoration: none;
}
a.html_table_action:hover, a.html_table_action0:hover, a.html_table_action1:hover {
  background-color: inherit;
  color: #9f001c;
  text-decoration: underline;
}

/* style des cellules pour les lignes paires */
.html_table_cell0, .html_table_action0 {
  background-color: #deeed3;
  color: #000;
}

/* style des cellules pour les lignes impaires */
.html_table_cell1, .html_table_action1 {
  background-color: #fbf1cd;
  color: #000;
}

/*----------------------------------*/
/* Styles des événements du journal */
/*----------------------------------*/

.css_log {
  font: 8pt Courier;
  color: blue;
}



/*============================================================================*/
/*                        STYLES GESTION DE DROITS                            */
/*============================================================================*/

#droits {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: left;
  margin: 0px;
  padding: 0px 50px;
  clear: none;
}

.droits-rubrique {
  text-align: left;
  line-height: 18px;
  margin: 4px 0px;
  padding: 0px 0px 0px 20px;
  overflow: hidden;
  height: 18px;
}

.droits-rubrique,
.droits-rubrique a,
.droits-rubrique a:hover {
  background-color: inherit;
  color: #294293;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.droits-rubrique a:hover,
.droits-rubrique-jaune a:hover,
.droits-rubrique-rouge a:hover {
  text-decoration: underline;
}

.droits-verouille {
  background: url(images/droit.gif) 2px 0px no-repeat;
}

.droits-racine,
.droits-racine-jaune,
.droits-racine-rouge {
  margin: 20px 100px 10px 0px;
}

.droits-racine,
.droits-racine a,
.droits-racine a:hover {
  background-color: #5ba822;
  color: #fff;
}
.droits-racine-jaune,
.droits-racine-jaune a,
.droits-racine-jaune a:hover {
  background-color: #e9b806;
  color: #fff;
}
.droits-racine-rouge,
.droits-racine-rouge a,
.droits-racine-rouge a:hover {
  background-color: #9f001c;
  color: #fff;
}

.droits-bloc {
  margin: 0px 0px 0px 50px;
}

.droits-info {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}

/* formulaire de sélection d'un droit */
#form-droits {
  background-color: #fff;
  color: #000;
  visibility: hidden;
  position: absolute;
  z-index: 100;
  overflow:hidden;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 200px;
  border: 1px solid #ecccd2;
}
#form-droits div {
  border: 1px dashed #9f001c;
  margin: 0px;
  padding: 10px;
  text-align: center;
}
#form-droits p {
  background-color: inherit;
  color: #294293;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}


.forums 		{ background-color: #98C6E7; }
.forums .menu-titre	{ background-color: #98C6E7; text-align:center; }

/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 12px;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: black;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 10px;
	background: #98C6E7;
}
ul ul .forum-chapo {
	background: #d4e8e8;
}
ul ul ul .forum-chapo {
	background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
	background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
	background: #ffffff;
}