/* Voir conventions de préfixage dans bof.php */

/* !************** Structure */

div.bof_bandeau {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 3px black;
}

div.bof_bandeau div.bof_bandeau-body {
  position: relative;
  overflow: hidden;
  padding-right: 15px;
}

/* !************** Textes */

div.bof_bandeau {
  color: #aaaaaa;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  padding: 3px 10px;
}

/* !************** Bloc */

.bof---bloc {
}

.bof---bloc--a-gauche {
  float: left;
/*   margin-right: 10px; */
}

.bof---bloc--au-milieu {
  text-align: center;
}

.bof---bloc--a-droite {
  float: right;
/*   margin-left: 10px; */
}

ul.bof---bloc li {
  display: inline;
}

ul.bof---bloc--a-gauche li {
  margin-right: 5px;
}

ul.bof---bloc--a-droite li {
  margin-left: 5px;
}

/* !************** Formulaires */

div.bof_bandeau form {
  display: inline-block;
}

div.bof_bandeau input[type=text] {
  background-color: black;
  border: 1px solid #aaaaaa;
  padding: 0px 2px;
  color: #aaaaaa;
}

/* !************** Espace */

div.bof---espace {
  display: inline-block;
}

/* !************** Nom de la page */

.bof--nom-page {
  font-weight: bold;
  color: #cccccc;
  margin-right: 1em;
}

/* !************** Boutons */

a.bof---bouton {
  display: inline-block;
  cursor: pointer;
/* TODO: ajouter ça pour FF ?  outline: none; */
}

/* !---- Boutons texte */

a.bof---bouton--texte {
  color: #aaaaaa;
  text-decoration: none;
}

a.bof---bouton--texte:hover {
  color: white;
}

/* !---- Boutons image */

a.bof---bouton--image {
  width: 16px;
  height: 16px;
  background: url(/matrix/images/missing-button.gif) no-repeat;
  text-indent: -9999px;
}

/******** Boutons radio ********/

ul.bof---boutons-radio {
  display: inline-block;
}

ul.bof---boutons-radio li a {
  border: 1px solid #333333;
  border-radius: 10px;
  padding: 0px 5px;
  color: #aaaaaa;
  text-decoration: none;
  font-size: 90%;
}

ul.bof---boutons-radio li a:hover {
  color: #aaaaaa;
  border-color: #999999;
}

ul.bof---boutons-radio li a.bof---boutons-radio--choisi {
  color: #333333;
  border-color: #666666;
  background-color: #999999;
  cursor: default;
  box-shadow: inset 0px 1px 1px #333333;
}

/******** Signal "version de travail" ********/

.bof--signal-page-de-travail {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 10px;
  background: url(/matrix/images/ruban-noir-rouge.png) repeat-y;
  text-indent: -9999px;
}