:root{
  /** --primary:rgb(218,185,167);*/
   --primary:#978667;
   --primary:hsl(39, 100%, 69%);
   --light_primary:hsl(39, 100%, 69%,0.5);
   --secondary:black;

   --text_primary:white;
   --text_secondary:rgb(255,255,255);
   --msgErrConnexionbgd:rgb(30,30,30);
   --msgErrConnexionColotText:rgb(220,220,220);
   
  --mbk_blue: #0d6efd;
  --mbk_indigo: #6610f2;
  --mbk_purple: #6f42c1;
  --mbk_pink: #d63384;
  --mbk_red: #dc3545;
  --mbk_orange: #fd7e14;
  --mbk_yellow: #ffc107;
  --mbk_green: #198754;
  --mbk_teal: #20c997;
  --mbk_cyan: #0dcaf0;
  --mbk_white: #fff;
  --mbk_gray: #6c757d;
  --mbk_gray-dark: #343a40;
  --mbk_success: #198754;
  --mbk_info: #0dcaf0;
  --mbk_warning: #ffc107;
  --mbk_danger: #dc3545;
  --mbk_light: #F3F6F9;
  --mbk_dark: #191C24;

   --mbk_darkblue:rgb(33,37,41);
   --mbk_blue:#00d2ff;;
   --mbk_rouge:rgb(217,17,27);
   --mbk_vert:#29c3be;
   --mbk_rose:#f2726f;
   --mbk_orange:rgb(255,106,6);
   --mbk_yellow:#ffc720;
   

   --body:rgb(245,245,245);
   /* --body:rgb(255,255,255);*/
   /*--body:#EAE8DC;*/
   /* --bodyText: rgb(90,90,90);*/
    --bodyText:hsl(203 46% 15%);
    --ligntText:#848383;
     /*--header_primary:rgb(255,255,255);*/
   --header_primary:rgb(245,245,245);
   --header_second:rgb(36, 32, 35);
   --header_primary_text:rgb(25,25,25);
   /* --header_primary_text:rgb(255,255,255);*/
   --header_second_text:rgb(20,20,20);;

   --left_nav:rgb(33,37,41);
   --dialogBox:rgb(250,250,250);
   --dialogBoxTitle:rgb(50,50,50);
   --dialogBoxText:rgb(150,150,150);
   --dialogBox_border:rgb(250,250,250);

   --formInputBackground:rgb(255,255,255);
   --formInputBorder:rgba(0, 0, 0, 0.1);
   --formInputBorder:#d1d5db;
   --formInputBorderdarktheme:rgb(90,90,90);
   --formInputTextColor:#374151;
   --formInputTextColor:#374151;
   --focusInput:rgb(100,100,100);
   --label_form:#374151;

   /*--menuNav:rgb(18,28,41);*/
   --menuNav:#0b1216;
   --menuNav_text:rgb(50,50,50);
   --menuNav_lien:rgb(200,200,200);
   
   --menuNav_bottom: rgb(250,250,250);
   --menuNav_bottom_text: #001C29;

   --menuNav_bottom: #0b1216;;
   --menuNav_bottom_text: rgb(250,250,250);

   --activedSubMenu:#20c997;
   --activedSubMenu:#0c92e0;
   --activedSubMenu:rgba(200,200,200,0.6);

   --main:transparent;
   --main_text: #6A6A6A;
   /*--title_text:#14191e;*/
   --title_text:#2F2F2F;
   --title: #544f5a;
   --title_text_ligth:rgb(60,60,60);
   --main_settings:#16222A;
   --main_settings_text:#16222A;
   --main_settings_ItemTilte_text:rgb(5,5,5);
   --group_item_settings:white;

   --cadre:rgb(255,255,255);
   --cadre_border_color:rgb(230,230,230);
   --border_color:rgb(200,200,200);
   
   
}
.darkTheme{
  --primary:#804b03;

  --msgErrConnexionbgd:rgb(30,30,30);
  --msgErrConnexionColotText:rgb(220,220,220);

  --body:#1c202b;
  --body:#25282e;
  --body:#191a1c;
   --bodyText: rgb(160,160,160);
  --header_primary:rgb(13,18,23);
  --header_primary:#25282e;
  --header_primary:#191a1c;
  --header_second:rgb(13,18,23);
  --header_primary_text:rgb(200,200,200);
  --header_second_text:rgb(200,200,200);;

  --left_nav:rgb(33,37,41);
  --dialogBox:rgb(41,42,46);
  --dialogBoxTitle:rgb(250,250,250);
  --dialogBoxText:rgb(127,130,135);
  --dialogBox_border:rgb(90,90,90);

  /*--menuNav:rgb(18,28,41);*/
  --menuNav:#0b1216;
  --menuNav_text:rgb(50,50,50);
  --menuNav_lien:rgb(60,60,60);
  
  --menuNav_bottom:#202224;
  --menuNav_bottom:#293145;
  --menuNav_bottom_text: rgb(250,250,250);

  --main:#1c202b;
  --main_text: rgb(160,160,160);
  --title_text:rgb(240,240,240);
  --title: white;
  --title_text_ligth:rgb(200,200,200);

  --main_settings:#16222A;
  --main_settings_text:#16222A;
  --main_settings_ItemTilte_text:rgb(5,5,5);
  --group_item_settings:#1c202b;;
 
  --champ:rgba(155, 155, 155,0.1);
  --formInputBackground:rgba(25, 26,28,0.1);
  --formInputBorder:rgb(60,60,60);
  --formInputTextColor:rgb(250,250,250);
  --label_form:rgb(250,250,250);

  --border_color:rgb(160,160,160);
  --cadre:rgb(47,57,76);
  --cadre:#25282e;
  --cadre:#1f2228;
  --cadre:#202224;
  --cadre_border_color:#202224;

  
  --secondary:#804b03;
}
.bgc_warning{
  background: var(--mbk_warning);
  color:white;
}
.bgc_info{
  background: var(--mbk_info);
  color:white;
}
.bgc_success{
  background: var(--mbk_success);
  color:white;
}
.bgc_danger{
  background: var(--mbk_danger);
  color:white;
}
.bgc_dark{
  background: var(--mbk_dark);
  color:white;
}

.backgroundmodeAuto{
  color:rgb(90,90,90);
  background:white;
}

body{
    color: var(--bodyText);
    background: var(--body);
   
}
button{
  background: transparent;
  color: var(--bodyText);
}
.box{
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}
.panel_page{
  color: var(--bodyText);
  background: var(--body);
  
}
.panel_page_full{
  color: var(--bodyText);
  background: var(--body);
}
.panel_page_head, .contSearch{
  background:var(--header_primary);
  color:var(--header_primary_text);
  border-color: rgb(245,245,245);

}
.panel_page_head{
  /*/* fallback for old browsers 
  background: -webkit-linear-gradient(to right, var(--header_primary), #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
 /* background: linear-gradient(to right, var(--header_primary), #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
@media screen and (max-width:648px) {
  .contSearch{
      background:var(--header_primary);
      color:var(--header_primary_text);
      border-color: rgb(245,245,245);
   
   }
}

.cont_user a{
  color:var(--header_primary_text);
}

.panel_page_main{
  color: var(--bodyText);
  background: var(--body);
}
.header{
  background:var(--header_primary);
  color:var(--header_primary_text);
}
.header_secondary{
  background:var(--header_second);
  color:var(--header_second_text); 
}

.header_secondary .divSearch_secondary input{
  color:var(--header_second_text); 
}
.backBtn_H_Float ,.cont_user_nav_menu{
   color:var(--header_primary_text);
   background: transparent;
}
.nav_menu{
 
}
.contnav_menu{
  color:var(--menuNav_text);
}
.contnav_menu a{
  color:var(--menuNav_lien);
  background:transparent;
}
.contnav_menu small{
  color:rgb(160,160,160);
}
.contSearch{
  
}
.divSearch{
  color:rgb(60,60,60); 
  background: rgba(250,250,250,0.6);
  background:rgba(210,210,210,0.2);
}

.divSearch input, .optBackSearch{
  color:var(--header_primary_text);
}
.bar_listBox_search input{
  color:var(--header_primary_text);
}

.divResultRech{  
  background:var(--body);
  box-shadow: rgba(121,121,121,.35) 1px 10px 20px;
}
.darkTheme .divResultRech{  
  color:var(--darkmode_text);
  background:var(--darkmode);
}


.fond{
   background: #16222A; /*
   background: -webkit-linear-gradient(rgb(18,28,41), #3A6073, rgba(18,28,41,0.5),rgb(18,28,41),rgb(18,28,41));  /* Chrome 10-25, Safari 5.1-6 */
   position:fixed;height:100vh;width:100vw;
   z-index: 99;
}
.fixed_container{
  background: var(--body);
}
h1, h2,h3,h4,h5,h6,.titlecolor{
  color: var(--title_text);
}

small{
  color: var(--main_text);
}
.primary{
  color:rgb(13,18,23);
  background:var(--primary);    
}
/*normal mode HEAD ET MENU*/
 .group_li{
    border-top:solid 0px rgb(248,248,248); 
 }
.group_settings a{
    color:rgb(100,100,100);
 }
/*bar rechercher*/


/**/

/**main**/
.main{
  background:var(--main); 
}
.float_window{
  background: var(--body);
}
.footer{
  background:white;
}

/*DIALOG BOX*/
.dialogBox{
  background: var(--dialogBox);
  color: var(--dialogBoxText);
  border:solid 0px var(--dialogBox_border);
}
.dialogBox .dialogBox_titre{
  color: var(--dialogBoxTitle);
}
.dialogBox .inputBox{
  background:var(--body);
  border: 1px solid var(--formInputBorder);
}
/*menu contextuel*/
.cont_contex_menu{
  background:var(--body);
  
}
.cont_animateFrameDlg{
  background:var(--body);
  color:var(--bodyText);
}

/**settings**/
.main_settings{
   background:var(--main_settings);
   color:var(--main_settings_text);
}
.group_item_settings{
    background:var(--group_item_settings);
}

.group_item_settings a,.group_item_Profil a{
   color:var(--main_settings_text);
}
.cont_lib_settings{
  color:var(--main_settings_ItemTilte_text);
}

.dark_text{
  color:#000;
}
/**FIN PARTI SETTING/


/*dark mode*/

.darkTheme .backgroundmodeAuto{
  color:var(--darkmode_text);
  background:var(--darkmodeCadre);
}
.darkTheme .dark_text{
  color: white;
}


small{
  color:rgb(120,120,120);
}



/*BOITE DE dIALOGUE EN DARKMODE*/
.darkTheme .dialogBox{
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
}

.darkTheme  .dialogBox  .dialogBox_titre{
  color: var(--dialogBoxTitledarkmode);
}

.darkTheme .dialogBox .inputBox{
  background:rgba(131, 84, 84, 0.1);
  border: 1px solid rgba(255, 255, 255,0.1);
}


.darkTheme .backBtn_H_Float ,  .darkTheme .cont_user_nav_menu{
  background:var(--darkmode);
  color:var(--darkmode_text);
}
.darkTheme .header a, .darkTheme .contnav_menu a {
  color:var(--darkmode_text);
}
.darkTheme .contnav_menu{
  color:var(--darkmode_text);
}
.darkTheme .contnav_menu small{
  color:rgb(200,200,200);
}
.darkTheme .cont_animateFrameDlg{
  background:var(--darkmode);
  color:var(--darkmode_text);
}
.darkTheme .group_li{
  border-top:solid 1px transparent; 
}
.darkTheme .main{
  background:var(--darkmode);
  color:var(--darkmode_main_text);
}
.darkTheme .main a{
  color:var(--darkmode_main_text);
}
.darkTheme .footer{
  background:var(--darkmode);
  color:var(--darkmode_main);
}

/* SECONDARY PAGE */
.darkTheme .header_secondary{
  background:var(--darkmode);
  color:var(--darkmode_text);
}
.darkTheme .main_secondary{
  background:var(--darkmodeMain);
  color:var(--darkmode_text);
}

/****/
.darkTheme .group_item_settings a, .darkTheme .group_item_Profil a{
  color:var(--darkmode_text);
}
.darkTheme .cont_lib_settings{
  color:rgb(250,250,250);

}
/**settings dark mode**/
.darkTheme  .main_settings{
  background:var(--darkmode);
  color:var(--darkmode_text);
}
.darkTheme  .group_item_settings{
  background:var(--darkmode_light);
   box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
}
.darkTheme .item_settings{ 
  border-bottom: solid 1px rgb(30, 30, 30);
}
.darkTheme  .group_item_settings a,.group_item_Profil a{
  color:var(--darkmode_text);
}
.darkTheme  .cont_lib_settings{
  color:var(--darkmode_title_text);
}

/**Fin setting dark mode*/

.cadre{ background:var(--cadre);}

.darkTheme .contTitreCadreHome h1{
   color:rgb(200,200,200);
}
/**/

/**/
/**serserve pour la couleur*/


.darkTheme .cont_contex_menu{
  background:var(--darkmode_light);
  color:var(--darkmode_main);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);

}

.darkTheme  .tags ul a {
  
  border: 1px solid rgba(245, 245,245, 0.15);
 
}


@media screen and (max-width:767px) {
    /*bar rechercher*/
 .header .contSearch{
     
  }
  .header_secondary .contSearch{
      
  }
  .header_secondary .optBackSearch{
    color:var(--header_second_text);
  }
  .darkTheme .contSearch{
    
  }
  .darkTheme .divSearch{ 
    
  }
 

  .darkTheme .optBackSearch{
    color:var(--darkmode_text);
  }
  
}

.txt_light{
  color: rgb(160,160,160);
}