/* Règles générales */

* {
  margin:0;
  padding:0;
}

@font-face {
  font-family: "Vibrocentric";
  src: url('fonts/vibrocen.ttf') format("truetype");
}
/*

@font-face {
    font-family: "Pfennig";
    src: url('fonts/Pfennig.otf') format("opentype");
}
*/


body {
  font-size:14px;
  color:black;
/*
  background: -moz-linear-gradient(top, #E1F2F9 0%, white 300px);
*/
background: white url('./img/bg_body_0.jpg') top left no-repeat;
font-family: Verdana,sans-serif;
}

h1 {
font-size: 200%;
}

h2 {
font-size: 140%;
margin-bottom:0.5em;
}

h3 {
font-size: 130%;
margin-bottom:0.5em;
}

h4 {
font-size: 110%;
margin-bottom:0.5em;
}

p {
font-size: 100%;
margin:0.5em;
}

blockquote {
margin-left:1em;
padding-left:0.5em;
border-left:2px solid #ADC0CF;
}

ul {
margin-left:2em;
}

ol {
margin-left:2.5em;
}

li {

}

a {
  text-decoration:none;
  color:#0089BF;
}

a:hover {
  text-decoration:underline;
}

a:active {

}

a:visited {

}

a img{
border:none;
}

/* sections */

#page {
  position:relative;
  margin:45px 30px 0 95px;
}


#page #header {

  height:80px;
  border-bottom:7px solid #B72822;
  margin-top:10px;



}

#page #header #top {
background:  transparent url('./img/mozillafrancophone2.png') no-repeat 25px 25px;
height:80px;
background-color:black;
opacity:0.8;
}

#page #top a{
visibility:hidden;

}


#page #content {
  position:relative;
  margin-right:240px;
  padding: 10px;
  margin-top:30px;
  background:white;
  border-bottom: 3px solid #B72822;
  border-top:    4px solid #B72822;
  -moz-border-radius: 10px;
  -moz-box-shadow: 0px 1px 10px 1px gray;
}

#page #sidebar {
  width:         200px;
  position:      absolute;
  right:         10px;
  top:           117px;
  font-size:     80%;
  padding:       10px;
  padding-right:5px;
  border-bottom: 3px solid #B72822;
  border-top:    4px solid #B72822;
  -moz-border-radius: 10px;
  -moz-box-shadow: 0px 1px 10px 1px gray;
  background:white;
}

#page #sidebar ul {
  list-style:none;
  margin-left:0.6em;

}


#page #sidebar ul li {
  margin-bottom:2px;
}


#page #sidebar img {
  vertical-align:baseline;
}


#page #sidebar p {
  margin: 1em 0;
}

#page #sidebar h2 {

color:#B72822;
font-family:'Vibrocentric', Georgia,Times,"Times New Roman",serif;
font-weight:normal;
margin-bottom:10px;
margin-top: 5px;

}

#page #content {
  background: -moz-linear-gradient(top, white 0%, #eaeaea 100%);
}



#page #content div.article {

margin:2em;
padding-bottom:1em;
}
#page #content div.article:after {
content:"";
width:80%;
display:block;
margin:auto;
margin-top:30px;
-moz-box-shadow: 0px 0px 2px 1px #ADC0CF;
}

#page #content h2.article-title a {
font-family:'Vibrocentric', Georgia,Times,"Times New Roman",serif;
color:#B72822;
}


#page #content p.article-info {
color:gray;
font-style:italic;
}

#page #content p.article-info span.date {

}

#page #content p.article-info a.source {

}