.etiquettesParRub{
text-align:center;
padding-top:55px;
padding-bottom:85px;
}

.etiquettesParRub > .titre1{padding-bottom:20px;}

.etiquettesParRub article{
margin-top:20px;
display:flex;
}

.etiquettesParRub article .ti{
width:calc(100% / 6);
padding:30px 15px;
border-top:5px solid #fff;
border-bottom:5px solid #fff;
display:flex;
flex-flow:column;
justify-content:center;
}

.etiquettesParRub article .liste{
flex:1;
display:flex;
flex-flow:row wrap;
border-bottom:5px solid #fff;
position:relative;
}

.etiquettesParRub article .liste:after{
content:'';
background-color:#fff;
flex:1;
}

.etiquettesParRub article .liste li{
border-top:5px solid #fff;
border-left:5px solid #fff;
width:20%;
display:flex;
flex-flow:column;
justify-content:center;
transition:all .3s;
}

.etiquettesParRub article .liste li:hover{background-color:#fff;}

.etiquettesParRub article .liste li a, .etiquettesParRub article .liste li span{
padding:30px 15px;
word-break:break-word;
}

.etiquettesParRub > .bt{margin-top:80px;}

@media screen and (max-width:1380px){
.etiquettesParRub article .ti{width:calc(100% / 5);}

.etiquettesParRub article .liste li{width:25%;}
}

@media screen and (max-width:1180px){
.etiquettesParRub article .ti{
width:calc(100% / 4);
padding:15px;
}

.etiquettesParRub article .liste li{width:calc(100% / 3);}

.etiquettesParRub article .liste li a, .etiquettesParRub article .liste li span{padding:15px;}

.etiquettesParRub{padding-bottom:50px;}

.etiquettesParRub > .bt{margin-top:50px;}
}

@media screen and (max-width:780px){
.etiquettesParRub article{flex-flow:column;}

.etiquettesParRub article .ti{
width:100%;
border-top:none;
border-bottom:none;
}

.etiquettesParRub article .liste{
width:calc(100% + 10px);
left:-5px;
}

.etiquettesParRub article .liste li{width:50%;}
}

@media screen and (max-width:360px){
.etiquettesParRub article .liste li{width:100%;}
}