article #table_produit{
	clear: both;
	margin-top: 0px;
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
   border-collapse: separate;
}
article #table_produit td{ vertical-align: top; }
#test {
	background-color: red;
	color:  black;
	
}
/* ------------------------------------------------------------------------------------------------------------------------ */
#ariane ol{
	list-style: none;
	margin: 0px;
	
	
	
}
#ariane ol li{
	float: left;
	margin-right: 10px;
}
article #selection,#data{
	display: inline-block;
	vertical-align: top;
}
article #selection{ width: 190px; padding: 4px; border: solid 1px #ebebeb; }
article #selection .titre{ font-size: 1.2em; color: black; font-weight: bold; text-transform: uppercase; }
article #selection .soustitre{ font-size: 0.8em; margin-top: 20px; margin-bottom: 5px; border-bottom: solid 1px #ebebeb; text-transform: uppercase; padding-bottom: 2px; font-size: 1.2em; color: black; }
article #selection .box{ margin: 3px; max-height: 300px; overflow: auto; }
article #selection .box ul { margin: 0px; padding: 0px; font-size: 1em; }
article #selection .box ul li { cursor: pointer; line-height: 20px; }
article #selection .noUiSlider{ margin-top: 20px; width: 150px; margin-left: 20px; }
article #selection .boxprix{ margin-top: 10px; width: 170px; text-align: center; margin-bottom: 15px; }
article #selection .boxprix .borneprix{ display: inline; }
article #selection .boxtaille{ float: left; display: table-cell; width: 21px; height: 20px; padding: 3px; overflow: hidden; font-size: 1.1em; border: solid 1px #c1c1c1; text-align: center; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; cursor: pointer; }
article #selection .boxtaille.select{ background-color: gray; color: white; }
article #selection .rappel{ color: #666666; font-weight: bold; background-color: #efefef; margin-top: 10px; }
article #selection .rappel .texte{ float: left; padding: 3px; cursor: pointer; }
article #selection .rappel .texte:hover{ text-decoration: line-through; }
article #selection .rappel .suppr{ float: left; width: 15px; cursor: pointer; padding-top: 4px; }

/* ------------------------------------------------------------------------------------------------------------------------ */
article #data{	width: 790px;}
article #data .format{ background-color: #efefef; padding: 5px; border: solid 1px #ebebeb; min-height: 20px; width: 100%; width: 780px; }
article #data .format .numerotation{ text-align: center; }
article #data .format .page{ border: solid 1px gray; width: 27px; text-align: center; float: left; font-size: 1.3em; margin-left: 7px; padding-top: 2px; padding-bottom: 4px; vertical-align: middle; background-color: white; cursor: pointer; cursor: pointer; }
article #data .format .encours{ background-color: gray; color: white; }
article .format .bloc{ margin-right: 20px; font-size: 1em; }
article .format h1{ font-size: 1.5em; text-transform: uppercase; margin-bottom: 5px; }
article .format select{ font-size: 1em; }
article .format .compteur{ color: gray; margin-top: 3px; }

article .produits .box { width: 244px; height: 290px;  border: solid 1px #ebebeb; float: left; margin-right: 5px; margin-left: 6px; margin-top: 8px; padding: 3px; }
article .produits .box h2{ font-size: 1.3em; text-align: center; color: black;   height: 56px;}
article .produits .box h2 a { color: black; }
article .produits .box .image{
	text-align: center;
	width: 245px;
	height: 190px;
	vertical-align: middle;
	display: table-cell;
	
}
article .produits .box img{ max-width: 225px; max-height: 180px;   }

article .produits .box .prix{ height: 20px; margin-top: 5px; }
article .produits .box .prix .prixmkn{ float: right; text-align: left; margin-right: 25px;  font-weight: bold; font-size: 1.5em; }
article .produits .box .prix .prixmagasin{ margin-top: 5px; color: gray; float: left; text-decoration: line-through; font-size: 1.1em; text-align: right; margin-left: 25px; }
article .produits .box .taille{  width: 100%; margin-bottom: 0px; color: #acacac; text-align: center; }
article .produits .box .prix .normal {
	color: #2c3b4f;
}

#nondispo{ font-size: 28px; color: #c1c1c1; text-align: center; margin-top: 150px; }

.solde_box{position: absolute; margin-left: 29px; margin-top: -7px; }
.solde_couleur{ color: #2c3b4f ; background-color: white; }

.bandeauHautGauche{position: absolute; margin-left: 0px; margin-top: 55px; }


.solde_couleur a { color: #2c3b4f; background-color: white }
#presentation_marque{
	margin-top: 20px;
	text-align: justify;
	padding: 3px;
	border-top: solid 1px #ebebeb;
	
}

/* debut du mobile  ------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:800px) 
{
	#lesselecteurs{ display: none; }
	
	article #selection{ padding-right: 0px; padding-left: 0px; width: 99%; }
	article #selection .titre{ font-size: 18px; display: inline-block; }
	
	article #selection #titrefiltre{ cursor: pointer; }
	article #data .format{ width: 99%; padding-right: 0px; padding-left: 0px; }

	article #data { width: 100%; }
	article .produits .box{ width: 47%; overflow: hidden; height: 310px;  padding: 0px; margin-left: 2px; margin-right: 2px;}
	article .produits .box .image{ width: 100%; text-align: center;  }
	article .produits .box .image img{ width: 95%; }
}