body { margin:0; font-family:arial,verdana,geneva,helvetica,sans-serif; }
nav { position:sticky; top:0; width:100%; font-variant:small-caps;
      font-family:arial,verdana,geneva,helvetica,sans-serif; font-weight:500; z-index:3; }
nav ul { background-color:black;  list-style-type:none; margin:0; padding:0; overflow:hidden; }
nav ul li { display:inline-block; }
nav ul li.droite { float:right; }
nav ul li a.actif { background-image:url("menus/actif.png"); }
nav ul li a { display:inline-block; color:white; line-height:30px; padding:3px 10px; text-decoration:none; }
nav ul li a:hover { background-color:#CCC; color:black; }
nav ul li ul { display:none; position:absolute; min-width:160px; background-color:#FFF;
               box-shadow:2px 8px 8px 0px rgba(0,0,0,0.2); z-index:3; }
nav ul li:hover ul { display:block; }
nav ul li ul li { display:block; }
nav ul li ul li a { padding:0 10px; color:black; display:block; }

nav ul.bleu { background-color:#33C; }
nav ul.vert { background-color:#393; }

h1 a, h2 a, h3 a, a.nondec { text-decoration:none; }
a img { vertical-align:middle; width:24px; height:24px; background-color:white; border:1px solid white; text-decoration:none; }

@media screen and (max-width:500px) {nav { position:static; } }

article { margin:8px; max-width:1000px; line-height:150%; }
article.centre { margin:auto }
article.large { max-width:96%; }
article h1 { font-size:150%; font-weight:bold; color:#449EFB; text-align:center; font-variant:small-caps; }
article h2 { font-size:125%; font-weight:bold; color:#0C9C1B; text-align:center; }
article h3 { font-size:115%; font-weight:bold; font-style:italic; color:#000000;
 text-align:left; }
article h4 { font-size:115%; font-weight:bold; color:#449EFB; text-align:left; }

article p { text-align:justify; }
article p.clear { clear:both; line-height:0}
article p.centre { text-align:center; }
article p.invis { display:none; }

article table { border-collapse:collapse; border:2px solid #449EFB; font-size:100%; }
article caption { border:2px solid #449EFB; vertical-align:middle; text-align:center;
 color:white; font-size:105%; letter-spacing:.03em; background:#449EFB; }
article thead, article tfoot { border:1px solid #449EFB; vertical-align:middle;
 text-align:center; background:#FFFFCC; }
article th { border:1px solid #449EFB; text-align:center; padding:5px; background:#FFFFCC; font-weight:normal; }
article th.asc { background:#FFFFCC url("../ico/8/asc.png") no-repeat right top; }
article th.desc { background:#FFFFCC url("../ico/8/desc.png") no-repeat right bottom; }
article td { border:1px solid #449EFB; vertical-align:top; padding:5px; background:#FFFFFF; }
article td.grise { background:#999999; }
article td.centre { text-align:center; }
article td.droite { text-align:right; }

article table.centre { margin-left:auto; margin-right:auto; }
article table.invis { border-width:0; margin:10px 3px; }
article table.invis th { border-width:0 0 1px 0; border-color:#999999; text-align:left; background:#FFFFFF; }
article table.invis td { border-width:0; background:#FFFFFF; }
article table.liste { border-spacing:0; border-width:2px; font-size:90%; }
article table.liste th { font-size:90%; border-style:inset; border-width:2px; border-color:#CCCCCC; padding:0px 3px; background-color:#CCCCCC; }
article table.liste td { font-size:90%; border-style:inset; border-width:2px; border-color:#CCCCCC; padding:0px 3px; text-align:center; }
article table.cond { border-spacing:0; border-width:2px; }
article table.cond th, article table.cond td { border-style:inset; border-width:2px; padding:1px 3px; }
article table.formulaire { font-size:90%; border-spacing:0; border-width:0; }
article table.formulaire th { border-width:0 0 1px 0; border-color:#999999; text-align:left; background:#FFFFFF; }
article table.formulaire td { border-width:0; padding:0; }
article table.enligne { display:inline-block; }

article img { border:0 hidden #FFFFFF; }
article img.gauche { float:left; margin-right:10px; }
article img.droite { float:right; margin-left:10px; }
article img.centre { display:block; margin:0 auto; }
article img.ico16 { vertical-align:middle; border:0; width:16px; height:16px; }
article img.ico24 { vertical-align:middle; border:0; width:24px; height:24px; }
article img.ico32 { vertical-align:middle; border:0; width:32px; height:32px; }
article img.ico48 { vertical-align:middle; border:0; width:48px; height:48px; }
article img.drapeau { vertical-align:middle; border:1px solid #333333; }
article img.invis { display:none; }

article ul, article ol {margin:1px 0px; }

article div.encadre { margin-right:10px; border:1px solid black; background-color:lightyellow; padding:10px }
article div.encadregauche { float:left; width:300px; margin-right:10px; border:1px solid black; background-color:lightyellow; padding:10px }
article div.encadredroite { float:right; width:300px; margin-left:10px; border:1px solid black; background-color:lightyellow; padding:10px }
article div.gauche { float:left; margin-right:10px; border:0; }
article div.gauche50 { float:left; margin-right:0; border:0; width:50%; }
article div.droite { float:right; margin-left:10px; border:0; }
article div.droite50 { float:right; margin-left:0; border:0; width:50%; }
article div.centre { margin:0 auto; }
article div.clear { clear:both; }

article hr { color:#449EFB; background:#449EFB; border-style:none; width:50%;
 height:2px; margin:20px auto; }

article dl { border:1px #CCC; }
article dt { float:left; clear:left; width:100px; text-align:right; font-weight:bold; }
article dt:after { content:":"; }
article dd { margin:0 0 0 110px; }

sub, sup { font-size:80%; } 
article .s { font-size:80%; }
article .m { font-size:105%; }
article .l { font-size:125%; }
article .xl { font-size:150%; }
article .normal { font-weight:normal; }
article .rouge { color:#FF0000; }
article .vert { color:#009900; }
article .orange { color:#FF6600; }
article .bleu { color:#0000FF; }
article .noir { color:#000000; }
article .ombre { text-shadow:4px 4px 4px #CCCCCC; }
article .serre { margin:3px 2px 6px; }
article .colle { white-space:nowrap; }

pre { background-color:#CCCCCC; }

figure { text-align:center; }
figure.ligne { display:inline-block; margin:12px 3px; }
figcaption { text-align:center; font-size:90%; font-style:italic; color:#0C9C1B; }

fieldset { margin:0; border:2px solid #77BBFF; padding:1px 3px; }
fieldset legend { font-weight:bold; background-color:#77BBFF; color:#FFFFFF; padding:1px 10px; }
fieldset div { padding:2px 0; }
fieldset table th { text-align:left; }