@charset "UTF-8";*{margin:0;padding:0;text-decoration:none;box-sizing:border-box}html,body{font-family:Poppins,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#f4f4f4;height:100vh;width:100vw}html main,body main{display:flex;align-items:center;justify-content:center;height:75vh;width:100%;background-color:#f5f5f5}html main template,body main template{display:flex}header{height:10vh;background-color:#368d6e;display:flex;align-items:center;justify-content:center;flex-direction:column}.navbar{background-color:#f0f0f0;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem}.navbar .nav-link{text-decoration:none;color:#333;cursor:pointer;position:relative;font-weight:700}.navbar .dropdown{position:relative}.navbar .dropdown .dropdown-toggle:after{content:" ▼";font-size:.75rem}.navbar .dropdown .dropdown-menu{position:absolute;top:100%;left:0;background:#fff;display:none;flex-direction:column;box-shadow:0 2px 6px #0003;z-index:10;min-width:250px}.navbar .dropdown .dropdown-menu .dropdown-item{padding:.5rem 1rem;text-decoration:none;color:#333;white-space:nowrap}.navbar .dropdown .dropdown-menu .dropdown-item:hover{background-color:#eee}.navbar .dropdown:hover .dropdown-menu{display:flex}footer{height:10vh;width:100%;background-color:#368d6e}#conteneur-pythagore{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:2rem;width:100%;height:100%;padding:2rem;font-family:sans-serif;color:#333}#conteneur-pythagore section{width:50%;height:100%;overflow:auto}.pythagore{background:#f0f0f0;padding:1.5rem;border-radius:8px}.pythagore h2{margin-bottom:1rem}.pythagore .form{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;flex-direction:row;justify-content:center;align-items:center}.pythagore .form label{display:flex;font-weight:700;justify-content:center;align-items:flex-end}.pythagore .form label input{margin-top:.5rem;padding:.5rem;border-radius:5px;border:1px solid #ccc;width:80px}.pythagore .form button{background-color:#00796b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.pythagore .form button:hover{background-color:#005c50}.pythagore .triangle{margin-top:2rem;display:block;margin-left:auto;margin-right:auto}.algo h3{margin-bottom:1rem}.algo .code-visible{background:#000;color:#0f8;padding:1rem;border-radius:8px;font-family:monospace;height:520px;overflow-y:auto;margin-bottom:1rem}.algo .ligne{margin:.25rem 0}.algo button{background-color:#00796b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.algo button:hover{background-color:#005c50}