body 
{
font-family: Sans-serif;
font-size: 10pt;
}

div.mainbox {
display: inline-block;
vertical-align: top;
font-size: 1.1em;
margin-right: 4em;
}

div.exemple
{
margin-left: 1.5em;
}

table.main
{
font-size: 2.7em;
font-weight: bold;
font-style: italic;
margin-bottom: 0.3em;
border-style: solid none solid none;
border-width: 0.08em 0.08em 0.08em 0.08em;
border-collapse: collapse;
}

th, td
{
padding: 0em;
}

td.maintext
{
vertical-align: middle;
text-align: right;
}

h1
{
font-size: 1.9em;
font-weight: normal;
margin-top: 1.2em;
margin-bottom: 0.7em;
}

h2
{
font-weight: normal;
}

h3
{
font-weight: normal;
font-size: 1.2em;
margin-top: 1.2em;
}

div.droite
{
float: right;
}

p
{
text-align: justify;
}

p.droite
{
float: right;
margin-left: 1.5em;
text-align: right;
font-size: 0.8em;
font-weight: normal;
}

p.date
{
text-align: right;
font-size: 0.9em;
}

p.langue
{
text-align: right;
font-weight: bold;
}

p.citation
{
font-size: .8em;
width: 45%;
text-align: justify;
}

@media handheld {
p.citation { display:none; }
}

p.index
{
margin-left: 1.3em;
line-height: 1.8em;
}

p.inline_p {
margin-top: 0em;
display: inline-block;
margin-right: 4em;
}

li.tips
{
margin-top: 1.6em;
text-align: justify;
}

img
{
border: 0; 
}

td
{
vertical-align: top;
}

@media (prefers-color-scheme: no-preference) {

body {
background-color: #DADADA;
color: #000000;
}

h1 {
color: #0000FF;
}

p.droite, p.date {
color: #0000FF;
}


}

@media (prefers-color-scheme: dark) {

:link { color: #4894DE;}
:visited { color: #408AB0;}

body {
background: #181818;
color: #DDDDDD;
}

table.main {
#background: #1C1C1C;
color: #6E6C6A;
}

h1 {
color: #66A3CC;
}

p.droite, p.date {
color: #55B3FF;
}


}

@media (prefers-color-scheme: light) {

body {
background-color: #DADADA;
color: #000000;
}

h1 {
color: #0000FF;
}

p.droite, p.date {
color: #0000FF;
}


}