header {
background-color: #003764; color: #fff; padding: 10px; text-align: center; width: 100%; margin: 0 auto; }
header h1 {
font-family: 'Arial', sans-serif; font-size: 26px; margin: 0; }
#home h2 {
background-color: #FFD100; font-family: 'Arial', sans-serif; font-size: 22px; color: #003764; text-align: center; padding: 5px;
width: 95%; border-radius: 50px; margin: 0 auto; margin-top: 30px;
margin-bottom: 50px;
}
section#home {
flex-grow: 1;
}
body{
background-color: #F6F9FF;
cursor: default;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.button-container {
text-align: center; margin-bottom: 50px;
}
.custom-button {
position: relative;
width: 90%;
border: none;
background-color: rgba(0, 55, 100, 0.15);
padding: 20px;
color: #003764;
font-size: 20px;
font-family: 'Arial', sans-serif;
font-weight: bold;
cursor: pointer;
border-radius: 15px;
text-align: left;
overflow: hidden;
}
.custom-button::after {
content: '';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 25px; height: 25px;
background-color: #F6F9FF; clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.custom-button-manager{
width: 90%; border: 2px solid #003764; 
background-color: rgba(0, 55, 100, 0.15); padding: 20px;
color: #003764;
font-size: 20px;
font-family: 'Arial', sans-serif;
font-weight: bold;
cursor: pointer;
border-radius: 40px;
text-align: center;
margin-top: 20px;
}
.custom-button-manager-verif{
width: 90%; border: 2px solid #003764; 
background-color: rgba(0, 55, 100, 0.15); padding: 20px;
color: #003764;
font-size: 20px;
font-family: 'Arial', sans-serif;
font-weight: bold;
cursor: pointer;
border-radius: 40px;
text-align: center;
margin-top: 35px;
}
.text-container{
text-align: center;
margin: 10px auto;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: #003764;
font-size: 20px;
max-width: 370px;
word-wrap: break-word;
margin-bottom: 50px;
}
footer {
background-color: #003764; color: #FFD100; padding: 12px; text-align: center; width: 100%; margin: 0 auto; margin-top: auto;
}
footer a{
font-family: 'Arial', sans-serif; font-size: 20px; font-weight: bold;
margin: 0; text-decoration:none;	
}
footer a:link {
color: #FFD100; font-family: 'Arial', sans-serif; font-size: 18px; font-weight: bold;
text-decoration:none;
}
footer a:visited {
color: #FFD100; text-decoration: none; }
#home h3 {
background-color: #FFD100; font-family: 'Arial', sans-serif; font-size: 22px; color: #003764; text-align: center; padding: 5px;
width: 75%; border-radius: 50px; margin: 0 auto; margin-top: 30px;
margin-bottom: 30px;
float: right;
}
#home-header {
display: flex;
align-items: center; }
#home-header img {
margin-left: 10px;
margin-right: 10px; }
#home-header h3 {
margin: 0; margin-top: 30px;
margin-bottom: 30px;
}
.manager-dropdown {
display: none;
text-align: left;
}
.manager-button-container {
text-align: center;
margin-bottom: 30px;
}
.manager-button {
position: relative;
width: 95%;
border: none;
background-color: rgba(0, 55, 100, 0.15);
padding: 20px;
color: #003764;
font-size: 20px;
font-family: 'Arial', sans-serif;
font-weight: bold;
cursor: pointer;
border-radius: 15px;
text-align: left;
overflow: hidden;
}
.manager-button::after {
content: '';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 25px;
height: 25px;
background-color: #F6F9FF;
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.manager-info-gras {
font-size: 18px;
font-weight: bold;
font-family: 'Arial', sans-serif;
color: #003764;
}
.manager-info-light {
font-size: 18px;
font-weight: lighter;
font-family: 'Arial', sans-serif;
color: #003764;
}
.contact-manager-button-container {
text-align: center;
margin: 20px;
}
.contact-manager-button {
width: 70%; border: 2px solid #003764; 
background-color: rgba(0, 55, 100, 0.15); padding: 20px;
color: #003764;
font-size: 20px;
font-family: 'Arial', sans-serif;
font-weight: bold;
cursor: pointer;
border-radius: 40px;
text-align: center;
}
.manager-button.active::after {
transform: translateY(-50%) rotate(90deg);
}
.manager-dropdown.active {
background-color: rgba(0, 55, 100, 0.05); padding: 10px; border-radius: 20px; width: 90%;
margin: 0 auto;
}
.verif-button-text {
color: #003764;
font-size: 19px;
font-family: 'Arial', sans-serif;
font-weight: bold;
}
.verif-text-gras {
font-size: 19px;
font-weight: bold;
font-family: 'Arial', sans-serif;
color: #003764;
text-align: left;
}
.verif-text-light {
font-size: 18px;
font-weight: lighter;
font-family: 'Arial', sans-serif;
color: #003764;
text-align: justify;
}