body {
  background-color:#fff;
  color:#000;
  /* font-family: 'Ubuntu Mono', monospace, mono; */
  font-family: "Trebuchet MS", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  /*font-size:1em;*/
}

.middle {
  width:90%;
  max-width:60em;
  margin:auto;
  padding:3px 15px 3px 15px;
  background-color:#fff;
  border-top:1px solid black;
  /* -webkit-border-radius: 10px; */
  /* -moz-border-radius: 10px; */
  /* border-radius: 10px; */
}

.notop {
  border-top: none;
}
/*
.ressources:before{
  content:"Ressources";
  color:gray;
  float:right;
}
*/

.lang {
  position:absolute;
  top:0px;
  right:1em;
  background-color:#ddeeff;
  background-color:rgba(221,238,255,0.5);
  padding:2px 4px 2px 4px;
  /* -webkit-border-radius: 5px; */
  /* -moz-border-radius: 5px; */
  /* border-radius: 5px; */
}

h1 {
  font-family: Helvetica, sans-serif; /*georgia, times;
  /* font-family: 'Ubuntu Mono', monospace, mono ; */
  text-align:center;
  /*font-variant: small-caps;*/
}

h2 {
  /*font-family:georgia, times;*/
  margin-bottom:5px;
  margin-top:1em;
  margin-left:0px;
  font-size:1.4em;
  background-color:#e8e8ff;
  padding:3px 7px 3px 7px;
  /* -webkit-border-radius: 5x; */
  /* -moz-border-radius: 5px; */
  /* border-radius: 5px; */
}

h3 {
  /*font-family:georgia, times;*/
  /*font-variant: small-caps;*/
  margin-bottom:5px;
  margin-top:1em;
  margin-left:0px;
}

div a {color:#25c;}
span.hid {color:#555;}
div h2 {  background-color:#eef; }

/* span.hid {color:#000;} */
a{color:#000;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:underline;}
/*span.hid {color:#aaa;}*/
/*a   {color:#25c;}*/
/*a:hover,a:active{background-color:#f8f8ff;}*/
/*#more {font-size:2em;position:absolute; top:2px; right:10px;}*/

@media print { h2 { color:#000088; }  .middle{ border-top:none; } }

@media (min-width:1070px)                      { .middle { padding-left:10px; padding-right:10px; } }
@media (min-width:545px) and (max-width:768px) { .middle { padding-left:11px; padding-right:11px; } }
@media (min-width:545px) and (max-width:990px) { .middle { padding-left:12px; padding-right:12px; } }
@media screen and (max-width:544px)            { .middle { padding-left:13px; padding-right:13px; } }
@media screen and (min-width:545px)            { .middle { padding-left:14px; padding-right:14px; } }
@media screen and (max-width:768px)            { .middle { padding-left:15px; padding-right:15px; } }
@media screen and (min-width:769px)            { .middle { padding-left:16px; padding-right:16px; } }
@media screen and (min-width:991px)            { .middle { padding-left:17px; padding-right:17px; } }
@media screen and (min-width:1201px)           { .middle { padding-left:18px; padding-right:18px; } }
