/*jackson*/
@font-face {
    font-family: "romanserif_regular";
    src: url('romanserif_regular.ttf');
}

.header ,.header_scrolled{
    width:100%; 
   /* margin:auto;*/
   /* margin-top: -20px;*/
    z-index:99999;
    background: transparent; top: 0;
    color:rgb(60,60,60); 
    color:rgb(30,30,30); 
     /*background:rgb(250,250,250);*/
     text-align: left;
     font-family: romanserif_regular;
}
.header_scrolled{
    background-color: rgb(255,255,255); 
    border-bottom:solid 1px rgb(240,240,240); border: none;
    color:rgb(60,60,60); 
    
}
.header_scrolled a{ 
    color:rgb(60,60,60);   
    color:rgb(30,30,30); 
}

.header a,.header .list-hover{ color:rgb(160,160,160);  
    color:rgb(30,30,30); 
}
.plafond a{ color:rgb(180,180,180);  
   
}
.header a:hover ,.header_scrolled a:hover{   color:#007bff;  ;}
.menuBtn ,.btnNav ,.btnCloseMenu{display:none}

.cont_appName , .contSearch, .navMenu ,.contConerUser{ 
    display:inline-block;vertical-align:middle;
}
.cont_appName{ 
    width:24%; text-align:left;  
    /*-ms-flex: 0 0 18%;
    flex: 0 0 18%;*/
    vertical-align:middle; 
}
.navMenu{
    width:100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*min-width:20%;*/
    text-align: left;  
    /*background5:rgb(250,250,250);*/
    vertical-align:middle;
    text-align: center;
}
.contSearch{width:23%; text-align: right; vertical-align:middle;  }
.contConerUser{
    width:12%; 
    -ms-flex: 0 0 12%;
	flex: 0 0 12%;
    text-align:right; vertical-align:middle;
    background:rgb(250,250,250);
}


.img_logo{
    width: 150px; width: 100px;
}
/*cont app*/
.appName{ }
.appName img{ max-width:140px;max-height:65px;margin-top:10px;}
.appName span{vertical-align: middle; }
.logoText{
    font-size:32px; margin-top:8px; display: inline-block ;vertical-align: top;
    line-height:0px;
}
.logoText small{
    display:block;
    font-size:11px;line-height:11px; margin-top: 15px;
}

.header_scrolled .logoText{
    color:rgb(0,50,100); font-size:28px; line-height:24px;
}
.header_scrolled img{ max-width:100px;height:35px;}
.header_scrolled .logoText small{
    display:inline-block; margin-left: 5px;
    font-size:18px;line-height:11px; margin-top: 15px;
}

/*nav**/
.contNav ul{ display: inline-block;;padding:none;}
.contNav li ,.list-hover{
     display: inline-block; padding:0px 2px 2px 28px; padding-bottom:0px;
     padding-left:10px;padding-right:12px;  
    
     font-size: 12px; font-weight:300; 
     border-right: solid 0px white;
     vertical-align: middle;
}
.contNav li, .contNav .actived{ 
    padding-top: 2px;padding-bottom:2px; display:inline-block; 
    font-size:18px; font-weight:100;
    color:#b89985;
}

.list-hover:hover{background: white;color:rgb(40,40,40);padding-left:0px; padding-top:5px; padding-bottom:5px;
    text-shadow: 0px 0px 0px #00000082;
}
.list-hover ul{display:none;margin:0px;padding-left:0px; }
.list-hover li{display:block;padding-bottom:15px; padding-top:17px;    text-align: left;
   border-bottom:solid 1px rgb(230,230,230);
    text-align: right;
}
.list-hover a{color:rgb(40,40,40);}
.list-hover:hover ul{display:block;
  position:absolute;
  background:white;
  padding-bottom:10px;
}

.contNav{
     width:100%;
}
.contNav  .actived{
     
}
.contNav  .actived a{
    color:orangered;border-bottom: solid 0px orangered;
}

/*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;
 }

/*corner*/


.contCorner { display:inline-block;cursor:pointer;padding:0px; padding-top:0px;text-align: left; }
.contCorner li{ font-size:18px ;margin-top: -2px; }
.corner li{ display:block;font-size: 18px;padding:5px;}
.corner ul{ display:none}
.corner:hover ul{
    display:block;
    position: relative;;
    background:#131A22;
    padding:5px;
   width:180px;
  }
  .header_scrolled .contCorner{
    color:rgb(160,160,160); 
}


.btnBackSearch{display:none}
.offPc{
	display: none;
}

.sub_header{
    /*margin-top:55px;*/
    text-align:center;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    
}
.sub_header ul{
   padding: 0px;
   margin: 0px;
}
.sub_header ul li{
    font-size: 16px;
 }

@media screen and (max-width:767px) {
.header{
    /*position:fixed; */
   
    width:100%; 
    z-index:999999;
    box-shadow: rgba(150,150,150,.35) 0px 0px 0px;
    background-color: white;  
    /*border:solid 1px rgb(240,240,240);*/
     color: black;
    }  

    .cont_log_header{
       position: absolute;
       bottom: 0px;
    }

    .header .plafond{display:none}
    .header_scrolled a ,.header_scrolled .actived  {
         text-shadow: 0px 0px 0px 0px #00000082;
     }
     .header_scrolled .logoText small{
        display:none
    }
    .menuBtn,.btnNav{
        display:block;
        height:30px;
        min-width:55px;
        text-align: center; 
        padding-top:0px;
       
    }
    .menuBtn{
        display: inline-flex;
        margin-left:10px;
        border:solid 0px rgb(200,200,200);
        border-radius:5px;
        color:rgb(90,90,90); color:rgb(200,200,200); 
        font-size: 15px;
        align-items: center;
    }
    .menuBtn i{
        font-size:24px;
    }
	.btnNav{
        float:right; margin-right:5px;
        font-size:20px;
	}
    .rightBtn{
        margin-right:8px;
        font-size:16px;
        background: goldenrod; background: #b89985;
        color: white;
        padding: 6px;
        min-width:55px;
	}
    .cont_appName, .contSearch, .navMenu , .contConerUser{ 

    }
    .cont_appName{
        width:100%;    
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: flex;
    } 
    .contSearch{
        width:100%;
        display:none;
        height:32px;  margin-top:2px;
		vertical-align: middle;
    }
    /*app name*/
    .appName{
        flex-grow: 1; margin-left: 5px; 
        text-align:center;font-size:22px;font-weight:600;
        min-width: 60%;
    }
    .appName img{ max-width:90px;height:38px;margin-top:0px;}
   .logoText {
       display: inline-block; vertical-align:middle;
       color:rgb(0,50,100); font-size:30px; padding-top: 15px;
    }
    .logoText small{
        display:block;
        font-size:11px; margin-top:8px;
    }
    /*nav menu*/
    .navMenu {
		/*position:fixed; top:0px;
         height:100%;
        */
		z-index:9999999; 
		width:100%;left:0px; 
        display: none; background:rgba(200,200,200,0.5);
    }
    .contNav{
        width:86%;width:100%;
        background: white;
        overflow-y:scroll; height:100vh;
        text-align: left;
    }
    .contNav ul{
       
      display: block; width:80%;
    }
    .contNav li{
        display:inline-block; 
        padding: 20px 0px 25px 5px;
        border-bottom: solid 1px rgb(245,245,245);
        width:100%; text-transform: uppercase; font-weight:100;
        font-size:16px;  text-shadow: 0px 0px 0px transparent;
    }
    .list-hover{text-align:left;}
    .list-hover ul{display:block;margin-left: 15px;}
    .list-hover li{display:block;padding-top:5px;padding-bottom:5px;text-align:left; margin-top:10px;
      font-size:15px; border-bottom: solid 1px rgb(250,250,250);
    }
    .list-hover a{
      }
    .header a, .header li{ 
        text-shadow: 0px 0px 0px  transparent;  

    }
    /*bar de recherche*/
    .divSearch{ 
        height:32px;  margin-top:2px;width:90%;
        display:inline-block; 
        vertical-align: middle;
        border-bottom:solid 1px;background: transparent; 
    }

    .divSearch input{background:transparent; width:80%; height:30px; border: none ;
        box-sizing: unset;   margin:none; vertical-align: top;
     }
     .btnBackSearch{height:36px;border:none;margin-right:2px; background:transparent;font-size:32px;display:inline-block;vertical-align: middle; 
        color:white;
    }

     .btnSearc{
        border:none;background: transparent;
        height:35px;margin-right:0px;
        font-size:18px; 
     }
     
    /***/
    .contConerUser{display:none}
    .btnCloseMenu{display:block; color:rgb(100,100,100);float:right;background: transparent;border:none;font-size:32px;margin-right:5px;margin-bottom:45px;
    
        font-size:13px;border:solid 1px rgb(120,120,120);display:block;margin-top:10px;padding:5px;border-radius:100px;margin-right:15px;
    }
    .divResultRech{  
        width:100%; background:white;
        position:fixed;top:45px; left:0; 
        z-index:9999;
        text-align:left;
        box-shadow: rgba(121,121,121,.35) 1px 10px 20px;
     }

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

    .sub_header{
        /*
        margin-top: 30px;*/
        padding-bottom: 10px;
        padding-top: 10px;
        padding-bottom:15px; margin-bottom: 0px;
        display: none;
    }
    .sub_header ul{
       padding: 0px;
       margin: 0px;
    }
    .sub_header ul li{
        padding: 0px;
        margin: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 13px;
        font-weight: 500;
     }
     .sub_header ul li i{
        
        font-size: 24px;
     }
    
}

@media screen and (max-width:648px) {
    .header{
        position:absolute; top: 0;
        
        /*margin-top: -20px;*/
        width:100%; 
        z-index:999999;
        box-shadow: rgba(150,150,150,.35) 0px 0px 0px;
        background-color: white;  background: transparent;
      
        /*border:solid 1px rgb(240,240,240);*/
        
    }
}