#corps .menu-listing-navigation,
#corps .menu-listing-criteres
{
	background-color: #DDDDDD;
	color: inherit;
	/*margin: 1em 8px;*/
	/*margin-left: 8px; 	margin-right: 8px;*/
	border: 1px solid #DDDDDD;
	padding: 0px 4px;
}

#corps .menu-listing-navigation		{ margin: 0em 8px; }
#corps .menu-listing-criteres		{ margin: 2px 8px 0em 8px; }

#corps .menu-listing-navigation *,
#corps .menu-listing-criteres *
	{ margin: 0px; padding: 0px; }

#corps .menu-listing-navigation .liste-nb-articles-par-page,
#corps .menu-listing-navigation .liste-n-pages
	{ width: 5em; }

#corps .menu-listing-navigation .nav-page-debut,
#corps .menu-listing-navigation .nav-page-precedente,
#corps .menu-listing-navigation .nav-page-suivante,
#corps .menu-listing-navigation .nav-page-fin
{
	border: 0px none black;
	background-color: transparent;
	color: black;

	display: block;
	width: 2em;
	margin: 0px 0.2em;
	text-align: center;
	letter-spacing: -0.3em;
}
#corps .menu-listing-navigation .bouton-inactif	{ color: gray; margin-top: 1px; }

#corps .menu-listing-navigation div.left		{ float: left; }	/* pour forcer l'alignement */
#corps .menu-listing-navigation div.right		{ float: right; }	/* pour forcer l'alignement */

#corps .menu-listing-navigation p				{ float: left; }
#corps .menu-listing-navigation p.dernier		{ float: right; }
#corps .menu-listing-navigation p.marge-haute	{ margin-top: 0.3em; }

#corps .menu-listing-criteres p					{ float: left; }	/* FF3 */

#corps .menu-listing-criteres .liste-echelles-criteres,
#corps .menu-listing-criteres .liste-themes-criteres,
#corps .menu-listing-criteres .liste-marques-criteres,
#corps .menu-listing-criteres .liste-fabricants-criteres
{
	float: left;
	width: 175px;
	margin: 0px 0.2em;
}

#corps .menu-listing-criteres .submit-criteres
{
	border: 1px solid black;
	background-color: white;
	color: black;

	margin-left: 1em;
	margin-top: 1px;
	width: 4em;
}

.corps-listing
{
	/*border: 1px dashed red;*/
	/*width: 100%;	/*95%*/
	/*margin: 1em auto;*/
	margin: 1em 8px;
}

.grand-listing,
.petit-listing,
.grand-article #colonne-article,	/* cas particulier : uniquement l'article, pas les indications supplémentaires */
.moyen-article,
.petit-article
{
	font-size: 0.7em;
	line-height: 1.2em;

	text-align: left;
	text-decoration: none;

	background-color: inherit;
	color: black;
}



/* Le lien des articles */
.lien-article
{
	display: block;
	width: 100%;
	text-decoration: none;

	background-color: inherit;
	color: black;
}
.bloc-2 .lien-article	{ color: #555555; }



.reference-article
{
	background-color: inherit;
	color: #555555;
	font-weight: bold;
}

.marque
{
	font-weight: bold;
}

/* Le prix internet. */
.prix-vente,
.montant-total
{
	background-color: inherit;
	color: red;
	/*font-weight: bold;*/
	text-decoration: none;
}
.grand-listing .prix-vente,
.grand-article .prix-vente,
.moyen-article .prix-vente
{
	font-size: 160%;
	/*font-size: 120%;*/
	/*font-weight: bold;*/
}

/* Le prix magasin. */
.prix-reference
{
	background-color: inherit;
	color: black;
	/*font-weight: normal;*/
	/*text-decoration: line-through;*/
}
.grand-listing .prix-reference,
.grand-article .prix-reference,
.moyen-article .prix-reference
{
	font-size: 120%;
	/*font-weight: bold;*/
}

.grand-panier
{
	/*margin: 2px 0px 0px 0px;*/
	margin: 0px;
	padding: 7px 0px 2px 22px;

	background: white url("../images/commande/panier-bordeau-grand.gif") no-repeat 0px 50%;
	color: #7b1b27;
	border: 0px none white;

	text-align: left;
	vertical-align: middle;
	text-decoration: underline;
	cursor: pointer;
}
.grand-article .grand-panier,
.moyen-article .grand-panier
	{ font-size: 120%; }

.grand-listing .grand-panier
	{ font-size: 100%; }

img.bordure
{
	border: 1px solid gray;
	display: block;
}

div.pictogramme
{
	display: block;
	width: 21px;
	height: 17px;

	/*overflow: visible;*/
	/*border: 1px solid red;*/
	position: relative;
	/*float: left;			/* pour IE6 */

	background: url("../images/listings/pictogramme-photos.gif") no-repeat;
	cursor: pointer;
}
.grand-listing div.pictogramme		{ top: -27px; left: 188px; }
.moyen-article div.pictogramme		{ top: -26px; left: 223px; }







/* Les listings. */

/* TEST */
/***/
/*
.bloc-0		{ border: 1px solid red; background-color: #FFDDDD; }
.bloc-1		{ border: 1px solid yellow; background-color: #FFFFCC; }
.bloc-2		{ border: 1px solid green; background-color: #DDFFDD; }
.bloc-3		{ border: 1px solid blue; background-color: #DDDDFF; }
.bloc-4		{ border: 1px solid grey; background-color: #DDDDDD; }
*/
/***/
/* TEST */

.grand-listing .bloc-2,
.grand-article .bloc-2,
.moyen-article .bloc-2
{
	color: #555555;
	font-size: 80%;
	line-height: normal;
}

.grand-article .bloc-4,
.moyen-article .bloc-4
	{ line-height: normal; }

.bloc-4 .stock
{
	font-weight: bold;
	color: green;
	background-color: #CCFFCC;
	padding: 4px;
}

.bloc-4 .precommande
{
	font-weight: bold;
	color : #FF6600;
	background-color: #FFDD99;
}

.bloc-1,
.bloc-3
	{ color: black; }





/* Le petit article. */
.petit-article						{ margin: 3px; }

.petit-article .bloc-1				{ min-height: 4.8em; }
* html body .petit-article .bloc-1	{ height: 4.8em; }

.petit-article .bloc-2				{ min-height: 1.2em; }
* html body .petit-article .bloc-2	{ height: 1.2em; }

.petit-article .prix-vente			{ float: right; }
.petit-article .reference-article	{ float: left; }



/* Le moyen article */
.moyen-article						{ margin: 3px; }

.moyen-article .bloc-1				{ min-height: 3.6em; }
* html body .moyen-article .bloc-1	{ height: 3.6em; }

.moyen-article .bloc-2				{ min-height: 3.6em; }
* html body .moyen-article .bloc-2	{ height: 3.6em; }

.moyen-article .bloc-3				{ min-height: 4.8em; margin-top: 1em; }
* html body .moyen-article .bloc-3	{ height: 4.8em; }

.moyen-article .bloc-4				{ min-height: 3.6em; margin-top: 0.4em; }
* html body .moyen-article .bloc-4	{ height: 3.6em; }

.moyen-article .bloc-4 .stock		{ font-size: 2em; }
.moyen-article .bloc-4 .precommande	{ font-size: 1.3em; }





/* Le grand article. */
.grand-article						{ margin: 3px; }

.grand-article #colonne-article			{ width: 400px; float: left; }
.grand-article #colonne-indication		{ width: 345px; float: right; margin-right: 15px; }
.grand-article #colonne-indication p	{ width: 330px; overflow: hidden; }

.grand-article .bloc-0
{
	width: 400px;
	border-bottom: 1px solid white;
	margin-bottom: 1em;
}

.grand-article .bloc-0 img
{
	/*display: block;*/
	float: left;

	margin: 4px 4px 0px 0px;
	/*border: 1px solid gray;*/
}

.grand-article .bloc-0 *
{
	margin: 0px;
	padding: 0px;
}

.grand-article .bloc-0 img#visualisation	{  }
.grand-article .bloc-0 img.vignette			{ width: auto; height: 30px; }

.grand-article .bloc-1				{ min-height: 3.6em; }
* html body .grand-article .bloc-1	{ height: 3.6em; }

.grand-article .bloc-2				{ min-height: 3.6em; }
* html body .grand-article .bloc-2	{ height: 3.6em; }

.grand-article .bloc-3				{ min-height: 4.8em; margin-top: 1em; }
* html body .grand-article .bloc-3	{ height: 4.8em; }

.grand-article .bloc-1,
.grand-article .bloc-2,
.grand-article .bloc-3
{
	float: left;
	width: 270px;			/* 60% = 240px */
}

.grand-article .bloc-4
{
	float: right;
	width: 125px;			/* 40% = 160px */
}

.grand-article .bloc-4 .stock		{ font-size: 2em; }
.grand-article .bloc-4 .precommande	{ font-size: 1.3em; }





/* Le petit listing. */
.petit-listing						{ margin: 0px; }
.petit-listing td					{ vertical-align: top; color: black; }

thead th, tfoot th
{
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 0px;
	background-color: #333333; color: white;
	color: white;
}

tr.ligne-0					{ background-color: white; color: inherit; }
tr.ligne-1					{ background-color: #DDDDDD; color: inherit; }
tr.derniere-ligne td		{ border-bottom: 2px solid #333333; }

.petit-listing td.marque, th.titre-marque						{ width: 10%; padding-left: 1px; text-align: left; }
.petit-listing td.modele, th.titre-modele						{ width: 22%; padding-left: 1px; text-align: left; }
.petit-listing td.designation, th.titre-designation				{ width: 20%; padding-left: 1px; text-align: left; }
.petit-listing td.echelle, th.titre-echelle						{ width: 5%; padding-left: 1px; text-align: left; }
.petit-listing td.fabricant, th.titre-fabricant					{ width: 19%; padding-left: 1px; text-align: left; }
.petit-listing td.photo, th.titre-photo							{ width: 3%; text-align: center; }
.petit-listing td.categorie, th.titre-categorie					{ width: 25px; padding: 2px 1px 0px; text-align: center; }	/*3%*/
.petit-listing td.reference-article, th.titre-reference-article	{ width: 8%; padding-right: 1px; text-align: right; }
.petit-listing td.prix-vente, th.titre-prix-vente				{ width: 8%; padding-right: 1px; text-align: right; }
.petit-listing td.quantite, th.titre-quantite					{ width: 9%; padding-right: 1px; text-align: right; }
.petit-listing td.panier, th.titre-panier						{ width: 2%; padding-top: 1px; text-align: left; }
.petit-listing td.montant-total, th.titre-montant-total			{ width: 2%; /*padding-top: 1px;*/ padding-right: 1px; text-align: right; }

.petit-listing td.photo img								{ display: block; }
.petit-listing td.quantite input.quantite				{ width: 2em; }
.petit-listing td.quantite input.submit-quantite		{ }





/* Le grand listing. */
.grand-listing						{ margin: 0px; }
.grand-listing .grand-panier
	{ width: 140px; }			/* Pour éviter le débordement. */

.grand-listing .bloc-1,
.grand-listing .bloc-2,
.grand-listing .bloc-3
	{ width: 160px; }

.grand-listing .bloc-0
{
	width: 220px; height: 162px;
	text-align: center;
	margin: 1em 2px 1em 0px;
	overflow: hidden;
}
.grand-listing .bloc-0 img			{ /*width: 215px; width: auto;*/ height: 160px; display: inline; }

.grand-listing .bloc-1				{ min-height: 6.0em; margin-top: 1em; }
* html body .grand-listing .bloc-1	{ height: 6.0em; }

.grand-listing .bloc-2				{ min-height: 3.6em; /*4.8em*/ }
* html body .grand-listing .bloc-2	{ height: 3.6em; /*4.8em*/ }

.grand-listing .bloc-3				{ min-height: 4.8em; margin-top: 1em; }
* html body .grand-listing .bloc-3	{ height: 4.8em; }