.sirin-stencil-regular{font-family:Sirin Stencil,sans-serif;font-style:normal;font-weight:400}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.header{background-color:#3498db;color:#fff}.header .libelleLogo{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:1em}.header .libelleLogo h1{color:#000;font-family:Sirin Stencil;font-size:5rem;text-align:center;text-transform:uppercase;width:100%}.header .libelleLogo a{width:30%}.header .libelleLogo a img{height:100%;width:100%}.header .libelleLogo .search-form{display:flex;flex-direction:row;text-align:center;width:100%}.header .libelleLogo .search-form .search-input{border-radius:4px;font-size:1.5rem;height:100%;padding:8px}.header .libelleLogo .search-form .search-button{align-items:center;align-self:center;background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;height:80%;justify-content:center;margin-left:10px;padding:.2em .5em}.header .libelleLogo .search-form .search-button:hover{background-color:#f2f2f2}.header .libelleLogo #tools-accessibility #accessibility-tools{background-color:#f2f2f2;border-radius:5px;display:none;left:10px;padding:10px;position:fixed;top:60px}.header .libelleLogo #tools-accessibility #tools{background-color:#f2f2f2;border:none;border-radius:5px;left:10px;padding:10px;position:fixed;top:10px}.header #icons{color:#000;cursor:pointer;display:block;font-size:1.5em;padding:.5em;position:absolute;right:0;top:0}.header #icons:before{content:attr(data-content)}.header nav menu{background-color:#000;display:none;list-style:none;text-align:center;width:100%}.header nav menu li{font-weight:700;padding:.3em}.header nav menu li a{color:#fff;text-decoration:none}.header nav menu li:hover{background-color:#d4b52f;color:#000}.header nav.on menu{display:block}@media screen and (min-width:1100px){.header #icons,.header #icons:before{display:none}.header .libelleLogo{display:flex;flex-direction:row;justify-content:space-around;padding-bottom:0}.header .libelleLogo h1{font-size:10rem;width:60%}.header .libelleLogo a{padding:.5em;width:15%}.header .libelleLogo a img{height:100%;width:100%}.header .libelleLogo .bloc{align-items:end;display:flex;flex-direction:column;height:100%;padding-bottom:2em;width:20%}.header .libelleLogo .bloc #tools-accessibility{display:flex;flex-direction:row;padding-bottom:1em}.header .libelleLogo .bloc #tools-accessibility #accessibility-tools{position:static}.header .libelleLogo .bloc #tools-accessibility #tools{margin-right:2px;position:static}.header .libelleLogo .bloc .search-form{display:flex;justify-content:right}.header nav menu{display:flex;flex-direction:row;justify-content:space-evenly}}.footer{background-color:#9e87cb;border:1px solid #000;padding-top:1em;text-align:center}.footer ul{display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.footer ul li{align-self:center;background-color:#fff;border:1px solid #000;font-weight:700;padding:.5em;text-align:center;width:250px}.footer ul li a{color:#000;text-decoration:none}.footer ul li:hover{background-color:#d4b52f}.footer ul li+li{margin-top:1em}.footer ul li:last-child{margin-bottom:1em}@media screen and (min-width:1100px){.footer ul{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.footer ul li{margin-bottom:1em;margin-top:1em}.footer ul li a{color:#000}.footer ul li:hover{background-color:#d4b52f}.footer ul li+li{margin-top:0}.footer ul li:last-child{margin-bottom:0}}#container{margin:0 auto;max-width:1100px}.list_artists h2{color:red;text-align:center}.list_artists h3{color:#2ecc71}.list_artists ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.list_artists ul li{border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;margin:.5em;max-width:270px;min-height:150px;transition:background-color .3s ease;width:30%}.list_artists ul li:hover{background-color:#ddd}.list_artists ul li article{color:#fff;padding:1em}.list_artists ul li article a{color:orange}.list_artists ul li:before{background-color:rgba(0,0,0,.5);content:" ";display:block;height:100%;left:0;top:0;width:100%}.cards{background-color:#f2f2f2}.cards .text{padding:1em;text-align:center}.cards h3{color:#2ecc71;padding:0;width:100%}.cards .modal-container{height:100vh;position:fixed;top:0;transition:visibility .4s;visibility:hidden;width:100vw;z-index:9999}.cards .modal-container .overlay{background:rgba(51,51,51,.827);height:100%;opacity:0;position:absolute;transition:opacity .4s ease-out .2s;width:100%}.cards .modal-container .modal-content{background:#fff;border-radius:5px;left:50%;max-width:500px;min-width:300px;opacity:0;padding:30px;position:absolute;top:40%;transform:translate(-50%,-50%);transition:opacity .4s ease-out;width:95%}.cards .modal-container .modal-content .close-modal{background:#ff365e;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:18px;padding:8px 10px;position:absolute;right:10px;top:10px}.cards .modal-container .modal-content a .pictures{height:auto;width:10%}.cards .modal-container.active .modal-content{opacity:1;transition:opacity .4s ease-out .2s}.cards .modal-container.active .overlay{opacity:1;transition:opacity .4s ease-out}.cards .modal-container.active{transition:visibility 0s;visibility:visible}.cards ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.cards ul li{background-color:#f2f2f2;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;margin:.5em;min-height:150px;transition:background-color .3s ease;width:45%}.cards ul li:hover{background-color:#ddd}.cards ul li article{background-color:rgba(0,0,0,.5);border-radius:8px;color:#fff;min-height:200px;padding:0 .5em .5em;position:relative}.cards ul li article .image_collection{padding-bottom:1em;position:absolute;right:.5em;top:.5em;width:15%}.cards ul li article .image_search{width:15%}.cards ul li article .formats{display:none}.cards ul li article .link{bottom:.5em;color:orange;position:absolute}@media screen and (min-width:1100px){.cards{background-color:#f2f2f2}.cards h2{color:red;text-align:center}.cards h3{color:#2ecc71}.cards ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.cards ul li{background-color:#f2f2f2;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;margin:.5em;transition:background-color .3s ease;width:22%}}.index{padding:1em;text-align:left}.index ul{width:100%}.index ul li{align-items:center;display:flex;flex-direction:row;margin-bottom:.5em}.index ul li img{display:inline-block;margin-right:1em}.index ul li .album-info{flex:1}.index ul li .album-info p{display:inline-block;margin:0}.index ul li .album-info .note{text-decoration:underline}@media screen and (min-width:1100px){.index .two-columns{column-count:2;column-gap:70%}.index .two-columns .two-columns li{break-inside:avoid}}.others{padding:1em;text-align:left}.others p:first-of-type:nth-last-of-type(2),.others p:first-of-type:nth-last-of-type(2)+p{margin-bottom:1em}.others ul{padding-bottom:1em}.others ul .list{list-style:inside;list-style-type:" - "}.others .two-columns .title{font-weight:700;padding:1rem}@media screen and (min-width:1100px){.others .two-columns{column-count:2;column-gap:70%}.others .two-columns .two-columns li{break-inside:avoid}}.forms{padding:1em 1em 5em;text-align:center}.forms .flash_notice{background-color:#f60;border:1px solid #000;border-radius:10px;color:#000;display:block;margin:0 auto;padding:1em;text-align:center;width:50%}.forms form div,.forms form fieldset{display:flex;justify-content:center;margin-bottom:2em}.forms form div label,.forms form fieldset label{font-weight:700;text-align:left;width:200px}.forms form div input,.forms form fieldset input{border:1px solid #000;border-radius:8px;padding:5px}.forms form button{background-color:#fff;border:1px solid #000;border-radius:20px;margin-bottom:2em;padding-left:1em;padding-right:1em}@media screen and (min-width:1100px){.forms form div input,.forms form fieldset input{border:1px solid #000;border-radius:8px;padding:5px;width:450px}.forms form div label,.forms form fieldset label{font-weight:700;margin-right:200px;text-align:left;width:250px}.forms form button{background-color:#fff;border:1px solid #000;border-radius:20px;margin-bottom:2em;padding-left:5em;padding-right:5em}}.forms_bis{padding:1em;text-align:center}.forms_bis form div div{display:flex;justify-content:center;margin-bottom:2em}.forms_bis form div div label{font-weight:700;text-align:left;width:200px}.forms_bis form div div input,.forms_bis form div div select{border:1px solid #000;border-radius:8px;padding:5px}.forms_bis form div div select{width:250px}.forms_bis form .btn,.forms_bis form div button{background-color:#fff;border:1px solid #000;border-radius:20px;margin-bottom:2em;padding-left:1em;padding-right:1em}@media screen and (min-width:1100px){.forms_bis form div div input{border:1px solid #000;border-radius:8px;padding:5px;width:450px}.forms_bis form div div label{font-weight:700;margin-right:200px;text-align:left;width:250px}.forms_bis form div div select{border:1px solid #000;border-radius:8px;padding:5px;width:450px}.forms_bis form div button{background-color:#fff;border:1px solid #000;border-radius:20px;margin-bottom:2em;padding-left:5em;padding-right:5em}}.admin .form_button{background-color:#f2f2f2;border:1px solid #000;border-radius:15px;margin:.5em;padding:.5em;text-decoration:none}.admin .form_button:hover{background-color:#3498db;color:#fff}.admin .flash_notice{background-color:#f60}.admin .flash_error,.admin .flash_notice{border:1px solid #000;border-radius:10px;color:#000;display:block;margin:0 auto;padding:1em;text-align:center;width:50%}.admin .flash_error{background-color:red}.admin ul{align-items:center;display:flex;flex-direction:column;padding:1em}.admin ul .menu-li{border:1px solid #000;border-radius:15px;text-align:center;width:80%}.admin ul .menu-li:hover{background-color:#f60;cursor:pointer}.admin ul .menu-li #li_icons{background-color:#000;color:#fff;display:inline;position:absolute;right:10em;width:1em}.admin ul .menu-table{align-items:center;background-color:#fff;border:1px solid #000;border-radius:15px;display:flex;flex-direction:column;margin-bottom:0;width:80%}.admin ul .hidden{display:none}.admin ul .medias_admin{width:20%}@media screen and (min-width:1100px){.admin ul .menu-li #li_icons{right:20em}}html{font-size:62.5%}body{background-color:#f2f2f2;color:#000;font-family:Athiti,sans-serif;font-size:1.8em;line-height:1.5}body.dark_mode{background-color:#000;color:#fff}body h2{color:red;font-family:Sirin Stencil;font-size:2.5rem;margin-bottom:4em;margin-top:1em;text-align:center;text-transform:uppercase}body h2:after,body h2:before{color:red;content:"\f025";font-family:FontAwesome;font-size:2rem;padding:.5em}body h3{font-family:Sirin Stencil;font-size:1.8rem}body h4{font-size:1.5rem;font-style:italic;text-decoration:underline}body a{color:#3498db;font-weight:700}