@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--main:#0f62fe;--sec:#000b41;--red:#9f0000;--green:#007500;--l-main:#f2f4f8;--l-sec:#c1c7cd}*{margin:0;padding:0;font-family:Poppins,sans-serif}.loader{border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotate;position:relative}.loader:before,.loader:after{content:"";box-sizing:border-box;border:5px solid #fff;border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}.loader:after{border-color:#ff3d00;inset:8px;transform:rotate3d(90,90,0,180deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}.btn{color:#fff;background:var(--sec);cursor:pointer;border:0;margin:10px 0;padding:5px;text-decoration:none}.success_banner{color:#fff;background:#007500;margin:10px 0 20px;padding:10px;font-weight:500}.error_banner{background:#a60000;flex-flow:column;width:100%;margin:10px 0 20px;display:flex}.compte_actions{flex-flow:row;gap:20px;display:flex}button.accepter,button.modifier{cursor:pointer;background:var(--green);color:#fff;border:0;padding:5px 10px}button.annuler,button.supprimer{cursor:pointer;background:var(--red);color:#fff;border:0;padding:5px 10px}.navbar{box-sizing:border-box;border:1px solid #ddd;width:100%;max-width:250px;height:100vh;padding:20px;position:absolute}.navbar .navbar-logo{text-align:center}.navbar .navbar-logo img{width:100%;max-width:150px}.navbar ul{list-style-type:none}.navbar ul li a,.navbar .navbar-logo a{color:#000;text-decoration:none}.navbar .navbar-links .btn.logout{width:100%}.navbar-toggle{display:none}.navbar .navbar-links div li{border-bottom:1px solid var(--l-main);padding:10px 0}.navbar .navbar-links .name_link{flex-flow:row;gap:5px;display:flex}.navbar .navbar-links .name_link:before{content:"";aspect-ratio:1;background:#000;width:20px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.navbar .navbar-links .name_link.bibliotheques:before{-webkit-mask-image:url(/assets/book-Bb6w__99.png);mask-image:url(/assets/book-Bb6w__99.png)}.navbar .navbar-links .name_link.livres:before{-webkit-mask-image:url(/assets/open-book-C9m2kEXl.png);mask-image:url(/assets/open-book-C9m2kEXl.png)}.navbar .navbar-links .name_link.emprunts:before{-webkit-mask-image:url(/assets/contract-Bl8-96sb.png);mask-image:url(/assets/contract-Bl8-96sb.png)}.navbar .navbar-links .name_link.intercommunalites:before{-webkit-mask-image:url(/assets/location-BAI0oWBL.png);mask-image:url(/assets/location-BAI0oWBL.png)}.navbar .navbar-links .name_link.compte:before{-webkit-mask-image:url(/assets/user-CF-LHGuW.png);mask-image:url(/assets/user-CF-LHGuW.png)}.container.authentication{background:var(--l-main);flex-flow:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.container.authentication .content form{box-sizing:border-box;background:#fff;border:1px solid #ddd;width:100%;max-width:800px;padding:60px;overflow:hidden}.container.authentication .content form h2{text-align:center}.container.authentication .content form input{box-sizing:border-box;background:var(--l-main);border:0;border-bottom:1px solid var(--l-sec);width:100%;padding:5px 10px}.container.authentication .content form .name{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.container.authentication .content form .btn-login{color:#fff;background:var(--main);border:0;width:100%;margin:10px 0;padding:5px}.container.authentication .content form .remember .remember_form{flex-flow:row;gap:5px;display:flex}.container.authentication .content form .remember .remember_form>*{width:100%;max-width:max-content}.container.homepage .content,.container.page .content{background:var(--l-main);height:100vh;margin-left:250px;padding:20px 30px;position:relative}.container.homepage .content h1{color:var(--sec);font-size:calc(.675676vw + 28.8378px)}.container.homepage .content h1 span{font-size:calc(.675676vw + 22.8378px);font-weight:400}.container.homepage .content .liens{flex-flow:wrap;gap:20px;display:flex}.container.homepage .content .liens.liens_principaux{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.container.homepage .content .liens .lien.primaire{color:#fff;text-shadow:0 1px 10px #000;border:1px solid var(--l-sec);background-position:50%;background-size:cover;flex-flow:column;flex:1;justify-content:end;height:250px;padding:10px;text-decoration:none;display:flex;position:relative;overflow:hidden}.container.homepage .content .liens .lien.primaire:before{display:none}.container.homepage .content .liens .lien.primaire:after{z-index:0;content:"";background:linear-gradient(#fff0,#ffffffb3);height:100%;position:absolute;bottom:0;left:0;right:0}.container.homepage .content .liens .lien.primaire.lien_livres{background-image:url(/assets/livre-C2DOgZjl.jpg)}.container.homepage .content .liens .lien.primaire.lien_bibliotheques{background-image:url(/assets/bibliotheque-ButdwiHZ.jpg)}.container.homepage .content .liens .lien.primaire.lien_emprunts{background-image:url(/assets/emprunt-D7vNIQ3z.jpg)}.container.homepage .content .liens .lien.primaire.lien_intercommunalites{background-image:url(/assets/ville-JHglIJSX.jpg)}.container.homepage .content .liens .lien.primaire p{z-index:1;font-size:calc(.27027vw + 16.1351px);font-weight:600}.container.homepage .content .liens.liens_secondaires{margin:40px 0 0}.container.homepage .content .liens .lien.secondaire{color:#000;border:1px solid var(--l-sec);background:#fff;flex:1;padding:10px;text-decoration:none}.container.page.listes .liste ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style-type:none;display:grid}.container.page.listes .liste ul a{color:#000;border:1px solid var(--l-sec);background:#fff;padding:10px;text-decoration:none}.container.page.details .infos .info_content{grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.container.page.details .infos div{flex:1}.container.page.details .infos h2{color:var(--sec);margin:10px 0 5px;font-size:calc(.675676vw + 28.8378px);line-height:1.2}.container.page.details .infos p{border:1px solid var(--l-sec);background:#fff;flex-flow:column;padding:20px;font-size:calc(.405405vw + 16.7027px);display:flex}.container.page.details .infos p:last-child{grid-column:1/span 2}.container.page.details .infos p:last-child a{color:#000;text-decoration:none}.container.page.details .infos .details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.container.page.details .infos p span{margin-right:5px;font-size:calc(.540541vw + 21.2703px);font-weight:700;line-height:.9}.container.page.details .infos .disponibilite{color:#fff;margin:20px 0;padding:15px 20px;font-weight:500}.container.page.details .infos .disponibilite.disponible{background:var(--green)}.container.page.details .infos .disponibilite.indisponible{background:var(--red)}.container.page.details .infos .livres_apercu{margin-top:30px}.container.page.details .infos .livres_apercu_header{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.container.page.details .infos .livres_apercu ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:10px;list-style-type:none;display:grid}.container.page.details .infos .livres_apercu ul a{color:#000;border:1px solid var(--l-sec);background:#fff;padding:10px;text-decoration:none}.container.page.modifier .error_banner,.container.page.ajouter .error_banner{background:#a60000;flex-flow:column;width:100%;margin:10px 0 20px;display:flex}.container.page.modifier .error_banner p,.container.page.ajouter .error_banner p{color:#fff;padding:10px;font-weight:500}.container.page.modifier .error_banner div,.container.page.ajouter .error_banner div{color:#fff;padding:0 10px 10px;font-size:14px}.container.page.modifier .success_banner,.container.page.ajouter .success_banner{color:#fff;background:#007500;margin:10px 0 20px;padding:10px;font-weight:500}.container.page.modifier .form,.container.page.ajouter .form{border:1px solid var(--l-sec);background:#fff;flex-flow:column;gap:20px;padding:20px;display:flex}.container.page.modifier .form .form_group,.container.page.ajouter .form .form_group{flex-flow:column;gap:5px;display:flex}.container.page.modifier .form .form_group input,.container.page.ajouter .form .form_group input{box-sizing:border-box;background:var(--l-main);border:0;border-bottom:1px solid var(--l-sec);padding:5px 10px}.container.page.modifier .form .form_actions,.container.page.ajouter .form .form_actions{flex-flow:row;gap:20px;display:flex}.container.page.modifier .form .form_actions button,.container.page.ajouter .form .form_actions button{cursor:pointer;border:0;padding:5px 10px}.container.page.modifier .form .form_actions button.annuler,.container.page.ajouter .form .form_actions button.annuler{background:var(--red);color:#fff}.container.page.modifier .form .form_actions button.enregistrer,.container.page.ajouter .form .form_actions button.enregistrer{background:var(--green);color:#fff}.container.page.modifier .form .form_group select,.container.page.ajouter .form .form_group select{box-sizing:border-box;background:var(--l-main);border:0;border-bottom:1px solid var(--l-sec);padding:5px 10px}.container.page.emprunt_detail .emprunt_info .emprunt_details{flex-flow:wrap;gap:10px;margin:20px 0;display:flex}.container.page.emprunt_detail .emprunt_info .emprunt_details p{border:1px solid var(--l-sec);background:#fff;flex-flow:column;padding:10px;display:flex}.container.page.emprunt_detail .emprunt_info .emprunt_details p span{font-weight:700}.container.page.information_compte .compte_info{flex-flow:column;gap:20px;display:flex}.container.page.information_compte .compte_info .compte_details{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.container.page.information_compte .compte_info .compte_details p{border:1px solid var(--l-sec);background:#fff;flex-flow:column;padding:10px 15px;display:flex}.container.page.information_compte .compte_info .compte_details p.date{background:#c4c4c4}.container.page.information_compte .compte_info .compte_details p span{font-weight:700}.container.page.listes.intercommunalites .liste .intercommunalite_item p.pse{flex-flow:row;gap:5px;display:flex}.container.page.listes.intercommunalites .liste .intercommunalite_item p.pse:before{content:"";aspect-ratio:1;background:#000;width:20px;display:inline-block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.container.page.listes.intercommunalites .liste .intercommunalite_item p.pse.adresse:before{-webkit-mask-image:url(/assets/location-BAI0oWBL.png);mask-image:url(/assets/location-BAI0oWBL.png)}.container.page.listes.intercommunalites .liste .intercommunalite_item p.pse.telephone:before{-webkit-mask-image:url(/assets/telephone-CKTxurO6.png);mask-image:url(/assets/telephone-CKTxurO6.png)}.container.page.listes.intercommunalites .liste .intercommunalite_item p.pse.email:before{-webkit-mask-image:url(/assets/mail-CoTVKf5L.png);mask-image:url(/assets/mail-CoTVKf5L.png)}.container.page.information_compte .compte_form{border:1px solid var(--l-sec);background:#fff;flex-flow:column;gap:20px;padding:20px;display:flex}.container.page.information_compte .compte_form .form_group{flex-flow:column;gap:5px;display:flex}.container.page.information_compte .compte_form .form_group input{box-sizing:border-box;background:var(--l-main);border:0;border-bottom:1px solid var(--l-sec);padding:5px 10px}@media screen and (width<=1280px){.container.homepage .content .liens.liens_principaux{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=1024px){.container.page.listes .liste ul{grid-template-columns:minmax(0,1fr)}.container.page.information_compte .compte_info .compte_details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=728px){.container.authentication .content form{background:#fff;border:1px solid #ddd;width:100%;max-width:fit-content;margin:20px;padding:40px;overflow:auto}.container.authentication .content form .name{flex-flow:column;gap:0;display:flex}.container.authentication .content form input{margin-bottom:10px}.container.authentication .content form .remember .remember_form{flex-flow:column;gap:5px}.container.authentication .content form .remember .remember_form input{margin:0}.container.homepage .content,.container.page .content{margin-left:0;padding:50px 30px 20px}.container.page.details .infos .info_content,.container.page.details .infos .details{flex-flow:column;display:flex}.container.page.listes .liste ul,.container.page.details .infos .livres_apercu ul{grid-template-columns:repeat(1,minmax(0,1fr))}.navbar-toggle{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;display:flex;position:fixed;top:1rem;left:1rem}.navbar-toggle span{background:#000;border-radius:2px;width:100%;height:3px;display:block}.navbar{z-index:1050;background:#fff;width:80%;max-width:300px;height:100%;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0003}.navbar-open{transform:translate(0)}.navbar-overlay{z-index:999;background:#00000080;position:fixed;inset:0}}@media screen and (width<=480px){.container.homepage .content .liens.liens_principaux,.container.page.information_compte .compte_info .compte_details{grid-template-columns:repeat(1,minmax(0,1fr))}}
