/*--------menu categories----------------*/
#menucat { font-size: 1em; display: block; position: relative; top: 0; left: 0; width: 170px; float: left; clear: left; overflow: hidden; margin: 0; padding: 0; }
#menucat ul,li { margin: 0; padding: 0; }
#menucat li { width: 170px; height: auto; margin-top: 0; margin-bottom: 1px; padding: 0; list-style-type: none; display: block; }
/*niveaux
*/
.lev1 { color: white; line-height: 2.2em; background-color: silver; text-indent: 5px; width: 170px; height: 30px; margin: 0; padding: 0; }
.lev1:hover { color: white; line-height: 2.2em; background-color: gray; text-indent: 5px; width: 170px; height: 30px; }
.lev1on { color: white; line-height: 2.2em; background-color: black; text-indent: 5px; margin: 0; padding: 0; width: 170px; height: 30px; }
a.linklev1 { color: white; line-height: 2.2em; text-decoration: none; text-indent: 5px; width: 170px; height: 30px; display: block; }
a.linklev1:hover { color: white; line-height: 2.2em; background-color: gray; text-decoration: none; text-indent: 5px; width: 170px; height: 30px; display: block; }
/**/
.lev2 { color: white; font-size: 0.9em; line-height: 1.4em; background-color: white; text-indent: 5px; width: 170px; }
.lev2:hover { color: white; line-height: 1.4em; background-color: white; text-indent: 5px; width: 170px; }
a.linklev2 { color: gray; line-height: 1.4em; text-decoration: none; display: block; }
a.linklev2:hover { color: black; line-height: 1.4em; text-decoration: none; }
/**/
.lev3 { color: white; font-size: 0.9em; line-height: 1.4em; background-color: white; text-indent: 15px; width: 170px; }
.lev3:hover { color: white; line-height: 1.4em; background-color: white; text-indent: 15px; width: 170px; }
a.linklev3 { color: black; line-height: 1.4em; text-decoration: none; display: block; }
a.linklev3:hover { color: black; line-height: 1.4em; text-decoration: underline; }
/*------- tri -----------------------*/
#tri { color: gray; position: relative; top: 0; left: 0; width: 550px; height: 32px; float: left; clear: both; margin: 0 0 20px; padding: 0; border: solid 1px; display: block; }
.tribugie6 { margin: 0; padding: 0; }
/*-------push-------------------*/
#push { color: gray; font-size: 0.8em; display: block; margin: 0 0 20px; padding: 0; width: 550px; height: auto; float: left; clear: both; border: solid 1px; }
#push h1 { color: white; font-size: 2em; background-color: #808080; margin: 0 0 0.3em; padding-left: 10px; }
#push p { font-size: 1em; padding: 10px; }
#push a { color: gray; text-decoration: none; }
#push a:hover { color: black; text-decoration: none; }
/*/////// Affichage categories ///////////////////////////*/
/*------wrapper-----------------*/
#wrapper { background-image: url(../_img/fdwrapper.gif); background-repeat: repeat-y; position: relative; top: 0; left: 0; width: 100%; float: left; clear: both; margin: 0; padding: 5px 0; border-bottom: 1px solid silver; display: block; }
/*-------colcat-------------------*/
.linkcolcat { cursor: pointer; }
.linkcolcatover { background-color: #e1e1e1; border-style: solid; border-width: 1px; }
a.linkcat { color: gray; font-size: 1.3em; text-decoration: none; text-align: center; }
a.linkcat:hover { color: black; text-decoration: none; text-align: center; }
/**/
#colcat { color: gray; font-size: 0.85em; text-align: left; text-indent: 0; width: 360px; float: left; clear: left; margin: 0; padding: 0; display: block; }
#colcat h1 { font-size: 13px; font-weight: bold; padding: 0 0 5px; border-width: 0; }
#colcat p { text-align: left; text-indent: 0; margin: 0; padding: 5px 5px 5px 0; }
/*-------colcat2-------------------*/
#colcat2 { color: gray; font-size: 1em; text-align: center; width: 175px; height: 180px; float: left; margin: 0 0 0 10px; padding: 0; display: block; }
#colcat2 p { text-align: center; margin: 0; padding: 5px; }
/*-------colcat3-------------------*/
#colcat3 { color: gray; font-size: 0.85em; text-align: left; text-indent: 0; width: 360px; float: right; clear: right; margin: 0; padding: 0; display: block; }
#colcat3 h1 { font-size: 13px; font-weight: bold; padding: 0 0 5px; border-width: 0; }
#colcat3 p { text-align: left; text-indent: 0; margin: 0; padding: 5px 5px 5px 0; }
/*/////// AFFICHAGE LISTE PRODUITS  /////////////////////////////*/
/*-------push produits-------------------*/
#pushproduit { color: gray; font-size: 0.8em; width: 550px; height: auto; float: left; clear: both; margin: 0 0 20px; padding: 0; border: solid 1px; display: block; }
#pushproduit h1 { color: white; font-size: 1.8em; background-color: #808080; margin: 0 0 0.3em; padding-left: 10px; }
#pushproduit p { font-size: 1em; padding: 10px; }
#pushproduit a { color: gray; text-decoration: none; }
#pushproduit a:hover { color: black; text-decoration: none; }
/*-- affichage produit --*/
.produit { text-align: left; position: relative; top: 0; left: 0; width: 100%; height: auto; float: left; clear: both; margin: 0 0 10px; padding: 5px 0; display: block; }
.produit h1 { font-size: 1.3em; text-indent: 0; margin: 0 0 5px; padding: 0; border-width: 0; }
.colprodimg { font-size: 0.8em; position: relative; top: 0; left: 0; width: 140px; height: auto; float: left; clear: left; display: block; }
.colprodtxt { font-size: 0.9em; text-align: left; position: relative; top: 0; right: 0; width: 205px; height: auto; float: right; clear: right; margin: 0; padding: 0; display: block; }
.colprodtxt a { color: black; text-decoration: none; text-align: left; }
.colprodtxt p { text-align: left; margin: 0; padding: 0; }
.colprodtxt a:hover { text-decoration: none; }
.colprix { text-align: center; position: relative; top: 0; right: 0; width: 100px; height: 100%; float: right; clear: both; display: block; }
/**/
.prix { color: white; font-size: 16px; font-weight: bold; background-color: red; padding-right: 5px; padding-left: 5px; }
.prixold { color: gray; text-decoration: line-through; }
/**/
/*///////// DETAIL  PRODUIT ////////////////////*/
#detailproduit { font-size: 0.85em; width: 100%; padding-top: 20px; }
#detailproduit h1 { font-size: 1.2em; text-indent: 0; width: 100%; height: auto; margin: 0.5em 0 1.6em; padding-top: 2px; padding-bottom: 2px; padding-left: 0; border-width: 0; }
/**/
#detailgauche { text-align: left; position: relative; top: 0; left: 0; width: 300px; float: left; clear: left; margin-bottom: 20px; display: block; }
#detailgauche a { color: gray; }
/**/
#detaildroite { position: relative; top: 0; right: 0; width: 400px; float: right; clear: right; margin-bottom: 20px; padding-bottom: 10px; display: block; }
#detaildroite h1 { color: gray; text-indent: 0; margin: 0; padding: 0 0 10px; }
#detaildroite p { margin: 0; padding: 0 0 5px; }
/**/
#caracteristiques { width: 550px; float: left; clear: both; border: solid 1px silver; display: block; }
#caracteristiques h1 { width: 100%; height: auto; margin: 5px 0 10px; padding: 0; border-style: none; border-width: 0; }
#caracteristiques p { font-size: 0.8em; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.class { }
#ajoutpanier { }
/*-spe----------------*/
.mini { margin: 0 5px 0 0; padding: 0 0 10px; border-width: 0; }
/* paging */
.produit a { color: gray; text-decoration: none; position: relative; width: 300px; height: 15px; float: left; clear: both; margin: 0 0 3px 20px; padding: 0 0 5px; border-bottom: 1px dotted gray; display: block; }
.produit a:hover { color: white; background-color: gray; text-decoration: none; border-bottom: 1px solid black; }
.paging { font-size: 11px; text-align: center; position: relative; top: 10px; clear: both; margin-bottom: 10px; padding-top: 0; display: block; }

.paging a { color: gray; text-decoration: none; }
.paging a:hover { color: black; text-decoration: none; }
.paging span { font-weight: bold; color:#ffffff; background-color: gray; }	

/* affichage des r?sultats de la recherche */
#resultats_recherche a {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	
}