.category_home {

margin-top: 24px;

overflow: hidden;

    width: 100%;

}



.category_home p

{margin-left: 20px;

margin-bottom: 25px;}



.category_home p.title_block{

	margin-left: 0;

}



.category_home li {

width: 200px;

background: url("https://www.rentree-cool.fr/themes/classic/assets/images/etablissement-scolaire.png"); 

height: 200px; 

margin-bottom: 20px;

padding-top: 70px;

text-align: center;

font-weight: bold;

text-transform: uppercase;



}

.category_home li a {

  font-size: 0.8rem;

}

.category_home li a.bt-liste{

  color: white;

  position: absolute;

  top: 165px;

  left: 20px;

}



.category_home .cat_left{

	display: block;

	width: 75%;

	float: left;

	position: relative;

}



.category_home .col-md-3 .cat_left{

	width: 100%

}



.category_home .cat_right{

	width: 25%;

	float: left;

}



.category_home .cat_left img {

margin-top: 7px;}



.low_price{

	position: absolute;

	bottom: 10px;

	padding: 12px 16px;

}



.homecategory_descr{

	padding-top: 14px;

}





#homecategory{

	clear: both;

}



.category_image img {

	width: 100%;

}



#tabcategories img.img-responsive{

    float: left;

    width: 33%;	

}



#tabcategories .low_price{

    top: 10px;

    bottom: auto;	

}



#tabcategories .subcat{

	margin-bottom: 14px;

}



#filtersubcat {

  border: none;

  background: #fff; }

  @media (min-width: 768px) {

    #filtersubcat {

      padding: 10px 0;

      margin: 0 0 0 -18px; } }

  #filtersubcat > li {

    margin-bottom: 0; }

    @media (min-width: 991px) {

      #filtersubcat > li {

        border-left: 1px solid #d6d4d4;

        margin: 0 0px 0 9px;

        padding: 0 0px 0 9px; } }

    @media (max-width: 479px) {

      #filtersubcat > li {

        width: 100%; } }

    #filtersubcat > li a {

      font: 600 21px/24px "Open Sans", sans-serif;

      color: #555454;

      text-transform: uppercase;

      border: none;

      outline: none;

      margin: 0;

      padding: 10px; }

      @media (min-width: 768px) {

        #filtersubcat > li a {

          padding: 1px 10px; } }

      @media (min-width: 768px) and (max-width: 991px) {

        #filtersubcat > li a {

          padding: 10px 10px; } }

    #filtersubcat > li:first-child {

      border: none; }

  #filtersubcat > li.active a,

  #filtersubcat > li a:hover {

    background: #333;

    color: #fff;

    padding: 10px; }

    @media (min-width: 768px) {

      #filtersubcat > li.active a,

      #filtersubcat > li a:hover {

        margin: -9px 0; } }

    @media (min-width: 768px) and (max-width: 991px) {

      #filtersubcat > li.active a,

      #filtersubcat > li a:hover {

        margin: 0px 0; } }