.produits-section{
	text-align: justify;
	display:table;
}

.produits-cont{
	padding:60px 70px;
}

.produits-img{
	width:300px;
	height:100%;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
}
#produits-tete .produits-img{background-image:url(../img/protection-tete-1.jpg);}
#produits-yeux .produits-img{background-image:url(../img/protection-yeux-1.jpg);}
#produits-auditive .produits-img{background-image:url(../img/protection-auditive-1.jpg);}
#produits-respiratoire .produits-img{background-image:url(../img/protection-respiratoire-1.jpg);}
#produits-corps .produits-img{background-image:url(../img/protection-corps-1.jpg);}
#produits-antichute .produits-img{background-image:url(../img/protection-antichute-1.jpg);}
#produits-mains .produits-img{background-image:url(../img/protection-mains-1.jpg);}
#produits-pieds .produits-img{background-image:url(../img/protection-pieds-1.jpg);}
#produits-hygiene .produits-img{background-image:url(../img/protection-hygiene-1.jpg);}
#produits-securite .produits-img{background-image:url(../img/protection-securite-1.jpg);}

#produits-tete 			{border-right:8px solid #db3838;}
#produits-yeux 			{border-right:8px solid #f4992c;}
#produits-auditive 		{border-right:8px solid #edba29;}
#produits-respiratoire 	{border-right:8px solid #b2c225;}
#produits-corps 		{border-right:8px solid #35bc5b;}
#produits-antichute 	{border-right:8px solid #35b5bc;}
#produits-mains 		{border-right:8px solid #40a4d8;}
#produits-pieds 		{border-right:8px solid #6683d3;}
#produits-hygiene 		{border-right:8px solid #a363d9;}
#produits-securite 		{border-right:8px solid #ed66d4;}

#produits-tete 			h1::after {background: #db3838;}
#produits-yeux 			h1::after {background: #f4992c;}
#produits-auditive 		h1::after {background: #edba29;}
#produits-respiratoire 	h1::after {background: #b2c225;}
#produits-corps 		h1::after {background: #35bc5b;}
#produits-antichute 	h1::after {background: #35b5bc;}
#produits-mains 		h1::after {background: #40a4d8;}
#produits-pieds 		h1::after {background: #6683d3;}
#produits-hygiene 		h1::after {background: #a363d9;}
#produits-securite 		h1::after {background: #ed66d4;}

.produits-section ul{
	list-style: square inside;
	padding-left: 2em;
}

.produits-section i{
	color: #888;
}

/* FRISE */
#frise-gammes{
	height:64px;
	width:100%;
	position:fixed;
	top:138px;
	left:0;
	z-index:990;
}
.header-small #frise-gammes{
	height:56px;
	top:52px;
}
#frise-gammes .frise-gammes-picto{
	height:100%;
	width:10%;
	float:left;
	background-position:center center;
	background-size:36px auto;
	background-repeat:no-repeat;
	transition:all .3s;
	border:4px solid #eeeeee;
}
#frise-gammes .frise-gammes-picto:hover{
	background-size:48px auto;
	background-color:#444;
}

#produits-tete{
	margin-top:110px;
}

.frise-gammes-picto-1{background-color:#db3838; background-image:url("../img/picto_01.svg");}
.frise-gammes-picto-2{background-color:#f4992c; background-image:url("../img/picto_02.svg");}
.frise-gammes-picto-3{background-color:#edba29; background-image:url("../img/picto_03.svg");}
.frise-gammes-picto-4{background-color:#b2c225; background-image:url("../img/picto_04.svg");}
.frise-gammes-picto-5{background-color:#35bc5b; background-image:url("../img/picto_05.svg");}
.frise-gammes-picto-6{background-color:#35b5bc; background-image:url("../img/picto_06.svg");}
.frise-gammes-picto-7{background-color:#40a4d8; background-image:url("../img/picto_07.svg");}
.frise-gammes-picto-8{background-color:#6683d3; background-image:url("../img/picto_08.svg");}
.frise-gammes-picto-9{background-color:#a363d9; background-image:url("../img/picto_09.svg");}
.frise-gammes-picto-10{background-color:#ed66d4; background-image:url("../img/picto_10.svg");}

@media (max-width: 1023px) {
	.produits-section{
		text-align: justify;
		display:block;
		margin-left:46px;
	}
	.produits-section h1{
		text-align: left;
	}

	.produits-cont{
		padding:40px 24px;
		margin-bottom:40px;
	}

	.produits-img{
		width:100%;
		height:250px;
		display:block;
	}
	#frise-gammes{
		top:85px;
		width:auto;
	}
	.header-small #frise-gammes{
		top:40px;
	}
	#frise-gammes .frise-gammes-picto{
		background-size:26px auto;
		border:1px solid #eeeeee;
		clear:both;
		float:none;
		height:calc( (100vh - 85px) / 10 );
		width:46px;
	}
	.header-small #frise-gammes .frise-gammes-picto{
		height:calc( (100vh - 40px) / 10 );
	}
	#produits-tete{
		margin-top:20px;
	}
}