/* *  En-têtes: rouge-orange #a92000
 *                         #642000
 *                         #ff3000
 *
 *  Contenu: bleu-vert très foncé #002e20
 *           bleu-vert foncé      #003c2a
 *
 */

          /* General typesetting */

a {
text-decoration:underline;
}

a:link,
details summary {
background-color: transparent;
color: #a92000;
}

details[open] summary {
background-color: transparent;
color: #000;
}

a:visited {
background-color: transparent;
color: #642000;
}

a:hover,
details summary:hover {
color: #ff3000;
}

a:active,
details summary:active {
position:relative;
top:1px;
left:1px;
color: #ff3000;
}

img {
display:block;
}

#content h2 {
padding-right: 3em;
border-bottom: 1px solid #a92000;
}

hr {
border: 0px;
border-bottom: 1px solid #a92000;
clear:both;
margin: 1em auto;
width:70%;
}

code {
font-family: monospace;
}

code.block {
padding: 0.5em;
overflow: auto;
}

            /* Page layout */

html{
box-shadow: inset 0.1em 0.12em 0.3em rgba(0,0,0,0.07);
-moz-box-shadow: inset 0.1em 0.12em 0.3em rgba(0,0,0,0.07);
-webkit-box-shadow: inset 0.1em 0.12em 0.3em rgba(0,0,0,0.07);
}

body {
color:#002e20;
margin: 0em auto;
max-width:57em;/*12+33+12*/
padding:1em;
}

#body {
margin: 0em;
margin-right:auto;
max-width:45em;/*12+33*/
padding: 0em;
display: block;
position: relative;
/* IE fix */
height: 1%;
}

#content {
line-height:120%;
margin: 0em;
padding: 0em 1em 1em 1em;
}


hr.end {
border-color: #a92000;
margin: 1.1em 0em 0.7em;
width: auto;
}

#leftbar {
margin:0em 0.5em 2em;
text-align:center;
}

#leftbar p.notice {
padding: 0.2em;
display: block;
border: 1px solid black;
background: transparent;
font-size:80%;
text-decoration: none;
text-indent: 0em;
text-align:left;
margin-top: 1em;
}


          /* Red Header */

#header p {
padding:  0em;
margin: 0em;
text-indent: 0em;
text-align: inherit;
}

#header .nom {
font-size: 80%;
line-height: 100%;
padding: 2em 0.4em 1em;
}

#header h1 {
font-size: inherit;
font-family: inherit;
font-weight:inherit;
line-height: inherit;
margin: 0em;
text-align:center;
}

#header .titre {
font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-weight:300;
font-size: 220%;
line-height: 100%;
padding: 0.0em;
padding-top: 0.2em;
}

#header .titre h1 {
background: transparent;
}

#header .description {
padding-left: 50%;
padding-top: 0.0em;
padding-bottom: 0.1em;
padding-right: 0.5em;
font-size: 120%;
line-height: 110%;
}

#header .last_modified {
line-height: 100%;
padding: 0em 0.4em 1em;
}


          /* menu */

#menucontent .menuitem {
float:left;
margin-right: 0.5em;
} 
         
#menucontent .menuitem a {
box-shadow: 0.04em 0.10em 0.15em rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0.04em 0.10em 0.15em rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0.04em 0.10em 0.15em rgba(0, 0, 0, 0.25);
}

#menucontent .menuitem div.selected,
#menucontent .menuitem a {
font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-weight:300;
font-size:120%;
padding: 0.3em;
border: 1px solid white;
background: transparent;
color: #a92000;
text-decoration: none;
}

#menucontent .menuitem a:link,
#menucontent .menuitem a:visited {
border-color: white;
background-color: transparent;
color: #a92000;
}

#menucontent .menuitem a:hover
{
border-color: #a92000;
color: #a92000;
}

#menucontent .menuitem div.selected,
#menucontent .menuitem a:active {
border-color: #a92000;
background-color: transparent;
color: #a92000;
}

#menucontent .menuitem a:active {
box-shadow: 0.03em 0.075em 0.11em rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0.04em 0.10em 0.15em rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0.04em 0.10em 0.15em rgba(0, 0, 0, 0.25);
}


          /* Articles */
          
#content {
padding: 0em 0.5em 0.5em 0.5em;
}

#content .liste_articles.article_on {
border-color:#a92000;
}
          
#content .liste_articles.article_off:hover {
box-shadow: 0.07em 0.15em 0.3em rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0.07em 0.15em 0.3em rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0.07em 0.15em 0.3em rgba(0, 0, 0, 0.3);
}

#content .liste_articles.article_off h3 {
background-color: transparent;
}


#content .liste_articles h3 a:hover {
    color: #ff3000;
}

#content .liste_articles h3 a {
    color: inherit;
    text-decoration: none;
}


   /* Round corners */
   
#leftbar p.notice,
#menucontent .menuitem div.selected,
#menucontent .menuitem a {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
-khtml-border-radius: 3px;
}


  /* New colors */
  
h1 {
color: #a92000;
}

h2, h3, h4, h5, dt {
color: #a92000;
}

#content img,
#content .block {
box-shadow: 0.07em 0.15em 0.3em rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0.07em 0.15em 0.3em rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0.07em 0.15em 0.3em rgba(0, 0, 0, 0.3);
}

/*we do not download PT Serif Bold */
b,strong{
  font-weight:normal;
  color:#a92000;
}
