body {background: #8A0000; color: #FFF; background-image: url("../images/fond-site-tolek.png"); background-attachment: fixed;}


#header {background: #111;}

.perso_active {background-color: #8A0000;}
section.special, article.special {color: #444;}

h1, h2, h3, h4, h5, h6 {color: #CECACA;}
.box {color: #444;}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {color: #444;}
h2 {font-size: 2em;}

a {color: #8A0000;}
input[type="submit"], input[type="reset"], input[type="button"], .button {background-color: #8A0000;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {background-color: #333;}

legend {display: none;}

#main > header p {border-top: solid 2px #FFF; color: #CECACA;}

#header nav > ul > li a:not(.button) {color: #fff;}
#header .button {}
#header .button:hover {background-color: rgba(138, 0, 0, 1);}
#banner h1 {font-size: 4em; text-shadow: 2px 2px 2px #777;}

.formulaire_spip fieldset {margin: 0; padding: 0;}
.formulaire_spip label {padding: 0;}

a.invisiblebig {display:none !important;}

@media screen and (max-width: 840px) {
  #navButton .toggle::before {background: rgba(138, 0, 0, 0.75);}
  #navButton:hover .toggle::before {background: rgba(0, 0, 0, 1);}
  a.invisiblebig {display:block;}
}
.sommaire header.major h2 + div p {font-size: 1.5em;}