.line{position:relative;margin-bottom:30px;margin-top:20px}.line-thicker{position:relative;margin-bottom:60px;margin-top:20px}.thick-line-green{position:absolute;top:0;left:0;border:0;border-top:6px solid #f44;width:100%;margin-left:auto;margin-right:auto;z-index:0}.thick-line-black{position:absolute;top:0;left:5%;width:90%;border:0;border-top:6px solid #000;z-index:1}.thicker-line-green{position:absolute;top:0;left:0;border:0;border-top:8px solid #f44;width:100%;margin-left:auto;margin-right:auto;z-index:0}.thicker-line-black{position:absolute;top:0;left:5%;width:90%;border:0;border-top:8px solid #000;z-index:1}.line-orange{position:absolute;top:0;left:0;border:0;border-top:4px solid #f11;width:100%;margin-left:auto;margin-right:auto;z-index:0}.line-black{position:absolute;top:0;left:5%;width:90%;border:0;border-top:4px solid #000;z-index:1}@media screen and (min-device-width:1920px){html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:middle;text-indent:0;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:normal;font-family:inherit}}@media screen and (max-device-width:1919px){html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:baseline;text-indent:0;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:normal;font-family:inherit}}a{color:#00d;text-decoration:underline;font-weight:700}a:hover{color:#38484c;text-decoration:none;font-weight:700}h1,h2,h3,h4,h5,h6{padding-top:30px;padding-bottom:15px;font-family:Helvetica,sans-serif}h1{display:block;text-transform:uppercase;font-size:xx-large;font-weight:700;padding:0;text-align:center}h1,h2,h3{color:#000}h2{text-transform:uppercase;font-size:large;font-weight:700}h3{font-size:large;font-weight:700}h4{font-size:normal;font-weight:700}ol{padding-left:25px}ul{padding-left:25px}img{padding-top:30px;padding-bottom:30px}p{padding-top:10px;padding-bottom:10px;font-weight:400}li{margin-left:15px;padding-left:5px}.realbook li{line-height:175%; }.li-section{text-align:left;margin-left:5px;padding-left:5px}@media screen and (min-device-width:1050px){body{background-color:#000;color:#000;font:100% Helvetica,sans-serif;z-index:1}#global{width:1050px;top:0;left:calc( (100% - 1050px)/2 );margin-left:auto;margin-right:auto;height:100%;z-index:1}.fond{position:fixed;width:1050px;top:0;left:calc( (100% - 1050px)/2 );margin-left:auto;margin-right:auto;height:100%;background-color:#fff;z-index:-3}.img-fond-basse{position:fixed;width:1050px;top:0;left:calc( (100% - 1050px)/2 + 100px);margin-left:auto;margin-right:auto;height:100%;background-image:url(/images/bassGuitar.png);background-repeat:no-repeat;background-position:50% 0;background-color:initial;z-index:-2}.img-fond-guitare{position:fixed;width:1050px;top:0;left:calc( (100% - 1050px)/2 + 275px);margin-left:auto;margin-right:auto;height:100%;background-image:url(/images/guitare.png);background-repeat:no-repeat;background-position:50% 0;background-color:initial;z-index:-1}.img-fond-batterie{position:fixed;width:1050px;top:0;left:calc( (100% - 1050px)/2 + 175px);margin-left:auto;margin-right:auto;height:100%;background-image:url(/images/batterie.jpg);background-repeat:no-repeat;background-position:50% 80%;background-color:initial;z-index:-1}.img-fond-tous_musiciens{position:fixed;width:1050px;top:0;left:calc( (100% - 1050px)/2 + 175px);margin-left:auto;margin-right:auto;height:100%;background-image:url(/images/tous_musiciens.png);background-repeat:no-repeat;background-position:50% 80%;background-color:initial;z-index:-1}.img-fond-chant{position:fixed;width:1050px;top:0;left:calc( (100% - 1050px)/2 + 175px);margin-left:auto;margin-right:auto;height:100%;background-image:url(/images/chant.jpg);background-repeat:no-repeat;background-position:50% 80%;background-color:initial;z-index:-1}#head{text-align:justify;width:1050px;z-index:1;background-color:#eee}#head p{padding-left:40px;padding-right:30px}#main{vertical-align:middle;display:table-cell;width:560px;height:100%;min-height:100%;display:inline-block;padding:20px;z-index:1}#sidebar{position:relative;vertical-align:top;display:table-cell;margin:20px;width:310px;border-right:1px solid #ccc;text-align:left;padding:20px;height:100%;min-height:100%;z-index:1}#table{padding-right:20px;display:table;z-index:1}#row{display:table-row;z-index:1}#sidebar h2{letter-spacing:1px;padding:0;margin:0;margin-bottom:20px;color:#000;text-transform:uppercase}#sidebar ul{list-style-type:none}}@media screen and (max-device-width:949px){body{background-color:#fff;color:#000;font:x-small 100% Helvetica,sans-serif;height:auto;width:100%;z-index:1}#global{margin-left:auto;margin-right:auto;width:100%;height:auto;z-index:1}.fond{position:fixed;width:100%;top:0;left:0;margin-left:auto;margin-right:auto;height:100%;background-color:#fff;z-index:-3}.img-fond-basse{position:fixed;width:100%;top:0;left:-80px;height:100%;background-image:url(/images/bassGuitar.png);background-repeat:no-repeat;background-position:50% 0;background-color:initial;z-index:-2}.img-fond-guitare{position:fixed;width:100%;top:0;left:50px;height:100%;background-image:url(/images/guitare.png);background-repeat:no-repeat;background-position:50% 0;background-color:initial;z-index:-1}.img-fond-batterie{position:fixed;width:100%;top:0;left:50px;height:100%;background-image:url(/images/batterie.jpg);background-repeat:no-repeat;background-position:50% 80%;background-color:initial;z-index:-1}.img-fond-tous_musiciens{position:fixed;width:100%;top:0;left:50px;height:100%;background-image:url(/images/tous_musiciens.png);background-repeat:no-repeat;background-position:50% 80%;background-color:initial;z-index:-1}.img-fond-chant{position:fixed;width:100%;top:0;left:50px;height:100%;background-image:url(/images/chant.jpg);background-repeat:no-repeat;background-position:50% 80%;background-color:initial;z-index:-1}#head{display:none}#sidebar{display:none}#main{width:90%;margin:auto;height:100%;min-height:100%;padding-right:10px;padding-left:10px;z-index:1}}#main{vertical-align:middle;text-align:justify}#toc{padding-bottom:40px;padding-left:20px;padding-right:20px;width:auto;height:auto;background-color:#fff;border:2px;color:#000;z-index:1}#main h1{padding-top:20px;padding-bottom:10px;font-size:150%;color:#0000000}#main p{text-align:justify}#main ul li{list-style-type:square;font-weight:400;font-style:normal;font-size:normal;font-family:Helvetica,sans-serif}.red{color:red;font-size:large}.tablature{font-family:monospace}.div-ws{width:100%;margin:0;padding:0}.scalable{display:block;margin-left:auto;margin-right:auto}.iframe-playlist{width:100%;height:1200px}.iframe-composant{width:100%;height:1400px}.playlist{width:100%;height:1200px;z-index:3}.composant{width:100%;height:1400px;z-index:3}} .instr { color: #777777; font-weight: normal; font-style: italic; font-size: normal; font-family: helvetica,sans-serif; } #title { text-align: center; margin: auto; } #controls { height: auto; text-align: center; vertical-align: middle; max-width: 1050px; margin-left:auto; margin-right:auto; font-weight:normal; } .pliste { font: normal 100% arial,helvetica,sans-serif; font-size:100%; vertical-align: baseline; padding-top:10px; padding-bottom:10px; padding-right:5px; margin:0px} #composant-playlist,#composant-liste { height: 100%; width: 100%; text-align: center; vertical-align: middle; } #playlist,#liste { max-height: 30%; text-align: center; width: auto; max-width: 1050px; margin-left:auto; margin-right:auto; } #liste_scrollPlaylist,#liste_scrollYoutube { width:auto; text-align: center; display: inline-block; font-size: 100%; padding: 5px; margin: 10px; cursor: pointer; } td { width:auto; } .liste_contenttofilter { line-height: 2; height:auto; width: 100%; border: 2px solid #444; margin-top: 10 px; margin-bottom: 10 px; padding: 0px; vertical-align: middle; text-align: left; } tr:hover { background-color: rgba(128,128,128,0.1); } .nohover:hover { background-color: rgba(0,0,0,0); } #disqus_thread { background-color: #ddd; color: #000; padding: 10px; } .grille_accords_table { border-collapse: collapse; border: 3px solid black; min-width:100%; width:100%; margin-top: 15px; margin-bottom: 20px; } .grille_accords_tr { line-height: 2; min-width:100%; width:100%; border: 3px solid black; text-align:center; } .grille_accords_td { height:20%; width:25%; font-size: 200%; text-align:center; border: 3px solid black; border-collapse: separate; } .classic_table { border: 2px solid black; min-width:100%; width:100%; margin-top: 15px; margin-bottom: 20px; } .classic_tr { line-height: 2.5; min-width:100%; width:100%; border: 2px solid black; text-align:center; } .classic_tr td { text-align:center; width: auto; border-collapse: separate; } .classic_td_title { text-align:right; width: auto; border-collapse: separate; } .navigation_table { background-color: #000; text-align:left; } .alaune { border: 3px solid #000000; text-align: center; }