.calculator {
            position: relative;
            max-width: 800px;
            top: 10px; /* Adjust this value to move the calculator down */
            bottom: 100px;
            margin: 0px auto;
            padding: 50px;
            border-radius: 5px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         }

 
         .calculator h2 {
             text-align: center;
         }
 
         .calculator p {
             margin: 10px 0;
         }
 
         .calculator label {
             display: block;
             margin-bottom: 5px;
             color: #333;
         }
 
         .calculator input, .calculator select {
             width: 100%;
             padding: 8px;
             margin-bottom: 10px;
             border: 1px solid #ccc;
             border-radius: 3px;
         }
 
         .calculator button {
             width: 100%;
             padding: 10px;
             background-color: #007bff;
             color: #fff;
             border: none;
             border-radius: 3px;
             cursor: pointer;
             transition: background-color 0.3s ease;
         }
 
         .calculator button:hover {
             background-color: #0056b3;
         }

         .slidecontainer {
            width: 100%;
         }  

         .slider {
            -webkit-appearance: none;
            width: 100%;
            height: 15px;
            border-radius: 5px;  
            background: #d3d3d3;
            outline: none;
            opacity: 0.7;
            -webkit-transition: .2s;
            transition: opacity .2s;
         }


         .slider:hover {
            opacity: 1;
         }

         .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 25px;
            height: 25px;
            border-radius: 50%; 
            background: #04AA6D;
            cursor: pointer;
         }

         .slider::-moz-range-thumb {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #04AA6D;
            cursor: pointer;
         }

         .textblue {
            text-align: center;
            position: relative;
            color: #007bff;
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
            top: -50px;
         }
 
         #result {
             margin-top: 10px;
             font-weight: bold;
             text-align: center;
         }
 
         /* Media queries pour rendre le design responsive */
         @media screen and (max-width: 768px) {
             .calculator {
                 padding: 10px;
             }
             .calculator input, .calculator select {
                 width: calc(100% - 20px);
             }
         }
 
         @media screen and (max-width: 480px) {
             .calculator {
                 max-width: 90%;
             }
         }