:root{--color-bleue:#004080;--color-orange:#f08700;--color-text:#000;--color-white:#fff}body,html{margin:0}body{display:flex;flex-direction:column}.header-bar{background-color:var(--color-bleue);height:50px}.menu-header .nav-link{color:var(--color-white)}.menu-header .nav-link:hover{color:var(--color-orange)}.logo-bar{background-color:#fff;padding:10px;text-align:center}.main-content{background-color:#fff;min-height:400px;padding:20px}.menu-bar{background-color:var(--color-bleue)}.menu-bar .nav-link{color:var(--color-white)}.menu-bar .nav-link:hover{color:var(--color-orange)}.footer-bar{background-color:var(--color-bleue);color:var(--color-white);text-align:center}footer{bottom:0;position:relative;width:100%}h1{color:var(--color-orange);text-align:center}h2,h3{color:var(--color-bleue)}.img-fixed-height{border-radius:8px;height:200px;object-fit:cover;object-position:center;width:100%}#logo-principal{width:25%}.card{border:1px solid var(--color-primary)}.btn{background-color:var(--color-bleue);color:var(--color-white)}.btn:hover{background-color:var(--color-orange)}.form-control{margin:3px}.form-check{display:block}i{color:var(--color-bleue)}i:hover{color:var(--color-orange)}.btn-delete{color:var(--color-bleue)}.btn-delete,.btn-delete:hover{background-color:var(--color-white)}.btn-delete:hover{color:var(--color-orange)}.navigation{text-align:center}.navigation a,.navigation span{color:var(--color-bleue);margin:0 2px;padding:5px 10px;text-decoration:none}.navigation .current{background-color:var(--color-orange);color:var(--color-white)}.navigation .disabled{color:#ccc}.iconprincipal:hover{color:var(--color-bleue)}.iconprincipal{font-size:50px;text-align:center}.active{background-color:var(--color-orange);color:var(--color-white)}#sidebar-toggle{transition:width .3s ease-in-out;width:10px}.result-item{align-items:center;display:flex;justify-content:space-around}.result-chart{flex:0 0 25vw}canvas{max-height:100%;max-width:100%}@media (max-width:768px){.header-bar{height:40px}.logo-bar{padding:5px}.main-content{padding:10px}.footer-bar{padding:5px}.menu-bar .navbar-nav{text-align:center}.menu-bar .nav-item{margin-bottom:5px}#logo-principal{width:50%}.img-fixed-height{height:150px}}