@font-face {
    font-family: "Liberation Sans Italic";
    src: url('../fonts/LiberationSans-Italic.ttf');
}
@font-face {
    font-family: "Liberation Sans";
    src: url('../fonts/LiberationSans-Regular.ttf');
}


body {
    background-color: #001627;
}


.core {

    margin-left: auto;
    margin-right: auto;
    width: 1060px;
    height: 600px;
    background-image: url("../img/bg_accueil.png");    

}


.core_uni {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;

    width: 1060px;
    height: 599px;
    background-color: #F7F7F7;    

}

.i-form {
}

.label {
    position: relative;
    height: 24px;
    font-family: "Liberation Sans";
    font-size: 14px;
    color: #F7F7F7;
    font-weight: normal;
    letter-spacing: 0.7px;

}

.user_input {
    font-family: "Liberation Sans";
    font-size: 13px;
    letter-spacing: 0.7px;

    width: 229px;
    height: 24px;
    border-radius: 6px;
    border-style: solid;
    border-width: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border-color: #F7F7F7;
}

.user_select {
    font-family: "Liberation Sans";
    font-size: 13px;
    letter-spacing: 0.7px;

    width: 239px;
    height: 24px;
    border-radius: 6px;
    border-style: solid;
    border-width: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border-color: #F7F7F7;    

}


.button a {
    display:block;
    background-image: url("../img/bt_fond.png");
    background-repeat: repeat-x;

    font-family: "Liberation Sans";
    font-size: 13px;
    color: #F7F7F7;
    font-weight: bold;
    letter-spacing: 0.7px;

    width: 229px;
    line-height: 24px;
    border-radius: 6px;
    border-style: none;
    padding-left: 5px;
    padding-right: 5px;    

    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.button a:hover {
    background-image: url("../img/bt_survol.png");
}

.button a:activee {
    background-image: url("../img/bt_survol.png");
    color: #001627;
}


.box_auth {
    margin-left: auto;
    margin-right: auto;
    width: 313px;
    height: 210px;

    border-radius: 6px;    
    border-color: #F7F7F7;
    border-style: solid;
    border-width: 0px;
    background-image: url("../img/contour_accueil.png");

}

.box_form {
    margin-left: auto;
    margin-right: auto;
    width: 239px;    
}

.titre_blanc_15 {
    font-family: "Liberation Sans";
    font-size: 15px;
    color: #F7F7F7;
    font-weight: bold;
    letter-spacing: 0.7px;    
}



.txt_blanc_12 {
    font-family: "Liberation Sans";
    font-size: 12px;
    color: #F7F7F7;
    font-weight: normal;
    letter-spacing: 0.7px;        
}

.txt_blanc_normal {
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #F7F7F7;
    font-weight: normal;
    letter-spacing: 0.7px;        
}

.txt_blanc_normal a {
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #F7F7F7;
    font-weight: normal;
    letter-spacing: 0.7px;
}


.txt_blanc_normal a:hover {
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #F7F7F7;
    font-weight: bold;
    letter-spacing: 0.7px;
}


#banner {
    width: 1060px;
    height: 91px;
    background-image: url("../img/fond_banniere.png");
    background-repeat: no-repeat;
}


#fixed_footer {
    width: 1060px;
    height: 40px;
    background-color: #F7F7F7;
    position        : fixed;
    bottom          : 0;

}


.separator {
    height:3px;
}


#left_menu {
    width: 140px;
    height: 508px;
    background-image: url("../img/fond_left_menu.png");
    float:left;
}

#right_content {
    float: right;
    width: 894px;
    height: 508px;
    background-color: #f7f7f7;
    border-style: none;
    border-width: 1px;

    margin-right: 13px;
}

#top_menu_wrapper {
    height: 91px;
}


#logo_banner {
    position: relative;
    float: left;

    top:13px;
    margin-left: 13px;


}

#bt_accueil a {
    float:left;
    width: 106px;
    height: 91px;

}

#bt_accueil a:hover{
    background-image: url("../img/accueil_survol.png");    
}

.bt_accueil_active a{
    background-image: url("../img/accueil_survol.png");   
}

.bt_accueil_inactive a{
    background-image: url("../img/accueil.png");  
}

#bt_articles a {
    float:left;
    width: 106px;
    height: 91px;
}

#bt_articles a:hover{
    background-image: url("../img/articles_survol.png");    
}

.bt_articles_active a{
    background-image: url("../img/articles_survol.png");   
}

.bt_articles_inactive a{
    background-image: url("../img/articles.png");  
}


#bt_stock a {
    float:left;
    width: 106px;
    height: 91px;
}

#bt_stock a:hover{
    background-image: url("../img/stock_survol.png");    
}

.bt_stock_active a{
    background-image: url("../img/stock_survol.png");   
}

.bt_stock_inactive a{
    background-image: url("../img/stock.png");  
}



#bt_fournisseurs a {
    float:left;
    width: 106px;
    height: 91px;
}

#bt_fournisseurs a:hover{
    background-image: url("../img/fournisseurs_survol.png");    
}

.bt_fournisseurs_active a{
    background-image: url("../img/fournisseurs_survol.png");   
}

.bt_fournisseurs_inactive a{
    background-image: url("../img/fournisseurs.png");  
}


#bt_statistiques a {
    float:left;
    width: 106px;
    height: 91px;
}

#bt_statistiques a:hover{
    background-image: url("../img/statistiques_survol.png");    
}

.bt_statistiques_active a{
    background-image: url("../img/statistiques_survol.png");   
}

.bt_statistiques_inactive a{
    background-image: url("../img/statistiques.png");  
}



#bt_utilisateurs a {
    float:left;
    width: 106px;
    height: 91px;
}

#bt_utilisateurs a:hover{
    background-image: url("../img/utilisateurs_survol.png");    
}

.bt_utilisateurs_active a{
    background-image: url("../img/utilisateurs_survol.png");   
}

.bt_utilisateurs_inactive a{
    background-image: url("../img/utilisateurs.png");  
}



#bt_aide a {
    float:left;
    width: 106px;
    height: 91px;
}

#bt_aide a:hover{
    background-image: url("../img/aide_survol.png");    
}

.bt_aide_active a{
    background-image: url("../img/aide_survol.png");   
}

.bt_aide_inactive a{
    background-image: url("../img/aide.png");  
}



.v_separator {
    float: left;
    width: 10px;    
}

#logo_accueil {
    text-align: center;
}


#ariane {
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.7px;    
}

.titre_page {
    font-family: "Liberation Sans";
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.7px;        
}

.bt_menu_left{
    float: left;
    width: 140px;
    height: 70px;
}

.bt_insertion_inactif a{
    background-image: url("../img/ajout_articles.png");    
}
.bt_insertion_actif a{
    background-image: url("../img/ajout_articles_actif.png");    
}

.bt_cat_inactif a{
    background-image: url("../img/catégories.png");    
}
.bt_cat_actif a{
    background-image: url("../img/catégories_actif.png");    
}

.bt_liste_inactif a{
    background-image: url("../img/liste_articles.png");    
}
.bt_liste_actif a{
    background-image: url("../img/liste_articles_actif.png");    
}

.bt_entree_inactif a{
    background-image: url("../img/entree_article.png");    
}
.bt_entree_actif a{
    background-image: url("../img/entree_article_actif.png");    
}

.bt_sortie_inactif a{
    background-image: url("../img/sortie_articles.png");    
}
.bt_sortie_actif a{
    background-image: url("../img/sortie_articles_actif.png");    
}

.bt_mvt_inactif a{
    background-image: url("../img/mouvement_stock.png");    
}
.bt_mvt_actif a{
    background-image: url("../img/mouvement_stock_actif.png");    
}
.bt_etat_inactif a{
    background-image: url("../img/etat_stock.png");    
}
.bt_etat_actif a{
    background-image: url("../img/etat_stock_actif.png");    
}

.bt_bordereau_inactif a{
    background-image: url("../img/bordereau.png");    
}
.bt_bordereau_actif a{
    background-image: url("../img/bordereau_actif.png");    
}

.bt_bordereau_actif a{
    background-image: url("../img/bordereau_actif.png");    
}
/*.bt_bordereau_inactif a:hover{
      background-image: url("../img/bordereau_actif.png"); 
}*/

.bt_gestion_acces_actif a{
    background-image: url("../img/gestion_acces_actif.png"); 
}

.txt_noir_normal {
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.2px;        
}

.txt_cat_normal {
    font-family: "Liberation Sans";
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.2px;        
    line-height: 17px;
}

.i-sgs-date {
    line-height: 16px;
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.2px;        
    border-radius: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #A3A3A3;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.i-sgs-form {
    line-height: 18px;
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.2px;        
    border-radius: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #A3A3A3;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.i-sgs-select {
    height: 18px;
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.2px;        
    border-radius: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #A3A3A3;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 0px;
}


.i-sgs-select-cat {
    width: 228px;
    height: 18px;
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.2px;        
    border-radius: 5px;
    border-style: solid;
    border-width: thin;
    border-color: #A3A3A3;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.group_box {
    width: 430px;
    border-radius: 6px;    
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    background-color: #EFEFEF;

    padding: 5px;
    max-height: 400px;
}


.group_box_scroll {
    width: 430px;
    border-radius: 6px;    
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    background-color: #EFEFEF;

    padding: 5px;
    min-height: 400px;
    max-height: 400px;
    overflow-y: scroll;
}

.col_left {
    width: 441px;
    float: left;
}


.col_right {
    width: 441px;
    float: right;

}



.bt_form a {
    display:block;
    //background-image: url("../img/bt_fond.png");
    background-color: #157C9B;
    background-repeat: repeat-x;

    font-family: "Liberation Sans";
    font-size: 10px;
    color: #F7F7F7;
    font-weight: bold;
    letter-spacing: 0.2px;

    width: 80px;
    line-height: 18px;
    border-radius: 6px;
    border-style: none;
    padding-left: 5px;
    padding-right: 5px;    

    text-align: center;
    vertical-align: middle;
    text-decoration: none;

}

.bt_form a:hover {
    background-image: url("../img/bt_survol.png");
}

.bt_form a:active {
    background-image: url("../img/bt_survol.png");
    color: #001627;
}


.tb_liste table {

}

.tb_liste th {
    font-family: "Liberation Sans";
    font-size: 10px;
    color: #F7F7F7;
    font-weight: normal;
    letter-spacing: 0.7px;   

    background-color: #157C9B;

    border-width: thin;
    border-style: solid;
    border-color: #F7F7F7; 
    cursor: pointer;
}



.tb_liste td {
    padding-left: 5px;
    padding-right: 5px;

    font-family: "Liberation Sans";
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.7px;   

    background-color: #F7F7F7;

    border-width: thin;
    border-style: solid;
    border-color: #D8D8D8;
}


.titre_box {
    font-family: "Liberation Sans";
    font-size: 10px;
    font-weight: bold;
    color: #001627;
    letter-spacing: 0.2px;
    margin-bottom: 5px;
}


.col_left_tiers {
    width: 253px;
    float: left;
}


.col_right_tiers {
    width: 629px;
    float: right;

}



.group_box_tiers {
    width: 238px;
    border-radius: 6px;    
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    background-color: #EFEFEF;

    padding: 5px;
    height: 400px;    
    max-height: 400px;
}


.group_box_tiers_scroll {
    width: 616px;
    border-radius: 6px;    
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    background-color: #EFEFEF;

    padding: 5px;
    height: 400px;
    max-height: 400px;
    overflow-y: scroll;
}


.bt_spec a {
    display:block;
    //background-image: url("../img/bt_fond.png");
    background-color: #157C9B;
    background-repeat: repeat-x;

    font-family: "Liberation Sans";
    font-size: 10px;
    color: #F7F7F7;
    font-weight: bold;
    letter-spacing: 0.2px;

    line-height: 18px;
    border-radius: 6px;
    border-style: none;
    padding-left: 5px;
    padding-right: 5px;    

    text-align: center;
    vertical-align: middle;
    text-decoration: none;

}

.bt_spec a:hover {
    background-image: url("../img/bt_survol.png");
}

.bt_spec a:active {
    background-image: url("../img/bt_survol.png");
    color: #001627;
}
.parent{
    font-weight: bold;
}

.bt_user_connect_inactive{
    width: 92px;
    float: right;
    font-size: 12px;
    font-family: "Liberation Sans";
    position: relative;
    top: 9px;
    text-align: right;
    right: 17px;
}

.bt_user_connect_inactive a{

    position: relative;
    top: 30px;
    color:#dc061e;   
    cursor: pointer;
}