@font-face {
 font-family: rindualam;
 src: url('../polices/rindualam.eot') format('eot');
 src: url('../polices/rindualam?#iefix') format('embedded-opentype');
}
@font-face {
 font-family: freshline;
 src: url('../polices/freshline.eot') format('eot');
 src: url('../polices/freshline?#iefix') format('embedded-opentype');
 src: url('../polices/freshline.ttf') format('truetype');
}
@font-face {
 font-family: ballpark;
 src: url('../polices/ballpark.eot') format('eot');
 src: url('../polices/ballpark?#iefix') format('embedded-opentype');
 src: url('../polices/ballpark.ttf') format('truetype');
}
@font-face {
 font-family: dayrom;
 src: url('../polices/dayrom.eot') format('eot');
 src: url('../polices/dayrom?#iefix') format('embedded-opentype');
 src: url('../polices/dayrom.ttf') format('truetype');
}

body {
 background-color: #f4f4f4;
 font-family: 'Roboto', sans-serif; /* Updated font */
 color: #333;
 font-size: 1rem; /* Adjusted font size */
 font-weight: normal;
 display: flex;
 flex-direction: column;
 max-width:100%
 margin: auto; /* Center the content */
}

header {
 display: flex;
 justify-content: space-between;
 background-color: #007bff; /* Updated header color */
 color: #ffffff; /* Updated text color for contrast */
 padding: 20px;
}

main {
 background-color: #ffffff; /* Light background for the main content */
 display: flex;
 flex-direction: column;
 padding: 20px; /* Added padding for spacing */
}

footer {
 background-color: #007bff;
 color: #ffffff;
 text-align: left;
 padding: 10px 20px;
 display:flex;
}

img {
  width: 32px;
  height: 32px;
}

h2, h3 {
 font-family: 'Open Sans', sans-serif; /* More professional font choice */
 margin: 0;
 padding-top: 5px;
}

.button, #bReset, #bCalcul { /* Unified button styling */
 background-color: #007bff; /* Primary button color */
 color: #ffffff; /* Button text color */
 padding: 10px 15px;
 border: none;
 border-radius: 5px; /* Rounded corners for a modern look */
 transition: background-color 0.3s; /* Smooth transition for hover effect */
 cursor: pointer;
}

.button:hover, #bReset:hover, #bCalcul:hover { /* Hover effect for buttons */
 background-color: #0056b3; /* Darker shade on hover */
}

input[type="text"], select, input { /* Unified input styling */
 width: 100%;
 padding: 12px 20px;
 margin: 8px 0;
 border: 1px solid #ccc;
 border-radius: 4px; /* Rounded corners for inputs */
 box-sizing: border-box;
}

 .container, .boutons {
   flex-direction: column;
 }
 
 .tooltiptext
{
 display:none;
}

#maFormule {
  max-width: 100%; /* Empêche le débordement sur les petits écrans */
}