body{margin:auto;}
.header{
width:100%;
margin:auto;
height:55px;
position:fixed;
top:0px;
z-index:999999;
border:solid 0px rgb(240,240,240);
background-color: white;
/*background-image: linear-gradient( #131A22, rgb(13,18,23));*/
color:orange;
}
.header a{ color:rgb(220,220,220); font-size:15px; font-weight:500; }
.header a:hover{ color:rgb(255,203,26); ;}


.menuBtn ,.btnNav ,.btnCloseMenu{display:none}

.cont_appName , .contSearch, .navMenu ,.contConerUser{ display:inline-block;vertical-align:middle;height:50px; }
.cont_appName{ width:20%; text-align:left;  }
.navMenu{width:75%; text-align: right;   }
.contSearch{width:25%; text-align: right; vertical-align:middle;  }
.contConerUser{width:10%; text-align:right; vertical-align:middle;}

/*cont app*/
.appName{ margin-top:1px; }
.appName img{ max-width:100px;height:45px;}
.appName span{vertical-align: middle;font-size:24px; }

/*nav**/
.contNav ul{ display: inline-block; margin-top:0px;padding:none}
.contNav li{
 display: inline-block; padding:17px 2px 2px 28px; padding-bottom:20px;
 padding-left:10px;padding-right:12px; 
}
.list-hover ul{display:none}
.list-hover li{display:block;padding-bottom:5px;text-align: left;}
.list-hover:hover ul{display:block;
position:absolute;
background:#131A22;
padding-bottom:10px;
}

.contNav{
text-align:right;
}
.contNav  .actived{
color:#007bff; 
border-bottom:solid 2px #007bff;padding-bottom:18px;
font-weight:300;
}

/*Search navbar*/
.divSearch{
margin-top:10px; border-bottom:solid 0px rgb(220,220,220);color:rgb(220,220,220);  height:34px; 
border-radius:5px;  background:rgb(23,32,40); 
}
.divSearch input{background:transparent; width:80%; height:32px; border: none ;
box-sizing: unset;   margin:none; vertical-align: top; color:rgb(250,250,250);
}
.divSearch input:focus{
 outline:none;
}
.btnSearc{
border:none;background: transparent;
height:36px;margin-right:0px;
font-size:20px; border-radius:0px 5px 5px 0px;
}
.divResultRech{  
width:400px;
 background:white;
position:absolute;top:50px;
z-index:9999;
text-align:left;
box-shadow: rgba(121,121,121,.35) 1px 10px 20px;
}



.backk{

    position: absolute;width:100%;height:100%;margin-top:-550px;z-index:999;background:rgba(255,224,193,0.6);
}
.backk h1{
    font-size:78px;;
 }
 .cadreD{margin:auto;margin-top:150px;padding-bottom:50px ; padding-top:30px  ;color:white; position: relative; text-align:center;
}
@media screen and (max-width:767px) {
.header{
position:fixed; top:0px;
width:100%; 
z-index:9999;height:45px;
border:none;
box-shadow: rgba(150,150,150,.35) 0px 0px 0px;
}

.menuBtn,.btnNav{
    display:block;
    height:30px;
    width:35px;
    text-align: center; 
    padding-top:12px;
    font-size:18px; color:orange;
}
.menuBtn{
    float:left;
}
.btnNav{
    float:right;
}
.cont_appName, .contSearch, .navMenu , .contConerUser{ height:40px; }
.cont_appName{
    width:100%; 
} 

/*app name*/
.appName{
    width:80%;margin-left:0px;text-align:left;display:inline-block;font-size:22px;font-weight:600;
}
.appName img{ max-width:70px;height:30px;margin-top:5px;}
/*nav menu*/
.navMenu {
    position:fixed; top:0px;
    z-index:99999; 
    width:100%;left:0px; height:100%;
    display: none;
}
.contNav{
    width:88%;
    background: #131A22;
    overflow-y:scroll; height:100vh;
    text-align: left;
}
.contNav li{
    display:inline-block; 
    padding: 20px 0px 25px 5px;
    border-bottom: solid 1px rgb(20,20,20);
    width:100%; text-transform: uppercase; font-weight:100;
}
.list-hover ul{display:block}
.list-hover li{display:block;padding-top:5px;padding-bottom:5px}


/***/
.contConerUser{display:none}
.btnCloseMenu{display:block; color:white;float:right;background: transparent;border:none;font-size:32px;margin-right:5px;margin-bottom:45px;}

.offM{display:none;} 
.onM{display:block;} 
.offM li , .offM .contNav{display:none;} 



.backk{
padding:0px;
    position: absolute;width:100%;height:40%;margin-top:-150px;z-index:999;background:rgba(255,224,193,0.6);
}
.cadreD{
    margin:auto;margin-top:20px;padding-bottom:50px ; padding-top:30px ;color:white; position: relative; text-align:center;
}
.backk h1{
   font-size:38px;;
}
}