.truc,nav ul{display:flex;padding:3vh}#coordonnees h1,#sources h1,#sources h3,canvas{margin-top:50px}#sources a,.scroll-to-top,a,footer a,ul a{text-decoration:none}*{margin:0;box-sizing:border-box}body{font-family:Inter;background-color:#faf3e1}#coordonnees h1,#sources,.box .h2caca,.cacah2,.evolutiontarifs,.graphique-description h2,.graphique7 h2,.h3caca,.haut h1,.prob,.rectangle h2,a,header h1{font-family:"Inria Sans",sans-serif}.pipi{margin-left:14.5%}header{height:100vh;background-image:url(../assets/images/imageback.jpeg);display:grid;margin-bottom:50px}header h1{color:#fff}.truc{justify-content:space-between;align-items:center;background-color:rgba(0,0,0,.5);height:100px}.graphique2,.prob{flex-direction:column}.custom-back,.custom-front{background-color:#114036;color:#fff}.prob{display:flex;margin-top:20px;color:#fff;padding:40px}.custom-grid-container,.image-grid{display:grid;grid-template-columns:repeat(3,1fr)}.prob h1{margin-bottom:3%;font-size:xxx-large}.prob H2{max-width:300px}nav ul{list-style:none;justify-content:space-between;align-items:flex-end}ul a{color:#fff;padding:5vh}html{scroll-behavior:smooth}ul a span:hover{color:#c2bfbf}main{max-width:1080px;margin:0 auto}.graphique-description img{max-width:100%;max-height:100%;object-fit:contain}.image-grid{gap:10px;max-width:1200px;margin:0 auto}.image-grid img{width:100%;border-radius:8px;height:100%}.custom-grid-container{gap:30px;margin:50px auto;max-width:1080px}#coordonnees h1,#sources,.graphique1,canvas{margin-bottom:50px}.custom-grid-item{perspective:1500px}.custom-card{width:100%;height:300px;position:relative;transform-style:preserve-3d;transition:transform 1s ease-in-out;cursor:pointer}.custom-back,.custom-card:hover{transform:rotateY(180deg)}.custom-back,.custom-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:12px;padding:20px}.custom-front{font-size:6vh}.custom-back{font-size:3vh;text-align:justify}.Chart3,.graphique1{background-color:#fff;border-radius:10px}.graphique1{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px}.Chart1{flex:1;height:80vh;width:70vh}.Chart3{padding:10px;margin-top:30px;margin-bottom:30px}.Chart3 h2{margin:20px}.graphique-description{flex:1;margin-left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.graphique-description h2{font-size:2em;margin-bottom:10vh}.graphique-description p{font-size:small;line-height:1.5;text-align:justify;width:100%}.graphique2{display:flex;align-items:center}.rectangle{width:1080px;padding:30px;background-color:#114036;border:2px solid #19362e;border-radius:10px;margin:8% auto 0}.rectangle h2{text-align:center;margin-bottom:4%;color:#fff}.rectangle p{text-align:justify;color:#fff;max-width:80%;margin:0 auto}.chiffres,.evolutiontarifs{text-align:center}.calculateur h2,.chiffres{margin-bottom:20px}.graphique5{height:fit-content;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10px}.graphique7{margin-top:5%}.graphique7 h2{color:#114036}canvas{height:500px;width:700px}.economieChart{width:100%!important;height:auto!important;max-width:500px}.box,.carte img{height:400px}.calculateur{padding:20px;width:100%;display:grid}.calculateur canvas{max-width:700px;max-height:400px}.input-group{display:flex;align-items:center;margin-bottom:5px}.input-group label{width:200px;margin-right:10px}.input-group input,.input-group select{flex-grow:1;padding:10px;border-radius:3px;border:1px solid #ccc;box-sizing:border-box}.calculateur button{background-color:#114036;color:#fff;padding:10px 20px;border:none;cursor:pointer;border-radius:3px;margin-top:10px}.btn:hover,.calculateur button:hover,.contact-form button:hover,.scroll-to-top:hover{background-color:#19362e}#resultat{margin-top:20px}.graphique-container{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;background-color:#fff;border-radius:10px;padding:20px}.Chart4{margin-right:20px}.checkbox-container{display:flex;flex-direction:column;padding:10px;border-radius:5px;background-color:#f9f9f9;box-shadow:0 2px 2px 2px rgba(0,0,0,.1)}.checkbox-item{margin-bottom:10px}.checkbox-item input{margin-right:5px}.evolutiontarifs{margin-top:2%}.chart-container{display:flex;align-items:flex-start;justify-content:space-between;margin-top:20px}.Chart5{flex:1;max-width:100%}#sources,.selector-container{flex-direction:column;display:flex}.year-select{margin-left:20px;padding:10px;border:2px solid #114036;border-radius:5px;background-color:#f0f0f0;color:#114036;font-size:16px;cursor:pointer;transition:background-color .3s,border-color .3s;outline:0;box-shadow:0 2px 5px rgba(0,0,0,.1)}#MyChart3,.box{padding:20px}#MyChart3,.contact-info{border-radius:10px;background-color:#fff}.year-select:hover{background-color:#e0e0e0;border-color:#007bff}.year-select option{padding:10px}.selector-container{align-items:flex-start}.year-label{margin-bottom:5px;color:#114036;font-size:14px}.MyChart5{width:850px}#calculerBtn{justify-self:center}.coordonnees{display:flex;justify-content:center;align-items:center;flex-direction:column}#coordonnees h1{color:#114036}.container{display:flex;justify-content:space-between;width:100%;max-width:1200px}.box{width:40%}.box .h2caca{margin-top:10%;color:#000;margin-bottom:60px}.contact-info{text-align:left}.contact-info p{line-height:1.6;color:#000;margin-left:0}.contact-info img{width:40px}.name-fields{display:flex;gap:20px}.name-fields input{flex:1;min-width:0}.contact-form{padding-right:20px}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin:10px 0;border:0 solid #ccc;background-color:#fff;border-radius:3px}.contact-form button{padding:10px 20px;background-color:#114036;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:3px}.h3caca{color:#114036}.carte{height:50%;background-color:#eef0ef;padding:30px;border-radius:15px}.btn,.scroll-to-top,footer{background-color:#114036;color:#fff}.carte h2{margin-top:10px;margin-bottom:10px}.informations h2,.liens_utiles h2,.nos_services h2,.socialIcons a i{margin-bottom:2vh}.carte h4{color:gray}.tete{display:flex;justify-content:space-between;width:100%;padding:100px}#sources a{color:#000;display:inline-block;padding:10px 15px;margin:5px 0;border-radius:5px}#sources a:hover{color:#535353}#sources h1{margin-bottom:30px;color:#114036}#sources h3{color:#114036}#sources .btn,#sources .btn:hover{color:#fff}.btn{border:none;padding:15px 30px;cursor:pointer;font-size:20px;margin-top:25px;margin-bottom:12px;border-radius:3px;width:fit-content}.haut,hr{width:80vw}.piste{display:flex;margin-top:20px;margin-bottom:20px}.piste p{margin-left:20px;align-self:center}.piste img{height:40px}footer{display:flex;flex-direction:column;align-items:center}footer a{color:#fff}footer a:hover{color:#d5d2d2}.haut{display:flex;justify-content:space-between;padding:2vh;margin-top:3%}.informations a,.liens_utiles a,.nos_services a{display:inline-block;margin-bottom:2vh;font-size:16px;min-width:44px;text-align:center}hr{margin-top:5vh;margin-bottom:5vh}.bas{margin-bottom:3%}.socialIcons a i{font-size:2em;margin-top:5vh;margin-right:15px}.scroll-to-top{position:fixed;bottom:20px;right:20px;padding:10px 15px;border-radius:50%;font-size:24px;display:none;transition:background-color .3s}