/* ####################################################### */
/* #                                                     # */
/* #          Personnalisation du Cuberporfolio          # */
/* #                                                     # */
/* ####################################################### */

/* Marges de la grille */
.wb-grid {
	padding-left: 5px;
	padding-right: 5px;
}

/* Boutons filtre d'affichage */
.cbp-l-filters-button .cbp-filter-item {
	border-radius:50px;
	border: 1px solid #FFFFFF;
	font-size:16px;
}
.cbp-l-filters-button .cbp-filter-item:hover {
    color: #9bba1f; /*vert*/
    background-color: #f8f8f8;
	border-color: #f8f8f8; /*2b8dd6;*/
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #f73f3f; /*rouge*/
    border-color: #f73f3f; /*rouge*/
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active:hover {
    transition: 0.3s;
	border: 1px solid #9bba1f; /*vert*/
	color: #ffffff;
	background: #9bba1f; /*vert*/
}
.cbp-l-filters-button .cbp-filter-counter {
    background-color: #9bba1f; /*vert*/
}
.cbp-l-filters-button .cbp-filter-counter:after {
    border-top: 4px solid #9bba1f; /*vert*/
}



/* Effet et styles Overlay Bottom */
.cbp-caption-activeWrap {
/*	background-color: transparent !important;
	background-image: url('../../../images/icons/caption-bg.png');*/
	background-repeat: no-repeat;	
	background-position: top;
	background-size: cover;
	padding-left:10px;

}

/* affichage sans image avec cadre vert < 1100px */
@media only screen and (max-width:1100px) { 
	.cbp-caption-activeWrap {
		background-color: #9bba1f !important;
		/* Contour images arrondis en bas*/
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-ms-border-radius: 0 0 10px 10px;
		-o-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
		.cbp-item img{
		/* Contour images arrondis en haut*/
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-ms-border-radius: 10px 10px 0 0;
		-o-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
	}
}

/* affichage avec image sans cadre vert >1100 px */
@media only screen and (min-width:1100px) {
	.cbp-caption-activeWrap {
		background-color: transparent !important;
		background-image: url('../../../images/icons/caption-bg.png');
		/* Contour images arrondis en bas*/
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-ms-border-radius: 0 0 10px 10px;
		-o-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
	.cbp-item img{
		/* Contour images arrondis aux 4 coins*/
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}
}
	
.cbp-caption-activeWrap .cbp-l-caption-desc {
	color: white;
}

.cbp-caption-activeWrap .cbp-l-caption-icon-box {
	position: relative;
	float: right;
	height: 40px;
	width: 40px;
	background-color: rgba(0,0,0,.10);
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.cbp-caption-activeWrap .cbp-l-caption-icon-box{
	position: relative;
	float: right;
}

.cbp-caption-activeWrap .cbp-l-caption-icon-box .cbp-l-caption-title{
	position: relative;
	float: left;
}

.cbp-caption-activeWrap .cbp-l-caption-icon-box .cbp-l-caption-title h3{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #ffffff; /*blanc*/
}

/* Affichage "Dropdown" */
.cbp-l-filters-dropdownWrap {
    background: #f73f3f; /*rouge*/
}
.cbp-l-sort--simple .cbp-l-dropdown-list .cbp-l-dropdown-item:hover {
    color: #4d4c4d;
}
.cbp-l-sort--simple .cbp-l-dropdown-list .cbp-l-dropdown-item--active {
    color: #4d4c4d;
}
.cbp-l-dropdown-wrap {
    background: #2b8dd6
}
.cbp-l-dropdown-list .cbp-l-dropdown-item {
    color: #f73f3f; /*rouge*/
    border-top: 1px solid #f73f3f; /*rouge*/
}

/* Bouton "Load more" */
.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
    /*border: 0; */border: 1px solid #f73f3f; /*rouge*/
    border-radius: 50px;
    color: #fff;
    background: #f73f3f; /*rouge*/
	font-size:16px;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-loading {
    transition: 0.3s;
	border: 1px solid #9bba1f; /*vert*/
	color: #ffffff;
	background: #9bba1f; /*vert*/
}
.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-button-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop {
    color: #ffffff;
}
.cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop {
    color: #f73f3f; /*rouge*/
}