html, body {margin:0; padding:0; height:100%;}

#menu {width:70px; position:fixed; top:0; left:0; background:#fea;}
#page-wrap, #page { margin-left:75px; background:#fea;}


html, body {color:#fea; background:#fea;}
body {font:15px sans-serif; background:#fea;}



h1 {font-size:50px; text-align:center; color:#000; margin-left:5px; margin-right:5px; padding-top:10px; margin-top:0; 
margin-bottom:20px;}
h2 {font-size:30px; text-align:center; color:#000; margin-top:0; margin-bottom:0; margin-left:0.5em; margin-right:0.5em;}
h3 {font-size:23px; text-align:center; color:#000; margin-top:0; margin-bottom:0; margin-left:0.5em; margin-right:0.5em;}
h4{text-indent:4%; padding-left:0.25em; margin-left:0.5em; font-size:20px; width:100%; text-align:left; color:#000; 
margin-top:0; margin-bottom:0;}
.noir{font-style:normal; line-height:20px; color:#000;}
.jaunef{font-style:normal; line-height:20px; color:#000; background-color:#fc0;}

  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=" ">*/
  .blanc {background-color:#ffc;
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;}
  .centreblanc {background-color:#ffc;
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:center; 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-left:0.25em; padding-right:0.25em; 
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-left:0.25em; padding-right:0.25em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .rouge {background-color:#f33;
text-indent:4%; font-size:15px; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.5em; padding-right:0.5em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000; font-style:normal; line-height:20px; }
  .jaune {background-color:#ff6;
text-indent:4%; font-size:20px; 
margin-left:7%; margin-right:7%; 
padding:0.5em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .jaunef {background-color:#fc0;
text-indent:4%; font-size:15px; 
margin-left:0.5em; margin:0.5em; 
padding:1em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;}
  .jaunefliste{background-color:#fc0;
text-indent:20%; font-size:15px; 
margin-left:0.5em; margin-right:0.5em; 
padding-left:0.5em; padding-right:0.5em; 
margin-top:0; margin-bottom:0; 
text-align:left; color:#000;
font-style:normal; font-size:15px; line-height:1em;}
  .vert {background-color:#3f3;
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;}
  .marron {background-color:#c93;
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; padding:0.25em; }

.centre{text-indent:0px; font-size:20px; margin-left:5%; margin-right:5%; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.img{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;}
.noir{font-style:normal; line-height:20px; color:#000;}
#gris{border: 3px solid red; background-color:#333; margin-left:32%; margin-right:32%; padding:5px;}

.left{float:left; margin-right:3em;}
.droite{float:right; text-indent:0px; margin-left:10px; margin-right:10px; border-color:#fea; 
padding-left:0; padding-right:0; margin-top:10px; margin-bottom:0; clear:both;}

.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;}
.boxliste{margin-right:10%; margin-left:10%; text-align:left; color:#000; background-color:#fea;}
.box{width:70%; border:3px solid green; margin:0 auto; text-align:left; font-size:17px; color:#000; 
padding-top:10px;background-color:#3f7;}

table{background-color:#fea; margin:0 auto;}
td{text-align:center; font-size:15px; color:#000; background-color:#f00; font-weight:bold;}
.ici{text-align:center; font-size:15px; color:#000; background-color:#f90; font-weight:bold;}
.n0{color:#000; background-color:#001; }
.inv{color:#000; background-color:#fea; margin:0 auto; padding-left:0.5em; padding-right:0.5em;}
.clair{background-color:#fea; margin:0 auto; padding-left:1em; padding-right:1em; }
/*image*/
.droite{text-align:right; color:#ffb; padding-left:0.5em; padding-right:0.5em; margin-left:0.5em; 
margin-right:0.5em;}

#m{background-color:#3cf; width:210px; margin:0 auto;}
.mus{text-align:center; font-size:15px; 
color:#000; background-color:#f00; font-weight:bold;}
#droite{float:right; text-indent:0px; margin-left:10px; margin-right:50px; 
padding-left:0; padding-right:0; margin-top:10px; margin-bottom:10px;}
#bof{clear:both; visibility: hidden; background-color:#3cf;}

/*<em class=" ">*/
.surjaune{font-style:normal; background-color:yellow;}
.surrouge{font-style:normal; background-color:red;}
.survert{font-style:normal; background-color:#0a0;}
.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;}
.enbleu{font-style:normal; font-weight:bold; color:#3cf;}
.enjaune{font-style:normal; font-weight:bold; color:#fa5;}
.attention{font-style:normal; font-weight:bold; color:#b22222;}
.envert{font-style:normal; font-weight:bold; color:#060;}
.strike{font-style:normal; text-decoration:line-through;}
.u{font-style:normal; text-decoration:underline;}
.petit{font-style:normal; font-size:15px; line-height:1.2em; padding-left:0.5em; padding-right:0.5em; margin-left:0.5em; 
margin-right:0.5em;}
.petitsimple{text-indent:0px; font-style:normal; font-size:15px; line-height:1.2em; padding-left:0.5em; 
padding-right:0.5em; margin-left:0.5em; margin-right:0.5em;}
.b{font-style:normal; font-weight:bold;}
.mono{font-style:normal; font-family:monospace;}
.sup{font-style:normal; vertical-align:super; line-height:0; font-size:10px;}
.liste{text-indent:20%; font-style:normal; font-size:15px; line-height:1.2em; padding-left:0.5em; padding-right:0.5em; 
margin-left:0.5em; margin-right:0.5em;}
.liste2{text-indent:30%; font-style:normal; font-weight:bold; line-height:1.2em;}
.clignot{font-style:normal; text-decoration:blink; color:#fea;}
.n1{font-style:normal; font-weight:bold; color:#789;}
.n3{font-style:normal; font-weight:bold; color:#f00;}
.n3r{font-style:normal; font-weight:bold; color:#f00; text-align:right; background-color:#fea; border-color:#fea;}
.n5{font-style:normal; font-weight:bold; color:#00bfff;}
.n5r{font-style:normal; font-weight:bold; color:#00bfff; text-align:right; background-color:#fea; border-color:#fea;}
.n7{font-style:normal; font-weight:bold; color:#ffa500;}
.n7r{font-style:normal; font-weight:bold; color:#ffa500; text-align:right; background-color:#fea; border-color:#fea;}
.n9{font-style:normal; font-weight:bold; color:#008000;}
.n11{font-style:normal; font-weight:bold; color:#c71585;}
.n11r{font-style:normal; font-weight:bold; color:#c71585; text-align:right; background-color:#fea; border-color:#fea;}
.n13{font-style:normal; font-weight:bold; color:#ec0;}
.n13r{font-style:normal; font-weight:bold; color:#ec0; text-align:right; background-color:#fea; border-color:#fea;}
.n15{font-style:normal; font-weight:bold; color:#a0522d;}
.n17{font-style:normal; font-weight:bold; color:#0f0;}
.n17r{font-style:normal; font-weight:bold; color:#0f0; text-align:right; background-color:#fea; border-color:#fea;}
.n3m{font-style:normal; font-weight:bold; color:#afeeee;}
.n3mr{font-style:normal; font-weight:bold; color:#afeeee; text-align:right; background-color:#fea; border-color:#fea;}
.n4j{font-style:normal; font-weight:bold; color:#9370db;}
.n6M{font-style:normal; font-weight:bold; color:#daa520;}
.n7M{font-style:normal; font-weight:bold; color:#a0522d;}
.cache{color:#fea; background-color:#fea; visibility: hidden;}

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

a:link{text-decoration:underline; 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:underline; color:#d0d; font-weight:bold}
.menu:link{text-decoration:none; color:#ffed05; font-weight:bold;}
.menu:hover{text-decoration:none; color:#f88100; font-weight:bold;}
.menu:active{text-decoration:none; color:#f00; font-weight:bold;}
.menu:visited{text-decoration:none; color:#677; font-weight:bold}
#log{text-decoration:underline; color:#00f; font-weight:bold;}
log:visited{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;}

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