body{margin:0; padding:0; width:100%; height:100%; font-family:sans-serif;}

/*<div id=" ">*/
#fondmuzik{background-color:#fea;}
#fondgris{background-color:#777;}
#fondpik{background-color:#200299;}
#fondekonomi{background-color:#d93;}/*(pour cmvideos)*/


h1{font-size:50px; width:100%; text-align:center; color:#000; padding-top:30px; margin-top:0; margin-bottom:20px;}
h2{font-size:30px; width:100%; text-align:center; color:#000; margin-top:0; margin-bottom:0;}
h3{font-size:23px; width:100%; text-align:center; color:#000; margin-top:0; margin-bottom:0;}
h4{font-size:20px; width:100%; text-align:center; color:#000; margin-top:0; margin-bottom:0;}
.gauche{text-indent:4%; font-size:20px; width:100%; text-align:left; color:#000; margin-top:0; margin-bottom:0;}
.eko4{font-size:25px; width:100%; text-align:center; color:#000; margin-top:0; margin-bottom:0; margin-bottom:15px; padding-top:5px;}
.eko{text-indent:0; font-size:30px; width:100%; text-align:center; color:#000; margin-top:0; margin-bottom:0; margin-bottom:50px; padding-top:30px;}


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=" ">*/
.jaune{text-indent:4%; font-size:20px; margin-left:0.5em; margin-right:0.5em; 
padding-bottom:0.5em; padding-left:0.25em; padding-right:0.25em; margin-top:0; margin-bottom:0; text-align:left; color:#ffb; background-color:yellow;}
.jaun{text-indent:2%; font-size:20px; margin-left:1em; margin-right:1em; 
padding:0.5em; margin-top:0; margin-bottom:0; text-align:left; background-color:#fc0;}
.mauve{text-indent:4%; font-size:20px; margin-left:0.5em; margin-right:0.5em; 
padding-bottom:0.5em; padding-left:0.25em; padding-right:0.25em; margin-top:0; margin-bottom:0; text-align:left; color:#ffb; background-color:#dda0dd;}
.marron{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:#ffb; background-color:#2c0000;}
.sable{text-indent:4%; color:#000; font-size:20px; margin-left:0.5em; margin-right:0.5em; 
padding-bottom:0.5em; padding-left:0.25em; padding-right:0.25em; margin-top:0; margin-bottom:0; text-align:left; background-color:#ffb;}
.gris{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:#ffb; background-color:#444;}
.grisv{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:#ffb; background-color:#121;}
.violet{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:#ffb; background-color:#2b002b;}
.kaki{text-indent:4%; font-size:20px; margin-left:0.5em; margin-right:0.5em; 
padding-bottom:0.5em; padding-left:0.25em; padding-right:0.25em; margin-top:0; margin-bottom:0; text-align:left; color:#ffb; background-color:#808000;}
.rose{text-indent:4%; font-size:20px; margin-left:0.5em; margin-right:0.5em; 
padding-bottom:0.5em; padding-left:0.25em; padding-right:0.25em; margin-top:0; margin-bottom:0; text-align:left; color:#ffb; background-color:#ff1493;}
.vert{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:#ffb; background-color:#006400;}
.rouge{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:#ffb; background-color:#800;}
.orange{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:#ffb; background-color:#f70;}
.rougeko{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:#ffb; background-color:#f66;}
.rougec{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:#ffb; background-color:#b00;}
.rougepetit{font-size:15px; 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:#ffb; background-color:#800;}
.centre{text-indent:0; font-size:20px; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.septembre{text-indent:0; font-size:20px; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.septembrepetit{font-style:normal; text-indent:0; font-size:15px; margin-top:0; margin-bottom:0; 
text-align:center; color:#000;}
.centren{text-indent:0; font-size:15px; margin-top:0; margin-bottom:5px; text-align:center; font-weight:bold; color:#000;}
.centrenp{text-indent:0; font-size:11px; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
.img{text-indent:0; margin-top:15px; margin-bottom:0; text-align:center; color:#ffb;}
.imgind{text-indent:0; margin-top:0; margin-bottom:0; text-align:center;}
.imgbl{text-indent:0; margin:0; padding:0; text-align:center;}
.liste{text-indent:0; font-size:15px; margin-left:0; margin-right:0.5em; padding-left:0.25em; padding-right:0.25em; margin-top:0; margin-bottom:0; text-align:left; color:#ffb;}
.listec{text-indent:10em; font-size:20px; margin-left:0; margin-right:0.5em; padding-left:0.25em; padding-right:0.25em; margin-top:0; margin-bottom:0; text-align:left; color:#ffb;}
.legal{text-indent:0px; font-size:11px; font-family:monospace; text-align:center; color:#000; margin-top:4em;}
.mono{text-indent:0px; font-family:monospace; text-align:center; color:#000; margin-top:0; margin-bottom:0;}
.mononoir{font-style:normal; text-indent:4%; font-family:monospace; color:#ffb; margin-left:0.2em; margin-right:0.5em; margin-top:0; margin-bottom:0;}
  .jaunef{background-color:#fc0;
text-indent:4%; 
margin-left:20%; margin-right:20%; 
padding:20px; 
margin-top:0; margin-bottom:0; 
text-align:left; font-weight:bold;}
.cache{visibility:hidden; clear:both;}
.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;}
#blag{float:right; margin-right:4.5em;}
#suno{float:right; margin-right:7em;}
#attention{text-indent:4%; font-size:20px; margin-left:5em; margin-right:5em; padding:0.5em; margin-top:0; 
margin-bottom:0; text-align:left; background-color:#f00;}
#gammes{text-indent:0; font-size:35px; margin-top:5px; margin-bottom:10px; text-align:center; 
background-color:#5d2; margin-left:30%; margin-right:30%; padding-top:10px; padding-bottom:10px; 
padding-left:1em; padding-right:1em;}

/*nouveaux claviers*/
#theron{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#600;}
#janko{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#b50;}
#mlit{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#a78500;}
#zb{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#1d911d;}
#mic{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#3e9b9b;}
#arm{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#007;}
#bp{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#303;}
#notb{text-indent:4%; font-size:20px; margin-left:5%; margin-right:5%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#603;}


/*Échelles, Modes, Gammes*/
#bal{text-indent:4%; font-size:20px; margin-left:15%; margin-right:15%; padding:0.5em; margin-top:0; margin-bottom:0; 
text-align:center; color:#ffb; background-color:#404;}
.e6{font-style:normal; font-weight:bold; color:#040;}
.e7{font-style:normal; font-weight:bold; color:#080;}
.e8{font-style:normal; font-weight:bold; color:#3c0;}
.e9{font-style:normal; font-weight:bold; color:#3f3;}
.e10{font-style:normal; font-weight:bold; color:#6f9;}
.e11{font-style:normal; font-weight:bold; color:#9f9;}
.e12{font-style:normal; font-weight:bold; color:#cfc;}
.echel{margin-left:35%; margin-right:35%; padding:0.5em; background-color:#454;}
#degnot{text-indent:4%; font-size:20px; margin-left:3%; margin-right:3%; padding:0.5em; margin-top:0; margin-bottom:0; 
color:#ffb; background-color:#f00;}
#degin{text-indent:4%; font-size:20px; margin-left:3%; margin-right:3%; padding:0.5em; margin-top:0; margin-bottom:0; 
color:#ffb; background-color:#f60;}
.do{font-style:normal; font-weight:bold; color:#f00;}
.re{font-style:normal; font-weight:bold; color:#f80;}
.mi{font-style:normal; font-weight:bold; color:#fd0;}
.fa{font-style:normal; font-weight:bold; color:#3f3;}
.sol{font-style:normal; font-weight:bold; color:#0ff;}
.la{font-style:normal; font-weight:bold; color:#05f;}
.si{font-style:normal; font-weight:bold; color:#c0c;}
.surdo{font-style:normal; font-weight:bold; background-color:#f00;}
.surre{font-style:normal; font-weight:bold; background-color:#f80;}
.surmi{font-style:normal; font-weight:bold; background-color:#fd0;}
.surfa{font-style:normal; font-weight:bold; background-color:#3f3;}
.sursol{font-style:normal; font-weight:bold; background-color:#0ff;}
.surla{font-style:normal; font-weight:bold; background-color:#05f;}
.sursi{font-style:normal; font-weight:bold; background-color:#c0c;}
.vide{font-style:normal; font-size:15px; font-weight:bold; background-color:#333;}
.tab{margin-left:auto; margin-right:auto;font-style:normal; background-color:#ffb;}
.blanc{font-style:normal; font-weight:normal; color:#ffb;}
.gam{width:60px; background-color:#333;}
.alt{text-indent:0; font-size:20px; margin-left:10%; padding-left:0; margin-top:0; margin-bottom:0; text-align:left; color:#ffb;}


/*<div class=" ">*/
.box{width:30%; border:10px solid red; margin:0 auto; text-align:left; font-size:17px; color:#000; padding-top:10px;background-color:#ffd700;}
#boxfl{width:80%; margin:0 auto; border:5px solid red; text-align:left; font-size:15px; color:#fc0; font-weight:bold; padding:5px; margin-bottom:5px; background-color:#000;}
.boxgtr{width:80%; margin:0 auto; text-align:left; font-size:15px; color:#000; font-weight:bold; padding-top:10px; padding-bottom:10px; background-color:#ffa500;}
#index{width:65%; margin:0 auto; text-align:left; font-size:13px; color:#000; padding:5px; background-color:#fc4;}
img{border:0 none;}
#demo{width:65%; margin:0 auto; text-align:left; font-size:13px; color:#000; padding:5px; background-color:#b00;}
img{border:0 none;}
.boxliste{margin-right:10%; margin-left:10%; text-align:left; color:#ff0; background-color:#001;}


/*<em class=" ">*/
.surjaune{font-style:normal; background-color:yellow;}
.surrouge{font-style:normal; background-color:red;}
.survert{font-style:normal; background-color:#006400;}
.survertfluo{font-style:normal; color:#000; background-color:#6f9;}
.surorange{font-style:normal; background-color:#f60;}
.enbleu{font-style:normal; font-weight:bold; color:#3cf;}
.enjaune{font-style:normal; font-weight:bold; color:#f90;}
.enjaunep{font-style:normal; font-weight:bold; color:#f90; font-size:15px;}
.enrouge{font-style:normal; font-weight:bold; color:#f00;}
.enrougef{font-style:normal; font-weight:bold; color:#900;}
.envert{font-style:normal; font-weight:bold; color:#090;}
.ennoir{font-style:normal; color:#000;}
.noir{font-style:normal; font-size:15px; color:#000;}
.strike{font-style:normal; text-decoration:line-through;}
.u{font-style:normal; text-decoration:underline; color:#ffb;}
.unoir{font-style:normal; text-decoration:underline; color:#000;}
.blink{font-style:normal; text-decoration:blink;}
.petit{font-style:normal; font-size:15px; color:#ffb;}
.b{font-style:normal; font-weight:bold;}
.sup{font-style:normal; vertical-align:super; font-size:10px;}
.blague{font-family:serif; font-style:normal; font-weight:bold; text-decoration:blink; color:#f00;}

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:normal;}
.ps:link{text-decoration:none; color:#00f; font-weight:bold;}
.ps:hover{text-decoration:none; color:#f00; font-weight:bold;}
.ps:active{text-decoration:none; color:#f00; font-weight:bold;}
.ps:visited{text-decoration:none; color:#d0d; font-weight:bold;}
.img{line-height:0; text-decoration:underline; color:#00f; font-weight:bold;}
/*cmvideos*/
#leg{text-decoration:underline; color:#00f; font-weight:bold;}
#log{text-decoration:underline; color:#00f; font-weight:bold;}
log:visited{text-decoration:underline; color:#00f; font-weight:bold;}
.legal{text-indent:0px; font-size:20px; font-family:monospace; text-align:center; color:#000; padding-bottom:1em;}

/*td commande*/
.com{margin-left:70px; text-align:right;}

/*index*/
/*<div id=" ">*/
#fondindex{background-color:#3cf; height:100%;}
#fondcom{margin-right:auto; margin-left:auto; padding-right:2%; padding-left:2%; background-color:#fff; height:100%;}
#fondins{margin-right:auto; margin-left:auto; padding-right:2%; padding-left:2%; background-color:#ffb; height:100%;}
#h1ndex{font-size:30px; width:100%; text-align:center; color:#000; padding-top:30px; margin-top:0; margin-bottom:10px;}
#h1com{font-size:30px; font-weight:normal; width:100%; text-align:center; color:#000; padding-top:0; margin-top:0; margin-bottom:20px;}
#cielp{ font-size:25px; margin-top:0; margin-bottom:0; text-align:center; color:#000;}
#piedindex{font-family:monospace; clear:both; width:100%; padding-top:20px; padding-bottom:20px; text-align:center; color:#f00; font-size:25px;}
#piedmuzik{clear:both; width:100%; padding-top:20px; padding-bottom:20px; text-align:center; color:#ffb; font-size:25px;}

/*scenes ouvertes*/
/*<div id=" ">*/
#janvier{background-color:#ffd700;}
#fevrier{background-color:#008000;}
#mars{background-color:#ff1493;}
#avril{background-color:#200299;}
#mai{background-color:#ff5203}
#juin{background-color:#dc143c}
#septembre{background-color:#fffacd}
#octobre{background-color:#c71585}
#novembre{background-color:#87cefa}
#decembre{background-color:#9acd32}
#janvierh1{font-size:30px; width:100%; text-align:center; color:#ffd700; padding-top:30px; margin-top:0; margin-bottom:50px;}
#fevrierh1{font-size:30px; width:100%; text-align:center; color:#008000; padding-top:30px; margin-top:0; margin-bottom:50px;}
#marsh1{font-size:30px; width:100%; text-align:center; color:#ff1493; padding-top:30px; margin-top:0; margin-bottom:50px;}
#avrilh1{font-size:30px; width:100%; font-weight:100;text-align:center; color: #200299; padding-top:30px; margin-top:0; margin-bottom:50px;}
#maih1{ font-size:30px; width:100%; text-align:center; color: #ff5203; padding-top:30px; margin-bottom:50px; }
#juinh1{ font-size:30px; width:100%; text-align:center; color: #dc143c; padding-top:30px; margin-bottom:50px; }
#septembreh1{ font-size:30px; width:100%; text-align:center; color: #fffacd; padding-top:30px; margin-bottom:50px; }
#septembreh2{ font-size:30px; width:100%; text-align:center; color: #000; padding-top:0; margin-bottom:0; }
#octobreh1{ font-size:30px; width:100%; text-align:center; color: #c71585; padding-top:30px; margin-bottom:50px; }
#novembreh1{ font-size:30px; width:100%; text-align:center; color: #87cefa; padding-top:30px; margin-bottom:50px; }
#decembreh1{ font-size:30px; width:100%; text-align:center; color: #9acd32; padding-top:30px; margin-bottom:50px; }