/* liste des produits */
#categorie-entete {}
#categorie-entete h1{font-size:4em;margin:0 0 20px;color:#ff7800}
#categorie-entete h2{border:none;font-size:1.2em;color:#444444;margin-bottom:20px;text-align:justify}

.products-list-wrapper{display:flex; margin:20px auto;flex-wrap:wrap;}
.products-list {padding:8px;/*width:246px*/;border: 1px solid #FFF;text-align:center}
.products-list:hover{border: 1px solid #DDDDDD;}
.products-list.empty:hover{border: 1px solid transparent;}
.products-list img {}
.products-list ul {list-style:none;}
.products-list ul li a {text-decoration:none;}
.products-list a.button:hover {color:#0000FF;}
.products-list .button.inactive {opacity:0.7}
.products-list ul {margin:8px 0;}	
.products-list ul li {line-height:1.7em;margin-bottom:0.5em;}
.products-list .catalogue-titre {color:#333;display:block;min-height:3.4em}
.products-list .catalogue-titre:hover {color:#111}
@media only screen and (max-width: 1200px) {
	#buyWith .products-list:last-child {display: none;}
}
.top-products {text-align:left;}
.top-products-img{border: 1px solid #FFCC00;margin-right:10px;}
.blue{color:#0000FF}
.wrap{flex-wrap:wrap}

.listMateriel {margin:1em 2em 2px;}
.listMateriel ul{margin-left:15px;}
.listMateriel ul li{margin-bottom:2px;}
.listMateriel ul li a {text-decoration:none;line-height:1.5em}
.listMateriel ul li a:hover {text-decoration:underline;}

.legende ul li {background-position: 0 4px;background-repeat: no-repeat;line-height: 18px;list-style: none outside none;padding: 0 0 0 40px;}
.legendes {border-top: 1px solid #DEDEDE;margin: 30px 0 0;overflow: auto;padding: 10px 0 0;}
.txtPromo {color:#FF0000;}

.pagin li {background-color: #F2F2F2;border: 1px solid #E4E4E4;border-radius: 3px 3px 3px 3px;height: 23px;margin: 0 0 0 3px;list-style: none outside none;}
.pagin li.active {background-color: #999999;}
.pagin li.prevnext {min-width: 34px;}
.pagin li a {display: block;line-height: 23px;text-align: center;padding:0px 7px;color: #000000;text-decoration: none;}
.pagin li.active a {color: #FFFFFF;}
.pagin {overflow:hidden;}

@media only screen and (max-width: 640px) {
	/*#gauche{display:none}*/
	#centre, #centre.centreFull{width:98%}
	.products-list{}
	.products-list-wrapper{justify-content: center;}
	.top-products{flex-direction: column;}
}