*{
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
   
}
body{
    font-size: 1.2rem;
}
footer{
    font-size: 1rem;
}
.footer-logo{
    width:60%;
}
ul{
   
    list-style-type: none;
}

ul.white.list-style{
    font-size: 1.1rem;
}
.px-icon{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}
.navbar-dark .navbar-toggler {
  
    border-color: white!important;
    margin-right: 1rem !important;
    
}
.flag{
    width: 8%;
    height: auto;
}
.dropdown-menu {
    background-color:black !important;
}
.dropdown-item{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    color:#88898b;
    margin-left: 2rem !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #55d5e0;
    background-color: transparent;
}
.pt-nav{
    padding-top: 22% !important;
}

.navbar-brand{
    width:80%;
    margin-bottom: 0.5rem !important;
}
img.logo.img-fluid{
    
        max-width: 80%;
        height: auto;
   
}
.w-30{
    width: 10%;
}
.w-25{
    width: 25%;
}
.w-60{
    width: 60%;
}
.w-70{
    width: 70%;
}
.w-80{
    width: 80%;
}
.w-90{
    width: 90%;
}
.text-start,.text-justify{
    text-align: justify !important;
}
.fs-small{
    font-size: 1rem !important;
}
.drop-btn{
    font-size:2rem !important;
}
.drop-btn-espace{
    font-size:1.5rem !important;
}
#dropdown-colab{
    display: block;
}
#dropdown-ent{
    display:none;
}
#dropdown-coordonnees,#dropdown-abonnement,#dropdown-document,#document-d-none,#coordonnees-d-none,#abonnement-d-none{
    display:none;
}


.btn.bi-caret-down-fill:hover{
    color:#55d4e080 !important;
    
}
a.turq1:hover{
    color:#55d4e080 !important;
}
#canton1,#canton2,#canton3,#canton4,#canton5,#canton6,#canton7,#canton8,#canton9,#canton10,#canton11,#canton12,#canton13,#canton14,#canton15,#canton16,#canton17,#canton18,#canton19,#canton20,#canton21,#canton22,#canton23,#canton24,#canton25,#canton26,#secteur1,#secteur2,#secteur3,#secteur4,#casper,#diplome,#secteur1Post1,#secteur1Post2,#secteur1Post3,#secteur2Post1,#secteur2Post2,#secteur2Post3,#secteur3Post1,#secteur3Post2,#secteur3Post3,#secteur4Post1,#secteur4Post2,#secteur4Post3 {
    display: none;
}
/*********************** SHADOWS **********************/
.shadow-turq1{
    box-shadow: 5px 5px   8px  #55d4e080;
}
.shadow-turquoise1{
    box-shadow: inset 0px 0px 2px 2px #55d5e0;
}
.shadow-turquoise2{
    box-shadow: inset 0px 0px 4px 4px #00b6da;
}
.shadow-blue1{
    box-shadow: inset 0px 0px 4px 4px #0084fa;
}
.shadow-blue2{
    box-shadow: inset 0px 0px 4px 4px #2599fb;
}
.text-shadow-blue1-s{
    text-shadow:1px 1px 1px #0084fa;
}
.text-shadow-blue1{
    text-shadow:2px 2px 2px #0084fa;
}
.text-shadow-blue1-xl{
    text-shadow:6px 6px 4px #0084fa;
}
.text-shadow-blue2-s{
    text-shadow:1px 1px 1px #2599fb;
}
.text-shadow-blue2{
    text-shadow:2px 2px 2px #2599fb;
}
.text-shadow-blue2-xl{
    text-shadow:6px 6px 4px #2599fb;
}
.text-shadow-turq1-s{
    text-shadow:1px 1px 1px #55d5e0;
}
.text-shadow-turq1{
    text-shadow:2px 2px 2px #55d5e0;
}
.text-shadow-turq1-xl{
    text-shadow:6px 6px 4px #55d5e0;
}
.text-shadow-turq2-s{
    text-shadow:1px 1px 1px #00b6da;
}
.text-shadow-turq2{
    text-shadow:2px 2px 2px #00b6da;
}
.text-shadow-turq2-xl{
    text-shadow:6px 6px 4px #00b6da;
}

.text-shadow-white-xs{
    text-shadow:1px 1px 1px white;
}
.text-shadow-white-s{
    text-shadow:2px 2px 2px white;
}
.text-shadow-white{
    text-shadow:2px 2px 4px white;
}
.text-shadow{
    text-shadow:2px 2px 3px rgba(0, 0, 0, 0.212); 
}
.text-shadow-s{
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.212);
}
.text-shadow-black{
    text-shadow:2px 2px 3px rgba(0, 0, 0, 0.849); 
}
.text-shadow-s-black{
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.847);
}
/***************** BORDER ************/
.bd-turq1{
    border:1px solid #55d5e0 ;   
}
.bd-bottom-turq1{
    border-bottom:0.4rem solid #55d5e0 ;   
}
.bd-left-turq1{
    border-left:0.3rem solid #55d5e0 ;
}
.bd-bottom-black{
    border-bottom:0.5rem solid black ;   
}

/************************* COLORS *********************/

.turq1{
    color:#55d5e0 !important;
}
.turq1-trans{
    color:#55d4e0b8 !important;
}
.turq2{
    color:#00b6da !important;
}
.blue1{
    color: #0084fa !important;
}
.blue2{
    color: #2599fb !important;
}
.black{
    color:black !important;
}
.grey{
    color:#343536 !important;
}
.green{
    color:green !important;
}
.white{
    color: white !important;
}
.red{
    color:red !important;
}
.bulle2{
    color:#cfeef0 !important;
}

/****************** BACKGROUND **********/

.bg-black{
    background-color: black;
}
.bg-white{
    background-color: white;
}
.bg-black-trans{
    background-color: rgba(0, 0, 0, 0.554);
}
.bg-turq1{
    background-color:#55d5e0 !important;
}
.bg-turq1-trans{
    background-color:#55d4e0b8 !important;
}
.bg-turq2{
    background-color:#00b6da !important;
}
.bg-blue1{
    background-color: #0084fa !important;
}
.bg-blue2{
    background-color: #2599fb !important;
}
.bg-lumasa{
    background: linear-gradient(black,#55d5e0, black);

}
.bg-bulle1{
    background-color:#a8e9ee !important;
}
.bg-bulle2{
     background-color:#cfeef0 !important;
}

/**************** FONTS FAMILY ***********************************/
@font-face {
    font-family: "adelia";
    src: url("fonts/adelia.otf");
}
.ft-adelia{
    font-family: adelia;
}


@font-face {
    font-family: "medel";
    src: url("fonts/Medel.ttf");
}
.ft-medel{
    font-family: medel;
}
@font-face {
    font-family: "sans-bold-it";
    src: url("fonts/Sansation_Bold_Italic.ttf");
}
.ft-sans-bold-it{
    font-family: sans-bold-it;
}

@font-face {
    font-family: "sans-bold";
    src: url("fonts/Sansation_Bold.ttf");
}
.ft-sans-bold{
    font-family: sans-bold;
}
@font-face {
    font-family: "sans-it";
    src: url("fonts/Sansation_Italic.ttf");
}
.ft-sans-it{
    font-family: sans-it;
}
@font-face {
    font-family: "sans-light-it";
    src: url("fonts/Sansation_Light_Italic.ttf");
}
.ft-sans-light-it{
    font-family: sans-light-it;
}
@font-face {
    font-family: "sans-light";
    src: url("fonts/Sansation_Light.ttf");
}
.ft-sans-light{
    font-family: sans-light;
}

@font-face {
    font-family: "sans";
    src: url("fonts/Sansation_Regular.ttf");
}
.ft-sans{
    font-family: sans;
}
@font-face {
    font-family: "santello";
    src: url("fonts/SANTELLO.ttf");
}
.ft-santello{
    font-family: santello;
}
/***** BUTTON ****/
.lumasa-btn{
    background-color:transparent;
    color: white;
    box-shadow: 5px 5px   8px  #55d4e080;
    padding: 0.6rem !important;
    border:solid 1px #55d5e0;
    text-shadow:2px 2px 2px #55d5e0;
    font-size: 1.3rem;
    width:80%;
}
.lumasa-btn-s-card{
    background-color:transparent;
    color: white;
    box-shadow: 5px 5px   8px  #55d4e080;
    padding: 0.3rem 0.5rem !important;
    border:solid 1px #55d5e0;
    text-shadow:2px 2px 2px #55d5e0;
    font-size: 1.2rem;
    width:100%
    
}
.lumasa-btn-form-s{
    background-color:transparent;
    color: white;
    box-shadow: 5px 5px   8px  #55d4e080;
    padding: 0.3rem 0.5rem !important;
    border:solid 1px #55d5e0;
    text-shadow:2px 2px 2px #55d5e0;
    font-size: 0.8rem;
    width:100%;
    
}
.lumasa-btn-form{
    background-color:transparent;
    color: white;
    box-shadow: 5px 5px   8px  #55d4e080;
    padding: 0.3rem 0.5rem !important;
    border:solid 1px #55d5e0;
    text-shadow:2px 2px 2px #55d5e0;
    font-size: 1.2rem;
    width:50%;
    
}
.lumasa-btn-form-black{
    background-color:black;
    color: white;
    box-shadow: 5px 5px   8px  #55d4e080;
    padding: 0.3rem 0.5rem !important;
    border:solid 1px #55d5e0;
    text-shadow:1px 1px 1px #55d5e0;
    font-size: 1.2rem;
    width:50%;
    
}
.lumasa-btn-s{
    background-color:transparent;
    color: #55d5e0;
    box-shadow: 5px 5px   8px  #55d4e080;
    padding: 0rem 0.4rem !important;
    border:solid 1px #55d5e0;
    text-shadow:2px 2px 2px rgba(255, 255, 255, 0.843);
    font-size: 1.4rem;
    
    
}
.rounded-circle{
    box-shadow: 5px 5px   8px  #55d4e080;
    border: solid 2px #55d5e0;
    width:30vw;
}
.btn-inscription{
    position:absolute;
    bottom:-6vh;
    left:9vw;
    z-index: 100;
}

.bi-caret-left-square-fill:hover, span.hover:hover{
    color:#55d5e0 !important;
}
.form-label{
    color:#55d5e0!important;
}

#etape3,#etape4,#etape5,#etape6,#etape5bis, #poste1, #poste2,#poste3, #cardPoste1, #cardPoste2, #cardPoste3{
    display: none;
}
#btnProfils{
    display: block;
}
hr.profil{
    
    border-top: 2px solid #55d4e0;
   opacity: 0.8;
   
}
#accroche{
    word-wrap: normal !important;
    text-align: left !important;
}
#accroche-text{
    word-wrap: normal !important;
    text-align: left !important;
}#accroche-title{
    word-wrap: normal !important;
    text-align: left !important;
}
div.bulle{
    position: relative;
   
}
span.bulle{
    position: absolute;
  bottom: 1rem;
  right: -0.5rem;
  background: #55d4e0;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #121212;
  border-radius: 50%;
}

/***********POPUP**************/

div#popup-overlay{
    
    position: fixed;
    width:100vw;
    height: 100vh;
    top:-5vh;
    left:0;
    bottom:0;
    right:0;
    padding-top:30vh;
    background-color:#000000b7;
    z-index:10000000;
}
h2.popup{
    color:#55d5e0;
}
div.popup-content{
    width:80vw;
    margin-top:40% !important;
    border:2px solid #55d5e0;
    padding: 1.2rem !important;
    background-color:#000;
}
.popup-content p{
    color:white;
    
}



/***********Flou**************/


.blurred{
  /* Le flou s'applique ici */
  filter: blur(3px);

}




/************************/




@media screen and (min-width:720px){
    ul.white.list-style {
        font-size: 1.5rem;
    }
    span.bulle{
        width: 45px;
        height: 45px;
    }
    
    .lumasa-btn{
        background-color:transparent;
        color: white;
        box-shadow: 8px 8px   12px  #55d4e080;
        padding: 1rem !important;
        border:solid 2px #55d5e0;
        text-shadow:2px 2px 2px #55d5e0;
        font-size: 2.5rem;
        width:50%;
    }
    .navbar-dark .navbar-toggler {
        border-color: white !important;
        margin-right: 3rem !important;
        width:10vw;
        height: 10vw;
    }
    i.bi-list{
        font-size: 3rem !important;
    }
    .navbar-collapse,.dropdown-menu{
        font-size: 2.5rem;
    }
    .lumasa-btn-form{
        background-color:transparent;
        color: white;
        box-shadow: 5px 5px   8px  #55d4e080;
        padding: 0.3rem 0.5rem !important;
        border:solid 1px #55d5e0;
        text-shadow:2px 2px 2px #55d5e0;
        font-size: 1.2rem;
        width:40%;
        
    }
    .footer-logo{
        width:40%;
    }
    .fs-small,body {
        font-size: 1.5rem !important;
    }
}
@media screen and (min-width:992px){

    .btn-inscription{
        position:absolute;
        bottom:-6vh;
        left:9vw;
        z-index: 100;
    }

    
    img.logo.img-fluid{
    
        max-width: 100%;
        height: auto;
   
}

.fs-small,body {
    font-size: 1rem !important;

}
    .nav-item{
        padding-right:1rem !important;
    }
    .nav-flag{
        text-align: end;
    }
    .navbar-brand{
        width:22%;
        margin-bottom: 0.2rem !important;
    }
 
    .nav-flag .dropdown-menu{
        max-width: 4rem !important;
    }
    .dropdown-menu[data-bs-popper] {
        top: 100% !important;
        left: 0!important;
    }
    .nav-flag .dropdown-menu[data-bs-popper] {
        top: 100% !important;
        left: 80% !important;
    }

    .dropdown-item .flag{
        width: 15% !important;
        height: auto;
    }
    .dropdown-item.d-flag:hover, .dropdown-item.d-flag:focus {
        color: white;
        background-color: transparent;
    }
    .pt-nav{
        padding-top: 6% !important;
    }
    ul.white.list-style{
        font-size: 1.1rem;
    }
    .lumasa-btn{
        background-color:transparent;
        color: white;
        box-shadow: 5px 5px   8px  #55d4e080;
        padding: 0.6rem 1rem !important;
        border:solid 1px #55d5e0;
        text-shadow:2px 2px 2px #55d5e0;
        font-size: 1.5rem;
        width:auto;
    }
    .navbar-collapse{
        font-size: 1.5rem;
    }
    .dropdown-menu{
        font-size: 1.2rem;
    }
    .dropdown-item{
        padding-right: 1.5rem !important;
    }
    .w-lg-25{
        width: 25% !important;
    }
    .w-lg-30{
        width: 30%;
    }
    .w-lg-50{
        width: 50%;
    }
    .w-lg-60{
        width: 60%;
    }
    .w-lg-70{
        width: 70%;
    }
    .w-lg-80{
        width: 80%;
    }
    .w-lg-90{
        width: 90%;
    }
    .w-lg-100{
        width: 100%;
    }
    .footer-logo{
        width:25%;
    }
    

    /***********POPUP**************/

div#popup-overlay{
  
    position: fixed;
    width:100vw;
    height: 100vh;
    top:-5vh;
    left:0;
    bottom:0;
    right:0;
    padding-top:40vh;
    background-color:#000000b7;
    z-index:10000000;
}
h2.popup{
    color:#55d5e0;
}
div.popup-content{
    width:50vw;
    margin-top:10% !important;
    border:2px solid #55d5e0;
    padding:5vh;
      background-color:#000;
}
   

.popup-content p{
    color:white
}

}
@media screen and (min-width:1200px){


    .btn-inscription{
        position:relative;
        bottom:9rem;
        left:9vw;
        z-index: 100;
    }
    
    img.logo.img-fluid{
    
        max-width: 100%;
        height: auto;
   
}

.fs-small,body {
    font-size: 1rem !important;

}
    .nav-item{
        padding-right:1rem !important;
    }
    .nav-flag{
        text-align: end;
    }
    .navbar-brand{
        width:22%;
        margin-bottom: 0.2rem !important;
    }
 
    .nav-flag .dropdown-menu{
        max-width: 4rem !important;
    }
    .dropdown-menu[data-bs-popper] {
        top: 100% !important;
        left: 0!important;
    }
    .nav-flag .dropdown-menu[data-bs-popper] {
        top: 100% !important;
        left: 80% !important;
    }

    .dropdown-item .flag{
        width: 15% !important;
        height: auto;
    }
    .dropdown-item.d-flag:hover, .dropdown-item.d-flag:focus {
        color: white;
        background-color: transparent;
    }
    .pt-nav{
        padding-top: 6% !important;
    }
    ul.white.list-style{
        font-size: 1.1rem;
    }
    .lumasa-btn{
        background-color:transparent;
        color: white;
        box-shadow: 5px 5px   8px  #55d4e080;
        padding: 0.6rem 1rem !important;
        border:solid 1px #55d5e0;
        text-shadow:2px 2px 2px #55d5e0;
        font-size: 1.5rem;
        width:auto;
    }
    .navbar-collapse{
        font-size: 1.5rem;
    }
    .dropdown-menu{
        font-size: 1.2rem;
    }
    .dropdown-item{
        padding-right: 1.5rem !important;
    }
    .w-lg-25{
        width: 25% !important;
    }
    .w-lg-60{
        width: 60%;
    }
    .w-lg-70{
        width: 70%;
    }
    .w-lg-80{
        width: 80%;
    }
    .footer-logo{
        width:25%;
    }
    
}
@media screen and (min-width:1400px){

   

    
    img.logo.img-fluid{
    
        max-width: 100%;
        height: auto;
   
}

.fs-small,body {
    font-size: 1rem !important;

}
.fs-md{
    font-size:1.2rem !important;
}
    .nav-item{
        padding-right:1rem !important;
    }
    .nav-flag{
        text-align: end;
    }
    .navbar-brand{
        width:22%;
        margin-bottom: 0.2rem !important;
    }
 
    .nav-flag .dropdown-menu{
        max-width: 4rem !important;
    }
    .dropdown-menu[data-bs-popper] {
        top: 100% !important;
        left: 0!important;
    }
    .nav-flag .dropdown-menu[data-bs-popper] {
        top: 100% !important;
        left: 80% !important;
    }

    .dropdown-item .flag{
        width: 15% !important;
        height: auto;
    }
    .dropdown-item.d-flag:hover, .dropdown-item.d-flag:focus {
        color: white;
        background-color: transparent;
    }
    .pt-nav{
        padding-top: 6% !important;
    }
    ul.white.list-style{
        font-size: 1.1rem;
    }
    .lumasa-btn{
        background-color:transparent;
        color: white;
        box-shadow: 5px 5px   8px  #55d4e080;
        padding: 0.6rem 1rem !important;
        border:solid 1px #55d5e0;
        text-shadow:2px 2px 2px #55d5e0;
        font-size: 1.5rem;
        width:auto;
    }
    .navbar-collapse{
        font-size: 1.5rem;
    }
    .dropdown-menu{
        font-size: 1.2rem;
    }
    .dropdown-item{
        padding-right: 1.5rem !important;
    }
    .w-lg-25{
        width: 25% !important;
    }
    .w-lg-60{
        width: 60%;
    }
    .w-lg-70{
        width: 70%;
    }
    .w-lg-80{
        width: 80%;
    }
    .footer-logo{
        width:25%;
    }
    
}