/* Listes */
	dl, ul.list, ol {
	margin-bottom:0.5rem;	
	}
	dt {
	font-size:1.2rem;
	padding-bottom: .2rem;
	margin-bottom:.4rem;
	border-bottom:1px solid #e0e0e0;
	text-transform: uppercase;
	color: #8cd6ef;
	}
	dd {
	margin-bottom:1.5rem;
	}

	ul.list li {
	padding-left: 1rem;
	position: relative;	
	}
		ul.list li:after {
		content: '';
		display: block;
		width: 0.5rem;
		height:0.5rem;
		background:#8cd6ef;	
		position: absolute;
		top:0.35rem;
		left:0;
		}	
	/* Liste produits */
	.products-list {
	margin:0.5rem 0 ;
	list-style-type: none;
	}
		.products-list > li {
		margin-bottom:0.5rem;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		transition: all 0.2s;
		border:2px solid #fff;
		padding:1.5rem;
		background:rgba(14, 101, 145, 1);
		background: #3b3b3b;
		}
		.products-list > li:hover {
		box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
		background:#4c4c4c;
		background:rgba(14, 101, 145, 1);
		border-color: #fff;
		}
			.products-list > li a {
			flex: 0 0 32%;
			display: block;
			height: auto;
			box-sizing: border-box;
			}
			.products-list > li .product-descr {
			flex: 0 0 65%;
			display: block;
			height: auto;
			box-sizing: border-box;
			transition: all 0.2s;
			color:#aeb7b9;
			font-size:0.8rem;
			line-height: 0.95rem;
			}
			.products-list > li:nth-child(even) a {
			order: 2;
			}
			.products-list > li:nth-child(even) .product-descr {
			order: 1;
			}
				.products-list > li a img {
				display: block;
				position: relative;
				z-index:1;
				border:2px solid #444;
				transition: all 0.2s;
				}
				.products-list > li:hover a img {
				/*border-color: #0e7489;*/
				}
				.products-list > li a:before {
				content: '';
				display: block;
				position: absolute;
				top:0; left:0; right:0;
				height: 20%;
				background: url(../images/header.svg) no-repeat;
				background-size: auto 100%;
				background-position: top left;
				z-index:0;
				opacity:0.4;
				}
				.products-list > li a:after  {
				content: '';
				display: block;
				position: absolute;
				top:0; bottom:0; left:0; right:0;
				z-index:2;
				}
				.products-list > li:nth-child(even) a:before {
				}
				.products-list > li:nth-child(odd) a:before {
				transform: rotate(180deg) ;
				}
				.products-list > li .product-descr h3 {
				border: none;
				padding-bottom:0.2rem;
				margin-bottom:0.5rem;
				}
				.products-list > li:hover .product-descr {
				color: #F0F6FA;
				}
		
	
	/* Listes images */
	.list-img {	
	font-size:0;
	}
		.list-img li {	
		margin:0 1.25% 0.15rem 0;
		display: inline-block;
		font-size: 1rem;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#505a5c+0,40484a+100 */
		background: rgb(117,117,117); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(92, 92, 92, 1) 0%, rgba(36,36,36,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(92, 92, 92, 1) 0%,rgba(36,36,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(92, 92, 92, 1) 0%,rgba(36,36,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#40484a',GradientType=0 ); /* IE6-9 */
		}
			.list-img li a {	
			display:block;
			border:2px solid #686868;
			transition: all .2s;
			}
			.list-img li a:hover {	
			display:block;
			border-color: #0192d5;
			}
				.list-img li a img {	
				display:block;
				width: 100%;
				height: auto;
				/*min-width:100px;*/
				}
		/* Liste 2 items */
		.list-2 li {	
		width: 48%;
		}
		/* Liste 3 items */
		.list-3 li {	
		width: 32%;
		}
		.list-3 li:nth-child(3), .list-3 li:nth-child(6), .list-3 li:nth-child(9)  {	
		margin-right: 0;
		}
		/* Liste 4 items */
		.list-4 li {	
		width: 24%;
		}
		.list-4 li:nth-child(4), .list-4 li:nth-child(8), .list-4 li:nth-child(12)  {	
		margin-right: 0;
		}
		/* Liste 5 items */
		.list-5 li {	
		width: 19%;
		}
		.list-5 li:nth-child(5), .list-5 li:nth-child(10), .list-5 li:nth-child(15)  {	
		margin-right: 0;
		}
		/* Liste 6 items */
		.list-6 li {	
		width: 15.5%;
		}
		.list-6 li:nth-child(6), .list-6 li:nth-child(12), .list-6 li:nth-child(18)  {	
		margin-right: 0;
		}