*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}header{background-color:#c00;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:90px;padding:0;position:relative;z-index:1000}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px}nav{width:100%;display:flex;justify-content:center;align-items:center;background:#c00;padding:10px 0;margin-top:-10px}.nav-main-item{padding:12px 20px;font-weight:700;text-align:center;background:#c00!important;border-radius:0;margin:0 5px;display:flex;align-items:center;justify-content:center;height:40px;line-height:40px}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;width:100%;background:#c00}nav ul li{padding:12px 20px;font-weight:700;text-align:center;background:#fff;border-radius:0;margin:0 5px;display:flex;align-items:center;justify-content:center}nav ul li a{color:#900;text-decoration:none;font-size:1.1em;padding:10px 15px;background:#900}nav .container-fluid{display:flex;justify-content:flex-start;padding-left:5%}.navbar-nav{display:flex;justify-content:center;width:100%}.navbar-nav .nav-item{margin:0 10px}.navbar-nav .nav-link{color:#f7f0f0!important;font-size:1.1em;font-weight:700;font-family:Roboto,sans-serif;padding:10px 20px;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;transition:color .3s ease-in-out}.navbar-nav .nav-link:hover{color:#4f1905!important}.navbar-nav li{margin:0 10px}.navbar-nav .dropdown-menu{background:#fff!important;border:none!important;box-shadow:0 2px 5px #0003;padding:5px 0}.navbar-nav .dropdown-item{color:#000!important;padding:8px 12px;font-size:.9em!important;background:#fff!important;border:none!important;display:block;text-align:left}.navbar-nav .dropdown-item:hover{background:#ddd!important;color:#000!important}nav ul li:hover,.tab.active{background:#d93232}.header-left img,.header-right img{height:95px;max-width:100%;object-fit:contain}.logo{height:55px;max-width:100%;object-fit:contain}.dropdown{position:relative}.tab-label{cursor:pointer;display:inline-block;color:#a30f0f}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 2px 5px #0000001a;list-style:none;padding:0;width:200px;border-radius:5px;z-index:10;overflow:hidden}.dropdown-content li{padding:6px;white-space:nowrap;color:#000;background:#f8f8f8;text-align:center;border-bottom:1px solid #ddd;font-size:12px}.dropdown-content li:last-child{border-bottom:none}.dropdown-content li a{text-decoration:none;color:#000;display:block;padding:6px;font-size:12px}.dropdown-content li:hover{background:#ddd}.dropdown:hover .dropdown-content{display:block}#action-details{margin-top:20px;padding:10px;background:#f8f8f8;border-radius:5px;width:60%;max-width:600px;margin-left:auto;margin-right:auto;text-align:center;display:none}.content{display:none;background:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a;margin-top:20px}.content.active{display:block}.content p{text-align:justify;margin-bottom:18px;line-height:1.6}.content ul{margin:15px 0;padding-left:20px}.content ul li{margin-bottom:8px;font-size:1.1em}.content{max-width:80%;margin:0 auto;padding:20px}h2{margin-top:30px;color:#c00;font-size:1.5em}h3{margin-top:20px;font-size:1.5em;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#333;text-shadow:2px 2px 5px rgba(0,0,0,.2);position:relative;padding-bottom:8px}h1{margin-top:20px;font-size:2em;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#a21616;text-shadow:2px 2px 5px rgba(0,0,0,.2);position:relative;padding-bottom:8px}i{margin-top:1px;margin-bottom:5px;font-size:.8em;color:#474747;line-height:1.2;display:inline-block}.action-container{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:20px}.action-box{width:22%;background:#fff;border-radius:10px;padding:15px;text-align:center;box-shadow:0 4px 8px #0003}.action-box h2{font-size:1.2em;color:#900;margin-bottom:10px}.action-box img{width:100%;border-radius:8px;margin-bottom:10px}.action-box p{font-size:.95em;margin-bottom:15px}.btn-action{background:#900;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer}.btn-action:hover{background:#700}.btn-primary{background-color:#900;border:none;padding:10px 15px;font-size:1em;border-radius:5px;cursor:pointer}.btn-primary:hover{background-color:#700}#action-details{display:none;background:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;text-align:center;width:80%;max-width:800px;margin-left:auto;margin-right:auto}#action-details:not(.hidden){display:block}.hidden{display:none!important}#tbtn-retour{background-color:#900;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin-top:20px;display:block;width:auto;font-size:16px;text-align:center;visibility:visible;opacity:1;transition:opacity .3s ease-in-out}#tbtn-retour.hidden{display:none!important;visibility:hidden;opacity:0}#tbtn-retour{background:linear-gradient(135deg,#b22222,#900);color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;margin-top:20px;display:block;font-size:16px;font-weight:700;text-align:center;transition:all .3s ease-in-out;box-shadow:0 4px 6px #0003}#tbtn-retour:hover{background:linear-gradient(135deg,#f34d4d,#995e07);transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}#tbtn-retour:active{transform:scale(.95)}#tbtn-retour.hidden{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.btn-info{background:linear-gradient(135deg,#b91611,#bc1919);color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:700;text-align:center;transition:all .3s ease-in-out;box-shadow:0 4px 6px #0003}.btn-info:hover{background:linear-gradient(135deg,#ae1515,#bcb1a1);transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.btn-info:active{transform:scale(.95);box-shadow:0 3px 6px #0003}#carte-container{display:flex;width:100%;max-width:1400px}.map{width:260%;max-width:1400px;height:100%}#panneaux{padding:15px;margin-left:-170px;background:#fff;overflow:auto;display:flex;flex-direction:column;align-items:center;margin-top:0;flex-basis:500px;max-width:500px;min-width:250px}#titre-informations{font-size:20px;color:#d7191c;font-family:Arial,sans-serif;text-align:center;margin-bottom:10px;margin-top:-10px}#info-text{font-size:14px;line-height:1.3;text-align:justify;margin:0 auto 20px;width:100%;white-space:normal;word-wrap:break-word;min-height:60px}#source{font-size:12px;color:#666;text-align:left;margin-top:10px;font-style:normal}#polygonCount{padding:10px;margin-top:20px;border-radius:8px;font-size:14px}#polygonValue,#totalSurfaceValue{font-weight:700;color:#d7191c;font-size:14px}#sourceperso{font-size:12px;color:#666;text-align:left;margin-top:10px;font-style:normal}.ol-zoom,.ol-rotate,.ol-attribution{display:none!important}.ol-scale-line{position:absolute;bottom:15px;right:10px;background:#ffffffb3;padding:3px 8px;border:1px solid rgb(83,83,83);border-radius:4px;font-size:12px;color:#646464;font-weight:700}#search-container{position:absolute;top:45px;left:10px;padding:5px;border-radius:5px;z-index:999}#address-input{padding:5px;width:200px}#search-button{padding:1px;margin-left:1px}#suggestions-container{width:100%;max-height:200px;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 5px #0003;margin-top:5px}.suggestion-item{padding:5px;cursor:pointer}.suggestion-item:hover{background-color:#f0f0f0}.legend-container{background-color:#f1ecec00;padding:5px;width:220px;position:absolute;bottom:10px;left:10px;z-index:1000}.legend-item{position:relative;left:10px;bottom:20px;margin-bottom:10px;display:flex;align-items:center}.menu{position:absolute;top:10px;left:730px;background:#ffffffe6;padding:10px;border-radius:8px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;gap:10px;z-index:1000;width:270px}fieldset{border:1px solid #ccc;border-radius:5px;padding:10px;background:#fff}legend{font-size:14px;font-weight:700;color:#333}.menu label{font-size:14px;cursor:pointer}.menu input{margin-right:8px}.help-button{position:absolute;top:10px;left:10px;width:30px;height:30px;background-color:#423f3f;color:#f7f1f1;font-size:18px;font-weight:700;text-align:center;line-height:30px;border-radius:50%;border:1px solid gray;cursor:pointer;z-index:1000;box-shadow:2px 2px 5px #0003}.help-button:hover{background-color:#621407}.help-modal{display:none;position:absolute;top:30%;left:10%;transform:translate(-50%,-50%);background:#ffffffe6;padding:20px;border:2px solid rgba(94,7,7,.963);border-radius:10px;box-shadow:0 8px 20px #0000001a;z-index:1001;width:350px;max-width:90%;font-family:Lato,Helvetica,sans-serif;color:#333;font-size:1rem}.help-modal:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ebe5e562;z-index:-1}.help-modal h2{margin:0 0 15px;font-size:1.4rem;font-weight:600;color:#84190d;text-align:center}.help-modal p{font-size:1rem;color:#555;line-height:1;font-family:Inter,sans-serif;margin-bottom:10px;text-align:justify}.help-modal p.information{color:#3f0b05;font-family:Inter,sans-serif}.footer{background-color:#222;color:#fff;padding:20px 30px;position:relative;bottom:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-shadow:0 -4px 6px #0000001a}.footer .footer-section{flex:1 1 180px;padding:5px}.footer .footer-section h3{font-size:1em;margin-bottom:10px;font-weight:600;color:#c00;text-transform:uppercase}.footer .footer-section p,.footer .footer-section a{font-size:.9em;color:#fff;line-height:1.4;margin-bottom:8px;text-decoration:none}.footer .footer-section a:hover{color:#c00}.footer .footer-section .license,.footer .footer-section .date{font-size:.8em}.footer .footer-section .date{font-style:italic}.footer .footer-section .social-icons{margin-top:15px}.footer .footer-section .social-icons a{font-size:18px;color:#fff;margin-right:10px;transition:color .3s}.footer .footer-section .social-icons a:hover{color:#c00}@media (max-width: 768px){.footer{flex-direction:column;text-align:center}.footer .footer-section{flex:1 1 100%;margin-bottom:15px}}#p_customPanel{display:none;margin-top:10px;padding:10px;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 10px #0000001a}#MyButton_score{background-color:#544d43;color:#f4f1e6;font-weight:700;border-radius:6px;padding:6px 12px;font-size:14px;cursor:pointer;box-shadow:1px 1px 3px #0003;transition:all .3s ease-in-out}#MyButton_score:hover{background-color:#3d3933;color:#f95625;transform:scale(1.05)}#MyButton_score:active{transform:scale(.95)}#creation_score label{font-size:12px;color:#333}.schema-ICU,.tableau,.schema-vp,.bienfaits{width:120%;height:auto;max-width:600px}.pollution-schema{width:220%;height:auto;max-width:1500px}.schema-vegetation{width:100%;height:auto;max-width:600px}.schema-retention,.schema-pollution{width:60%;max-width:400px;height:auto;display:block;margin:15px auto}.schema-retention-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.schema-retention{width:45%;max-width:350px;height:auto;display:block}