*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    /*transition: all .2s ease 0s;*/
}

html {
    font-size: 62.5%;
}

*:hover {
    /*transition: all .2s ease 0s;*/
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

a, a:hover, a:visited, a:active {
    text-decoration: none;
}

.footer {
    margin-top: 1rem;
    color: #ffffff;
    background-color:#595959;
}

.form-control-hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.show-title {
    font-size: 4.2rem;
    color: #333333;
    text-transform: uppercase;
}

/* MENU 100% */
.main-menu,.language-menu {width: 100%;height: 100%; opacity: 0; visibility: hidden;}
.nav-open .main-menu, .nav-open .language-menu {opacity: 1; visibility: visible; background: rgba(179, 179, 179, 0.92); }
.main-menu .nav li a, .language-menu .nav li a{color: #3c3c3c; font-size: 2rem; font-weight:600; }
.main-menu .nav li, .language-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li, .nav-open .language-menu .nav li {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,-webkit-transform .2s;
    -o-transition: transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s,-webkit-transform .2s;
}
.main-menu .nav li.delay-1, .language-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2, .language-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3, .language-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4, .language-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5, .language-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6, .language-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7, .language-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8, .language-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9, .language-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }
.main-menu .nav li.delay-10, .language-menu .nav li.delay-10{-webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s; }

.language-menu .nav li.active a{color: #e22543;}
.language-menu .nav li.active a:hover{opacity: .8;}


.nav-button{position:relative; z-index:1111; border:solid 1px #595959;  height:42px; display:block; width:50px; padding:12px; }
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#595959;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

.nav-user-info {position: absolute; top: 5rem; font-weight: bold;}
.js-menu-choose-language, .js-menu-choose-language:hover {color: #3c3c3c}
#menu-choose-language {
    font-size: 2rem;
    /*border: 1px solid #3c3c3c;*/
    width: 5.9rem;
    height: 5rem;
    padding: .9rem;
    z-index: 1111;
}

.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}

table th.table-col-sm {width: 25%;}

.mf-color {color: #e22543;}
/*.mf-color:hover {color: #e22543; opacity: .8;}*/
.bg-nav-mf { max-height: 9rem; background-color: #eeeeee!important;}
.nav-logo {max-height: 7.5rem; width: auto;}
.page-title { font-family: RobotoCondensed, sans-serif;line-height: 1;  font-size: 4.5rem;text-align: center; text-transform: uppercase;}
.page-subtitle { font-family: RobotoCondensed, sans-serif;line-height: 1; font-size: 3.2rem; text-align: center; text-transform: uppercase; margin-top: 8rem}
.field-title, .show-subtitle { font-family: RobotoCondensed, sans-serif; font-size: 2.4rem; text-align: center; text-transform: uppercase;margin-top: 35px;margin-bottom: 10px}
.label {font-family: RobotoCondensed, sans-serif; font-weight: bold; font-size: 1.6rem;}
.custom-select {font-size: 1.3rem;}
.btn-mf {font-family: RobotoCondensed, sans-serif;line-height: 1; font-weight: bold; font-size: 1.3rem; text-align: center; text-transform: uppercase; }
.btn-mf2 {font-family: RobotoCondensed, sans-serif;line-height: 1; font-weight: bold; font-size: 1.3rem; text-align: center; text-transform: uppercase; }
.btn-mf .fa, .btn-mf .fas, .btn-mf .far, .btn-mf .fab {font-size: 1.1rem; margin-right: 1.3rem;}
.btn-mf-secondary{color: #e22543; border: .1rem solid #e22543; background-color: #ffffff;margin-left: 10px !important;margin-top: 3rem!important;margin-bottom: 0 !important;font-size: 1.3rem;letter-spacing: 0.05rem}
.btn-mf-secondary:hover{color: #ffffff !important; opacity: .9;background-color: #e22543;}
.btn-mf-primary{color: #e22543; border: .1rem solid #e22543; background-color: #FFFFFF;margin-left: 10px !important;margin-top: 3rem!important;margin-bottom: 0 !important;font-size: 1.3rem;letter-spacing: 0.05rem}
.btn-mf-primary:hover{color: #ffffff; opacity: .9;background-color: #e22543;}
.mandatory{color: #e22543;}
label {display: inline;}
input[type=checkbox] {display: inline;}
.button-container{margin: 1rem auto; text-align: right;}
.link-mf{color: #212529; font-family: Roboto, sans-serif;font-weight: bold }
.link-mf:hover, .link-mf:focus{color: #333333; opacity: .9; }
.link-black{color: #212529; font-family: RobotoCondensed, sans-serif; font-weight: normal; text-decoration: underline; }
.link-black:hover, .link-black:focus{color: #333333; opacity: .9; }
.offline, .offline:hover{cursor: not-allowed; background-color: #3c3c3c; color: #ffffff; border-color: #3c3c3c; opacity: .6;}
.nav-tabs > li > a {color: #333333; font-size: 1.3rem; font-weight: bold; font-family: RobotoCondensed, sans-serif;}
.nav-tabs .nav-link.active {color: #e22543; }
.blocMandatory{ font-size: 1rem; }

.editable-group:after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-left: .5rem;font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f304";}

@media (max-width: 576px) {
    .navbar .container {padding: 0;}
    .nav-button{max-width: 20%; height: 2.5rem; width: 2.5rem; padding: .3rem;}
    .nav-button #nav-icon3 { width: 1.7rem; height: 1rem;}
    .nav-button #nav-icon3 span { height: .2rem;}
    .nav-button #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {top:.5rem;}
    .nav-button #nav-icon3 span:nth-child(4) {top:1rem;}
    .nav-brand-mf{max-width: 45%}
    .nav-brand-mf img{width: 100%;}
    .nav-logout{max-width: 20%;}
    .nav-logout img {width: 60%; height: auto;}
    .page-title{font-size: 3.5rem}
}
#dropdown-main-menu{
    font-family: RobotoBold;
}
.btn-secondary{
    color: #6c757d;
    border-color: #6c757d;
    background-color: white;
    margin-top: 3rem!important;margin-bottom: 0 !important;
    padding: 5px 10px;
    line-height: 0.7;
    font-size: 1.3rem;
    letter-spacing: 0.05rem
}
a:not([href]){
    color: #e22543;
}

/*form{margin-top: 20px}*/
.modal-backdrop.show {background-color: #e1e5e8;opacity: 75%}
input{font-family: Roboto !important;font-size: 13px!important;}



.form-check-input{
    accent-color: #e22543;
}
.containerFormcontact{
    margin-top: 20px;
}
.containerTable{
    margin-top: 20px;
}

.table th, .table td{
    vertical-align:middle!important;
    /*padding: 0.5rem 1.5rem;*/
    line-height: 1.2!important;
}
.table thead th{
    font-size: 1.5rem;
}

.form-check-input{
    margin-right: 0.3125rem;
}
.labelConsent{
    padding-left: 9px;
}
.form-error-message{
    font-weight: bold;
    color: #e22543;
    font-size: 1.3rem !important;
    font-family: Roboto !important;
}
.containerCard{
    margin-top: 20px;
}

.badge-primary {
    color: #FFFFFF;
    background-color: #134cbf;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;
}

.badge-secondary{
    color: #FFFFFF;
    background-color: #ff6600;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;

}

.badge-success {
    color: #FFFFFF;
    background-color: #00b200;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;

}

.badge-danger{
    color: #FFFFFF;
    background-color: #cc0000;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;

}

.badge-warning {
    color: #FFFFFF;
    background-color: #f59700;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;

}

.badge-info {
    color: #FFFFFF;
    background-color: #1296b2;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;


}
.badge-light {
    color: #FFFFFF;
    background-color: #8347cc;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;

}
.badge-dark {
    color: #FFFFFF;
    background-color: #000000;
    max-width: 70px;
    min-width: 70px;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px;

}
.badge-survey {
    display: inline-block;
    color: #FFFFFF;
    background-color: #00b200;
    max-width: 70px!important;
    min-width: 70px!important;
    text-transform: uppercase;
    font-family: Roboto;
    height: 18px!important;


}

.circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.circle-success {
    background-color: #28a745;
}

.circle-warning {
    background-color: #FFC107;
}

.circle-danger {
    background-color: #dc3545;
}
.modal-content{
    min-width: 620px;
    max-width: 620px;
    width: inherit;
}
.badge{
    font-weight: inherit;
}

.btn-space {
    width: 100px;  /* ou la largeur souhaitée */
    height: 30px;  /* ou la hauteur souhaitée */
    visibility: hidden;  /* cache le contenu du bouton mais réserve toujours l'espace */
}
caption{
    caption-side: top;
}
.card{
    border: none;
}
@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1270px;
    }
}
.form-check-input{
    position: relative;
}
/*.btn {*/
/*    display: inline;*/
/*}*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    margin-bottom: 0 ;
}

header{
    margin-bottom: 6rem;
}
table{
    margin-top: 3rem;
    margin-bottom: 0!important;
}
table .btn-mf-secondary{
    margin-top: 0!important;
}
table .btn-mf-primary{
    margin-top: 0!important;
}
form select{
    margin-top: 0!important;
}
select{
    margin-top: 3rem;
}
caption{
    padding-top: 0;
}
.selectform select{
    margin-top: 3rem!important;
}
.btn.disabled{
    pointer-events: none;
}

.disableBtn{
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
    text-decoration: none;"
}
#contactFilterForm{
    margin-top: 3rem!important;
}
.iti{
    display: block!important;
}
.btnTableContact {
    text-align: center;
    vertical-align: middle;
    padding-left: 0!important;
    padding-right: 0!important;
}

label::first-letter {
    text-transform: capitalize!important;
}
.label::first-letter {
    text-transform: capitalize!important;
}
th::first-letter{
    text-transform: uppercase!important;
}

.page-subtitle-intermediaire { font-family: 'RobotoBold',sans-serif;font-weight:bold;line-height: 1; font-size: 3.5rem; text-align: center; text-transform: uppercase; margin-top: 6.4rem}
.sessionTime{line-height: 1; font-size: 2rem; text-align: center; text-transform: uppercase;margin-top: 0.1rem}
.formSpecif{
    margin-top: 3rem!important;
}
input::placeholder {
    color: transparent !important;
}
.formContainer{
    margin-top: 3rem;
}
select{
    font-size: 1.3rem !important;
}
.msLabel{
    font-size: 1.5rem;
}
.msBold{
    font-family: RobotoCondensed;
    font-weight: bold;
    text-transform: capitalize;
}
.table-hover tbody tr.removeHover:hover{
    background-color: #FFFFFF;
}
.table .btn-mf-secondary{
    margin-left: 10px!important;
}
.mySessionSelect select{
    margin-top: 8px!important;
}
.table-hover tbody tr.removeHover td{
    padding-top: 2rem;
}
.msgCond{
    font-family: RobotoCondensed!important;
    font-weight: 500;
    text-transform: capitalize;
}
#form-container2 label{
    text-transform: capitalize;
}
#infoUser label{
    text-transform: capitalize;
}
.groupEdit{
    text-decoration: underline;
    cursor: pointer;
}
.messageImportant{
    font-family: Roboto;
    font-size: 1.5rem !important;
}
.badge-default{
    background-color: #f4d712;
}