/* Correction des largeurs avec box sizing, en % pour s'adapter au conteneur */

	/* Les options gérées ici sont le nombre de produits par ligne en mode mosaic, de 1 a 6 */
		
		/*******************  MODE LIGHT  *******************/
			.bl-list-items li.bl-mode-light.bl-item-1-2,
			.bl-list-products li.bl-mode-light.bl-item-1-2 {
				width: 48% !important;
				width: calc((100% / 2) - 10px) !important;
				width: -webkit-calc((100% / 2) - 10px) !important;
			}

			.bl-list-items li.bl-mode-light.bl-item-1-3,
			.bl-list-products li.bl-mode-light.bl-item-1-3 {
				width: 31.5% !important;
				width: calc((100% / 3) - 10px) !important;
				width: -webkit-calc((100% / 3) - 10px) !important;
			}

			.bl-list-items li.bl-mode-light.bl-item-1-4,
			.bl-list-products li.bl-mode-light.bl-item-1-4 {
				width: 23% !important;
				width: calc((100% / 4) - 10px) !important;
				width: -webkit-calc((100% / 4) - 10px) !important;
			}

			.bl-list-items li.bl-mode-light.bl-item-1-5,
			.bl-list-products li.bl-mode-light.bl-item-1-5 {
				width: 18.5% !important;
				width: calc((100% / 5) - 10px) !important;
				width: -webkit-calc((100% / 5) - 10px) !important;
			}

			.bl-list-items li.bl-mode-light.bl-item-1-6,
			.bl-list-products li.bl-mode-light.bl-item-1-6 {
				width: 15.5% !important;
				width: calc((100% / 6) - 10px) !important;
				width: -webkit-calc((100% / 6) - 10px) !important;
			}

		/******************* MODE MOSAIC  *******************/
			.bl-list-items li.bl-mode-mosaic.bl-item-1-2,
			.bl-list-products li.bl-mode-mosaic.bl-item-1-2 {
				width: 48% !important;
				width: calc((100% / 2) - 4px) !important;
				width: -webkit-calc((100% / 2) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic.bl-item-1-3,
			.bl-list-products li.bl-mode-mosaic.bl-item-1-3 {
				width: 31.5% !important;
				width: calc((100% / 3) - 4px) !important;
				width: -webkit-calc((100% / 3) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic.bl-item-1-4,
			.bl-list-products li.bl-mode-mosaic.bl-item-1-4 {
				width: 23% !important;
				width: calc((100% / 4) - 4px) !important;
				width: -webkit-calc((100% / 4) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic.bl-item-1-5,
			.bl-list-products li.bl-mode-mosaic.bl-item-1-5 {
				width: 18.5% !important;
				width: calc((100% / 5) - 4px) !important;
				width: -webkit-calc((100% / 5) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic.bl-item-1-6,
			.bl-list-products li.bl-mode-mosaic.bl-item-1-6 {
				width: 15.5% !important;
				width: calc((100% / 6) - 4px) !important;
				width: -webkit-calc((100% / 6) - 4px) !important;
			}

		/******************* MODE MOSAIC2 *******************/
			.bl-list-items li.bl-mode-mosaic2.bl-item-1-2,
			.bl-list-products li.bl-mode-mosaic2.bl-item-1-2 {
				width: 48% !important;
				width: calc((100% / 2) - 4px) !important;
				width: -webkit-calc((100% / 2) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic2.bl-item-1-3,
			.bl-list-products li.bl-mode-mosaic2.bl-item-1-3 {
				width: 31.5% !important;
				width: calc((100% / 3) - 4px) !important;
				width: -webkit-calc((100% / 3) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic2.bl-item-1-4,
			.bl-list-products li.bl-mode-mosaic2.bl-item-1-4 {
				width: 23% !important;
				width: calc((100% / 4) - 4px) !important;
				width: -webkit-calc((100% / 4) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic2.bl-item-1-5,
			.bl-list-products li.bl-mode-mosaic2.bl-item-1-5 {
				width: 18.5% !important;
				width: calc((100% / 5) - 4px) !important;
				width: -webkit-calc((100% / 5) - 4px) !important;
			}

			.bl-list-items li.bl-mode-mosaic2.bl-item-1-6,
			.bl-list-products li.bl-mode-mosaic2.bl-item-1-6 {
				width: 15.5% !important;
				width: calc((100% / 6) - 4px) !important;
				width: -webkit-calc((100% / 6) - 4px) !important;
			}

	/******************************************************************/
	/********************* ADAPTATION DES BOUTONS *********************/
	/******************************************************************/

		.bl .bl-list-products li.bl-mode-light .bl-products-more-details,
		.bl .bl-list-products li.bl-mode-light .bl-product-add-to-cart,
		.bl .bl-list-items li.bl-mode-light .bl-products-more-details,
		.bl .bl-list-items li.bl-mode-light .bl-product-add-to-cart,
		.bl .bl-list-products li.bl-mode-list2 .bl-products-more-details,
		.bl .bl-list-products li.bl-mode-list2 .bl-product-add-to-cart,
		.bl .bl-list-items li.bl-mode-list2 .bl-products-more-details,
		.bl .bl-list-items li.bl-mode-list2 .bl-product-add-to-cart,
		.bl .bl-list-products li.bl-mode-mosaic2 .bl-products-more-details,
		.bl .bl-list-products li.bl-mode-mosaic2 .bl-product-add-to-cart,
		.bl .bl-list-items li.bl-mode-mosaic2 .bl-products-more-details,
		.bl .bl-list-items li.bl-mode-mosaic2 .bl-product-add-to-cart {
			height: 25px;
			width: 25px;
		}

	/********************************** IMAGES **********************************/

		.bl .bl-list-products li.bl-mode-light p.bl-item-picture,
		.bl .bl-list-items li.bl-mode-light p.bl-item-picture {
			margin: 7px 3px;
		}

	/********************************** PANIER **********************************/

		.bl-my-cart .bl-my-cart-infos {
			width: 70%;
			width: calc(100% - 90px);
			width: -webkit-calc(100% - 90px);
		}
		.bl-my-cart .bl-my-cart-quantity input[type="text"] {
			height: 25px;
			width: 50px;
		}
		#bl .bl-my-cart #cs-form-element-promotionalCode-promotionalCode input {
			width: 110px;
			height: 25px;
		}

	/****************************** DETAIL PRODUIT ******************************/
	/***************************** miniature images *****************************/



.bl .bl-list-products li.bl-mode-light {
	margin: 0 5px 25px;
}