body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(img/bg_body.jpg) no-repeat left top;


}

.ssrub { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #336633; text-decoration: none}
.ssrubss { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF6600; text-decoration: none }
a.ssrubss:hover {text-decoration: none; color: #669933; font-size: 11px; font-weight: bold}

.navtext { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FF6600; text-decoration: none }
a.navtext:hover { text-decoration: none; color: #FF9900; }

.titre { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #336633; text-decoration: none }
a.titre:hover { text-decoration: none; color: #FF6600; }

.titre2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #336633; text-decoration: none }
a.titre2:hover { text-decoration: none; color: #FF6600; }

.texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  text-align: justify;}
.sstexte { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2E5A2E; text-align: justify; }

.footer { font-size: 10px; color: #FC7C04; }

.ssrubselect { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0000CC; text-decoration: underline}
a.ssrubselect:hover { color: #FF9900;; font-size: 12px; font-weight: bold}

.accsigna { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #9999FF; text-decoration: none }
.accCopie { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; text-decoration: none }

.gamme { font-weight: bold; color: #336633 }
a.gamme:hover { color: #FF6600; }
.gammesel { font-weight: bold; color: #FF6600 }
a.gammesel:hover { color: #336633; }

.sousgamme { font-size: 12px; font-weight: bold; color: #FF9900 }
a.sousgamme:hover { color: #FF6600; }
.sousgammesel { font-size: 12px; font-weight: bold; color: #FF6600 }
a.sousgammesel:hover { color: #FF9900; }


.type { font-size: 12px; font-weight: bold; color: #669933 }
a.type:hover { color: #FF6600; }
.typesel { font-size: 12px; font-weight: bold; color: #FF6600 }
a.typesel:hover { color: #669933; }

.nomproduit { font-size: 12px; font-weight: bold; color: #669933 }

td.ref, td.refb { border-bottom: solid 1px #669933; border-right: solid 1px #669933; font-size: 11px;}
td.refb { font-weight: bold; color: #FF6600;}
table.ref { border-top: solid 1px #669933; border-left: solid 1px #669933; }
table.cat { border-left: solid 1px #669933; }

ul.menu2006, ul.menu2006 li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.menu2006 li a {
	display: block;
	width: 130px;
	height: 21px;	
	padding-left: 45px;
	text-decoration: none;
	color: #CA3100;
	font-weight: bold;
	background: url(img/puce_menu2006.gif) no-repeat 10px 2px;
}

ul.menu2006 li a:hover, ul.menu2006 li a.select {
	background: url(img/puce_menu2006.gif) no-repeat 10px -23px;
	color: #629E0B;
}

/* STYLES DU CATALOGUE */
.catalogue {
	width: 400px;
	float:right;
}
.catalogue p {
	padding:0;
	margin:0px 0 2px 0;
}
.catalogue a {
	padding:2px 0px 2px 20px;
	color:#758F4D;
	text-decoration:none;
	font-weight:bold;
	/*background: url(img/logo-pdf.gif) no-repeat left top;*/
	background: url(img/logo-pdf.gif) no-repeat left 2px;
}
.catalogue a:hover {
	color:#FF9900;
	text-decoration:none;
}
.catalogue h2 {
	width: 400px;
	height:17px;
	padding:0;
	margin:0 0 20px 0;
	font-size:10px;
	text-indent:-9000px;
	background: url(img/titres-h2-tous-nos-produits.gif) no-repeat left top;
}
.catalogue h3 {
	padding: 0 0 2px 18px;
	margin:10px 0 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold; 
	color: #CA3100; 
	text-decoration: none;
	
}
.catalogue h3.beaux-arts { background: url(img/index_puce_beaux_arts.gif) no-repeat left 2px;}
.catalogue h3.colles { background: url(img/index_puce_colle.gif) no-repeat left 2px;}
.catalogue h3.decoration { background: url(img/index_puce_decoration.gif) no-repeat left 2px;}
.catalogue h3.ebenisterie { background: url(img/index_puce_ebenisterie.gif) no-repeat left 2px;}
.catalogue h3.enduits { background: url(img/index_puce_enduits.gif) no-repeat left 2px;}
.catalogue h3.entretien { background: url(img/index_puce_entretien.gif) no-repeat left 2px;}
.catalogue h3.outillage { background: url(img/index_puce_outillage.gif) no-repeat left 2px;}
.catalogue h3.papier-peint { background: url(img/index_puce_papier_peint.gif) no-repeat left 2px;}
.catalogue h3.pigments { background: url(img/index_puce_pigments.gif) no-repeat left 2px;}
.catalogue h3.revetement { background: url(img/index_puce_revetements.gif) no-repeat left 2px;}
.catalogue h3.vitrerie { background: url(img/index_puce_vitrerie.gif) no-repeat left 2px;}

/* CLASS DE LA PAGE LIENS */

.lien h2 {
	width: 400px;
	height:17px;
	padding:0;
	margin:10px 0 0px 0;
	font-size:10px;
	text-indent:-9000px;
}

.lien h2.batiment {
	background: url(img/h2-liens-utiles-batiment.gif) no-repeat left top;
}
.lien h2.beaux-arts {
	background: url(img/h2-liens-utiles-beaux-arts.gif) no-repeat left top;
}

.lien ul {
	padding:5px 5px 5px 20px;
	margin:0;
}
.lien a {
	padding: 0 0 0 20px;
	margin:0;
	background: url(img/droiteh.gif) no-repeat left 2px;
	list-style:none;
	font-weight:bold;
	color:#CA3100;
	text-decoration:none;
}
.lien a:hover {
	color:#758F4D;
}

.lien img {
	float:right;
	width:100px;
	height:auto;
	padding:0;
	margin: 0px 15px 5px 15px;
}
.lien p {
	padding: 2px 5px 2px 20px;
	margin:0;
}
.lien li {
	padding:0;
	margin:5px 0;
	list-style:none;
	}