.onglet{
	width:100%;
	margin:auto;
   
}

.head_onglet {
   padding: 0px;
   border-bottom:solid 1px rgb(245,245,245);
   display: flex;
 }
.head_onglet li{
    display: inline-flex;
    align-items: center;
    border: none;
    cursor:pointer;
    margin-right: 1rem;
}

.head_onglet .act_item{
   border-bottom:solid 5px var(--primary);
   color:var(--primary);
}

.head_onglet_fill_background{
   background: rgb(245,245,245);
   border-bottom: solid 1.5px rgb(220,220,220);
   padding-top: 8px;
}

.head_onglet_fill_background .act_item{
   border-bottom:none;
   background: white;
   color: rgb(10,10,10);
   font-weight: 600;
   border: solid 1.5px rgb(220,220,220);
   border-bottom: none;
   border-radius: 8px 8px 0px 0px;

}
.head_onglet_fill_background li{
   display: inline-flex;
   align-items: center;
   padding:auto;
   padding-left: 8px;
   padding-right: 8px;
   border: none;
   cursor:pointer;
   margin-right: 0rem;
   height: 100%;  
   font-size: 13px;
}
.head_onglet_fill_background li:first-child{
   margin-left: 12px;
}

.head_onglet_fill_background  .point_nbre_notification2{
   display: inline-flex;
   margin-right: 5px!important;
   align-items: center;
   justify-content: center;
   font-size: 10px;
   height: 18px;
   width: 18px;
   border-radius: 100px;
   background: red;
   color: white;
}


.head_onglet_radius{
   background: transparent;
   border:none;
   padding-top: 0px;
   background: rgb(245,245,245);
   border-radius: 12px;
}

.head_onglet_radius .act_item{
   border-bottom:none;
   background: white;
   color: rgb(10,10,10);
   font-weight: 600;
   border: solid 1.5px rgb(220,220,220);

}
.head_onglet_radius li{
   border: solid 1.5px rgb(220,220,220);
   border: none;
   border-radius: 100px;
   display: inline-flex;
   align-items: center;
   padding:auto;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 5px;
   padding-bottom: 5px;
   cursor:pointer;
   margin-left: 3px; margin-left: 0px;
   margin-right: 0px;
   font-size: 13px;
   font-size: 11px;
}
.head_onglet_radius li:first-child{
   margin-left:0px;
}


.head_onglet_mbk li{
    display: inline-flex;
    align-items: center;
    border: none;
    cursor:pointer;
    margin-right: 1rem;
}
.head_onglet_mbk li:hover{
   background: rgb(245,245,245);
   border-radius: 100px;
   padding-left:5px; padding-right: 5px;
}
.head_onglet_mbk .act_item{
   border-bottom:solid 2px black;
   color:black;
}


/***/
.head_onglet_radius_std{
   background: transparent;
   border:none;
   border-radius: 12px;
   padding-top: 8px;
}

.head_onglet_radius_std li{
   border: none;
   /*border-radius: 100px;*/
   display: inline-flex;
   align-items: center;
   padding:auto;
   padding-top: 5px;
   padding-bottom: 12px;
   cursor:pointer;
   margin-left: 3px; margin-left: 0px;
   margin-right: 0px;  
   font-size: 13px;
   border-radius: 0px;
  
}
.head_onglet_radius_std li div{

   padding-left: 8px;
   padding-right: 8px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-radius: 12px;
    pointer-events: none;
} 
.head_onglet_radius_std li:first-child{
   margin-left:10px;
}

.head_onglet_radius_std .act_item{
   border-bottom:none;
   color: rgb(20,20,20);
   font-weight: 600;
   border-bottom: solid 1.5px rgb(20,20,20);
}
.head_onglet_radius_std .act_item div{
   border-bottom:none;
   background: rgba(240,240,240,0.8);
   color: rgb(30,30,30);
   font-weight: 600;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 5px;
   padding-bottom: 5px;
} 


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