h2,h3{margin-right:20px}#info,.header-row td,.menu a.active,legend{font-weight:700}p,ul li{font-family:Arial,sans-serif}#accordeon,#rejouer,#test1,.footer,.header,.menu li{position:relative}#resultats,table{margin-top:0}#soufflet,body{padding:0;margin:0}#soufflet h2,#timer,.container{overflow:hidden}#imgVerdict,#soufflet{background-repeat:no-repeat}.footer-link,.menu a{text-decoration:none}#soufflet h1,.footer,.header,td{text-align:center}body{font-size:14px;background-color:#0a0a0a}h2{font-size:1.8rem;margin-top:30px}table{margin-left:0}h3{font-size:18px}fieldset{margin-bottom:10px;width:291px}p{font-size:14px;margin:20px;line-height:1.5}.container{width:1200px;margin:0 auto;background-color:#fff;opacity:.8}#accords-main-droite ul li,#gammes ul li,#imgVerdict,.mTop10{margin-top:10px}.footer,.header{background-image:url('images/header-diato.webp');background-size:cover;background-position:center;height:150px}.overlay{background:rgba(138,87,54,.4);height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#imgVerdict,#info,#pbTailleEcran,#pbTailleEcran1,#selectExo,#testSansChrono,#timer,.pousser,.tab-content{display:none}.header h1{margin:0 0 10px;font-size:3rem;text-shadow:2px 2px 5px rgba(0,0,0,.9);color:#d0d088}.menu ul{list-style:none;padding:0;display:flex;gap:60px}.menu a{color:#fff;font-size:1.8rem;padding:6px 10px;border-radius:5px;transition:.3s}.menu a:hover{background:#ff5722;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.menu a.active{background:#ff5722;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7)}#accordeon{float:left;width:640px;height:463px;margin-top:20px}#examen{float:left;width:400px;height:800px;margin-left:4%}#config{padding-top:10px;width:460px}#config p{font-size:16px}#info{color:red}label{margin-right:0}ul li{font-size:100%;display:list-item;list-style-type:none;margin:0 0 0 -40px}#accords-main-droite{position:absolute;left:46px;top:65px;z-index:10;width:67px;height:auto;background-color:#bec9df;border-radius:6px}#accords-main-droite ul{margin-left:8px}#pousser_tirer{position:absolute;left:44px;top:333px;z-index:30;background-color:none}#pousser_tirer2{position:absolute;left:104px;top:129px;z-index:10}#test1{left:0;top:0}#rejouer{left:252px;top:20px}#choixExo,#legendSoufflet,#note_musique,#selectNbTouches,#soufflet,#soufflet h1,#soufflet h2,.sablier:after,.sablier:before{position:absolute}#reponsesOK{font-size:12px;color:green}#reponsesNOK{font-size:12px;color:red}#soufflet{width:405px;height:454px;background-image:url("images/soufflet.jpg");background-size:contain;left:122px;top:0}#soufflet h1{font-size:24px;left:186px;top:262px;color:#bec9df;letter-spacing:2px;padding:4px 8px;text-shadow:1px 1px 1px #000;border-radius:10px;background-color:#9c623d;background-image:linear-gradient(to top left,rgba(0,0,0,.2),rgba(0,0,0,.2) 30%,rgba(0,0,0,0));box-shadow:inset 2px 2px 3px rgba(255,255,255,.6),inset -2px -2px 3px rgba(0,0,0,.6)}#legendSoufflet{left:186px;top:381px;font-size:10px;color:#fff}#soufflet h2{top:38px;left:43px;z-index:40;color:#fff;font-size:14px;font-weight:500}#choixExo{left:340px;top:70px;font-size:16px}#selectNbTouches{left:860px;top:46px;color:red;z-index:100}#note_musique{width:216px;left:172px;top:49px}#exterieur-main-droite{position:relative;left:14px;top:45px}#interieur-main-droite{position:relative;left:0;top:56px}#exterieur-main-gauche{position:relative;left:20px;top:164px;height:150px}#interieur-main-gauche{position:relative;left:32px;top:164px;height:150px}.aide_affichage{width:291px}#examen table{display:none;width:412px}tbody{background-color:tan}.row-light{background-color:#f0f0f0}.row-dark{background-color:#e0e0e0}#timer{position:relative;top:243px;left:50.5px;width:59.5px;height:115px;font:1em/1.5 sans-serif;place-items:center}.sablier,.sablier:after,.sablier:before{animation-duration:var(--animation-duration, 4s);animation-iteration-count:10}.sablier{--polygonH:polygon(0% 0%, 100% 0%, 100% 5.55%, 95% 5.55%, 95% 28%, 60% 46%, 60% 54%, 95% 72%, 95% 94.45%, 100% 94.45%, 100% 100%, 0% 100%, 0% 94.45%, 5% 94.45%, 5% 72%, 40% 54%, 40% 46%, 5% 28%, 5% 5.55%, 0% 5.55%);animation-name:flip;animation-timing-function:ease-in-out;background-image:linear-gradient(#4c2828 .25em,#737a8c55 .25em 4.25em,#4c2828 4.25em);clip-path:var(--polygonH);width:2.5em;height:4.5em;position:relative;z-index:0}.sablier:after,.sablier:before{animation-timing-function:linear;content:"";display:block}.sablier:before{--polygonB1:polygon(0% 0%, 100% 0%, 100% 24%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 0% 24%);--polygonB2:polygon(0% 4%, 100% 4%, 100% 24%, 55% 45%, 55% 100%, 55% 100%, 55% 100%, 45% 100%, 45% 100%, 45% 100%, 45% 45%, 0% 24%);--polygonB3:polygon(0% 24%, 100% 24%, 100% 24%, 55% 45%, 55% 80%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 45% 80%, 45% 45%, 0% 24%);--polygonB4:polygon(45% 45%, 55% 45%, 55% 45%, 55% 45%, 55% 58%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 45% 58%, 45% 45%, 45% 45%);--polygonB5:polygon(50% 53%, 50% 53%, 50% 53%, 50% 53%, 50% 53%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 50% 53%, 50% 53%, 50% 53%);animation-name:fill;background-color:#d0d088;background-size:100% 1.8em;clip-path:var(--polygonB1);top:.25em;left:.25em;width:2em;height:4em;z-index:1}.sablier:after{animation-name:glare;background:linear-gradient(90deg,#0000 .25em,#0003 .25em .75em,#0000 .75em 1.75em,#fff3 1.75em 2.25em,#fff0 2.25em 3.25em,#0003 3.25em 3.75em,#0000 3.75em) 0 0/100% .25em,linear-gradient(90deg,#0000 .375em,#0003 .375em .625em,#0000 .625em 1.875em,#fff3 1.875em 2.125em,#fff0 2.125em 3.375em,#0003 3.375em 3.625em,#0000 3.625em) 0 .25em/100% 4em,linear-gradient(90deg,#0000 .25em,#0003 .25em .75em,#0000 .75em 1.75em,#fff3 1.75em 2.25em,#fff0 2.25em 3.25em,#0003 3.25em 3.75em,#0000 3.75em) 0 100%/100% .25em;background-repeat:repeat-x;top:0;left:5.5em;width:100%;height:100%;z-index:2}@keyframes fill{from{clip-path:var(--polygonB1);-webkit-clip-path:var(--polygonB1)}10%{clip-path:var(--polygonB2);-webkit-clip-path:var(--polygonB2)}45%{clip-path:var(--polygonB3);-webkit-clip-path:var(--polygonB3)}80%{clip-path:var(--polygonB4);-webkit-clip-path:var(--polygonB4)}85%,to{clip-path:var(--polygonB5);-webkit-clip-path:var(--polygonB5)}}@keyframes glare{90%,from{transform:translateX(0)}to{transform:translateX(3em)}}@keyframes flip{90%,from{transform:rotate(0)}to{transform:rotate(180deg)}}#explications{float:left;margin-top:-290px;margin-left:20px;margin-right:172px;width:auto;height:auto;font-size:14px;line-height:1.4;z-index:20}#explications button{border:0;border-radius:5px;padding:10px 12px;font-size:14px}button.active{background-color:#ff5722;color:#fff}.tab-content{margin-top:14px}#verdict{margin-top:160px}#imgVerdict{height:145px;width:300px}#imgVerdict img{height:180px}#textVerdict{width:200px;padding-top:20px;margin-top:-158px;color:red;font-weight:700}.footer{height:100px}.footer-link{color:#d0d088;font-weight:700;transition:color .3s}.footer-link:hover{color:#ff5722}.accordeon,.clavier-main-droite,.clavier-main-gauche,.footer ul,.main-droite,.main-gauche{display:flex}.footer ul li{display:list-item;padding:0 30px 0 20px;color:#fff}@media (max-width:1060px){#accordeon,#examen{float:none;width:100%;margin:20px 0 0 20px}#resultats{margin-top:-106px;margin-left:286px}#explications{margin-top:-421px;margin-left:20px;margin-right:537px}#rejouer{left:143px;top:-33px}#verdict{margin-top:54px}}.majuscule{font-size:1px;color:#fff}.bouton_accord{font-size:14px;background-image:none;background-color:#d0d088;height:46px;width:46px;border-radius:50%;background-repeat:no-repeat;background-position:center center;cursor:pointer}.bouton,.bouton_droite,.bouton_droite_erreur,.bouton_droite_pousser,.bouton_droite_tirer,.bouton_gauche,.bouton_gauche_erreur,.bouton_gauche_pousser,.bouton_gauche_tirer{font-size:9px;height:23px;width:23px;border-radius:50%;background-repeat:no-repeat;background-position:center center;cursor:pointer}.bouton_droite_tirer,.bouton_gauche_tirer{background-image:none;background-color:#33a8ff}.bouton_droite_pousser,.bouton_gauche_pousser{background-image:none;background-color:#d0d088}.bouton_droite_erreur,.bouton_gauche_erreur{background-image:none;background-color:red}.bouton,.bouton_droite,.bouton_gauche{background-image:url("images/bouton.png");color:#000}.tirer{display:block}.consigne{color:red}.accordeon{position:relative;left:0;top:-40px}.clavier-main-droite,.main-droite{background-image:url("images/clavier-main-droite.jpg");background-size:contain;background-repeat:no-repeat;width:103px;height:343px;position:absolute;left:20px;top:20px;font-size:10px}.clavier-main-gauche,.main-gauche{background-image:url("images/clavier-main-gauche.jpg");background-repeat:no-repeat;position:absolute}.clavier-main-gauche{width:165px;height:452px;z-index:15;left:525px;top:0;background-size:contain}.clavier-main-gauche h2{position:absolute;left:30px;top:98px;color:#fff;width:55px;font-weight:500;font-size:14px;text-align:center}.main-gauche{width:289px;height:908px;z-index:0;left:15px;top:40px}.styled_pousser,.styled_tirer{height:150px;background-repeat:no-repeat;border:none;background-size:100%;font-size:16px;font-weight:700;background-position:center center;background-color:inherit}.styled_tirer{width:443px;color:#fff;cursor:pointer;background-image:url("images/tirer.png");z-index:20}.styled_pousser:hover,.styled_tirer:hover{background-size:101%}.styled_pousser{width:449px;color:#000;cursor:pointer;background-image:url("images/pousser.png")}.style_accord,.style_gamme,.styled2{text-align:center;color:#fff;text-shadow:1px 1px 1px #000;box-shadow:inset 2px 2px 3px rgba(255,255,255,.6),inset -2px -2px 3px rgba(0,0,0,.6);cursor:pointer}.styled2{border:0;line-height:2;width:auto;padding:5px 20px;font-size:1rem;border-radius:10px;margin:0 0 20px;background-color:#8a2be2;background-image:linear-gradient(to top left,rgba(0,0,0,.2),rgba(0,0,0,.2) 30%,rgba(0,0,0,0))}.styled2:hover{background-color:violet}.style_accord:active,.styled2:active,style_gamme:active{box-shadow:inset -2px -2px 3px rgba(255,255,255,.6),inset 2px 2px 3px rgba(0,0,0,.6)}.style_accord,.style_gamme{border:0;line-height:1.4;width:26px;padding:2px;font-size:8px;border-radius:4px;background-color:#4b1a1d;background-image:linear-gradient(to top left,rgba(0,0,0,.2),rgba(0,0,0,.2) 30%rgba(0,0,0,0))}.style_accord:hover,style_gamme:hover{background:#742336}.style_gamme{width:54px}