/*-*- css -*-*/
/*-*- css -*-*/
/* À peu près 1/3 du contenu sur un écran 1024 */
/* Il s'agit d'un contenu comme une carte de visite, un évènement, un
   document, etc. qui contient un titre, une vignette, un listing
   d'information détaillés et peut-être plus */
.document #body {
  background: url("illustrations/ratelier.png") 1em 2em no-repeat;
  background-size: auto 16em;
  padding-top: 6em; }

body.development div#body {
  background: url("illustrations/travaux.png") 1em 10em no-repeat;
  background-size: auto 56pt; }

form.site {
  background: url("illustrations/panorama-scouts-du-monde.png") bottom no-repeat;
  background-size: auto 10em;
  padding-bottom: 15em; }
  form.site #control-installation-site-mouvement span.control label {
    display: list-item;
    list-style-type: none;
    font-size: 130%;
    line-height: 2em;
    vertical-align: middle;
    padding-left: 3em;
    margin: 1ex 0;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2em auto; }
    form.site #control-installation-site-mouvement span.control label.suf {
      background-image: url("mouvements/suf.png"); }
    form.site #control-installation-site-mouvement span.control label.fse {
      background-image: url("mouvements/fse.png"); }
    form.site #control-installation-site-mouvement span.control label.europa {
      background-image: url("mouvements/europa.png"); }

form.admin {
  background: url("illustrations/salut.png") right bottom no-repeat;
  background-size: auto 100%;
  padding: 0 10em; }

#document #wait {
  /* masqué par défaut, à activer en JS. On utilise visibility + height pour charger les images. */
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  #document #wait.show {
    height: auto;
    visibility: visible;
    margin: inherit; }
  #document #wait .h {
    background: url("illustrations/froissartage.png") bottom no-repeat;
    background-size: 20em auto;
    padding-bottom: 18em; }
  #document #wait img {
    /* animation de patience */
    display: block;
    margin: 1em auto; }
  #document #wait p {
    text-align: center; }