.banner-header h1 {color:var(--blue);padding-bottom:20px;font-family:'Open Sans', sans-serif;}
.form-page .form-floating>label {padding:7px 25px;font-size:15px;font-family:'Open Sans', sans-serif;}
.form-page .form-floating>.form-control-plaintext~label, .form-page .form-floating>.form-control:focus~label, .form-page .form-floating>.form-control:not(:placeholder-shown)~label, .form-page .form-floating>.form-select~label{transform:scale(.85) translateY(-.1rem) translateX(.15rem);}
main{padding-top:200px;padding-bottom:100px;}
.form-floating.form-file>.form-control:not(:placeholder-shown){padding-top:3rem; padding-bottom:3rem;padding-left:25px;}
.form-page {max-width:800px;margin:0 auto;}
button.btn-cta{background:var(--red); border-radius:50px; padding:15px 25px 15px 25px;color:white;}
button.btn-cta:hover{background:var(--blue);color:white;}
.form-page .form-check .form-check-input{margin-left:0px;font-family:'Open Sans', sans-serif;}
.form-page .form-check-label.label-padding{padding-left:10px;font-family:'Open Sans', sans-serif;}
.form-page .form-check-label{font-family:'Open Sans', sans-serif;font-size:15px;}
p{font-family:'Open Sans', sans-serif;}
.form-page .form-floating{font-family:'Open Sans', sans-serif;}
.box-picto h3{font-family:'Open Sans', sans-serif;}
.box-picto a{font-family:'Open Sans', sans-serif;}

.box-picto{background-color:var(--blue);color:white;padding:30px;border-radius:30px;text-align:center;}
.box-picto a{color:white;text-decoration:none;font-size:20px;}
.box-picto img{padding-bottom:25px;}
.box-picto h3{padding-bottom:15px;}
main .home{padding-bottom:35px;padding-top:35px;}

html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1; /* Cela permet à la section principale de prendre l'espace disponible */
}

/* menu */
.dropdown-item:active {
    background-color: var(--red) !important;
}
.dropdown-item.active, .dropdown-item:active{background:var(--blue) !important;color:var(--red) !important;font-weight:700 !important;}
.dropdown-toggle::after {
    display: none !important;
}
#navbar-white {
    background-color: white;
    box-shadow: 0px 3px 40px 1px rgba(0, 0, 0, .1);
}
.fixed-top {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.navbar-white .navbar-toggler {
    color: var(--blue) !important;
    border: none !important;
    padding: 0px;
}
.navbar-light {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-brand img{width:100px;}
.navbar-white .nav-item .nav-link {
    color:var(--blue) !important;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 0.75em;
    text-align:center;
}
.navbar-nav .dropdown-menu {
    background-color: var(--blue);
    box-shadow: none;
    border: none;
}
.dropdown-menu {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.navbar-expand-md .navbar-nav .dropdown-menu{
    right:0px !important;
    left:inherit !important;
    width:fit-content !important;
}
.dropdown-menu li {
    padding-bottom: 5px !important;
}
.dropdown-item {
    color: white !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700 !important;
    font-size: 0.75em;
    padding-top: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dropdown-item:hover {
    background-color: var(--blue) !important;
    color: var(--red) !important;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: white !important;
}
.btn.btn-red.btn-menu {
    margin-left: 50px;
}
.btn.btn-white.btn-menu {
    margin-left: 50px;
}
.dropdown-black {
    margin-top: 40px;
}
.dropdown-black .dropdown-menu {
    background-color: var(--blue);
    box-shadow: none;
    border: none;
    margin-top: 20px !important;
}
.dropdown-black .dropdown-item:hover {
    background-color: var(--blue) !important;
    color: var(--red) !important;
}
.dropdown-black:after {
    
}

/* footer */
.footer{background-color: #e6e9eb;padding-top:20px;text-align:center;font-size:12px;padding-bottom:5px;}
.footer a {text-decoration:none;color:var(--blue);}


/* root */
:root {
    --red: #d80e0e;
    --blue: #002E53;
}
/* /root */



@media only screen and (max-width: 700px) {main{padding-top:130px;padding-bottom:50px;}.navbar-brand img{width:70px;}}
@media only screen and (min-width: 2000px) {main .home{padding-top:135px;}}
@media only screen and (max-width: 575px) {.row-box-picto{padding-left:20px;padding-right:20px;}}