:root{--color-primary: #2196F3;--color-secondary: #ff9800;--color-success: #4CAF50;--color-danger: #f44336;--color-warning: #ffeb3b;--color-info: #00bcd4;--color-light: #f1f1f1;--color-dark: #212121;--color-white: #fff;--color-black: #000;--color-border: #ddd;--color-disabled: #666666}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Open Sans,sans-serif;font-size:1em;line-height:1.5;color:var(--color-dark)}header{color:var(--color-dark);text-align:center}header nav{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:2;background-color:var(--color-light);box-shadow:0 0 10px var(--color-border);padding:3px}header nav figure{margin:0;display:flex;align-items:center;justify-content:space-around;width:70%}header nav figure figcaption{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;margin:0;padding:0}header figcaption h1{font-size:1.9rem;margin:0;padding:0}header nav figure img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin:3px;display:flex;align-items:center;justify-content:center}header nav input[name=burger]{display:none}header nav>label{cursor:pointer;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}header nav>label span{display:block;width:35px;height:5px;margin:7px 10px;background-color:var(--color-dark)}header nav ul{display:none;list-style:none;margin:0;padding:0;max-height:0;overflow:hidden}header nav>input[name=burger]:checked~ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;background-color:var(--color-light);flex-basis:100%;width:100%;max-height:100%;z-index:1}header nav ul li{display:block;margin:0;padding:0}header nav ul li a{display:block;padding:10px 20px;text-decoration:none;color:var(--color-dark);font-weight:400}header nav ul li a:hover,header nav ul li a.active{font-weight:700;color:var(--color-primary)}main{width:100%;margin:0 auto 80px;padding:0;min-height:100vh}footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-light);color:var(--color-dark);text-align:center;box-shadow:0 0 10px var(--color-border);z-index:2}footer small.copy{display:block;font-size:.8rem;font-weight:400;text-align:center}footer nav{display:flex}footer nav ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;list-style:none;margin:0;padding:0}footer nav ul small{display:none}footer nav ul:first-child{flex:1;flex-basis:100%}footer nav ul:last-child{flex:1 1 100%;justify-content:flex-end}footer nav ul li{display:block;margin:0;padding:0}footer nav ul li a{display:flex;align-items:center;padding:5px 20px;text-decoration:none;color:var(--color-dark);font-weight:400}footer nav ul li a svg,footer nav ul li a img{width:28px;height:28px;margin-right:10px}footer nav ul:last-child li a{font-weight:700;color:var(--color-primary);justify-content:center}small.copy{display:block;text-decoration:none;margin-bottom:50px;text-align:center}div.success{display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--color-success);color:var(--color-white);padding:20px}div.success .success_message{font-size:1.5rem;font-weight:400;margin:0}div.error{display:flex;justify-content:center;align-items:center;text-align:center;background-color:var(--color-danger);color:var(--color-white);padding:20px}div.error .error_message{font-size:1.5rem;font-weight:400;margin:0}#app>section{position:relative;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;justify-content:center;margin:0 10px;width:calc(100% - 20px);flex-basis:calc(100% - 20px)}#app .bg-full{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}#app .bg-full img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.home{position:relative}.home>figure{overflow:hidden;margin:90px 0 0;padding:0}.home>figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.home__top-banner{position:absolute;top:0;left:0;right:0;padding:2rem;background-color:#0000000d;z-index:1}.home__banner__text{position:absolute;bottom:5px;left:0;right:0;padding:.5rem 1rem;background-color:#0000000d}.home__banner__text__title{color:var(--color-white);font-size:1.5rem;font-weight:700;margin-bottom:0}.home__banner__text__title.home__banner__text__title--top-center{position:absolute;top:0;left:0;right:0;padding:.5rem 2rem;background-color:#0000000d;font-size:1.2rem}.home__banner__text__subtitle{color:var(--color-white);font-size:1rem;font-weight:400;text-align:left;margin-bottom:0}#app>section#minibio{max-width:95%}#minibio h2{text-align:center;margin-bottom:2rem}#minibio h2 span{padding:0 1rem}#minibio .container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#minibio .images{display:flex;justify-content:space-between;align-items:center;flex:1 1 100%}#minibio .images img{width:140px;height:140px;margin:1rem;border-radius:50%;border:1px solid var(--color-light);box-shadow:0 0 0 1px var(--color-border);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#minibio p{text-align:center;margin:1rem;font-size:1.1rem;font-weight:400;line-height:1.5}section#gallerie{padding:2rem 0;display:flex;flex-direction:column}#gallerie h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:20px;margin-top:1.2rem;width:100%;grid-column:1 / -1}#gallerie h2 span{padding:0 1rem}#gallerie .container{display:flex;flex-direction:column;padding:0 1rem;margin-top:3rem}#gallerie .card{background-color:#fff;border-radius:5px;overflow:hidden;box-shadow:0 0 5px #0003;display:flex;justify-content:center;align-items:center;flex-grow:1;max-width:100%;height:0;position:relative;margin-bottom:1rem}#gallerie .card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}#gallerie .card video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;position:relative}#gallerie .card .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:50%;background-color:#9a989899;display:flex;justify-content:center;align-items:center;cursor:pointer}#albums{display:flex;flex-wrap:wrap;justify-content:space-between;margin:2rem 0}#albums div h2{text-align:center;font-size:1.5rem;font-weight:700;width:100%}#albums>div{display:flex;flex-direction:column;align-items:center;width:100%;margin:1rem 0}#albums>div>figure{flex-basis:90%;width:90%;margin:0}#albums>div>figure>img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:5px;box-shadow:0 0 5px #0003}#albums>div>div>div{margin:0 0 1.25rem;width:100%}#albums>div h3{text-align:left;font-size:1.3rem;font-weight:700}#albums h3 small{font-size:.8rem;font-weight:400;display:block;margin-top:.5rem;margin-left:1.9rem;color:var(--color-disabled)}#albums>div ul{list-style:none;padding:0;margin:0}#albums>div ul>li{font-size:1rem;font-weight:400;margin:.5rem 0}#albums>div ul>li>svg{margin-right:.5rem}#concerts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:2rem 0}#concerts>h2{text-align:center;font-size:2rem;font-weight:700;width:100%}#concerts>div{display:flex;flex-direction:column;align-items:center;width:100%;margin:1rem 0}#concerts>div:first-child{border:1px solid var(--color-primary);border-radius:5px;padding:1rem;max-height:300px;overflow-y:auto;box-shadow:0 0 10px #0003;background-color:var(--color-light);width:calc(100% - 2rem)}#concerts>div:first-child>h2{text-align:center;font-size:1.5rem;font-weight:700}#concerts>div:first-child>article{display:flex;flex-direction:column;align-items:center;width:100%;margin:1rem 0;cursor:pointer}#concerts>div:first-child>article.future,#concerts>div:first-child>article.future>span{color:var(--color-dark)}#concerts>div:first-child>article.future>h3{color:var(--color-primary)}#concerts>div:first-child>article.active{background-color:var(--color-white);color:var(--color-dark);padding:.5rem;border:1px solid var(--color-primary);border-radius:5px}#concerts>div:first-child>article.nextDate>h3{color:var(--color-primary)}#concerts>div:first-child>article.nextDate>h3 span{color:#f2c00f;font-size:1rem}#concerts>div:first-child>article.nextDate{background-color:var(--color-white);color:var(--color-dark);border:2px solid #f2c00f;padding:.5rem;border-radius:5px}#concerts>div:first-child>article>h3{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-disabled);margin-bottom:0}#concerts>div:first-child>article>span{text-align:center;font-size:1rem;font-weight:400;color:var(--color-disabled)}#concerts>div:first-child>article>span p{margin:0}#concerts>div:last-child{display:flex;flex-basis:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around}#concerts>div:last-child>div{flex-basis:calc(50% - 2rem);border:1px solid var(--color-border);border-radius:3px;padding:.5rem;margin-bottom:1rem;text-align:center;margin-top:4rem}#concerts>div:last-child>div>img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:5px;box-shadow:0 0 5px #0003;cursor:pointer}#concerts>div:last-child>p{text-align:center;font-size:1rem;font-weight:400;width:100%;margin-top:2rem;color:var(--color-dark)}#concerts>div>figure{width:100%;max-width:300px;margin:0}#concerts>div>figure>img{width:100%;height:auto}#concerts>div>div{width:100%;max-width:300px;margin:0}#concerts>div>div>h3{text-align:center;font-size:1.5rem;font-weight:700}#concerts>div>div>ul{list-style:none;padding:0;margin:0}#concerts>div>div>ul>li{font-size:1rem;font-weight:400;margin:.5rem 0}#contact{padding:50px 0}#contact h2{text-align:center;font-size:1.2rem;font-weight:700;margin:0 15px}#contact h2 span{font-size:1.4rem}#contact h3{font-size:1.2rem;font-weight:700;margin:20px 15px}#contact>div{display:flex;flex-direction:column;align-items:center;width:100%;margin:1rem}#contact form{display:flex;flex-direction:column;align-items:center;width:100%}#contact form div{display:flex;flex-direction:column;justify-content:space-around;width:100%}#contact form .form-group{display:flex;flex-direction:column;width:calc(100% - 30px);flex-basis:calc(100% - 30px);margin:5px 15px}#contact form .form-group label{display:block;font-size:1rem;font-weight:700}#contact form .form-group label span{color:red}#contact input,#contact textarea{padding:10px;width:calc(100% - 40px);font-size:1rem;border:1px solid #ccc;border-radius:5px;height:20px}#contact textarea{height:100px}#contact button{padding:10px;width:calc(100% - 20px);font-size:1.2rem;font-weight:700;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}#newsletter{padding:50px 0}#newsletter h2{text-align:center;font-size:1.2rem;font-weight:700;margin:0 15px}#newsletter h2 span{font-size:1.4rem}#newsletter h3{font-size:1.2rem;font-weight:700;margin:20px 0}#newsletter>div{display:flex;flex-direction:column;align-items:center;width:100%;margin:1rem}#newsletter form{display:flex;flex-direction:column;align-items:center;width:100%}#newsletter form div{display:flex;flex-direction:column;justify-content:space-around;width:100%;margin-bottom:10px}#newsletter form .form-group{display:flex;flex-direction:column;width:calc(100% - 30px);flex-basis:calc(100% - 30px);margin:5px 15px}#newsletter form .form-group label{display:block;font-size:1rem;font-weight:700}#newsletter form .form-group label span{color:red}#newsletter input{padding:10px;width:calc(100% - 40px);font-size:1rem;border:1px solid #ccc;border-radius:5px;height:20px}#newsletter button{padding:10px;width:calc(100% - 20px);font-size:1.2rem;font-weight:700;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif;font-weight:700;color:var(--color-dark)}h1{font-size:2.5em;line-height:1.2;margin-bottom:.5em}h2{font-size:2em;margin-bottom:.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.2em;font-weight:600;margin-bottom:1.25em;margin-top:1.25em}h5{font-size:1em;font-weight:600;margin-bottom:1.5em;margin-top:1.5em}h6{font-size:1em;font-weight:600}strong{font-weight:700}i{font-style:italic}p{font-size:1em;line-height:1.5;margin:0 0 1.5em}a{color:var(--color-primary);text-decoration:none}.popin{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center;animation:popinAppear .3s ease-in-out}.popin video{margin-top:55px;width:auto;max-width:100%;height:85vh;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.popin img{margin-top:55px;width:auto;max-width:100%;height:85vh;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.popin .close{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}@keyframes popinAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.alert{position:fixed;top:92px;left:0;width:100%;min-height:50px;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center;animation:alertAppear .3s ease-in-out}.alert-danger{background-color:#f8d7da;color:#721c24}.alert-success{background-color:#d4edda;color:#155724}.alert p{font-size:1.2em;font-weight:700;margin:0;padding:0}@media screen AND (min-width: 768px){header nav{flex-direction:row;flex-wrap:nowrap}header nav figure{width:30%}header nav ul{display:flex;flex-direction:row;align-items:flex-end;max-height:100%}header nav ul li{display:block;margin:0;padding:0}header nav ul li a{display:block;padding:10px 20px;text-decoration:none;color:var(--color-dark);font-weight:400}header nav>label{display:none}.home__banner__text{padding:2rem}.home__banner__text__title.home__banner__text__title--top-center{font-size:2rem;margin-top:15px}.home__banner__text__title{font-size:2rem}.home__banner__text__subtitle{font-size:1.3rem;margin-bottom:1rem}#minibio .images{justify-content:space-around}#minibio .images:first-child{margin-top:50px}#minibio .images img{width:190px;height:190px}#minibio .images img:first-child{margin-left:-15rem;margin-bottom:1rem}#minibio .images img:last-child{margin-right:-15rem;margin-top:1rem}#minibio p{padding:0 10rem}#app>section{width:100%}section#gallerie{flex-direction:row;align-items:start;justify-content:space-around}#gallerie .container{width:50%;flex-basis:50%;flex-direction:row;flex-wrap:wrap}#gallerie .container h2{width:100%;flex-basis:100%}#gallerie .container .card{margin:0 1rem 1rem 0;width:calc(50% - 1rem);flex-basis:calc(50% - 1rem);height:0}#albums>div{flex-direction:row;align-items:center;justify-content:space-around}#albums>div h2{text-align:left;margin-left:5px}#albums>div>figure{flex-basis:50%;width:50%;max-width:none;margin:0}#albums>div>div{width:60%;text-align:left}#albums>div>div>div{margin-left:15rem}section#concerts{flex-wrap:nowrap;flex-direction:row}#concerts>div{width:50%}#concerts>div:first-child{margin-right:2rem}#contact form div{flex-direction:row}#newsletter h2,#contact h2{font-size:1.5rem}#newsletter h2 span,#contact h2 span{font-size:1.7rem}#newsletter h3,#contact h3{font-size:1.5rem}footer nav ul small{display:block}}@media screen AND (min-width: 1024px){#app>section{max-width:960px;margin:0 auto}#minibio .images img{width:200px;height:200px}#gallerie .container{width:100%;flex-basis:100%}#gallerie .container .card{width:calc(50% - 1rem);flex-basis:calc(50% - 1rem);height:0;flex-grow:0}#newsletter input,#contact input,#contact textarea{width:100%}}@media screen AND (min-width: 1280px){#app>section{max-width:1140px}header nav ul,footer nav ul{max-width:1280px;margin:0 auto}.home__banner__text{display:flex;flex-direction:row;justify-content:space-between}}@media screen AND (min-width: 1440px){#app>section{max-width:1280px}}@media screen AND (min-width: 1920px){#app>section{max-width:1600px}}
