@charset "UTF-8";

/*!
 * Application adherents - 2024
 */

html {
    height:100%
}
body {
    background-color:#d3d3d3;
    color:#000;
    font-family:Montserrat,sans-serif;
    position:relative;
    min-height:100%
}
header.masthead {
    background-image:url("../img/header_mini-zdu1i_a.webp") !important;   
    background:no-repeat 50%;
    background-attachment:scroll;
    background-color:#6c757d;
    background-size:cover;
    max-height:250px;
    position:relative
}
header.masthead .overlay {
    background-color:#212529;
    height:100%;
    opacity:.3;
    position:absolute;
    width:100%
}
header.masthead .page-heading {
    color:#fff;
    padding:100px 0 150px;
    text-align:center
}
header.masthead .page-heading .h1,header.masthead .page-heading h1 {
    font-size:50px;
    margin-top:0
}
header.masthead .page-heading .subheading {
    display:block;
    font-family:Roboto,Helvetica Neue,Arial,"sans-serif";
    font-size:24px;
    font-weight:300;
    line-height:1.1;
    margin:10px 0 0
}
header.masthead .post-heading {
    color:#fff;
    padding:200px 0 150px
}
header.masthead .post-heading .h1,header.masthead .post-heading h1 {
    font-size:35px
}
header.masthead .post-heading .meta {
    display:block;
    font-family:Lora,Roboto,Helvetica Neue,Arial,"sans-serif";
    font-size:20px;
    font-style:italic;
    font-weight:300;
    line-height:1.1
}
header.masthead .post-heading .meta a {
    color:#fff
}
header.masthead .post-heading .subheading {
    display:block;
    font-family:Roboto,Helvetica Neue,Arial,"sans-serif";
    font-size:24px;
    font-weight:600;
    line-height:1.1;
    margin:10px 0 30px
}
header.masthead .site-heading {
    color:#fff;
    padding:200px 0 150px;
    text-align:center
}
header.masthead .site-heading .h1,header.masthead .site-heading h1 {
    font-size:50px;
    margin-top:0
}
header.masthead .site-heading .subheading {
    display:block;
    font-family:Roboto,Helvetica Neue,Arial,"sans-serif";
    font-size:24px;
    font-weight:300;
    line-height:1.1;
    margin:10px 0 0
}
.bg-sombre {
    background-color:rgba(0,0,0,.5)!important;
}
.bg-light,.nav-item,.nav-link,.navbar-brand {
    color:#fff!important
}
.navbar {
    transition-timing-function:ease-in-out;
    background: linear-gradient(to bottom, #0008, #0006 40%,#0000);
    transition-duration:.5s;
    transition-property:background-color,color
}
.navbar-collapse,.navbar-nav {
    color:inherit
}
.nav-item {
    font-weight:400;
    margin:0 .9375em
}
.nav-item a:hover {
    color: #a9a9a9!important;
}
.nav-link {
    font-family:Montserrat,sans-serif;
    font-weight:500;
    line-height:1.8
}
.dropdown-menu {
    background:#19257b;
    border-top:2px solid #dc101c;
    width:250px!important
}
.dropdown-menu,.dropdown-menu .dropdown-item {
    color:#fff!important
}
.dropdown-menu .dropdown-item:hover {
    background-color:#ed3f23!important
}
.dropdown-menu li {
    border-top:1px solid hsla(0,0%,100%,.07)
}
.btn-grey {
    background-color:#a7adb1;
    border-color:#4b4d4f;
    border-radius:.5rem;
    font-size:12px;
    color:#1e1e1f;
    padding:2px 6px
}
.btn-grey:hover {
    background-color:#cacdd0!important;
    color:#323335
}
.focus:focus {
    background-color:#68E911!important;
    color:#fff
}
section {
    padding-top:10%!important
}
.img-profil {
    border:5px solid hsla(0,0%,100%,.2);
    padding:-2px;
}
.meta {
    font-weight:600
}
.img-box {
    padding:25px 0 0 25px;
    position:relative
}
.img-box img {
    position:relative;
    width:100%
}
.img-box:before {
    background-color:#435dbc;
    content:"";
    height:250px;
    left:0;
    position:absolute;
    top:0;
    width:250px
}
.footer {
    position:absolute;
    width:100%;
    bottom:0
}
.arrow-down {
    text-shadow: 1px 2px #000;
    text-align:center
}
.flech-1 {
    display:block;
    margin:0 auto;
    width:40px;
    height:25px;
    background:linear-gradient(#435dbc,#000)
}
.flech-2 {
    display:block;
    margin:0 auto;
    width:0;
    height:0;
    border-left:45px solid transparent;
    border-right:45px solid transparent;
    border-top:25px solid #000
}
.flech-bl1 {
    display:block;
    margin:0 auto;
    width:40px;
    height:25px;
    background:linear-gradient(#435dbc,#1eb8e1)
}
.flech-bl2 {
    display:block;
    margin:0 auto;
    width:0;
    height:0;
    border-left:45px solid transparent;
    border-right:45px solid transparent;
    border-top:25px solid #1eb8e1
}
.flech-ve1 {
    display:block;
    margin:0 auto;
    width:40px;
    height:25px;
    background:linear-gradient(#435dbc,#25a772)
}
.flech-ve2 {
    display:block;
    margin:0 auto;
    width:0;
    height:0;
    border-left:45px solid transparent;
    border-right:45px solid transparent;
    border-top:25px solid #25a772
}
.flech-ro1 {
    display:block;
    margin:0 auto;
    width:40px;
    height:25px;
    background:linear-gradient(#435dbc,#ed3f23)
}
.flech-ro2 {
    display:block;
    margin:0 auto;
    width:0;
    height:0;
    border-left:45px solid transparent;
    border-right:45px solid transparent;
    border-top:25px solid #ed3f23
}
.sub {
    border-bottom:1px solid #000;
    display:inline-block;
    font-weight:700;
    margin:10px 0
}
.compta a {
    text-decoration:none
}
.secretariat ul li {
    list-style:none
}
.secretariat ul li a {
    border:1px outset buttonborder;
    border-radius:0!important;
    text-decoration:none!important;
    width:250px
}
.plan .title {
    font-weight:700;
    margin:10px 0
}
.plan .subtitle {
    font-size:1.1rem;
    margin-bottom:.5rem!important;
    margin-left:3rem;
    text-transform:capitalize
}
.plan .content {
    color:#435dbc!important;
    display:block;
    margin-left:5rem
}
.accordion-button:not(.collapsed) {
    background-color:#435dbc!important;
    color:#fff!important
}
.hidden {
    display:none!important
}
.dt-buttons {
    display:none;
    margin-top:50px
}
.hide-before:after,.hide-before:before {
    display:none!important
}
.rounded {
    border:1px solid #000;
    border-radius:3rem!important
}
.bordered {
    border:2px solid #000;
    font-weight:700
}
.vbordered {
    border-left:1px solid #000;
    border-right:1px solid #000
}
.bold {
    font-weight:700
}
hr {
    border:2px solid #fff;
    height:2px;
    margin:1rem auto;
    width:30%
}
textarea {
    resize:none
}
.blue {
    color:#435dbc!important
}
.bg-blue {
    background-color:#435dbc;
    color:#fff!important
}
.light-blue {
    color:#1eb8e1!important
}
.green {
    color:#29b77d!important
}
.black {
    color:#000!important
}
.red {
    color:#ed3f23!important
}
.footer-dark {
    background-color:rgba(0,0,0,.8)!important;
    color:#fff!important
}
.form-login {
    width:30%
}
.form-label .required:after,.required:after {
    color:red;
    content:" *"
}
.form-3-box {
    padding-top:30px
}
.form-3-box p {
    opacity:.8
}
.form-3-box fieldset {
    border:1px solid #435dbc!important;
    box-sizing:border-box;
    margin:3rem 0;
    padding:0 3rem 3rem
}
.form-3-box fieldset .mb-3 {
    border:none!important;
    margin:0;
    padding:0
}
.form-3-box legend {
    background-color:#435dbc;
    box-shadow:0 0 0 5px #ddd;
    color:hsla(0,0%,100%,.8);
    font-weight:600;
    line-height:30px;
    position:relative;
    text-align:center;
    text-transform:uppercase
}
.form-3-box legend.col-form-label {
    background:none!important;
    box-shadow:none!important;
    color:inherit!important;
    font-weight:unset!important;
    text-align:unset!important;
    text-transform:unset!important
}
.photo {
    border:2px solid #fff
}
.invert{
    filter: invert(80%);
}
.fade-in {
    animation: fadeIn 8s;
}
.intense{
    filter: brightness(1.15);
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@media (min-width:992px) {
    .navbar .nav-item .dropdown-menu {
        display:none;
        margin-top:0
    }
    .navbar .nav-item:hover .dropdown-menu {
        display:block
    }
}
@media only screen and (min-width:896px) {
    header.masthead {
        background-image:url("../img/header-A2jhnIW.webp")!important
    }
    header.masthead .page-heading {
        padding:100px 0
    }
    header.masthead .page-heading h1 {
        font-size:80px
    }
    header.masthead .post-heading {
        padding:100px 0
    }
    header.masthead .post-heading .h1,header.masthead .post-heading h1 {
        font-size:55px
    }
    header.masthead .post-heading .subheading {
        font-size:30px
    }
    header.masthead .site-heading {
        padding:100px 0
    }
    header.masthead .site-heading .h1,header.masthead .site-heading h1 {
        font-size:80px
    }
}
@media only screen and (min-width:360px) and (max-width:991px) {
    .form-login {
        width:75%
    }
    .navbar-toggler-icon {
        filter: invert(90%)
    }
    .navbar-nav button {
        display: none
    }
    footer {
        margin-bottom: -20px
    }    
}
@media (orientation: portrait) and (prefers-color-scheme: dark) {
	.bg-blue {
		background-color: #344891;
	}
	.green {
		color: #186d4b !important;
	}
	.text-info {
		color: #087c93 !important;
	}	
}