#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 .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;
}




/* Spécificité pour tous les types de listings. */
.grand-listing,
.petit-listing,
.grand-article,
.moyen-article,
.petit-article
{
	/*
	font-size: 0.7em;
	line-height: 1.2em;
	*/

	text-align: left;
	text-decoration: none;
}
.petit-listing
{
	line-height: 1.2em;
	font-size: 0.7em;
}

.bloc-2
	{ font-size: 0.8em; padding-left: 8px; }



/* Le lien des articles */
/*
#corps .grand-listing .lien-article,
#corps .petit-listing .lien-article,
#corps .grand-article .lien-article,
#corps .moyen-article .lien-article,
#corps .petit-article .lien-article
{
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
	display: block;
}
*/

#corps .lien-article:link,
#corps .lien-article:hover,
#corps .lien-article:active,
#corps .lien-article:visited,
#infos .lien-article:link,
#infos .lien-article:hover,
#infos .lien-article:active,
#infos .lien-article:visited
{
	text-decoration: none;
	background-color: inherit;
	display: block;
}

#corps .grand-listing p .lien-article,
#infos .grand-listing p .lien-article,
#corps .petit-article p .lien-article,
#infos .petit-article p .lien-article
{
	color: #444444;
	font-weight: inherit;
}

.grand-listing h2 .lien-article,
.petit-article h2 .lien-article
{
	color: red;
	font-weight: bold;
}

#infos h2 .lien-article
	{ font-size: 0.8em; margin: 0.7em 4px 0.5em 4px; }





.identifiant-article
	{ font-weight: bold; }

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

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

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

	background: white url("../images/commande/panier-bleu-grand.gif") no-repeat 0px 50%;
	color: #004494;		/* #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%; }
*/

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

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

	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;*/ left: 128px; }
.moyen-article div.pictogramme		{ top: -27px; /*left: 223px;*/ left: 163px; }







/* 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; }
/* TEST */





/* 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 .prix-vente			{ float: right; }
.petit-article .identifiant-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: 4.8em; }
* html body .moyen-article .bloc-2	{ height: 4.8em; }





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

.grand-article .bloc-0
{
	width: 300px;
	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: 4.8em; }
* html body .grand-article .bloc-2	{ height: 4.8em; }





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

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.photo, th.titre-photo							{ width: 3%; text-align: center; }
.petit-listing td.photo img										{ display: block; }

.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.identifiant-article, th.titre-identifiant-article		{ width: 10%; padding-right: 3px; text-align: right; }	/*8%*/
.petit-listing td.designation-article, th.titre-designation-article		{ width: 65%; padding-left: 1px; text-align: left; }	/*8%*/

.petit-listing td.prix-vente, th.titre-prix-vente				{ width: 10%; padding-right: 1px; text-align: right; }			/*8%*/
.petit-listing td.quantite, th.titre-quantite					{ width: 15%; padding-right: 1px; text-align: right; }			/*9%*/
.petit-listing td.panier, th.titre-panier						{ width: 2%; padding-top: 1px; text-align: left; }				/*2%*/
.petit-listing td.montant-total, th.titre-montant-total			{ width: 10%; /*padding-top: 1px;*/ padding-right: 1px; text-align: right; }	/*2%*/

.petit-listing td.quantite input.quantite				{ width: 2em; }
.petit-listing td.quantite input.submit-quantite		{ }





/* Le grand listing. */
.grand-listing						{ margin: 0px; }

.grand-listing .bloc-1
	{ width: 580px; }

.grand-listing .bloc-0
{
	width: 160px; height: 220px;
	text-align: center;
	margin: 1em 2px 1em 0px;
	overflow: hidden;
}
.grand-listing .bloc-0 img
{
	/*height: 212px;		/* 424px <=> 100%, 212px <=> 50% */		
	width: 150px;			/* taille image 300 x 424px */
	display: inline;
}

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

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