.moisdiv {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

}

span {
    text-align: center !important;
    text-transform: uppercase !important;
    font-weight: bold !important;

    font-size: 1.2em !important;



}

#formulaire {
    margin-left: 20%;
    display: flex;
    margin-top: 50px
}

#menuhaut {
    height: 84px;
    background: #FFFFFFFF;
    box-shadow: 0px 1px 5px 1px rgba(119, 119, 119, 0.75);
    position: sticky;
    top: 0px;
    z-index: 300;
    width: 100%;

}

#headercalendar {

    width: 100% !important;
    height: 50px !important;
    /* background: #58b2a4; */
    background: #fcfdfc !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    align-items: center !important;


}

.jour {
    color: rgb(0, 0, 0) !important;
    width: 14.28% !important;
    display: flex !important;
    justify-content: center !important;


}

.valide {
    border-radius: 100px;
    /* background:white; */
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#bodycalendrier{

    width : 100%;
    height : 100%;
    overflow: auto;
   
   


}

#titrelogo{

    display : flex;
    flex-direction: row;
    width : 100%;
    height : 100px;
    justify-content: center;
    align-items: center;
    margin-top : 50px;
    position : absolute;
    z-index:-9
}

#logo{

    margin-right : 50px;
    visibility: hidden;
    width:230px;
     height:160px;


}

#logo1{

    margin-left : 50px;
    visibility: hidden;
    width:230px;
    height:160px;


}
#message{

   width : 100% ;
    display : flex;
    justify-content: center;
    align-items: center;
   flex-direction: column;
   margin-top : 200px;
   padding-left : 200px;
   padding-right : 200px;
}

/* #selectAnneeBureau{

    display : block;
}
#selectAnneeMobile{

    display : none;
} */

/* #selectTypeBureau{

    display : block;
}
#selectTypeMobile{

    display : none; 
 } */

 #logo2Image{
     
    width : 200px;
    height: 200px;
     /* background : red ; */
     display : flex;
     justify-content: center;
  align-items: center;
 


 }

 #logo3Image{

    width : 200px;
    height: 200px;
     /* background : blue ; */
     display : flex;
     justify-content: center;
  align-items: center;
    

    
}

#logo4Image{

    width : 200px;
    height: 200px;
     /* background : red ; */
     display : flex;
     justify-content: center;
  align-items: center;
  

    
}

#logo2{
     
    width : 200px;
    height: 200px;
     /* background : red ; */
     visibility: hidden;
   



 }

 #logo3{

    width : 200px;
    height: 200px;
     /* background : blue ; */
     visibility: hidden;

    
}

#logo4{

    width : 200px;
    height: 200px;
     /* background : red ; */
     visibility: hidden;

    
}








@media screen and (max-width: 1000px) {

    #bodycalendrier{

        width : 500px;
        height : 100%;
        overflow: auto;
       
       
    
    
    }

    #titre{

        width: 100%; 
        
        text-align: center;


        font-size: 3em;
        
    }

    #titrelogo{

        display : flex;
        flex-direction: column;
        width : 100%;
        height : 100px;
        justify-content: center;
        align-items: center;
        padding-left : 40%
        /* margin-top : 50px; */
        /* position : absolute;
        z-index:-9 */
       

        
    }

    #logo{
        margin-top : 100px
    }

    #logo1{

        margin-left : 50px;
        visibility: hidden;
        width:230px;
        height:160px;
        display : none
    
    
    }

    #message{

        width : 100% ;
    display : flex;
    justify-content: center;
    align-items: center;
   flex-direction: column;
   margin-top : 400px;
   padding-left : 20px;
   padding-right : 20px;


        
    }

    /* #selectAnneeBureau{

        display : none
    }
    #selectAnneeMobile{

        display : block;
    } */

    /* #selectTypeBureau{

        display : none
    }
    #selectTypeMobile{

        display : block;
    }
     */

     #inputAdresse{

        margin-top : 50px;
     }
    



    


}