/* Main style
 *
 * Charte graphique "Le Cri" (Edvard Munch)
 *
 * En-têtes:
 *   Rouge: #e41     ->       #d05d41,   #cd5d40
 *   Or: #fa2         ->      #dd9b6f
 *   Orange: #f81    ->       #d78a4e
 *   Beige foncé : #fb7
 *   Beige clair : #fea
 *   Sarcelles clair : #8a8
 *   Sarcelles foncé : #676
 *
 * Menu:
 *   Brun clair : #e84
 *   Rouge pâle : #f52
 *   Gris clair : #554
 *   Gris foncé : #233
 * 
 * Contenu:
 *   Bleu foncé: #122
 *   Bleu moins foncé : #234    ->    #202d37
 *   Bleu clair : #6ac / #9cd / #def
 *   Jaune pâle : #f4e799
 *   Orange : #c57a3b
 *   Orange pâle : #ea5
 *
 * Barre droite : #f52
 * 
 * 
 *  
 */

          /* General typesetting */

a {
text-decoration:underline;
}

a:link {
background-color: transparent;
color: #f4e799;
}

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

a:hover {
color: #fea;
background-color: #478;
}

a:active {
background-color: #6ac;
color: #fea;
}

a:hover:visited {
background-color: #478;
color: #def;
}

a:active:visited {
background-color: #6ac;
color: #bdf;
}

/*a:link img {
border: 2px solid #f93;
}

a:visited img {
border: 2px solid #f93;
}

a:hover img {
border: 2px solid #f93;
}

a:active img {
border: 2px solid #f93;
}*/

 img {
display:block;
}

#content dt {
color: #bde;
}

#content h1 {
color: #def;
}

/*h2 {
color: #def;
letter-spacing: 0.3em;
line-height: 120%;
margin-top: 0em;
margin-bottom: 1.2em;
margin-left: 15%;
margin-right: 15%;
text-align:center;
}*/

#content h2 {
color: #def;
padding-right: 3em;
border-bottom: 2px solid #def;
}

#content h3 {
color: #def;
}

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

code {
font-family: "Lucida Console", "American Typewriter", "Courier New",
             Courier, monospace;
}

code.block {
border: 2px solid #676;
padding: 0.5em;
overflow: auto;
}

          /* contents */

#content img {
border-color: #676;
}

 
            /* Page layout */

body {
color: #9cd;
background: url(/~munch/images/blue1.png) #202d37 repeat;
margin: 0em 0em;
padding:0em;
/* border-right: 1em solid #f52; Bordure rouge à droite comme sur le tableau */
}

#body {
margin: 0em;
padding: 0em;
display: block;
position: relative;
/* IE fix */
height: 1%;
}

#content {
line-height:140%;
margin: 0em;
padding: 0em 1em 1em 1em;
/* border-left: #d05d41 solid 0.5em; */
}


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

#leftbar {
padding: 2em 1em;
margin:1em;
margin-bottom: 2em;
}

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

/*#leftbar:hover {
border-color: #f52;
}*/

          /* Red Header */

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

#header .nom {
background : url(/~munch/images/orange1.png) #dd9b6f repeat;
/*height: 0.8em;*/
/*font-family: "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", Arial, "Droid Sans", sans-serif;*/
color: #FFF7D7;
font-size: 80%;
line-height: 100%;
/*font-weight: bold;*/
padding: 0.1em 0.4em 0em;
}

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

#header .titre {
font-family: "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", Arial, "Droid Sans", sans-serif;
font-weight:bold;
color: #fea;
background : url(/~munch/images/orange2.png) #d05d41 repeat;
font-size: 160%;
line-height: 100%;
padding: 0.0em;
padding-top: 0.2em;
/*letter-spacing : 0.4em;*/
}

#header .titre h1 {
color: #fea;
background: transparent;
}

#header .description {
padding-left: 50%;
padding-top: 0.0em;
padding-bottom: 0.1em;
padding-right: 0.5em;
color: #fea;
background : url(/~munch/images/orange3.png) #d78a4e repeat;
font-size: 120%;
line-height: 110%;
}

#header .last_modified {
color: #fea;
background : url(/~munch/images/orange4.png) #cd5d40 repeat;
line-height: 100%;
padding: 0em 0.4em 0em;
}


          /* menu */

#menucontent .menuitem div.selected,
#menucontent .menuitem a {
font-family: "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", Arial, "Droid Sans", sans-serif;
font-weight:bold;
padding: 0.2em;
border: 2px solid #e48b4f;
background: transparent;
color: #e48b4f;
text-decoration: none;
}

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

#menucontent .menuitem a:hover
{
border-color: #e15432;
background-color: transparent;
color: #e15432;
}

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

/* .menu .menubottom {
margin-top: 4px;
margin-bottom: 8px;
border-top: 5px solid #789;
}

.menu .menubottom:hover {
border-color: #c70;
}
.menu .menubottom:active {
border-color: #940;
}

.menu .menubottom.level1 {
margin-left: 0px;
}
.menu .menubottom.level2 {
margin-left: 5px;
}
.menu .menubottom.level3 {
margin-left: 10px;
}
*/


          /* Articles */
          
#content .liste_articles.article_off:hover {
border-color:inherit;
}

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

   /* Shadows */
   
/*#content h1,
#content h2 {
text-shadow: 0.1em 0.1em 0.2em #090C0F;
}*/

#content img,
#content .block {
box-shadow: 3px 3px 6px #090C0F;
-moz-box-shadow: 3px 3px 6px #090C0F;
-webkit-box-shadow: 3px 3px 6px #090C0F;
}

#header .titre,
#header .description {
text-shadow: 0.2em 0.2em 0.5em #803929;
}

#header .nom,
#header .last_modified {
text-shadow: 0.2em 0.2em 0.3em #803929;
}

/*#menucontent .menuitem div.selected,
#menucontent .menuitem a,
* {
text-shadow: 0.15em 0.15em 0.3em #10171C;
}*/

   /* Round corners */
   
#content h2,
hr {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px; /* future proofing */
-khtml-border-radius: 1px; /* for old Konqueror browsers */
}

#leftbar p.notice,
#menucontent .menuitem div.selected,
#menucontent .menuitem a {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px; /* for old Konqueror browsers */
}