@media screen { 
  body { 
    font-family:sans-serif; 
    font-size:13px; 
    background-color:white;
    background-image:url(http://www.lifl.fr/~beaufils/images/fond.jpg);
    background-repeat:repeat;
    background-attachment:fixed;
    color:black;
    text-align:left;
    margin-left:2%;
    margin-right:2%;
  }
  a:link, a:active, a:visited {
    text-decoration:none;
    color:blue;
  }
  a:hover {
    text-decoration:none;
    background-color:silver; 
    color:blue;
  }
  h1, h2, h3, h4, h5, h6 {
    color:maroon;
  }
  h1 { 
    text-align:center;
    border-bottom:2px solid maroon;
  }
  h1 em:before {
    content:"«";
  }
  h1 em:after {
    content:"»";
  }
  h1 em {
    font-style:normal;
  }
  h2 { 
    width:100%;
    padding:2px;
    clear:both;
    margin:0;
  }
  pre { 
    font-size:11px;
    margin-left:3em;
  }
  table {
	border-collapse:collapse;
  }
  /* La citation */
  blockquote { 
    text-align:center;
    font-style:italic;
    font-family:serif;
  }
  /* Le titre de la page */
  p#titre {
    text-align:center;
    margin:0;
  }
  a#bb {
    background:none;
    color:black;
    margin:0;
  }
  /* Liste de liens */
  div#fr { 
    width:49%;
    float:left;
    clear:none;
    text-align:left;
  }
  div#en { 
    width:49%;
    float:right;
    clear:none;
    text-align:left;
    font-style:italic;
  }
  /* Les trucs en anglais */
  .en { 
    font-style:italic;
  }
  /* La publicite */
  div.publicite { 
    width:49%;
    position:fixed;/*float:right;*/
	bottom:0;
	right:0;
    text-align:center;
	border:1px solid red;
	padding:.5em;
	color:black;
	background:silver;
	font-weight:bold;
  }
  div.publicite a:hover { 
    background:transparent;
  }
  /* Les contacts */
  div#contacts {
    float:left;
    width:49%;
    clear:both;
  }
  /* Les adresses */
  ul.adresses li {
      list-style-type:none;
      border:1px dotted black;
      margin:.5em 0;
      padding:.5em;
  }
  ul.adresses dl {
      margin:0;
      padding:0;
  }
  ul.adresses dt {
      position:relative;
      left:0;
      top:.1em;
      width:7em;
      font-weight:bold;
      margin:0;
      padding-right:.25em;
      text-align:right;
  }
  ul.adresses dd {
      border-left:1px solid black;
      margin:0 0 -1.1em 7.5em;
      padding:0 0 0 .5em;
      position:relative;
      top:-1.1em;
  }

  /* Mes cles */
  div#mescles {
    clear:both;
    float:left;
    width:49%;
  }
  /* Les citations */
  blockquote {
    clear:both;
  }
  /* Le footer */
  p#ours { 
    color:black;
    text-align:right;
    font-size:.75em;
    font-style:italic;
    margin-top:1em;
    border-top:thin dotted silver;
    padding-top: .5em;
  }
  /* Temporaire */
/*
  body { margin-top: 60px; }
  div#black {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    margin: 0;
    padding: 0;
	text-align: center;
	background: black;
  }
*/
}