:root{
   --primary:rgb(255,117,26);
   --secondary:rgb(13,18,23);
}
.primary{
  color:rgb(13,18,23);
  background:var(--primary); 
}
.header{
    box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
    background:white;
    color:rgb(13,18,23);
    /*background: rgb(23,32,40); color:rgb(255,127,39);*/
}

.header,.header a{  color:rgb(13,18,23); }

.nav_menu {
  background:rgba(90,90,90,0.2);
}
.contnav_menu{
  background:rgb(23,32,40);
}
.nav_menu a{
  color:rgb(160,160,160);
}
.contnav li{
  border-bottom: solid 1px rgb(20,20,20);
}
.contnav .group_li{
  border-top: solid 1px rgb(20,20,20); 
}


/*bar rechercher*/
.contSearch{background:white;color:rgb(23,32,0);background:rgba(255, 255, 255,0.1);}
.divSearch{
  
  color:rgb(220,220,220); 
  /*background:rgb(23,32,0); */
}
.divSearch input, .optBackSearch{
  color:rgb(50,50,50);
}
.divResultRech{  
  background:white;
  box-shadow: rgba(121,121,121,.35) 1px 10px 20px;
}

/*contenaire principale*/
.main{
  background: #f2f4f8;
}
.footer{

}


.header_secondary{
  color:rgb(13,18,23);background:var(--primary); 
}

.header_detail{
  color:rgb(60,60,60);
  background:var(--primary); 
}

/***********************/
.group_item_settings{
  background:transparent;
}
.group_item_settings a{
  color:rgb(20,20,20);
}
.group_item_Profil{
  background:transparent;
}
.group_item_Profil a{
  color:rgb(20,20,20);
}
.item_settings{
 
}
.item_settings_title{
  background:white;
  border-bottom:solid 1px rgb(235,235,235);
}
.item_settings_descript{
  background:transparent;
  color:rgb(160,160,160);
}


/*dark mode*/
.darkTheme .header_secondary{
  background:rgb(0,0,0);
  color:white;
}
.darkTheme .main_secondary{
  background:rgb(0,0,0);
  color:rgb(240,240,240);
}
.darkTheme .group_item_settings a, .darkTheme .group_item_Profil a{
  color:rgb(240,240,240);
}
.group_item_Profil small{
  color:rgb(180,180,180);
}
.darkTheme .item_settings_title{
  background:rgb(60,60,60);
  border-bottom:solid 1px rgb(30,30,30);
}

.light{background:rgb(245,245,245);}
.darkTheme .light{
  background:rgb(0,0,0);
}


.darkTheme .nav_menu{

}
.darkTheme .main{

}
.darkTheme .footer{

}


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

  .contSearch{color:rgb(23,32,0); background:var(--primary);}
  .divSearch{background:rgba(255, 255, 255,0.1); }
}