* {font-family: "century gothic", "urw gothic l",  "avant garde", "liberation sans", helvetica, arial, sans-serif; font-size: 1em; }

body {font-size: 100%;  background-color: #797645;padding: 0; margin: 0; width: 100%; }
h1, h2, h3, h4, h5 { line-height: 110%; margin-bottom: 0; padding: 1ex;  color: #fff; margin-left: 1em; }
h1 {font-size: 1.8em; background-color: #4c4022;  width: 100%; margin-left: 0;}
h2 {font-size: 1.4em; background-color: #252e2a;  width: 90%; }
h3 {font-size:1.2em; background-color: #433922;  width:70%; }
h4 {font-size:1.1em; background-color: #000; width:50%; }
h5 {font-size:1em; background-color: #999; width:45%; color: #000; }
p, dl {font-size: 1em; text-align: left; line-height: 140%;margin:1em 3em; width: 80%; color: #000;}
sup, sub{font-size: 0.5em}
ul {list-style-type: square;}
ol, ul {margin-left: 1em; margin-right: 4em;color: #000;}

li {list-style-position: inside; margin-left: 1ex;  font-size: 0.9em;}
li ul, li ol {margin-left: 0.5em;}
strong {font-size: 1.2em;}
dfn {font-weight: bold; font-style: normal;}
code, kbd, cite { font-variant: small-caps;}
cite {display: block; text-align: right;}
blockquote {margin: 1ex 5em; border-top: 2px solid #252e2a; border-bottom: 2px solid #252e2a; width: 60%; clear: both; font-size: smaller;}
blockquote p {width: 90%; margin: 1em;}
q {display: block; }
form {font-size: smaller;}
fieldset {border: 0;}
label {font-weight: bold; font-size: 1.2em; margin-left: 2.2em;}
select,textarea,#email,#nom {width: 85%; display: block; margin:1ex 2.6em}
legend {display: none}
textarea:focus, select:focus, input:focus, textarea:active, select:active, input:active {border: 4px solid #607442;}
.fe {border: 4px solid red}


a {text-decoration: underline; font-weight: bold; font-size: 1em; color: #000;}
h1 a, h2 a, h3 a, h4 a {text-decoration: underline; font-weight: bold; font-size: 1em; color: #fff;}
a:link {  text-decoration: underline; background: transparent;  }
a:visited {text-decoration: underline; background: transparent;  }
a:hover { color:#fff; text-decoration: none; background-color: #000; }
a:focus { color:#fff; text-decoration: none; background-color: #000; }
a:active { color: #fff; text-decoration: underline; background-color: #000; }

div#box1 {position: fixed; top: 20%; left: 0; width: 100%; background-color: #ccc; padding: 1em;  height: auto; }
div#box1 h2, div#box1 p {font-size: 85%; margin-left: 1em; width: 35%;}
div#box1 ul, div#box1 ol {margin-left: 1ex; font-size: 83%; width: 30%;}
div#box1 ul li, div#box1 ol li {margin-left: 0}
div#box1 ul ul {margin-right: auto; font-size: 95%; width: 70%}

div#menu {position: fixed; top: 0%; left: 0; margin: 0; background-color: #404d2c; width:100%;}
div#menu h3 {display: none;}
div#menu ul { padding: 1ex; font-size: 1em;  margin:0; width: 35%;}
div#menu ul li { display: inline; list-style-type:none; margin: 2px; padding: 0px;} 
div#menu ul li a {padding: 2px; color: #fff;}
div#menu ul li a.here {font-variant: small-caps; font-size: 1.5em;}

div#access {display: block; position: relative; top: -1ex; left: 0em; background-color: #4c4022; color: #fff; width: 100%; margin-left: 0; font-size: 1em; padding: 4px; }
div#access * {display: inline; width: auto; }
div#access h2 {font-size: 0.8em; margin: 0; padding: 0; color: #fff; position: absolute; top: -2000px;}
div#access ul li {list-style-type: square;}
div#access ul li a, div#access ul li a:visited, div#access ul li a:hover {color: #fff; padding: 3px; position: absolute; top: -2000px;}
div#access ul li a:focus, div#access ul li a:active {position: static;}
a:focus h2#access, a:hover h2#access {color: #fff;}


div.acc {background-color: #252e2a; color: #fff; width: auto; margin-left: 0; font-size: 0.8em; text-align: center; padding: 4px; }
div.acc * {display: inline; width: auto; }
div.acc h2 {font-size: 0.8em; margin: 0; padding: 0;  }
div.acc ul li {list-style-type: square;}
div.acc ul li a {color: #fff; padding: 3px; }

div#box2{position: relative; left: 38%; top: 2em; width: 55%; background-color: #eee; margin: 1em; padding: 1em 0.8em 0.5em 0.8em; z-index: 4; font-size: 1.1em; min-height: 24em;}

.front, .imleft {border: 4px solid #bbb; vertical-align: top; margin: 1em; float: left; width: 14em; }
.imright {border: 4px solid #bbb; vertical-align: top; margin: 1em; float: right; width: 14em; }
.pod {text-align: center; font-size: 0.8em; width: auto}
.mod {font-size: 0.6em; text-align: right; margin-bottom: 1em; }
.exa { font-size: 1.2em; border: 4px solid #607442; margin: 2em;text-align: center; background-color: #ffb;}
.exa p {text-align: center;}
div.thumb {margin: 2em auto; font-size: 0.8em; text-align: center; vertical-align: top; width: 14em;}
div.thumb img {width: 14em; display: block;}

.update {margin-left: 6em; border-left: 2px solid #252e2a; border-right: 2px solid #252e2a; width: 60%; clear: both; font-size: smaller;  padding: 1em; line-height: 160%;}

dt {font-weight: bolder; padding: 1ex;}
dd {margin-left: 0; padding: 1ex; margin-right: 0}
.venue {margin-bottom: 0; text-align: center; border: 2px solid #404d2c;}
.date { text-align: center; background-color:  #404d2c; color: #fff; margin-top: 0; font-weight: bolder; }
.desc, .pers, .lind {text-align: left; background-color: #ddd; border-left: 2px solid #404d2c; border-right: 2px solid #404d2c;}
.lind {border-bottom: 2px solid #404d2c; margin-bottom: 1em;}

.price {text-align: center; background-color: #404d2c; color: #fff; margin-top: 0; margin-bottom: 1em; } 
.album, .lintit { background-color: #4c4022; color: #fff; border: 2px solid #404d2c;}
dt.album a, dt.lintit a{color: #fff; font-size: 1.2em}
.pers {padding-left: 0;}
dd.pers h3 { margin: 0; width: 90%;}
dd.pers ul {margin-left: 1ex; }
.cdlab {border: 2px solid #bbb; vertical-align: top; margin: 1ex 1ex 1em 1ex; float: left; width: 5em; }

ol.dow {counter-reset: item; margin-left: 1em;}
ol.dow li {display: block; margin-bottom: 1ex}
ol.dow li button:before {content: counter(item) ". "; counter-increment: item;}
.cdbut {font-size: 1.4em; color: #eee; text-decoration: underline; font-weight: bold; padding: 4px; background-color: #404d2c;  } 
.dlbut {font-size: 1em; background-color: #eee; text-decoration: underline; font-weight: bold; padding: 2px; display: list-item; text-align: left ;}
.dlbut:hover, dlbut:focus, dlbut:active, .cdbut:hover, cdbut:focus, cdbut:active {text-decoration: none; background-color: #000; color: #eee;}
.ppfield {margin-bottom: 1ex; padding: 0;}
#hal {list-style-type: none;}
#errlist {font-weight: bold;}
label .mod {font-size: 0.8em; color: #433922;}
.err {background-color: #fff; border: 2px solid red; border-right: 2px solid white; width: 100%;}
#b1 {margin: 1ex; float: right; font-size: 1.3em; font-weight: bold}