.bienvenue {
font-family : Arial;
font-size : 18pt;
font-weight: bold;
color : #006699;
background-color : #ECEBE1; 
text-align: center;
}
.font_bienvenue {
background-color : #8496CC; 
}
.font_bienvenue2 {
background-color : #0F03B3; 
}
.background1 {
border:1px solid #D9DFED;
background-color : white; 
}
.background2 {
border:1px solid #D9DFED;
background-color : #E9EDF4; 
}

.travaux{
margin-top:150px
}
.jaune_aide{
FONT-SIZE: 8pt;
font-family : Verdana;
color : #FFFF00;
}
.jaune_info{
font-weight: bold;
FONT-SIZE: 12pt;
font-family : Arial;
color : #FFA500;
}
.table_info{
border-color : #8496CC; 
}
.bleu_info{
FONT-SIZE: 11px;
font-family : Arial;
color : #005599;
}

.blanc{
font-weight: 600;
FONT-SIZE: 14px;
font-family : Verdana;
color : #FFFFFF;
}

.saisie_code{
FONT-SIZE: 14px;
font-family : Arial;
color : #FE0606;
}

.texte_logon{
FONT-SIZE: 12px;
font-family : arial;
}
.noir{
font-weight: 600;
FONT-SIZE: 12px;
font-family : Verdana;
color : #000000;
}

.numero{
FONT-SIZE: 12px;
font-family : Verdana;
color : #000000;
}

.libel_tableau_recherche{
FONT-SIZE: 12px;
font-family : Verdana;
color : #000000;
}

.tableau_recherche{
FONT-SIZE: 10px;
font-family : Verdana;
color : #000000;
}

.mess_res_recherche{
FONT-SIZE: 9pt;
font-family : Arial;
font-weight:bold;
color: #526CA8;
}

.mess_head_recherche{
FONT-SIZE: 9pt;
font-family : Arial;
font-weight:bold;
color: #526CA8;
padding-left:5px;
}

.titre_tableau{
FONT-SIZE: 20px;
font-family : Verdana;
font-weight: bold;
color: blue;
}

table.tableau_dtl_suivcmd{
backgorund: black;
border-color: black;
border-style-bottom: ridge;
border-style-right: ridge;
}

.libeller_list_rech{
backgorund: black;
border-color: black;
border-style-bottom: ridge;
border-style-right: ridge;
}

.libeller_tableau_suivi{
backgorund: black;
border-color: black;
border-style-bottom: ridge;
border-style-right: ridge;
FONT-SIZE: 12px;
font-family : Verdana;
color : #000000;
}

.libeller_list_suivi{
backgorund: black;
border-color: black;
border-style-bottom: ridge;
border-style-right: ridge;
FONT-SIZE: 10px;
font-family : Verdana;
color : #000000;
}

.titre_suivi{
FONT-SIZE: 20px;
font-family : Verdana;
font-weight: bold;
color: #000000;
}

.element_suivi{
FONT-SIZE: 10px;
font-family : Verdana;
color : #000000;
}


/************ GLOBAL *****************/
html, body {
    height: 99%;
}
#container {
    position: relative;
    min-height: 99%;
}
#footer {
position: absolute;
bottom: 0;
padding: 10px;
background-color: #0066b2;
width: 75%;
}
.titre_page {
font-size:10pt;
font-family : Tahoma;
font-weight:bold;
color:#526CA8;
}
.text_aide_fichier{
padding: 10px;
font-size:9pt;
font-family : Tahoma;
color:black;
}

.cadre_tableau_principal{
background-color:white;
width:99%;
border:1px solid #5D75AD;
}

#principal_cadre {
width:99%;
background-color : #04679D;
padding:2px 2px 2px 2px;
border:1px solid #5D75AD;
}
#principal2_cadre {
background-color : #FFFFFF;
}

.page{
text-align:center;
font-size:7pt;
font-family : Arial;
font-weight:bold;
color:#5D75AD;
}
/*********** inscription PHP*****************************************/

#cadre_inscript{
width:100%;
background-color:#04679D;
padding:3px 3px 3px 3px;
}
#cadre2_inscript{
background-color:#FFFFFF;
}
.etoile_raison1{
background-color:white;
float:left;
padding-left:70px;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#FF0000;
zoom:1;
}
.raison1{
background-color:white;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.ligne_raison1{
background-color:white;
padding:1px 185px;
font-family:Arial;
FONT-SIZE: 8pt;
zoom:1;
}
.raison2{
background-color:white;
padding-left:82px;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.adresscp{
background-color:white;
padding-left:32px;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.ligne_adresscp{
background-color:white;
padding-left:190px;
font-family:Arial;
FONT-SIZE: 8pt;
zoom:1;
}
#voie{
background-color:white;
}
.texte_top{
background-color:white;
font-family:Arial;
FONT-SIZE: 11pt;
font-style: italic;
zoom:1;
}
.voi{
background-color:white;
float:left;
width:37%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.voispan{
margin-left:133px;
}
.adressep{
background-color:white;
float:right;
width:63%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.adressepspan{
padding-left:78px;
color:#FF0000;
}
.ligne_adressep{
background-color:white;
padding-right:330px;
font-family:Arial;
FONT-SIZE: 8pt;
font-style: italic;
text-align:right;
zoom:1;
}
.adressc{
background-color:white;
padding-left:58px;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.ligne_adressec{
background-color:white;
padding-left:190px;
font-family:Arial;
FONT-SIZE: 11pt;
font-style: italic;
zoom:1;
}
.lieudit{
font-family:Arial;
FONT-SIZE: 8pt;
zoom:1;
}
.codpost{
background-color:white;
float: left;
width:48%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.codpostspan{
padding-left:97px;
color:#FF0000;
}
.etoile_localite{
color:#FF0000;
}
.localite{
background-color:white;
float: right;
width:52%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.pays{
background-color:white;
padding-left:146px;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.teleph{
background-color:white;
float: left;
width:49%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.telephspan{
padding-left:100px;
color:#FF0000;
}
.etoil_mail{
color:#FF0000;
}
.mail{
background-color:white;
float: right;
width:51%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}

.telfax{
background-color:white;
float: left;
width:49%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.telfaxspan{
padding-left:152px;
}

.site{
background-color:white;
float: right;
width:51%;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}
.site_padding{
margin-left:25px;
}
.etoil_client{
padding-left:17px;
color:#FF0000;
}
.client{
background-color:white;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}

.pass{
background-color:white;
float: left;
width:50%;
}
.passspan{
padding-left:43px;
font-family:Tahoma;
FONT-SIZE: 10pt;
color:#11195c;
zoom:1;
}

.champ{
background-color:white;
float: right;
width:50%;
font-family:Arial;
FONT-SIZE: 10pt;
font-style: italic;
color:#FF0000;
zoom:1;
}
.obligatoire{
font-family:Arial;
FONT-SIZE: 10pt;
font-style: italic;
color:#FF0000;
zoom:1;
}

.validerinscription{
background-color:white;
padding-left: 80%;
}

/****************** password**************/
#container_password {
    position: relative;
    min-height: 99%;
}
#footer_password{
position: absolute;
bottom: 0;
padding-left:200px;
width: 100%;
}
.footpass{
padding: 5px;
background-color: #0066b2;
width: 50%;
}


/*********** CONTACT*****************************************/

#principal_contact {
width:100%;
background-color : #04679D;
padding:3px 3px 3px 3px;
}
#principal2_contact {
background-color : #FFFFFF;
}
#contact_cl {
padding-top:20px;
padding-left: 20px;
}
#contact_cl2 {
padding-left: 140px;
font-size:9pt;
font-family : Tahoma;
font-weight:bold;
color:#004A80;
}
.contact_client {
background-color : white;
font-size:12pt;
font-family : Tahoma;
font-weight:bold;
}
#gest_cpt {
background-color : white;
padding-top:10px;
padding-left: 20px;
}
#gest_cpt2 {
background-color : white;
padding-left: 140px;
font-size:9pt;
font-family : Tahoma;
font-weight:bold;
color:#004A80;
}
.gest_client {
background-color : white;
font-size:12pt;
font-family : Tahoma;
font-weight:bold;
}
#hotline {
padding-top:50px;
padding-left: 20px;
background-color : white;
}
.hotline2 {
witdh:40%;
background-color : white;
float: right;
text-align: right;
}

.hotline{
background-color: white; 
width:60%;
float:left;
font-size:12pt;
font-family : Tahoma;
font-weight:bold;
}
.hotline_num{
background-color : white;
font-size:9pt;
font-family : Tahoma;
font-weight:bold;
color:#004A80;
}


/********** Accueil***************/
#haut_accueil {
width:100%;
background-color : white;
padding:55px 3px 3px 3px;
}

#principal_accueil {
width:100%;
background-color : white;
padding:0px 0px 0px 0px;
}


#principal2_accueil {
background-color : #FFFFFF;
padding:80px;
}
#accueil {
background-color : white;
text-align: center; /* cette ligne : pour centrer le contenu */
display : block; /* si l'élément est une image */
margin-left : auto;
margin-right : auto;
}

/******************* COMMANDE ***********************/
.titre_right{
background-color:white;
float:left;
width:33%;
height:30px;
+height:30px;!important;
}
.saisieEI{
background-color:white;
float:right;
width:47%;
padding-top:3px;
}
.cal_btcmd{
background-color:red;
float:left;
width:42%;
}
.position_btcmd{
background-color:white;
height:22px
}
.position_btcmd2{
background-color:white;
height:22px;
margin-left:268px;
+margin-left:421px;!important;
}
.tableau_element_recherche{
text-align:right;
width:30%;
}

.tit_rechcmd {
FONT-SIZE: 10pt;
FONT-family: Tahoma;
}
.tit2_rechcmd {
FONT-SIZE: 8pt;
FONT-family: Tahoma;
}
.aut_rechcmd {
FONT-SIZE: 10pt;
FONT-family: Tahoma;
}
.edit_rechcmd {
FONT-SIZE: 10pt;
FONT-family: Tahoma;
}
.ean_rechcmd {
FONT-SIZE: 10pt;
FONT-family: Tahoma;
}
.cod_rechcmd{
FONT-SIZE: 10pt;
FONT-family: Tahoma;
background-color:white;
width:99%;
padding-left:30px;
}
.etat_panier{
FONT-SIZE: 9pt;
FONT-family: Arial;
background-image: url(img/DILIBEL/right/fond-etat-panier2.gif);
width:30%;
padding-left:30px;
}

.table_rech {
border:3px solid #5D75AD;
border-collapse:collapse;
width:99%;
margin:auto;
}
.thead_rech{
background-color:#D0E3FA;
border:1px solid #6495ed;
}

.Seq_thead_rech {
font-family:Tahoma;
FONT-SIZE: 9pt;
color:white;
border:1px solid #D9DFED;
padding:5px;
background-color:#5D75AD;
width:5%;
}
.Art_thead_rech {
font-family:Tahoma;
FONT-SIZE: 9pt;
color:white;
border:1px solid #D9DFED;
padding:5px;
background-color:#5D75AD;
width:80%;
}
.Qte_thead_rech {
font-family:Tahoma;
FONT-SIZE: 9pt;
color:white;
border:1px solid #D9DFED;
padding:5px;
background-color:#5D75AD;
width:5%;
}
.Dispo_thead_rech {
font-family:Tahoma;
FONT-SIZE: 9pt;
color:white;
border:1px solid #D9DFED;
padding:5px;
background-color:#5D75AD;
width:5%;
}
.Dtl_thead_rech {
font-family:Tahoma;
FONT-SIZE: 9pt;
color:white;
border:1px solid #D9DFED;
padding:5px;
background-color:#5D75AD;
width:5%;
}

.tableau_recherche{
border:1px solid #D9DFED;
FONT-SIZE: 7pt;
font-family : Tahoma;
color : #000000;
}
.tableau_detail_recherche{
FONT-SIZE: 7pt;
font-family : Tahoma;
color : #000000;
}
/******************** DETAIL ARTICLE ***********************/
.titre_detail_right{
background-color:white;
}
.thead_detail{
border:1px solid #6495ed;
align:center;
}
.colonne1_detail{
border-bottom:1px solid #6495ed;
border-left:1px solid #6495ed;
border-top:1px solid #6495ed;
width:35%
}
.colonne2_detail{
border:1px solid #6495ed;
width:35%
}
.element_art_dtl{
font-size:8pt;
font-family:Tahoma;
font-weight:bold;
color:#223562;

}
.res_element_art_dtl{
font-size:8pt;
font-family:Tahoma;
padding-top:10px;
padding-bottom:10px;
}

/************************** PANIER *********************/
.titre_panier_right{
background-color:white;
float:left;
width:33%;
}
.position_btpanier{
background-color:white;
float:left;
+width:67%;!important;
}

.titre_panier_right2{
background-color:white;
float:left;
width:33%;
}
.position_btpanier2{
background-color:white;
float:left;
margin-left:74px;
}
.principal_panier {
background-color :white;
border:1px solid #5D75AD;
}
.table_panier{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_panier{
background-color:#5D75AD;
/*border:1px solid #BCBCBD;*/
}

.titre_head_panier {
border-right:1px solid #BCBCBD;
border-top:1px solid #5D75AD;
border-bottom:1px solid #5D75AD;
border-left:1px solid #5D75AD;
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
background-color:#5D75AD;
width:30%;
}
.editeur_head_panier {
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
border-top:1px solid #5D75AD;
border-bottom:1px solid #5D75AD;
border-right:1px solid #BCBCBD;
padding:5px;
background-color:#5D75AD;
width:15%;
}
.prix_head_panier {
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
border-top:1px solid #5D75AD;
border-bottom:1px solid #5D75AD;
border-right:1px solid #BCBCBD;
padding:5px;
background-color:#5D75AD;
width:5%;
}
.distrib_head_panier {
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
border-top:1px solid #5D75AD;
border-bottom:1px solid #5D75AD;
border-right:1px solid #BCBCBD;
background-color:#5D75AD;
width:15%;
}
.dispo_head_panier {
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
border-top:1px solid #5D75AD;
border-bottom:1px solid #5D75AD;
border-right:1px solid #BCBCBD;
background-color:#5D75AD;
width:5%;
}
.qte_head_panier {
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
border-top:1px solid #5D75AD;
border-bottom:1px solid #5D75AD;
border-right:1px solid #BCBCBD;
padding:5px;
background-color:#5D75AD;
width:5%;
}
.effacer_head_panier {
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
border-top:1px solid #5D75AD;
border-bottom:1px solid #5D75AD;
border-right:1px solid #5D75AD;
padding:5px;
background-color:#5D75AD;
width:5%;
}
.titre_panier {
border:1px solid #D9DFED;
font-family:Tahoma;
FONT-SIZE: 8pt;
padding:5px;
background-color:white;
width:30%;
}
.editeur_panier {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #BCBCBD;
padding:5px;
background-color:white;
width:15%;
}
.prix_panier {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #D9DFED;
padding:5px;
background-color:white;
width:5%;
}
.distrib_panier {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #BCBCBD;
padding:5px;
background-color:white;
width:15%;
}
.dispo_panier {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #D9DFED;
padding:5px;
background-color:white;
width:5%;
}
.qte_panier {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #BCBCBD;
padding:5px;
background-color:white;
width:5%;
}
.effacer_panier {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #D9DFED;
padding:5px;
background-color:white;
width:5%;
}
.total_panier {
font-family:Tahoma;
FONT-SIZE: 12pt;
color:white;
border:none;
padding:5px;
background-color:#5D75AD;
}
.end_panier {
border-style-bottom:none;
padding:5px;
}
.reference_panier {
background-color:white;
border:1px solid #D9DFED;
width:60%;
margin:auto;
}
.ref_panier{
font-family:Tahoma;
FONT-SIZE: 9pt;
color:#395189;
font-weight: bold;
text-align:center;
}
#cgv_panier {
background-color:white;
width:60%;
margin:auto;
text-align:right;
}
.action_panier {
background-color:white;
width:60%;
margin:auto;
text-align:center;
}
/****************************** SAISIE RAPIDE ***************/
.titre_saisier{
font-family:Tahoma;
FONT-SIZE: 11pt;
color:#E5E7EA;
text-align:center;
background-color:#5D75AD;
}
.laius_serielle{
font-family:Tahoma;
FONT-SIZE: 9pt;
color:black;
}
.code_serielle {
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004A80;
}
/************************* FICHIER *******************************/
.titre_fichier_right{
background-color:white;
float:left;
width:30%;
height:33px;
}
.position_btfichier{
background-color:white;
}
.position_btfichier2{
background-color:white;
margin-left:252px;
+margin-left:397px;!important;
}
.principal_fichier {
border:3px solid #5D75AD;
}
.texte1_fichier{
font-family:Tahoma;
FONT-SIZE: 9pt;
color:black;
background-color:white;
padding-top:30px;
padding-left:30px;
}
.texte2_fichier{
font-family:Tahoma;
FONT-SIZE: 10pt;
FONT-weight: bold;
color:white;
background-color:#5D75AD;
padding-left:30px;
}
.texte3_fichier{
font-family:Tahoma;
FONT-SIZE: 11pt;
color:black;
}
.elem_choix1_fichier{
padding-left:30px;
background-color:white;
height:20px;
width:150px;
float:left;
}
.elem_choix4_fichier{
padding-left:30px;
background-color:white;
height:20px;
width:150px;
float:left;
}
.elem_choix2_fichier{
background-color:white;
height:20px;
float:left;
}
.elem_choix3_fichier{
background-color:white;
height:20px;
float:left;
font-family:Tahoma;
FONT-SIZE: 11pt;
font-weight:bold;
color:#153b6d;
}
/****************************** SUIVI DILICOM *****************/
.titre_suivi_right{
background-color:red;
float:left;
width:30%;
}
.position_btsuivi{
background-color:pink;
width:100%
}

.text_suivi{
text-align:center;
background-color:white;
font-family:Tahoma;
FONT-SIZE: 9pt;
color:black;
}
.rech_suivi{
text-align:right;
background-color:white;
font-family:Tahoma;
FONT-SIZE: 9pt;
color:black;
float:left;
width:70%;
}
.btrech_suivi{
background-color:white;
float:right;
padding-top:6px;
width:30%;
}
.table_suivi{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_suivi{
background-color:white;
border:1px solid #BCBCBD;
}
.titre_head_suivi {
border:1px solid #BCBCBD;
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
padding:5px;
background-color:#5D75AD;
width:30%;
}
.element_suivi {
text-align:center;
border:1px solid #D9DFED;
font-family:Tahoma;
FONT-SIZE: 8pt;
padding:5px;
background-color:white;
width:30%;
}
/**************************** DETAIL SUIVI DILICOM *******/
.cal_btdtlsuivi{
background-color:white;
float:left;
width:42%;
}
.position_btdtlsuivi{
background-color:white;
width:58%;
float:right;
}
.dtl_dtlsuivi{
background-color: #5D75AD;
width: 50%;
font-family:Tahoma;
FONT-SIZE: 12pt;
float: left;
color:black;
text-align:center;
}
.ref_dtlsuivi{
font-family:Tahoma;
FONT-SIZE: 11pt;
color:white;
font-weight:bold;
}
.nbligne_dtlsuivi{
background-color: #5D75AD;
width: 27%;
font-family:Tahoma;
FONT-SIZE: 11pt;
margin-left:3px;
float: left;
text-align:center;
color:black;
font-weight:bold;
}
.page_dtlsuivi{
background-color: #5D75AD;
margin-left:3px;
font-family:Tahoma;
FONT-SIZE: 11pt;
width: 20%;
float: left;
text-align:center;
color:black;
}

.table_dtlsuivi{
border-collapse:collapse;
width:99%;
margin:auto;
border:1px solid #BCBCBD;
}
.thead_dtlsuivi{
background-color:white;
border:1px solid #BCBCBD;
}

.titre_dtlsuivi {
border:1px solid #BCBCBD;
color:white;
padding:5px;
background-color:#5D75AD;
font-family:Tahoma;
FONT-SIZE: 9pt;
width:50%;
}
.edit_dtlsuivi {
border:1px solid #BCBCBD;
color:white;
padding:5px;
background-color:#5D75AD;
font-family:Tahoma;
FONT-SIZE: 9pt;
width:30%;
}
.prix_dtlsuivi {
border:1px solid #BCBCBD;
color:white;
padding:5px;
background-color:#5D75AD;
font-family:Tahoma;
FONT-SIZE: 9pt;
width:10%;
}
.qte_dtlsuivi {
border:1px solid #BCBCBD;
color:white;
padding:5px;
background-color:#5D75AD;
font-family:Tahoma;
FONT-SIZE: 9pt;
width:10%;
}
.element_titre_dtlsuivi {
border-left:1px solid #BCBCBD;
color:black;
font-family:Tahoma;
FONT-SIZE: 9pt;
}
.element_edit_dtlsuivi {
border-left:1px solid black;
color:black;
font-family:Tahoma;
FONT-SIZE: 9pt;
text-align:center;
}
.element_prix_dtlsuivi {
border-left:1px solid black;
color:black;
font-family:Tahoma;
FONT-SIZE: 9pt;
text-align:center;
}
.element_qte_dtlsuivi {
border-left:1px solid black;
border-right:1px solid #BCBCBD;
color:black;
font-family:Tahoma;
FONT-SIZE: 9pt;
text-align:center;
}
/*************************** CATLOGUE *************************/
.cal_btsuivi{
background-color:white;
float:left;
width:42%;
}
.position_btsuivi{
background-color:white;
width:58%;
float:right;
}
/************************* SUIVI de COMMANDE *********************/

.titre_suivcmd_right{
background-color:white;
float:left;
width:17%;
height:54px;
padding-left:5px;
}
.recherche_suivcmd{
background-color:white;
width:99%;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
}

.ref_suivcmd{
background-color:white;
float:left;
width:20%;
+width:31%!important;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
height:26px;
}
.ean_suivcmd{
background-color:white;
float:left;
width:38%;
+width:31%!important;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
height:26px;
}
.tri_suivcmd{
background-color:white;
float:left;
width:21%;
+width:36%!important;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
height:26;
}
.select_suivcmd{
font-family:Tahoma;
FONT-SIZE: 8pt;
}
.class_suivcmd{
background-color:white;
float:left;
width:27%;
border:1px solid #5D75AD;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
padding-top:50px;
height:43px;
padding-left:5px;
+padding-bottom:12px!important;
}

.table_suivcmd{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_suivcmd{
background-color:white;
border:1px solid #BCBCBD;
}
.titre_head_suivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:5px;
background-color:#5D75AD;
width:30%;
}
.element_suivcmd {
font-family:Verdana;
FONT-SIZE: 8pt;
color:black;
text-align:center;
border:1px solid #BCBCBD;
}
/************************* DETAIL SUIVI de COMMANDE *********************/
#principal_cadre_dtlsuivcmd {
width:99%;
background-color : #FFFFFF;
padding:2px 2px 2px 2px;
border:1px solid #FFFFFF;
height:28%;
}
#principal2_cadre_dtlsuivcmd {
background-color : #FFFFFF;
height:100%;
}

.titre_dtlsuivcmd_right{
background-color:white;
float:left;
width:20%;
height:98 px;
}
.head_dtlsuivcmd{
background-color:white;
float:left;
width:80%;
height:98 px;
}
.table_haut_dtlsuivcmd{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_haut_dtlsuivcmd{
background-color:white;
border:1px solid #BCBCBD;
}
.titre_haut_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:6px;
background-color:#5D75AD;
width:20%;
}
.element_haut_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
color:#38429b;
}
.tfoot_haut_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Tahoma;
FONT-SIZE: 8pt;
}
.tfoot2_haut_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Tahoma;
FONT-SIZE: 9pt;
}
.cadre_dtlsuivcmd{
border:1px solid #5D75AD;
}
.recherche_dtlsuivcmd {
font-family:Tahoma;
FONT-SIZE: 8pt;
color:black;
text-align:center;
width:99%;
display: block;
vorder-style:none;
}

.table_dtlsuivcmd{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_dtlsuivcmd{
background-color:white;
border:1px solid #BCBCBD;
}
.ean_head_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:10%;
}
.qte_head_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:5%;
}
.reflig_head_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:10%;
}
.edit_head_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:15%;
}
.titre_head_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:50%;
}
.statut_head_dtlsuivcmd {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:10%;
}
.element1_dtlsuivcmd {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-left:1px solid #5D75AD;
border-right:1px solid #BCBCBD;
}
.element2_dtlsuivcmd {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-right:1px solid #BCBCBD;
}
.element3_dtlsuivcmd {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-right:1px solid #BCBCBD;
}
.element4_dtlsuivcmd {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-right:1px solid #BCBCBD;
}
.element5_dtlsuivcmd {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-right:1px solid #BCBCBD;
}
.element6_dtlsuivcmd {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-right:1px solid #5D75AD;
}
/************************* SUIVI de NOTE *********************/
.titre_suivnote_right{
background-color:white;
float:left;
width:25%;
height:38px;
padding-left:5px;
}
.recherche_suivnote{
background-color:white;
float:left;
width:70%;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
}
.ean_suivnote{
background-color:white;
float:left;
width:60%;
+width:60%!important;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
}
.tri_suivnote{
background-color:white;
float:left;
width:40%;
+width:40%!important;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
}

.titre1_head_suivnote {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:white;
width:5%;
background-color:#5D75AD;
}
.titre2_head_suivnote {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:white;
width:10%;
background-color:#5D75AD;
}
.titre3_head_suivnote {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:white;
width:15%;
background-color:#5D75AD;
}
.titre4_head_suivnote {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:white;
width:10%;
background-color:#5D75AD;
}
.titre5_head_suivnote {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:white;
width:10%;
background-color:#5D75AD;
}
.titre6_head_suivnote {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:white;
width:10%;
background-color:#5D75AD;
}
.titre7_head_suivnote {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:white;
width:40%;
background-color:#5D75AD;
}
.element1_suivnote {
font-family:Verdana;
FONT-SIZE: 7pt;
color:black;
text-align:center;
border-left:1px solid #BCBCBD;
}
.element2_suivnote {
font-family:Verdana;
FONT-SIZE: 7pt;
color:black;
text-align:center;
border-left:1px solid #BCBCBD;
}
.element3_suivnote {
font-family:Verdana;
FONT-SIZE: 7pt;
color:black;
text-align:center;
border-left:1px solid #BCBCBD;
}
.element4_suivnote {
font-family:Verdana;
FONT-SIZE: 7pt;
color:black;
text-align:center;
border-left:1px solid #BCBCBD;
}
.element5_suivnote {
font-family:Verdana;
FONT-SIZE: 7pt;
color:black;
text-align:center;
border-left:1px solid #BCBCBD;
}
.element6_suivnote {
font-family:Verdana;
FONT-SIZE: 7pt;
color:black;
text-align:center;
border-left:1px solid #BCBCBD;
}
.element7_suivnote {
font-family:Verdana;
FONT-SIZE: 7pt;
color:black;
text-align:center;
border-left:1px solid #BCBCBD;
border-right:1px solid #BCBCBD;
}
/******************************** SITUATION COMPTABLE **************/
.titre_sitcmpt_right{
background-color:white;
float:left;
width:20%;
padding-top:1px;
height:30px;
}
.cadreperso_sitcmpt{
background-color:white;
float:left;
width:79%;
border:1px solid #5D75AD;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
}

.table_perso_sitcmpt{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_perso_sitcmpt{
background-color:white;
}
.titre_perso_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 7pt;
color:white;
background-color:#5D75AD;
width:24%;
text-align:center;
}
.titre2_perso_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 7pt;
color:white;
background-color:#5D75AD;
width:38%;
text-align:center;
}
.titre3_perso_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 7pt;
color:white;
background-color:#5D75AD;
width:38%;
text-align:center;
}
.element_perso_sitcmpt1 {
border:none;
font-family:Verdana;
FONT-SIZE: 6pt;
color:#526da9;
font-weight:600;
width:10%;
}
.element_perso_sitcmpt2 {
border:none;
font-family:Verdana;
FONT-SIZE: 6pt;
color:#526da9;
font-weight:600;
width:1%;
}
.element_perso_sitcmpt3 {
border:none;
font-family:Verdana;
FONT-SIZE: 6pt;
color:#526da9;
font-weight:600;
width:20%;
}
.element_perso_sitcmpt4 {
border:none;
font-family:Verdana;
FONT-SIZE: 6pt;
color:#526da9;
font-weight:600;
width:10%;
}
.element_perso_sitcmpt5 {
border:none;
font-family:Verdana;
FONT-SIZE: 6pt;
color:#526da9;
font-weight:600;
width:20%;
}
.element_perso_sitcmpt6 {
border:none;
font-family:Verdana;
FONT-SIZE: 6pt;
color:#526da9;
font-weight:600;
width:20%;
}
.elementmail_perso_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 6pt;
color:#526da9;
font-weight:600;
}
.cadre_sitcmpt{
background-color:white;
border:1px solid #5D75AD;
}
.trier_sitcmpt{
background-color:white;
float:left;
width:45%;
font-family:Tahoma;
FONT-SIZE: 9pt;
padding-left:10px;
}
.recherche_sitcmpt{
background-color:white;
float:left;
width:53%;
font-family:Tahoma;
FONT-SIZE: 8pt;
color:#004a80;
height:36px;
}
.page_sitcmpt{
background-color:white;
font-family:Tahoma;
FONT-SIZE: 9pt;
color:#004a80;
text-align:center;
}

.table_sitcmpt{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_sitcmpt{
background-color:white;
}
.titre_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 8pt;
color:white;
background-color:#5D75AD;
width:20%;
text-align:center;
}
.titre2_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 8pt;
color:white;
background-color:#5D75AD;
width:20%;
text-align:center;
}
.titre3_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 8pt;
color:white;
background-color:#5D75AD;
width:20%;
text-align:center;
}
.titre4_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 8pt;
color:white;
background-color:#5D75AD;
width:20%;
text-align:center;
}
.titre5_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 8pt;
color:white;
background-color:#5D75AD;
width:20%;
text-align:center;
}
.element_sitcmpt {
border:none;
font-family:Verdana;
FONT-SIZE: 8pt;
color:black;
font-weight:400;
text-align:center;
border-left:1px solid #BCBCBD;
}
/*************************************** RETOUR ***********************/
.titre_head_retour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:5px;
background-color:#5D75AD;
width:20%;
}
.titre2_head_retour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:5px;
background-color:#5D75AD;
width:10%;
}
.titre3_head_retour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:5px;
background-color:#5D75AD;
width:10%;
}
.titre4_head_retour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:5px;
background-color:#5D75AD;
width:15%;
}
.titre5_head_retour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:5px;
background-color:#5D75AD;
width:35%;
}
.titre6_head_retour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 8pt;
font-weight:bold;
color:white;
padding:5px;
background-color:#5D75AD;
width:10%;
}
.element_retour {
font-family:Verdana;
FONT-SIZE: 8pt;
color:black;
text-align:center;
border-right:1px solid #BCBCBD;
}
.element6_retour {
font-family:Verdana;
FONT-SIZE: 8pt;
color:black;
text-align:center;
}
/********************** DETAIL RETOUR ************************/

.table_haut_dtlretour{
border:1px solid #BCBCBD;
/*border:none;*/
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_haut_dtlretour{
background-color:white;
/* border:1px solid #BCBCBD;*/
border:none;
}
.tbody_haut_dtlretour{
background-color:white;
border:1px solid #BCBCBD;
}
.titre_haut_dtlretour{
border:none;
font-family:Verdana;
FONT-SIZE: 7pt;
font-weight:bold;
color:black;
width:25%;
}
.element_haut_dtlretour{
border:none;
font-family:Verdana;
FONT-SIZE: 7pt;
color:#5D75AD;
width:25%;
text-align:left;
}
.element2_haut_dtlretour{
font-family:Verdana;
FONT-SIZE: 7pt;
color:#5D75AD;
text-align:center;
}
.table_dtlretour{
border-collapse:collapse;
width:100%;
margin:auto;
}
.thead_dtlretour{
background-color:white;
border:1px solid #BCBCBD;
}
.ean_dtlretour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:10%;
}
.qte_dtlretour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:5%;
}
.reflig_dtlretour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:10%;
}
.titre_dtlretour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:50%;
}
.motif_dtlretour {
border:1px solid #BCBCBD;
font-family:Verdana;
FONT-SIZE: 9pt;
font-weight:bold;
color:white;
background-color:#5D75AD;
width:10%;
}
.element1_dtlretour {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-left:1px solid #5D75AD;
border-right:1px solid #BCBCBD;
}
.element2_dtlretour {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border-right:1px solid #BCBCBD;
}
.element6_dtlretour {
font-family:Verdana;
FONT-SIZE: 9pt;
color:black;
text-align:center;
border:none;
}
.cadre_dtlretour{
border:1px solid #5D75AD;
width:99%;
}
/******************************************** SURVEILLANCE *******************/
.text_surveille{
text_align:center;
font-family:Tahoma;
FONT-SIZE: 9pt;
color:black;
}
.alert_lien{
width:80%;
text-align:right;
}
/*************************************** ALERTE *************************/
.titre_alerte {
border:1px solid #D9DFED;
font-family:Tahoma;
FONT-SIZE: 8pt;
background-color:white;
width:40%;
text-align:center;
}
.ean_alerte {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #BCBCBD;
background-color:white;
width:15%;
text-align:center;
}
.prix_alerte {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #D9DFED;
background-color:white;
width:10%;
text-align:center;
}
.edit_alerte {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #BCBCBD;
background-color:white;
width:15%;
text-align:center;
}
.ref_alerte {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #BCBCBD;
background-color:white;
width:10%;
text-align:center;
}
.effacer_alerte {
font-family:Tahoma;
FONT-SIZE: 8pt;
border:1px solid #D9DFED;
background-color:white;
width:10%;
text-align:center;
}

/********* texte dans le top **************/
.conteneur {
width:100%;
background-color : #FFFFFF;
}

.txt_top {
    width:100%;
    height:20px;
line-height:17px;
background-color : #FFFFFF;
float:right;
font-family:Calibri;
FONT-SIZE: 11pt;
font-weight: bold;
text-align:center;
color: #000000;
}