html, body {margin:0; padding:0; height:100%;}
html>body #wrap {height:100%;}
#menu {width:100%; height:10px;}
html>body #menu {position:fixed; z-index:1;}
html>body #content-wrap {padding-top:50px; height:100%;} 
html>body #content {padding-top:50px;} 
html>body #video {height:100%;}


#menu{color:#111; text-align:center;}
#content-wrap, #content {padding-top:50px; background:#d93; text-align:center;}


html, body {color:#333; background:#d93;}/*ne videbla*/
body {font:15px sans-serif;}


h1 {font-size:50px; width:100%; text-align:center; color:#000; margin-top:0; 
   margin-bottom:50px; padding-top:30px;}
h2 {text-indent:0; font-size:30px; width:100%; text-align:center; color:#000; margin-top:0; margin-bottom:0;}
h3 {text-indent:0; font-size:23px; text-align:center; color:#000; margin-top:0; margin-bottom:0;}
h4 {font-size:15px; width:100%; text-align:center; color:#000; margin-top:0; margin-bottom:10px;}
.g{text-indent:0px; font-size:23px; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0;
text-align:left; color:#000;}
.tableau{font-size:23px; width:100%; text-align:left; color:#000; padding-top:15px; margin-top:0; margin-bottom:0;}
.tableauD{font:23px Verdana, Trebuchet, DejaVu sans; width:100%; text-align:left; color:#000;
padding-top:15px; margin-top:0; margin-bottom:0;}

  p {
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0;
text-align:left; color:#000;}
/*<p class=" ">*/
  .simple{text-indent:0px; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0;
text-align:left; color:#000;}
  .petitsimple{text-indent:0px; font-size:15px; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em;  line-height:17px;
margin-top:0; margin-bottom:0;
text-align:left; color:#000;}
.gauche{float:left; font-weight:bold; font-size:57px; line-height:41px; text-indent:4%; 
margin-left:10px; margin-right:4%; padding-left:0px; padding-right:0px; margin-top:8px; margin-bottom:0px;}
  .noir {background-color:#000;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.5em;  
margin-top:0; margin-bottom:0; 
text-align:left; color:#a00;}
  .blanc {background-color:#ffc;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.5em;  
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .krem {background-color:#ff9;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.5em;  
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .bleuciel {background-color:#9ff;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0; 
padding-bottom:0px;
text-align:left; color:#000;}
  .bleu {background-color:#3cf;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.5em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .rose {background-color:#f0f;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.5em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .saumon {background-color:#fc9;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.5em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .rouge {background-color:#f66;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.25em;  
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .rougep {background-color:#f66;
text-indent:4%; font-size:20px; 
margin-left:7em; margin-right:7em; 
padding:0.25em;  
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .jaune {background-color:#ff6;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.5em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .vert {background-color:#3f3;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.25em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .turquoise {background-color:#67cca4;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.25em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .gris {background-color:#dedede;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.25em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .marron {background-color:#d70;
text-indent:4%; font-size:20px; 
margin-left:0.5em; margin-right:0.5em; 
padding:0.25em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
.Buffet {font:20px serif; 
text-indent:4%; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0;
text-align:left; color:#000;}
.Buffetc {font:20px serif; 
text-indent:0px; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.Bernard {font:25px URW Chancery L, French Script MT, Monotype Corsiva; 
text-indent:4%; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0;
text-align:left; color:#000;}
.Bernardc {font:25px URW Chancery L, French Script MT, Monotype Corsiva; 
text-indent:0px; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.Derudder {font:20px Verdana, Trebuchet, DejaVu sans; 
text-indent:4%; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0;
text-align:left; color:#000;}
.Deruderc {font:20px Verdana, Trebuchet, DejaVu sans; 
text-indent:0px; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.centre{text-indent:0px; font-size:20px; 
margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.img{text-indent:0px; margin-top:15px; margin-bottom:0; line-height:0; text-align:center; color:#000;}
.alert{text-indent:0px; text-align:center; font-family:monospace; font-size:12px;}
.mono{text-indent:0px; text-align:center; font-family:monospace; font-size:20px;}
.monog{text-indent:4%; text-align:left; font-family:monospace; font-size:20px;}
.droite{float:right; text-indent:0px; margin-left:10px; margin-right:10px; 
padding-left:0; padding-right:0; margin-top:10px; margin-bottom:0; clear:both;}
.legal{text-indent:0px; font-size:20px; font-family:monospace; text-align:center; color:#000; padding-bottom:1em;}
.x{text-indent:0%; font-style:normal; font-weight:bold; text-align:center; font-size:15px; line-height:1.2em; color:#000;}
.linux{text-indent:4px; font-size:17px; font-family:monospace; text-align:left; color:#3f3; font-weight:normal;}
.linuxu{text-indent:4px; font-size:17px; font-family:monospace; text-align:left; color:#3f3; font-style:normal; 
text-decoration:underline;}

.box{ width:80%; border:1px solid black; text-align:left; font-size:15px; color:#000; background-color:#7cfc00; margin-top:1em; margin-left: 10%; margin-right: 10%; margin-bottom:1em;}
  .boxbleu {border:2px solid black; background-color:#afeeee;
text-indent:4%; font-size:20px; 
margin-left:0.1em; margin-right:0.1em; 
padding-left:0.2em; padding-right:0.2em; 
margin-top:0; margin-bottom:0; 
padding-bottom:0px;
text-align:left; color:#000;}
  .boxrose {border:2px solid black; background-color:#ffb6c1;
text-indent:4%; font-size:20px; 
margin-left:0.1em; margin-right:0.1em; 
padding-left:0.2em; padding-right:0.2em; 
margin-top:0; margin-bottom:0; 
padding-bottom:0px;
text-align:left; color:#000;}
  

table{width:100%; background-color:#fc3;}
#past1{width:500px; background-color:#000; font-weight:bold; margin-top:3em; margin-left:auto; margin-right:auto;}
#past2{width:600px; background-color:#000; font-weight:bold; margin-left:auto; margin-right:auto;}
td{width:25%; background-color:#3cf; font-weight:bold; text-align:center;}
.cm{width:20%; background-color:#9ff; font-weight:bold; font-size:10px; margin-bottom:0;}
.txt{width:20%; background-color:#3cf; font-weight:bold; font-size:10px; margin-bottom:0;}
.txtici{width:20%; background-color:#9ff; font-weight:bold; font-size:10px; margin-bottom:0;}
.ici{width:25%; background-color:#9ff; font-weight:bold;}
.n56{width:100px; background-color:#ffc; font-weight:bold; text-align:center;}
.ben{width:100px; background-color:#f00; font-weight:bold; text-align:center;}
#fich{width:100%; background-color:#f00; font-weight:normal; text-align:left;}
#cat{width:100%; background-color:#000;}
#com{width:68%; background-color:#000; margin-left:auto; margin-right:auto;}

/*<em class=" ">*/
.surjaune{font-style:normal; background-color:yellow;}
.enjaune{font-style:normal; font-weight:bold; color:yellow;}
.surrouge{font-style:normal; background-color:red;}
.survert{font-style:normal; background-color:#3f3;}
.surbleu{font-style:normal; background-color:#9ff;}
.surviolet{font-style:normal; background-color:#a0a;}
.surblanc{font-style:normal; background-color:#ffc;}
.surkaki{font-style:normal; background-color:#e2e288;}
.enrouge{font-style:normal; font-weight:bold; color:#f00;}
.enrougef{font-style:normal; font-weight:bold; color:#900;}
.enmarron{font-style:normal; font-weight:bold; color:#410;}
.enorange{font-style:normal; font-weight:bold; color:#f40;}
.enviolet{font-style:normal; font-weight:bold; color:#a0a;}
.enblanc{font-style:normal; font-weight:bold; color:#ffc;}
.envert{font-style:normal; font-weight:bold; color:#060;}
.enbleu{font-style:normal; font-weight:bold; color:#00f;}
.strike{font-style:normal; text-decoration:line-through;}
.u{font-style:normal; text-decoration:underline; color:#000;}
.urf{font-style:normal; text-decoration:underline; color:#900;}
.moyen{font-style:normal; font-size:17px; line-height:1.2em; color:#000;}
.petit{font-style:normal; font-size:15px; line-height:1.2em; color:#000;}
.b{font-style:normal; font-weight:bold;}
.fin{font-style:normal; font-weight:normal;}
.mono{font-style:normal; font-family:monospace;}
.sup{font-style:normal; vertical-align:super; font-size:10px;}
.liste{text-indent:20%; font-style:normal; font-size:15px; line-height:1.2em; color:#000;}
.liste2{text-indent:30%; font-style:normal; font-weight:bold; line-height:1.2em; color:#000;}
.liste-{text-indent:4%; font-style:normal; line-height:1.2em; color:#000;
font-size:15px; padding-left:3em; padding-right:3em; margin-bottom:0.2em;}
.listen{text-indent:4%; font-style:normal; line-height:1.2em; color:#000;
font-size:15px; padding-left:6em; padding-right:6em; margin-bottom:0.2em;}
.listel{text-indent:4%; font-style:normal; line-height:1.2em; color:#000;
font-size:15px; padding-left:10em; padding-right:10em; margin-bottom:0.2em;}

.ref{text-indent:0%; font-style:italic; font-size:12px; line-height:1.2em; color:#000;}

ul{list-style-type:decimal; text-indent:20%; }

a:link{text-decoration:none; color:#00f; font-weight:bold;}
a:hover{text-decoration:none; color:#f00; font-weight:bold;}
a:active{text-decoration:none; color:#f00; font-weight:bold;}
a:visited{text-decoration:none; color:#808; font-weight:bold;}
.s:link{text-decoration:underline; color:#00f; font-weight:bold;}
.s:hover{text-decoration:none; color:#f00; font-weight:bold;}
.s:active{text-decoration:none; color:#f00; font-weight:bold;}
.s:visited{text-decoration:underline; color:#808; font-weight:bold;}
#leg{text-decoration:underline; color:#00f; font-weight:bold;}

img{border:0 none;}

#pied{clear:both; width:100%; padding-top:20px; padding-bottom:20px; 
text-align:center; color:#000; font-size:25px;}