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

/* style global */
* {
  margin: 0px;
  padding: 0px;
  /*border: 1px solid black;*/
}
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;
}

body.intro {
  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 35px 0px;
	position: relative;
	z-index: 1;
}

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

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

#contenu ul {
  margin: 2px 2px 2px 20px ;
}

/* 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: 35px;
	margin: 0px;
  padding: 5px 0px 0px 0px;
  z-index: 2;
}

/* menu de pied de page */
#menu-pied {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  margin: 0px auto 0px auto;
  padding: 0px;
}
#menu-pied a {
  background-color: inherit;
  color: #888;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  border: 0px none;
  margin: 0px;
}
#menu-pied a:hover {
  background-color: inherit;
  color: #274e92;
}

/* lien retour haut de page */
#lien-haut {
  /*height: 20px;*/
  /*float: right;*/
}
.lien-haut, #lien-haut {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: right;
  margin: 0px auto 0px auto;
  padding: 0px;
}
.lien-haut a, #lien-haut a {
  background-color: inherit;
  color: #888;
  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: #274e92;
}


/*============================================================================*/
/*                               PAGE ACCUEIL                                 */
/*============================================================================*/

/* menu de droite */
#menu-droite {
  float: right;
  padding: 4px 0px 4px 4px;
  margin: 0px 0px 0px 4px;
  width: 158px;
}

/* bloc de droite */
#bloc-droite {
  background-color: #e7eefb;
  color: #000;
  float: right;
  padding: 4px 4px 4px 4px;
  margin: 0px;
  width: 265px;
}

/* numéro de téléphone */
#numero-eskape {
  background-color: inherit;
  color: #274e92;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin: 4px 0px;
  padding: 0px;
}

#numero-eskape span {
  font-weight:normal;
  font-size: 15px;
}

/* blocs contenant les animations flash */
table.intro {
  text-align: center;
  width: 100%;
  height: 100%;
}
td.intro {
  text-align: center;
  vertical-align: middle;
}
td.intro table {
  margin: 0px auto 0px auto;
}
td.intro a {
  background-color: inherit;
  color: #888;
  font-size: 10px;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  border: 0px none;
  margin: 0px;
}
td.intro a:hover {
  background: inherit;
  color: #274e92;
}
#animation-flash-intro {
  text-align: center;
  border: 1px solid #000;
  padding: 5px;
  margin: 0px;
}
#animation-flash-chiffres {
  text-align: center;
  /*border: 1px solid #000;*/
  padding: 0px;
  margin: 0px;
}
#animation-flash-ba {
  text-align: center;
  /*border: 1px solid #000;*/
  padding: 0px;
  margin: 50px 0px 0px 0px;
}
#chiffre_eskape, #ba, #flash-intro {
  padding: 0px;
  margin: 0px;
}

/* bloc contenant le flux RSS */
#flux-rss {
  padding: 0px;
  margin: 4px 0px;
}

/* liste des logos partenaires */
#logos-partenaires {
  text-align: center;
  border: 1px solid #000;
  padding: 0px;
  margin: 4px 0px;
}
#logos-partenaires img {
  margin: 4px;
}

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

/* bloc actualités */
#actualites {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: left;
/*   height: 180px; */
  overflow: auto;
  padding: 0px;
  margin: 0px 0px 4px 0px;
}
#actualites p {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

/* bloc actualités */
#liste-actualites {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: left;
  margin: 40px 50px 0px 0px;
  width:50%;
  float: right;
}
#liste-actualites p {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

/* bloc un petit mot */
#petit-mot {
}

/* illustration des blocs */
#contenu-bloc img,
#petit-mot img {
  float: left;
  margin: 0px 8px 8px 0px;
  border: 0px none;
}


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

/* bandeau du haut de page */
#bandeau {
  height: 152px;
  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: 26px;
  top: 4px;
  width: 126px;
  height: 76px;
  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 {
  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 {
  background-color: #bd6e74;
  color: #fff;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 100px;
  width: 730px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px 4px;
}

/* 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: 10px;
  top: 130px;
  width: 720px;
  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: #d0ddf7;
  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;
  height: 16px;
  margin: 4px 4px 4px 164px;
  padding: 0px 4px;
}


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

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: #bd6e74;
  color: #fff;
  padding: 0px;
  margin: 0px;
  border: 0px none;
}

div.menuBar {
  line-height: 20px;
  height: 20px;
}

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

div.menuBar span {
  background-image: url(images/trait.gif);
  background-repeat: no-repeat;
  font-size: 10px;
  padding: 4px 1px;
  margin: 0px;
}

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

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: #fff;
  color: #8b000b;
}

div.menuBar a.menuButton:hover,
div.menuBar a.menuButtonSelect:hover,
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #fff;
  color: #8b000b;
}

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: #bd6e74;
  color: #8b000b;
  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: #8b000b;
  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: #bd6e74;
  color: #8b000b;
  cursor: default;
  padding: 3px 1em;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  border: 0px none;
}


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

/*------------------*/
/* BLOC GAUCHE-BLEU */
/*------------------*/

/* en-tête et pied du bloc */
.bloc-gauche-bleu-tete {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
  margin: 0px;
}
.bloc-gauche-bleu-tete span {
  display: block;
}
.bloc-gauche-bleu-tete, .bloc-gauche-bleu-pied {
  background-color: #274e92;
  color: #fff;
  font-family: arial, sans-serif;
  border: 0px none;
  text-align: center;
  padding: 0px;
  width: 152px;
  cursor: pointer;
  overflow: hidden;
}
.bloc-gauche-bleu-pied {
  font-size: 1px;
  line-height: 1px;
  margin: 1px 0px 5px 0px;
  height: 3px;
}

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

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

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

/* punaises insérées dans les menus */
.bloc-gauche-bleu-menu a.punaise,
.bloc-gauche-bleu-menu-select a.punaise,
.bloc-gauche-bleu-menu a.punaise:hover,
.bloc-gauche-bleu-menu-select a.punaise:hover,
.bloc-gauche-bleu-submenu a.punaise,
.bloc-gauche-bleu-submenu a.punaise:hover,
.bloc-gauche-bleu-submenu-select a.punaise,
.bloc-gauche-bleu-submenu-select a.punaise:hover {
  background-image: none;
  padding: 0px;
  display: inline;
}
/*---------------------*/
/* BLOC GAUCHE-BORDEAU */
/*---------------------*/

/* en-tête et pied du bloc */
.bloc-gauche-bordeau-tete {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  line-height: 16px;
  margin: 0px;
}
.bloc-gauche-bordeau-tete span {
  display: block;
}
.bloc-gauche-bordeau-tete, .bloc-gauche-bordeau-pied {
  background-color: #8b000b;
  color: #fff;
  font-family: arial, sans-serif;
  border: 0px none;
  text-align: center;
  padding: 0px;
  width: 152px;
  cursor: pointer;
  overflow: hidden;
}
.bloc-gauche-bordeau-pied {
  font-size: 1px;
  line-height: 1px;
  margin: 1px 0px 5px 0px;
  height: 3px;
}

/* conteneur de sous-menus */
.bloc-gauche-bordeau-conteneur {
  background-color: #bd6e74;
  color: #fff;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

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

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

/* punaises insérées dans les menus */
.bloc-gauche-bordeau-menu a.punaise,
.bloc-gauche-bordeau-menu-select a.punaise,
.bloc-gauche-bordeau-menu a.punaise:hover,
.bloc-gauche-bordeau-menu-select a.punaise:hover,
.bloc-gauche-bordeau-submenu a.punaise,
.bloc-gauche-bordeau-submenu a.punaise:hover,
.bloc-gauche-bordeau-submenu-select a.punaise,
.bloc-gauche-bordeau-submenu-select a.punaise:hover {
  background-image: none;
  padding: 0px;
  display: inline;
}


/*============================================================================*/
/*                             STYLES DES TITRES                              */
/*============================================================================*/

/*-------------------*/
/* TITRE GAUCHE-BLEU */
/*-------------------*/

/* barre de titre */
.titre-bleu {
  background-image: url(images/bloc_bleu.gif);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: inherit;
  color: #fff;
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  border: 0px none;
  line-height: 20px;
  margin: 0px 0px 4px 0px;
  padding: 0px;
  height: 25px;
  overflow: hidden;
}
/* icône de titre */
.titre-bleu span {
  background-image: url(images/fleur_bleu.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0px 21px 0px 25px;
  margin: 0px;
  vertical-align: top;  /* IE Fix */
}

/* soulignement d'un titre (actualite) */
.souligne-bleu {
  border-bottom: 1px solid #274e92;
}

/*----------------------*/
/* TITRE GAUCHE-BORDEAU */
/*----------------------*/

/* barre de titre */
.titre-bordeau {
  background-image: url(images/bloc_bordeau.gif);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: inherit;
  color: #fff;
  font-family: arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  border: 0px none;
  line-height: 20px;
  margin: 0px 0px 4px 0px;
  padding: 0px;
  height: 25px;
  overflow: hidden;
}
/* icône de titre */
.titre-bordeau span {
  background-image: url(images/fleur_bordeau.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0px 21px 0px 25px;
  margin: 0px;
  vertical-align: top;  /* IE Fix */
}

/* soulignement d'un titre (actualite) */
.souligne-bordeau {
  border-bottom: 1px solid #8b000b;
}



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

/* style par défaut des titres */
h1, div.h1 {
  background-color: inherit;
  color: #274e92;
  border-bottom: 1px solid #274e92;
  font-family: arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  margin: 12px 0px 12px 0px;
  padding: 0px;
}
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: #274e92;
  border-bottom: 1px solid #274e92;
  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: 0px 0px 4px 0px;
  padding: 0px;
}

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

/* 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: #274e92;
  border: 1px solid #274e92;
  font: 11px Arial, Helvetica;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

input:focus, textarea:focus {
    background-color: #d0ddf7 ;
    color: inherit ;
    border: 1px solid #000000 ;
  }

input.case {
  border: 0px none;
}

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

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

select {
  background-color: #fff;
  color: #274e92;
  border: 1px solid #274e92;
  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: #274e92; background-color: inherit; }
.bordeau { color: #8b000b; background-color: inherit; }
.blanc { color: white; background-color: inherit;}
.fond-bleu { color: inherit; background-color: #274e92; }
.fond-bordeau { color: inherit; background-color: #bd6e74; }
.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.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.gif);
  list-style-position: outside;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 10px 4px 0px 20px;
  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;
  margin: 0px;
}
ul.liste-titre div.intro {
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
}

/* date d'une actualité */
div.date-actu {
  float: left;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

/* 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: #8b000b;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
div.suite a:hover {
  text-decoration: underline;
}

/* signature d'article */
.signature {
  font-family: times new roman, sans-serif;
  font-size: 11px;
  font-style: italic;
  text-align: right;
  margin-top: 8px;
}


/* conteneurs de texte */
.texte {
  font-family: arial, sans-serif;
  font-size: 12px;
  text-align: justify;
  margin: 0px 350px 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, #info, .info {
  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 #8b000b;
  margin: 20px auto 0px auto;
  padding: 20px 20px;
}

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

img.logo_rub {
  float: left;
  margin: 0px 8px 8px 0px;
  border: 0px none;
}



/*============================================================================*/
/*                            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 #8b000b;
  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 0px;
  clear: none;
}

#plan-masque {
  background-color: #fff;
  color: #000;
  text-align: center;
  margin: 5px;
  padding: 10px 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
#plan-conteneur {
  text-align: center;
  margin: 5px;
}
#plan-image {
  border: 1px solid black;
  padding: 5px;
}

.plan-racine {
  text-align: left;
  line-height: 16px;
  margin: 20px 100px 10px 0px;
  padding: 0px;
  overflow: hidden;
  height: 16px;
}
.plan-racine,
.plan-racine a,
.plan-racine a:hover {
  background-color: inherit;
  color: #8b000b;
  border-bottom: 2px solid #8b000b;
  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 10px 50px;
}

.plan-rubrique,
.plan-rubrique-parent,
.plan-rubrique-bordeau {
  text-align: left;
  line-height: 16px;
  margin: 4px 0px;
  padding: 0px 0px 0px 20px;
}
.plan-rubrique {
  background: url(images/puce_bleu.gif) left top no-repeat;
}
.plan-rubrique-parent {
  background: url(images/puce_bordeau.gif) left top no-repeat;
}
.plan-rubrique,
.plan-rubrique a,
.plan-rubrique a:hover,
.plan-rubrique-parent,
.plan-rubrique-parent a,
.plan-rubrique-parent a:hover,
.plan-rubrique-bordeau,
.plan-rubrique-bordeau a,
.plan-rubrique-bordeau a:hover {
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.plan-rubrique,
.plan-rubrique-parent,
.plan-rubrique-bordeau {
  background-color: inherit;
  color: #8b000b;
}
.plan-rubrique a,
.plan-rubrique a:hover,
.plan-rubrique-bordeau a,
.plan-rubrique-bordeau a:hover,
.plan-rubrique-parent a,
.plan-rubrique-parent a:hover {
  background-color: inherit;
  color: #274e92;
}
.plan-rubrique a:hover,
.plan-rubrique-parent a:hover,
.plan-rubrique-bordeau a:hover {
  text-decoration: underline;
}

.plan-rubrique-bordeau {
  margin: 20px 100px 10px 0px;
  padding: 0px 0px 0px 30px;
  overflow: hidden;
  height: 16px;
}
.plan-rubrique-bordeau {
  background: url(images/fleche_bordeau.gif) left top no-repeat;
  background-color: #8b000b;
  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: #274e92;
  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 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 #8b000b;
  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: #d0ddf7;
  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: #274e92;
  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: #bd6e74;
  text-decoration: none;
  font-weight: bold;
}

/* styles des cellules */
.html_table_cell, .html_table_cell0, .html_table_cell1 {
  background-color: #d0ddf7;
  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: #8b000b;
  text-decoration: underline;
}

/* style des boutons d'actions du tableau */
.html_table_action, .html_table_action0, .html_table_action1 {
  background-color: #d0ddf7;
  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: #8b000b;
  text-decoration: underline;
}

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

/* style des cellules pour les lignes impaires */
.html_table_cell1, .html_table_action1 {
  background-color: #d0ddf7;
  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: #274e92;
  border: 0px none;
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.droits-rubrique a:hover,
.droits-rubrique-bordeau a:hover {
  text-decoration: underline;
}

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

.droits-racine,
.droits-racine-bordeau {
  margin: 20px 100px 10px 0px;
  background-color: inherit;
  color: #8b000b;
  border-bottom: 1px solid #8b000b;
}

.droits-racine,
.droits-racine a,
.droits-racine a:hover {
  background-color: inherit;
  color: #8b000b;
}
.droits-racine-bordeau,
.droits-racine-bordeau a,
.droits-racine-bordeau a:hover {
  background-color: #8b000b;
  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 #bd6e74;
}
#form-droits div {
  border: 1px dashed #8b000b;
  margin: 0px;
  padding: 10px;
  text-align: center;
}
#form-droits p {
  background-color: inherit;
  color: #274e92;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}


/*============================================================================*/
/*                              FRAMEWORK NIVUX                               */
/*============================================================================*/

/*
// +----------------------------------------------------------------------+
// | feuille de style css2                                                |
// +----------------------------------------------------------------------+
// | copyright (c) 2005 Nivux                                             |
// +----------------------------------------------------------------------+
// | ces sources peuvent-être distribués librement. ils sont diffusés     |
// | sous licence gnu (gpl)                                               |
// +----------------------------------------------------------------------+
// | auteur : Anthony Nivet (nivux@free.fr)                               |
// +----------------------------------------------------------------------+
*/


/** Curseur **/
.cursor-help { cursor: help ; }
/** Alignement **/
.h-center { text-align: center ; }
.h-left { text-align: left ; }
.h-right { text-align: right ; }
.v-middle { vertical-align: middle ; }
.v-top { vertical-align: top ; }
.v-bottom { vertical-align: bottom ; }
/** Polices **/
.smaller { font-size: smaller ; }
.italic { font-style: italic ; }
.bold { font-weight: bold; }
.accesskey { text-decoration: underline; }
/** Divers **/
.invisible { display: none ; }
.obligatoire { color: red ; background-color: inherit ; }
.checkbox { border: 0px ; background-color: transparent ; }
.smiley { margin-bottom: -3px; }
.border { border: 1px solid #000 ; }

/**
 * Bulle d'information CSS
 */
.bulle, .bulle_ombre {
    background: #fff;
    color: #000;
    padding: 2px 5px 2px 5px;
    border: #000000 1px solid;  /* Bordure du cadre (noir) */
    text-align: left;
  }

.bulle {
    /*position: absolute;*/
    z-index: 3;
  }

.bulle_ombre {
    position: relative;
    bottom: 2px;
    right: 2px;
  }

.ombre {
    position: absolute;
    z-index: 3;
    background-color: #a5a5a5;  /* Ombre déportée (Gris) */
    color: inherit;
  }


/**
 * Style pour une page de formulaire
 **/
#tbl_forms {
    margin: 0px ;
    padding: 0px ;
    text-align: left ;
    width: 90% ;
  }

#tbl_forms .col1 {
    margin: 0px ;
    padding: 7px 10px 0px 0px ;
    font-weight: bold ;
    vertical-align: top ;
    text-align: right ;
    width: 300px ;
  }

#tbl_forms .col2 {
    margin: 0px ;
    padding: 5px 1em 5px 5px ;
    background-color: #FBFBFB ;
    color: inherit ;
    vertical-align: middle ;
    /*width: 50% ;*/
  }

#tbl_forms .col3 {
    margin: 0px ;
    padding: 15px 10px 10px 0px ;
    font-weight: bold ;
    vertical-align: top ;
    text-align: center ;
    font-style: italic ;
    font-size: 12pt ;
}

#tbl_forms .cell-checkbox {
  width: 30px ;
}
#tbl_forms .col2 table.champ {
    width: 100% ;
  }
#tbl_forms .desc {
    vertical-align: middle ;
    padding: 0 0 0 10px ;
    margin: 0px ;
    width: 20px ;
    text-align: right ;
  }

#tbl_forms .ligne {
    border-top : 1px solid #999 ;
  }

#tbl_forms .info_champ {
    background: url(fwk/images/info.gif) center center no-repeat ;
    margin-bottom: 3px ;
    width: 16px ;
    height: 16px ;
    border: 0px;
  }
/**
 * Contenu des pages
 */
.titre2 {
    font-size: 14pt;
    color: #254d93;
    background-color: inherit;
    text-align: center;
    font-weight: bold;
    padding: 0px 0px 10px 0px ;
  }

/**
 * Style pour la page de listing
 */
#liste {
    margin: auto ;
    padding: 0px ;
    width: 95% ;
    text-align: left ;
    font-size: 95% ;
  }


#liste .col {
    border-bottom: 1px solid #777 ;
    color: #444 ;
    background-color: inherit ;
  }

#bloc-documents {
  margin: 5px 20px 20px 20px;
}

#bloc-documents table {
  margin-top: 10px;
}

#bloc-documents .logo-document {
  width: 70px;
}

#bloc-documents .desc-document {
  vertical-align: middle;
}

.msg-loi {
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  margin: 0px auto 0px auto;
  padding: 0px;
  background-color: inherit;
  color: #686868;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  border: 0px none;
  margin: 0px;
}

input.btnSubmit {
    border:1px solid #000000 ;
    color: #000000 ;
    background-color: #D3D3D3 ;
    padding: 0px 10px 0px 10px ;
    text-align: center;
  }