@charset "UTF-8";
@media all
{
	#liste-produit { width:100%; margin-bottom:0.5em; }
	#liste-produit td { padding:0.5em 0.3em; vertical-align:top; border-bottom:#ccc 2px solid; }
	#liste-produit td.image { width:150px; }

	#liste-produit td.prix { vertical-align: middle; width: 210px; padding: 0; }
	#liste-produit td.prix a { display:block; padding:5px 0; }
	#liste-produit td.prix div { font-size:20pt; font-weight:bold; text-align:center; display:block; }
	#liste-produit td.prix .old-prix-box { font-size:12pt; }
	#liste-produit td.prix .price-percent { padding:0.2em 0.3em; margin:7px 0; font-size:18pt; letter-spacing:auto; display:inline-block; }
	#liste-produit td.prix .disponibilite { font-size:11pt; color:#f51005; display:block; }

	#liste-produit .flash-timer { float:right; width:185px; background:#e8a902 url(../images/icons/flash-logo.png) no-repeat 5px center; padding:10px 0 10px 38px; text-align:left; }

	#liste-produit h3 { margin:0; }
	#liste-produit a { font-size:11pt; font-family:Arial; color:#006FAA; }
	#liste-produit h3 a { font-size:17px; color:#06213E; font-family:tahoma; }
	/*#liste-produit input { border: #36499E 1px solid; }*/

	#list-menu { height:60px; font-size:9pt; background:#FFF url('images/trieur-fleche.jpg') no-repeat 60px 34px; }

	#list-menu ul#menu-content { margin:0; padding:0; overflow:hidden; }
	#list-menu ul#menu-content li { margin-left:0; list-style-type:none; }

	.listing-bar { font-size:9pt; color:#FFF; line-height:1.3em; }
	.listing-bar div { float:left; }
	.listing-bar div, #list-menu ul#menu-content { background:url(images/trieur-fond-noir.jpg) repeat; padding:0.5em 0.3em 0.3em 0.5em; height:24px; }
	.listing-bar div.count { background:url(images/trieur-fond-bleu.jpg) repeat; width:150px; font-size:14px; }

	#list-menu ul#menu-content { padding:0.2em 0.3em 0.7em 0.5em; }

	.pagination { font-weight:bold; padding-top:0.3em; font-size:14px; background-color:#000; color:#FFF; }
	.pagination a { text-decoration:none; color:#FFF; }
	.pagination span { background-color:#e4c752; display:inline-block; color:#000; padding:0 0.4em; }

	li.selectionItemSep { display:none; }

	/*Classe des onglets titres de chaque liste déroulante*/
	li.selectionItem { width:152px; height:31px; float:left; list-style-type:none; margin-left:0; margin-right:10px; }

	li.item-off, li.item-on, li.item-over { background:transparent url('images/fleche.png') no-repeat 126px 3px; }
	li.item-on, li.item-over { background-image:url('images/fleche-on.png'); }

	/*Classe du contenu titre de chaque Onglet*/
	span.selectItemTitle {
		display:block;
		padding:0;
		margin:3px 25px 0 1px;
		height:23px;
		font-size:small;
		font-weight:bold;
		color:#223962;
		text-align:center;
		line-height:23px;
		overflow:hidden;
		background:#FFF url('images/gauche.png') no-repeat 0 0; padding-left:11px; 
	}
	li.item-over span.selectItemTitle, 
	li.item-on span.selectItemTitle { color:#0C2647; }
	li.item-on span.selectItemTitle { font-size:x-small; }

	/*Classe de la liste déroulante (quand elle est affichée via le javascript)*/
	li.selectionItem ul{
		display:none;
		position:absolute;
		z-index:20;
		margin:0 0 0 11px;
		padding:0;
		background-color:#000;
		background-color:rgba(0,0,0,0.8);
		~background-color:#000;

		border:1px solid #000;
	}
	li.selectionItem ul ul { background-color:transparent; }
	li.selectionItem ul li { list-style-type:none; padding:0; margin:0; font-size:x-small; }

	/*Classes permettant de désigner les liens de la liste déroulante*/
	li.selectionItem a { display:block; text-decoration:none; padding:5px; border-bottom:1px solid #000; }
	li.selectionItem a:link, li.selectionItem a:visited { color:#FFF; }
	li.selectionItem a:hover { color:#FFF; background-color:#223962; }

	/*Permet d'afficher sur 2 colonnes (Pb sous IE6, voir pour remplacer par un tableau)*/
	li.selectionItem table ul { position:relative; display:block; border:0; }

	li.selectionItem table td { vertical-align:top; }

	li.selectionItem table td.more { border-left:1px solid #D8F17F; }

	/*Pour IE*/
	.selectionItemSpacer { width:140px; border:0; }
}