/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/*Colonnes du module texte personnalisé*/

.col-1 {
  float: left;
  width: 33.33%;
  padding: 0;
}
.col-1 img {

	width:110%;
	display:block;
	margin:auto;
}
.col-2 {
  float: left;
  width: 33.33%;
  padding: 0;
}
.col-2 img {
	padding-top: 2rem;
	width:110%;
	/*max-width:300px;*/
	display:block;
	margin:auto;
}
.col-3 {
  float: left;
  width: 33.33%;
  padding: 0;
}
.col-3 img {
	padding-top: 4rem;
	width:110%;
	/*max-width:300px;*/
	display:block;
	margin:auto;
}
/* image categorie */
.block-category-inner {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.block-category .block-category-inner .category-cover img {
    width: 100%;
    max width:600px;
    height:auto;
    display: block;
    margin: auto;
    
}
#category-description {
	width:33%;
}
.category-cover {
	width:66%;
}
.homebig img {
	position: absolute;
    right: 2%;
    top: 50px;
    height: 150%;
}
#custom-text {
	background: #fff0;
	padding:0px;
	padding-right:50px;
	margin-top:-100px;
}
.carousel {
    z-index: -1;
}

/* Webbax - tuto 25 affichage des sous catégories*/
.subcategory-heading {
    font-weight: bold;
    text-align:center;
    padding-top:10px;
}
#subcategories{
    background-color:#fff;
}
#subcategories h5{
    margin-bottom: 25px
}  
#subcategories ul li{
    float: left;
    width: 25%;
    text-align: center;
}
#subcategories ul li img {
    margin-bottom: 10px;
    width:100%;
}
#subcategories ul li img:hover{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* mobile */
@media screen and (max-width:600px){
    #subcategories ul li{
        width: 33%;
    }
}
 .ets_mm_megamenu_content .ets_mm_megamenu_content_content {
  margin-left:25%;
}
.ets_mm_megamenu.layout_layout3 {
  background-color: rgba( 51, 51, 51, 0.090196);
}

.carousel .carousel-item .caption h2 {
  font-family: 'Sourcebold'
}