@media aural {
h1,h2,h3 {
stress:20;
richness:90;
}

.hide {
speak:none;
}

p.copyright {
volume:x-soft;
speech-rate:x-fast;
}

dt {
pause-before:20%;
}

pre {
speak-punctuation:code;
}
}

html {
background-color:#a0a0a0;
font-size:62.5%;
padding:5px 15px 8px;
}

body {
background-color:#FFF;
border:1px solid #505050;
-moz-box-shadow:6px 6px 7px #101010;
-webkit-box-shadow:6px 6px 7px #101010;
box-shadow:6px 6px 7px #101010;
height:auto;
overflow:visible;
padding:10px 10px 0;
}

h1 {
font-size:4.6em;
}

h2 {
font-size:2.8em;
}

h3 {
font-size:2em;
}

h4 {
font-size:1.8em;
}

h5 {
font-size:1.7em;
}

input,td,th,tr {
font-size:1em;
}

a img {
border:0;
}

a:link,a:visited {
text-decoration:underline;
color:#365D95;
}

a:hover,a:active {
text-decoration:underline;
color:#1f2126;
}

ul.square {
list-style-type:square;
margin-top:40px;
margin-bottom:5px;
}

ul.circle {
list-style-type:cicle;
}

ul.circle li {
font-size:1.2em;
margin-left:30px;
}

.stabilo {
background-color:#b5ffff;
}

.centre {
text-align:center;
}

.droite {
text-align:right;
}

.gauche {
text-align:left;
}

ul.menu {
padding-top:5px;
padding-bottom:10px;
font-size:1.4em;
list-style-type:none;
background-color:#f0f0f0;
text-align:center;
margin:10px 0 50px;
}

.menu a:active {
color:#1f2126;
text-decoration:underline;
}

.menu a:hover {
color:#1f2126;
}

div#banner {
background:#365D95;
background-color:#365D95;
margin:15px;
padding:10px 20px;
background: -webkit-gradient(linear, left top, left bottom, from(#1B2D47), to(#365D95));
background: -moz-linear-gradient(top,#1B2D47,#365D95);
}

h1#title {
font-size:2.6em;
color:#fdfdfd;
/*background-color:#365D95;*/
margin:0;
padding:0 20px 0 0;
}

h1#title span {
border-bottom:1px solid #6383b1;
border-color:#4e6f9e;
}

p#tagline {
text-align:left;
font-size:1em;
letter-spacing:.1em;
color:#D0DCEE;
background-color:transparent;
}

.page h1 {
font-size:2.6em;
color:#fdfdfd;
/*background-color:#365D95;*/
text-align:left;
margin:15px;
padding:5px 20px;
}

div.page h2 {
font-size:1.8em;
color:#000;
border-bottom:1px solid #d0d0d0;
font-weight:700;
text-align:left;
font-variant:small-caps;
padding-top:20px;
padding-bottom:0;
margin-bottom:0;
margin-top:10px;
}

div.page h3 {
font-size:1.4em;
color:#000;
font-weight:700;
font-style:normal;
border-bottom:1px dashed #d0d0d0;
text-align:left;
padding-top:10px;
padding-bottom:0;
margin-bottom:5px;
margin-top:15px;
}

div.page h4 {
font-size:1.2em;
color:#000;
font-weight:700;
font-style:normal;
text-align:left;
padding-top:20px;
padding-bottom:10px;
margin-bottom:5px;
margin-top:10px;
}

div.page h5 {
color:#000;
font-weight:700;
font-style:italic;
text-align:left;
padding-left:10px;
padding-top:10px;
padding-bottom:0;
margin-bottom:5px;
margin-top:10px;
}

.page p,li {
color:#000;
font-style:normal;
font-weight:400;
text-align:justify;
margin-bottom:0;
margin-top:7px;
padding:0;
}

.page a {
text-decoration:none;
font-size:1em;
}

div#sommaire {
margin-left:0;
margin-bottom:50px;
border-bottom:1px solid #d0d0d0;
padding:0 0 10px;
}

div#sommaire h1 {
font-size:1.8em;
border-bottom:1px solid #d0d0d0;
color:#000;
background-color:#FFF;
font-weight:700;
text-align:left;
font-variant:small-caps;
margin:0 0 10px;
padding:0;
}

div#contenu {
background-color:#FFF;
margin:15px;
}

.miniature {
width:300px;
background-color:#FFF;
border-bottom:1px solid #505050;
border-top:1px solid #505050;
border-left:1px solid #505050;
border-right:1px solid #505050;
margin:2px;
}

.illustration {
text-align:left;
background-color:#efefef;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
padding-bottom:10px;
margin:20px 2px;
}

.illustration p {
font-size:1.2em;
padding-top:5px;
padding-bottom:5px;
margin:0 10px 10px;
}

.illustration img {
margin:5px;
}

div#note {
clear:both;
margin-top:15px;
font-size:10px;
}

div#note hr {
color:#000;
text-align:left;
height:1px;
width:300px;
}

table.invisible {
font-size:1.2em;
border-collapse:collapse;
border-color:#FFF;
border-style:solid;
border-width:0;
margin:auto;
}

table.invisible td {
color:#000;
text-align:left;
border-color:#FFF;
border-style:solid;
border-width:1px;
}

table {
font-size:1.2em;
border-collapse:collapse;
border-color:#000;
border-style:solid;
border-width:1px;
margin:auto;
}

td {
color:#000;
text-align:left;
border-color:#efefef;
border-style:solid;
border-width:1px;
}

div.formulaire {
border-top:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
background-color:#efefef;
color:#000;
padding-top:2px;
padding-bottom:2px;
margin-bottom:7px;
}

.formulaire table {
border-collapse:collapse;
border-color:#000;
border-style:solid;
border-width:0;
margin:auto;
}

.formulaire td {
color:#000;
text-align:left;
border-color:#efefef;
border-style:solid;
border-width:1px;
padding:3px 5px;
}

div.remarque {
border-top:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
background-color:#efefef;
color:#000;
margin-bottom:7px;
margin-top:10px;
padding:8px;
}

.remarque h1 {
color:#000;
text-align:left;
background-color:#efefef;
padding-top:0;
font-size:1.3em;
margin-bottom:4px;
margin-top:4px;
font-variant:small-caps;
}

.remarque p {
margin-top:7px;
padding-left:20px;
padding-right:20px;
margin-bottom:7px;
}

.copyright {
text-align:center;
font-size:1em;
color:#a0a0a0;
margin-bottom:7px;
margin-top:45px;
}

div#index {
font-size:1.2em;
color:#000;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
}

div#index h1 {
font-size:1.4em;
text-align:center;
font-variant:small-caps;
background-color:#dfdfdf;
margin-top:0;
font-weight:700;
}

div#index p {
font-size:1.2em;
padding-left:5px;
}

div#index a {
text-decoration:none;
}

div#index a:link {
font-size:1.2em;
color:blue;
background-color:transparent;
}

div#index a:visited {
font-size:1.2em;
color:gray;
background-color:transparent;
}

.lettrine {
float:left;
color:#000;
font-weight:700;
font-size:3.5em;
}

.exemple {
font-family:'lucida console','courier new';
background-color:#d0d0d0;
margin:5px 0;
padding:5px 2px;
}

div#annonce {
background-color:#fff9b0;
float:right;
width:200px;
border-bottom:1px solid #d0d0d0;
border-top:1px solid #d0d0d0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
margin-left:20px;
padding:0 0 5px;
}

p.unix {
font-family:'lucida console','courier new';
letter-spacing:1px;
}

div.unix {
font-family:'lucida console','courier new';
letter-spacing:1px;
color:#FFF;
background-color:#000;
margin:5px 0;
padding:5px 2px;
}

.unix p {
font-family:'lucida console','courier new';
letter-spacing:1px;
color:#dfdfdf;
background-color:#000;
}

.unix pre {
font-size:1.2em;
font-family:'lucida console','courier new';
letter-spacing:1px;
color:#dfdfdf;
background-color:#000;
}

div#redacteur {
background-color:#FFF;
float:right;
width:200px;
border-bottom:1px solid #d0d0d0;
border-top:1px solid #d0d0d0;
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
margin-left:20px;
padding:5px;
}

table#footer {
font-size:1.2em;
border-collapse:collapse;
border-color:#FFF;
border-style:none;
border-width:0;
margin:auto;
}

table#footer td {
border-width:0;
padding:3px 15px;
}

ul#menu {
padding-top:5px;
padding-bottom:10px;
font-size:14px;
list-style-type:none;
border-bottom:5px solid #e0e0e0;
margin:10px 0 50px;
}

#menu a {
color:#dfdfdf;
text-decoration:none;
}

#menu a:hover {
color:orange;
}

#menu a:link {
color:#dfdfdf;
background-color:transparent;
}

.NOWINTEXT pre {
color:#000;
font-size:1.4em;
}

p,li,ul.square li,div#sommaire p,a,span,li,div#annonce a,span,div#redacteur a,span {
font-size:1.2em;
}

.menu a:link,.menu a:visited,.page a:link {
background-color:transparent;
color:#365D95;
}

.menu li,#menu li {
display:inline;
margin:5px;
}

.page a:visited,#menu a:visited {
background-color:transparent;
color:gray;
}

.page a:hover,div#index a:hover {
text-decoration:underline;
}

th,.formulaire th {
background-color:#cfcfcf;
color:#000;
padding-left:8px;
padding-right:8px;
text-align:center;
border-color:#efefef;
border-style:solid;
border-width:1px;
}

div#annonce h1,div#redacteur h1 {
background-color:#d0d0d0;
color:#FFF;
font-size:1.2em;
font-weight:700;
text-align:center;
text-transform:uppercase;
margin:0 0 10px;
padding:0;
}