@import url("default.css");

body{

}

blockquote p{margin-left:20px;}
blockquote:before{margin-left:-20px;max-width:20px;}

.fdroite{float:right;}
.fgauche{float:left;}

aside, aside#meta {
  position:absolute;
  right:0;
  width:25%;
  max-width: 250px;
  border:0;
  background:transparent;
  padding:0em;
  padding-right:1.5m;/*
  opacity:0.7;
  -moz-opacity:0.7;
  -webkit-opacity:0.7;
  -o-opacity:0.7;
  -ms-opacity:0.7;*/
  /* Fonctionne déjà sur webkit */
  -webkit-transition-property: -webkit-opacity;
  -webkit-transition-duration: 1s;

  /* Bientôt supporté par Firefox */
  -moz-transition-property: -moz-opacity;
  -moz-transition-duration: 1s;

  /* … et lorsque ce sera standardisé */
  transition-property: opacity;
  transition-duration: 1s;
}
aside:hover, aside:focus {
  opacity:1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -o-opacity: 1;
  -ms-opacity: 1;
}
aside.gauche{
left:0;
}
#top {
  position:absolute;
  top:0;right:0;
  width:100%;
  margin:0;padding:0;
  overflow:hidden;
  max-height:5em;
}

#top h1, #top p {
  padding:0 0 0 20%;
}

#rightbar {
  position: absolute;
  top: 0.6em;
  right: 5px;
}



#content{
  padding: 4em 25% 2em 20%;
}

#content section{
  margin: 2em 0em;
}

#content section.2col{
  -moz-column-count:2;
  -moz-column-gap:2em;
}

.navlink#totop {
  text-align:right;
  margin-top:0em;
}


aside#meta {
  top:8em;
  margin-top:1px;
  padding:1em;
  opacity:1;
  -moz-opacity:1;
  -webkit-opacity:1;
  -o-opacity:1;
  -ms-opacity:1;
}
  aside#meta a:link, aside#meta a:visited, nav a:link, nav a:visited {
    text-decoration:none;
  }
  aside#meta #portrait {
    margin:5px;
  }
  aside#meta ul{

  }


.illusid.fgauche{
  margin-left:-40%;
  max-width:33%;
}
.illusid.fdroite{
  margin-right:-60%;
  max-width:53%;
}


.footnotes {margin:2em 5em;}



#campaign-promo {position:fixed;top:0;right:0;}