/*!******* Bouton admin ********/

a#bouton-admin {
  display: block;
  position: fixed;
  z-index: 65534;
  right: 0px;
  top: 100px;
  background: #cccccc;
  color: #666666;
  text-shadow: 1px 1px 1px #dddddd;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  padding: 0.8em;
  border-top-left-radius: 0.8em;
  border-bottom-left-radius: 0.8em;
  opacity: 0;
}

body.bof-connecte a#bouton-admin {
  background: #666666;
  color: #cccccc;
  text-shadow: 0px 1px 0px black;
}

a#bouton-admin:hover {
  opacity: 1;
}

/*!******* Boutons de modification ********/

div.bloc {
  position: relative;
}

div.bof--boutons-modification-bloc {
  display: block;
  position: absolute; /* par rapport au bloc */
  z-index: 2; /* Pour rester au-dessus du bloc lorsqu'il passera en z-index = 1 */
  top: 10px;
  right: 30px;
  width: 24px;
  overflow: hidden; /* Pour contenir les floats */
}

div.bof--boutons-modification-bloc a {
  width: 24px;
  height: 24px;
  float: left;
  text-indent: -9999px;
  background: no-repeat center center;
  cursor: pointer;
  margin-bottom: 5px;
}

div.bof--boutons-modification-bloc a.bof--bouton-modification-bloc   { background-image: url(/images/edit.png); }
div.bof--boutons-modification-bloc a.bof--bouton-enregistrement-bloc { background-image: url(/images/save.png); }
div.bof--boutons-modification-bloc a.bof--bouton-annulation-bloc     { background-image: url(/images/cancel.png); }

/*!******* Édition du texte ********/

div.bloc div.texte[contenteditable=true] {
  background-color: #333333;
  color: #eeeeee;
  position: relative; /* Pour le z-index */
  z-index: 1; /* Pour être au-dessus des autres blocs en cas de débordement */
}