body { font-family: 'Quicksand', sans-serif; color: #000; background-color: #f3e9a8; padding-top: 5em; }
h1 { font-size: 2.6em;  margin: 1em 0; color: #e84922; }
h2 { font-size: 2.2em; margin: 0.5em 0; }

em { font-style: inherit; color: #e84922; }
a, a:hover { font-weight: 700; color: #257679; }


header { position: fixed; top: 0; left: 0; right: 0; bottom: auto; background: #fff; z-index: 10; height: 5em; }
a.anchor { display: block; position: relative; top: -5em; visibility: hidden; }
/* .anchor:before { content: ''; display: block; position: relative; width: 0; height: 5em; margin-top: -5em } */

@media screen and (max-width: 48em) {
    body { padding-top: 8em; }
    header { height: 8em; }
    header a.tab { line-height: 2em; }
    header .slogan { display: none; }
    .anchor { top: -8em }
    /* .anchor:before { height: 8em; margin-top: -8em } */
}
header .logo { margin-right: 3em; }
header .logo img { height: 5em; }
header .menu { position: absolute; left: 240px; top: 0; right: 0; /*text-align: right;*/ padding: 0.2em 0/*2em*/ 0; }
header .slogan { color: #e84922; /*font-size: 1.2em;*/ text-align:left; }
header a.tab { display: inline-block; line-height: 2.5em; /*background: #f3e9a8;*/ padding: 0 0.3em; margin: 0 0 0 1em; vertical-align: bottom; font-size: 1.2em; }

footer { background: #000; color: #fff; font-size: 1em; padding: 2em 0; }
footer a, footer a:hover { color: #fff; font-weight: inherit; }
footer section { position: relative; padding-left: 3.8em !important; margin: 1em 0; }
footer section > img { position: absolute; top: 0; left: 1em; }

.not-allowed { opacity:0.5; cursor:not-allowed; }

/* overloads of bootstrap */
.btn-primary { background-color: #407F85; border-color: #005158; font-weight: bold; }
.btn-primary:hover { background-color: #005158; border-color: #005158; font-weight: bold; }
.btn-group-baladeur { text-align: center; margin: 2em; }