* {font-size: 88%; font-family: "freesans",helvetica, arial, sans-serif; box-sizing: border-box!important}
body {padding: 0; }

div#head {margin: 1em 5em 6em 2em;padding: 0ex;  }
div#head h1 {font-size: 2.5em; line-height: 90%; height: 20%; }
h1>span {font-size: 1em; color: #230}
h1 a {text-decoration: none; color: #320;}
div#menu {font-size: 0.8em;}



code, kbd {font-variant: small-caps;}
code:after {content: ">";}
code:before { content: "<";}
strong {font-size: 1.4em;}
pre {font-size: 1.1em;}
em {font-size: 1.1em}

#menu ul {margin: 0; padding: 0; font-size: 1.7em; width: 100%}
#menu ul li {margin: 0ex 0.5ex; padding: 2px;}
#menu ul li a:link, #menu ul li a:visited {text-decoration: none; font-weight: bold; color: #420;padding-top: 1px;}
#menu ul li a:hover {background-color: #230; color: white; text-decoration: overline underline;}
li#here {font-size: 110%}
ul#sb {margin-left: 1em; font-size: 80%}

#content {clear: both;font-size: 140%; margin: auto; width: auto; padding: 1ex; }
h2 {font-size: 2.4em; ;  font-weight: normal; line-height: 100%; margin: 0ex 1ex 1ex 0.3ex; vertical-align: top; padding: 0; color: #250; }
h2>span {font-size: 1ex; color: #520; font-weight: bold; display: block}
h3 {font-size: 2em;font-weight: normal; line-height: 80%; margin: 3ex 0.4ex 0.3ex 0.5ex; padding: 0;  color: #220; clear: left; }
h4 {font-size: 1.8em; font-weight: normal; line-height: 100%;clear: both; padding: 0;  color: #520; margin-left: 1.6em}
p {font-size: 1.1em; margin: 2ex 1ex; color: #000; widows: 3; orphans: 3; line-height: 150%; }
div#content>p { margin-left: 3em; }
div#content>ul, div#content>ol {margin-left: 3em; font-size: 1.2em;}
div#content>ol li {margin-bottom: 1.5ex;}
#content a {font-size: 105%}
hr {text-align: center; width: 80%; color: #420; clear: both;}
a:link, a:visited {font-weight: bold; color: #420;}
a:hover, a:focus, a:active, #content a:hover, #content a:focus, #content a:active {text-decoration: overline underline; color: #fff; background-color: #420;}
.imleft {float: left; width: 18em; margin:1em; border: 3px solid #230;}
.imlefts {float: left; width: 4em; margin:1ex; border: 3px solid #230;}
.imright {float: right; width: 18em; margin: 1em;border: 3px solid #230}
.imrights{float: right; width: 4em; margin: 1ex; border: 3px solid #230}
div.update {border-top: 6px solid #520; border-bottom: 6px solid #520; width: 70%; margin: 1em auto; padding: 1ex}
div.update p {width: 90%; margin: 1ex auto}
p.update {border-right: 3px solid #520; width: auto; padding: 1ex; margin: 2ex;}

blockquote {border-left: 3px solid #520; border-right: 3px solid #520; padding: 0ex; margin: 1ex auto; clear: right; width: 70%; }

cite {display: block; font-variant: normal; font-weight: 900; text-align: right; clear: both;}

ul.articles {list-style: none; margin: 1ex auto !important; width: 80%;border-top: 2px solid #520; border-bottom: 2px solid #520; clear: both;}
ul.articles li { width: 90%;padding: 1ex; margin-bottom: 2em; font-size: 65%;  }
ul.articles li>blockquote  {padding: 0; margin:1ex 1ex 1ex 3em; }

h2#resp {font-size: 1.8em; margin-top: 1.5em}


div.pag {margin: 1em auto; padding: 0ex; font-size: 1em; height: 4em; text-align: center;  }
p+div.pag {text-align: right; height: 2em; margin-bottom: 0}
ul.articles+div.pag {text-align: center; width: 70%;}
div.pag h2 {font-size: 80%; margin-bottom: 0; color: #230; float: none; width: 100%; height: auto; text-align: center; display: inline;}
div.pag ul {margin: 1ex auto; display: inline; text-align: center}
div.pag ul li{display: inline; padding: 1ex; font-size:110%;}
div.pag ul li.here {font-size: 230%; font-weight: bold}

h3.da {font-size: 1.6em; font-weight: normal; line-height: 100%; margin: 0ex 1ex 0ex 0ex; vertical-align: top; padding: 1ex 1ex 0ex 1ex; text-align: left;}
span.pr {display: block; color: #250; font-weight: bold; font-size: 80%;} 
span.comm { color: #630; font-weight: bold;font-size: 105%; margin-left: 1em;}
ul.articles li>p.det {margin-left: 5em; margin-top: 0; padding-top: 0; vertical-align: top;}
p.ve>* { font-size: 0.8em;}
ol.ve li {display: inline;}
p.det>span.pr {font-size: 90%;}
blockquote.det { border: 0px solid black; padding: 0;margin-top: -1.5em; vertical-align: top; width: 48em;}

table { width: 85%; margin: 1ex auto; font-size: 110%; border-spacing: 1ex;  }
th { color: #250; font-weight: normal; font-size: 1.3em; text-align: center; border-bottom: 2px solid #520; vertical-align: top;}
td.det {width: 40%;}
td.pr {text-align: center; font-size: 1.1em; color: #520; font-weight: bold }
th.da {font-size:1.1em; font-weight: normal; color: #000; text-align: left; border: none;}
td {vertical-align: top}

div.thumb {margin: 2em auto; font-size: 0.8em; text-align: center; vertical-align: top; width: 14em;}
div.thumb img {width: 14em; display: block; border: 2px solid #250;}

.exa {text-align: center; width: 50%; margin: 1em auto; border: 2px solid #420; background-color: #ddd; font-size: 1.3em; padding: 1ex }
sup, sub {font-size: 58%;}
form {padding: 1ex; margin: 0 auto; background-color: #ddd;  border: 2px solid #bbb; width: 80%}
.shop { background-color: #fff; border: none; width: 12em; float: right;  }
.buybut {font-size: 1.5em; display: inline; float: right;}
fieldset {border: 0;}
label {font-weight: 900; font-size: 1.2em; margin-left: 1em;}
select, textarea,#email,#nom {width: 85%; display: block; margin:1ex 2.6em; font-size: 1.2em;}
legend {display: none}
textarea:focus, select:focus, input:focus, textarea:active, select:active, input:active {border: 4px solid #aaa;}
.fe {border: 4px solid #000}
#hal {list-style-type: none;}
#errlist {font-weight: 900; margin-left: 8em;  font-size: 1em}
label span.mod {font-size: 0.8em; color: #520;}
.err {background-color: #fd0; border: 2px solid #520; padding: 1ex; margin: 1ex auto; width: 80%; font-size: 1em; clear: both;}
#os0 {width: 60%;margin-left: 3em; font-size: 1.2em;}
#b1, #b2 {margin: 1ex; float: right; font-weight: 900; font-size: 1.2em; }
#b2 { float: none; display: inline; margin-left: 0}
#b1:active, #b1:focus, #b2:active, #b2:focus {background-color: #030; color: #fff; border: 2px solid #df0;}

object.svgplay {float:left; margin: 2px; width: 30%; vertical-align: top; padding: 0; height: 100%}
object.svgplay>p, object.svgplay>span {font-size: 1.2ex;}
div#svdes { font-size: 0.95em; margin:0;}
form#sel {background-color: inherit;  border: 2px dashed #ccc; ; float: left; width: 40%; font-size: 90%; height: 18.6em;  margin: 0}

#sel input {height: 3em; width: 3em; font-size: 1em;}
div#dis {float: left; margin: 0;  width: 58%; border: 2px dashed #ddd; height: 20em; margin-bottom: 1em;}
div.audplay {clear: both; width: 58em;margin: 1em auto; }
div.audplay+p {clear: both;}
object.miniplay {display: inline; vertical-align: middle}

#foot, #acc {border-top: 2px solid #420; border-bottom: 2px solid #420;  margin: 1em 1em 2em 1em; width: auto; padding: 1ex; font-size: 1.5em; text-align: left ;clear: both; }
#foot h2, #acc h2 {display: none; width: auto;}
#foot ul, #acc ul { width: auto;}