/* small screen ~960px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  #pageIndexContent { display: flex; }
  #sidebarRight { flex: 0 1 auto; width: 30%; min-width: 28rem; }
  #maincontent { flex: 1 1 auto; width: 70%; }
}

@media all and (min-width:48em){.navbar .nav .dropdown:hover a span.ico-rotate{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.navbar .dropdown:hover .dropdown-menu{visibility:visible}.navbar .dropdown:hover .dropdown-menu li:first-child{margin-top:0}.navbar .dropdown:hover .dropdown-menu li:not(:first-child){margin-top:0}}
.listOutputContainer { width: 100%; max-width: 38rem; margin: 0 auto; }
@media all and (min-width: 34em) {
  .listOutputContainer { width: 48%; margin: 0; }
}
@media all and (min-width: 50em) {
  .listOutputContainer { width: 32%; }
}
@media all and (min-width: 60em) {
  .listOutputContainer { width: 48%; }
}
@media all and (min-width: 75em) {
  .listOutputContainer { width: 32%; }
}
.listOutputFeaturedContainer { width: 100%; max-width: 38rem; margin: 0 auto; }
@media all and (min-width: 32em) {
  .listOutputFeaturedContainer { width: 48%; margin: 0; }
}
@media all and (min-width: 56em) {
  .listOutputFeaturedContainer { width: 32%; }
}
@media all and (min-width: 70em) {
  .listOutputFeaturedContainer { width: 24%; }
}
.listCategorieOutputContainer { width: 100%; max-width: 58.5rem; margin: 0 auto; }
@media all and (min-width: 46em) {
  .listCategorieOutputContainer { width: 48%; margin: 0; }
}