a.entete:link{color: #339900;text-decoration: none;}a.entete:visited{color: #993333;text-decoration: none;}a.entete:hover{color: #FFFFFF;text-decoration: underline;}a.listeFamille:link{color: #000066;text-decoration: none;}a.listeFamille:visited{color: #669966;text-decoration: underline;}a.listeFamille:hover{color: #993300;text-decoration: underline;}a.listeFamillesParentes:link{color: #669933;text-decoration: none;}a.listeFamillesParentes:visited{color: #669933;text-decoration: none;}a.listeFamillesParentes:hover{color: #003333;text-decoration: underline;}a.menu:link{color: #339900;text-decoration: none;}a.menu:visited{color: #339900;text-decoration: none;}a.menu:hover{color: #339900;text-decoration: underline overline;}a.principal:link{color: #339933;text-decoration: none;}a.principal:visited{color: #993300;text-decoration: none;}a.principal:hover{color: #339900;text-decoration: overline;}

div.entete{
	margin-bottom:2px;
	width: 100%;
	height: 108px;
	color: #009933;
background-color: #FFFFF0;
background-image: url("images/onglets/debutOngletAfterSelected.gif");
background-position: 0px 0px;
background-repeat: no-repeat;
}

div.logo{
	position: absolute;
}

img.logo{
	
}

table.popup{
	border: 2px solid blue;
	background-color: #FFFFFF;
}

th.popup{
}

td.popup{
}

table.identification{
	
}

th.identification{
	height:15px;
	font-size: smaller;
	text-align: left;
	color: #000000;
background-image: url("images/bg-identification.gif");
background-position: 100% 0%;
background-repeat: no-repeat;
}

td.identification{
	height:15px;
	font-size: smaller;
	text-align: left;
	color: #33D1FF;
}

td.deconnexion{
	height:15px;
	font-size: smaller;
	text-align: right;
	color: #33D1FF;
}


input.identification{
	height:17px;
	border: solid 1px #808080;
	font-size: 10px;
}

input.quantite{
	text-align: right;
}

input.obligatoire{
	border: solid 1px orange;
}

table.panier{
	
}

th.panier{
	height:15px;
	font-size: smaller;
	text-align: left;
	color: #FFFFFF;
background-color: #009933;
}

td.panier{
	height:15px;
	font-size: smaller;
	text-align: left;
	color: #33D1FF;
}

select.panier{
	height:17px;
	border: solid 1px #808080;
	font-size: 10px;
}

div.apercuPanier{
	position:absolute;
	right: 3px;
	width:200px;
	color:#315A18;
	background-color: #FFFFFF;
	border: 1px solid black;
	z-index: 10;
	display: none;
}

div.apercuPanierMover{
	position:absolute;
	display: block;
	height:100%;
	width:100%;
	cursor:pointer;
}

span#enteteApercuPanier{
	font-size: larger;
	display: none;
}

tr.apercuPanier{
	vertical-align: top;
	font-size: smaller;
}

td.apercuPanierLibelle{
}

td.apercuPanierQuantite{
	white-space: nowrap;
}

td.apercuPanierPrix{
	font-weight: bold;
	text-align: right;
}

td.apercuPanierTotal{
	font-weight: bold;
	text-align: right;
}

table.entete{
	border-spacing:0;
	border-collapse: collapse;
}

div.onglets{
	width: 100%;
	text-align: center;
	
}

div.recherche{
	width: 100%;
	color: #FFFFFF;
background-color: #FFFFFF;
background-image: url("images/fondRecherche.jpg");
background-position: 0px 0px;
background-repeat: repeat-x;
	
	height: 30px;
	
	border: solid 1px #808080;
	margin-bottom: 2px;
	
	text-align: center;
}

td.recherche{
	height: 10px;
	vertical-align: top;
}

div.menu{
	float: left;
	width: 17%;
	color: #FAF0E6;
background-color: #D3D3D3;
	
	margin-right: 2px;
	overflow: hidden;
}

div.main{
	position: relative;
	margin-left:17%;
	overflow-x: auto;
	color: #999999;
background-color: #FFFFFF;
	
}

div.administration{
	position: relative;
	overflow-x: auto;
	border: solid 1px #808080;
	padding: 5px 5px 5px 5px;
		
}

div.espaceClient{
	position: relative;
	float: right;
	width:82%;
	overflow-x: hidden;
	color: #009933;
	
}

div.societe{
	position: relative;
	overflow-x: auto;
	border: solid 1px #808080;
	padding: 5px 5px 5px 5px;
		
}

div.divers{
	position: relative;
	overflow-x: auto;
	border: solid 1px #808080;
	padding: 5px 5px 5px 5px;
}

div.validationPanier{
	border: solid 1px #808080;
	position: relative;
	float: right;
	width:82%;
	overflow-x: auto;
	}

div.entete_categorie{
	border: solid 1px #808080;
	height:120px;
	
	color: #FF3333;
background-image: url("images/bg_entete_categorie.jpg");
background-position: 0px 0px;
background-repeat: repeat-y;
	
	overflow: hidden;
}

table.entete_categorie{
	font-size:40px;
	border-collapse: collapse;
}


img.entete_categorie{
	height: 120px;
	vertical-align:middle;
}

th.cadre_accueil{
		
	
	text-align: left;
	padding-left: 25px;	
}

td.cadre_accueil{
	border: solid 1px #808080;
	background-color: #FFFFF0;
	
}

span.cadreAccueil_prixHT{
	color: red;
	font-size: larger;
	font-weight: bold;
	text-align: right;
	white-space:nowrap;
}

span.cadreAccueil_prixTTC{
	color: red;
	font-size: larger;
	font-weight: bold;
	white-space:nowrap;
}

tr.cadreAccueilListeArticles_odd{
	background-color: #94D9EF;
	
}

tr.cadreAccueilListeArticles_even{
	background-color: #ACC4D7;
	

}


table.menu{
 width: 50px;
 border: 1px;
 border-spacing: 0px;
 text-align: left;
}

td.ligneArticle_vignette{
	text-align: center;	
}

td.ligneArticle{
	border-bottom: dotted 1px #808080;
}

span.ligneArticle_infoStock{
	font-style: italic;
	font-size: smaller;
}

span.ligneArticle_libelle{
	font-weight: bold;
}

span.ligneArticle_libelle2{
	font-size: smaller;
	font-weight: bold;
}

span.ligneArticle_codeProduit{
	font-size: smaller;
	font-style: italic;
}
span.ligneArticle_genCode{
	font-size: smaller;
	font-style: italic;
}
span.ligneArticle_unite{
	color: black;
	font-size: medium;
	font-weight: normal;
	text-align: right;
}

span.ligneArticle_prixHT{
	white-space:nowrap;
	color: red;
	font-size: larger;
	font-weight: bold;
	text-align: right;
	margin-left: 30px;
}

span.ligneArticle_prixTTC{
	white-space:nowrap;
	color: red;
	font-size: larger;
	font-weight: bold;
	margin-left: 30px;
}

span.ligneArticle_qteConv{
	white-space:nowrap;
	color:grey;
	font-size:smaller;
	font-style:italic;
}

span.ficheArticle_lienFamille{
	white-space:nowrap;
}

span.rechercheArticle_lienFamille{
	white-space:nowrap;
	color:grey;
	font-size:smaller;
}

a.rechercheArticle_lienFamille{
	color:grey;
	text-decoration:none;
}

a:hover.rechercheArticle_lienFamille{
	color:blue;
	text-decoration:underline;
}

td.ficheArticle_entete{
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

table.ficheArticle_infoSup{
	width: 50%;
	margin-left: 50px;
}

th.ficheArticle_infoSup{
	border: 1px solid black;
	background-color: #94D9EF;
}

td.ficheArticle_infoSup{
	text-align: right;
	border: 1px solid black;
}

table.comparaisonArticle{
	 border-collapse: collapse;
}

tr.comparaisonArticleOdd{
	background-color: #77A7FF;
}

tr.comparaisonArticleEven{
	background-color: #FFFFFF;
}

td.comparaisonArticle{
	border-right : 1px dotted #808080;
	padding-left: 2px;
}

th.comparaisonArticle{
	border-right : 1px dotted #808080;
	text-align: left;
	padding-right: 5px;
	white-space: nowrap;
}


td.menu-nom-rubrique{
    border: 1px solid #AAAAAA;
    color: #0066CC;
background-color: #FFFFFF;
    height:23px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
    padding-left: 10px;
}

/* MENU RUBRIQUE */

td.menu-rubrique{
    vertical-align:middle;
    height:15px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    padding-left: 15px;
  	padding-top: 3px;
  	padding-bottom: 4px;
  	color: #330033;
}

span.prix{
	color: #FF0000;
	font-size: 25px;
	text-align: right;
}

table.produit_panier{
}

th.produit_panier{
	border: 1px solid #AAAAAA;
	white-space: nowrap;
}

td.produit_panier_noWrap{
	border: 1px solid #AAAAAA;
	white-space: nowrap;
}

td.produit_panier{
	border: 1px solid #AAAAAA;
}

td.produit_panier_smaller{
	font-size: smaller;
	font-style: italic;
	border: 1px solid #AAAAAA;
}

span.produit_panier_prix{
	color: red;
	font-size: larger;
	font-weight: bold;
	text-align: right;
}

span.produit_panier_qteConv{
	white-space:nowrap;
	color:grey;
	font-size:smaller;
	font-style:italic;
}

td.enteteValidation{
    border: 1px solid #AAAAAA;
    color: #003399;
background-color: #41912b;
    height:23px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
    padding-left: 10px;
}

td.etapeValidation{
    vertical-align:middle;
    height:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#A8AAA9;
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 4px;
    background-image: url("images/puce_validation.gif");
background-position: 3px 0px;
background-repeat: no-repeat;
}

td.etapeValidationEnCours{
    vertical-align:middle;
    height:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FF962D;
    font-weight:bold;
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 4px;
    color: #FF962D;
background-image: url("images/puce_validation.gif");
background-position: 3px 0px;
background-repeat: no-repeat;
}

td.etapeValidation2{
    vertical-align:middle;
    height:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
    padding-left: 25px;
  	padding-top: 3px;
  	padding-bottom: 4px;
		 color: #FFFFFF;
background-image: url("images/puce_validation2.gif");
background-position: 3px 0px;
background-repeat: no-repeat;
}

td.rubrique_validation{
}

td.sousRubrique_validation{
	padding-left: 30px;
}

td.sousRubrique{
	padding-left: 30px;
}

td.borderHautGauche {	
	background-repeat:no-repeat;
	background-image: url(images/border/hautGauche.gif);
	background-position: 100% 100%;
	width: 5px;
	height: 5px;
}

td.borderHautDroite {
	background-repeat:no-repeat;
	background-image: url(images/border/hautDroite.gif);
	background-position: 100% 100%;
	width: 5px;
	height: 5px;
}

td.borderGauche {
	background-repeat:repeat-y;
	background-image: url(images/border/gauche.gif);
	background-position: 0px 0px;
	width: 5px;
}

td.borderHaut {
	background-repeat:repeat-x;
	background-image: url(images/border/haut.gif);
	background-position: 100% 100%;
	height: 5px;
}

td.borderBasGauche {
	background-repeat:no-repeat;
	background-image: url(images/border/basGauche.gif);
	background-position: 0px 0px;
	width: 5px;
	height: 5px;
}

td.borderBasDroite {
	background-repeat:no-repeat;
	background-image: url(images/border/basDroite.gif);
	background-position: 0px 0px;
	width: 5px;
	height: 5px;
}

td.borderDroite {
	background-repeat:repeat-y;
	background-image: url(images/border/droite.gif);
	background-position: 0px 0px;
	width: 5px;
}

td.borderBas {
	background-repeat:repeat-x;
	background-image: url(images/border/bas.gif);
	background-position: 0px 0px;
	height: 5px;
	color: #FF0000;
}

td.borderMain {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

span.borderTitle {
	margin-left : 10px;
	padding-left: 2px;
	padding-right: 2px;	
	background-color: #FFFFFF;
	
	font-size: x-large;
}

tr.entete_colonne_article{
}

td.client_suivi1{
	vertical-align: top;
	}

td.client_suivi2{
	vertical-align: top;
	text-align: right;
		border-bottom: dotted 1px #808080;
}



div.firstOngletSelected{
	background-image: url("images/onglets/debutFirstOngletSelected.gif");
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline;
	padding-left: 8px;
	font-size: 24px;
}

div.firstOnglet{
	background-image: url("images/onglets/debutFirstOnglet.gif");
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline;
	padding-left: 8px;
	font-size: 24px;
}

div.ongletSelected{
	background-image: url("images/onglets/debutOngletSelected.gif");
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline;
	padding-left: 22px;
	font-size: 24px;
}

div.onglet{
	background-image: url("images/onglets/debutOnglet.gif");
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline;
	padding-left: 22px;
	font-size: 24px;
}

div.ongletAfterSelected{
	background-image: url("images/onglets/debutOngletAfterSelected.gif");
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline;
	padding-left: 22px;
	font-size: 24px;
}

div.finOnglet{
	background-image: url("images/onglets/finOnglet.gif");
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline;
	padding-right: 32px;
	font-size: 24px;
}

div.finOngletSelected{
	background-image: url("images/onglets/finOngletSelected.gif");
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:inline;
	padding-right: 32px;
	font-size: 24px;
}


a.onglet{
	background-image: url("images/onglets/corpsOnglet.gif");
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-decoration: none;
	color: #ACC4D7;
}

a.onglet:hover{
	background-image: url("images/onglets/corpsOnglet.gif");
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-decoration: none;
	color: #FFFFFF;
}

a.ongletSelected{
	background-image: url("images/onglets/corpsOngletSelected.gif");
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-decoration: none;
	color: #000000;
}

th.admin{
	border: 1px solid black;
	background-color: #BCBCBC;
}

td.admin{
	border: 1px solid black;
	text-align : center;
	vertical-align : middle;
}

th.admin2{
	border: 1px solid black;
	background-color: #BCBCBC;
	text-align : left;
}

td.admin2{
	border: 1px solid black;
	text-align : left;
	vertical-align : middle;
}

td.adminListe{
	border: 1px solid black;
	text-align : left;
	vertical-align : middle;
}

tr.adminListe:hover{
	background-color : #81ACCD;
}


span.lienAdministration{
	font-style: italic;
	font-size: medium;
}

tr.log_info{
	background-color:#B0FFB0;
}

tr.log_warning{
	background-color:#FFB76F;
}

tr.log_error{
	background-color:#FF5340;
}

ul.directory {
	list-style-type: none;
	padding-left : 0px;
}

li.dir_entete{
	padding-left:20px;
	background-image: url("images/directory.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

li.dir_content{
	padding-left:30px;
	background-image: url("images/file.gif");
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

li.dir_content2{
	padding-left:30px;
	background-image: url("images/file2.gif");
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

th.info{
	border: 1px solid #AAAAAA;
}

td.info{
	border: 1px solid #AAAAAA;
	white-space: nowrap;
}

td.info2{
	border: 1px solid #AAAAAA;
	white-space: nowrap;
	text-align:right;
}