/* color global */
.navbar-nav > li .sfHover > a, .navbar-nav > li > a:hover,
.navbar-nav > li:focus > a, .navbar-nav > li:hover > a{
	color: #3BAA5B;
}

.navbar-nav > li.current-menu-ancestor:after,
.navbar-nav > li.current-menu-ancestor.menu-item-has-children:after{
	color: #3BAA5B;
}

a:hover, a.active,
.title-idna:before,
.title-idna:after,
.btn-idna:hover,
.btn-idna-ft,
.blogItemInfos .date,
.blogItemInfos ul li a:hover,
.offresHomeItem .subTitle,
ul.services li a:hover,
.serviceTitle,
.itemCollaborateur p,
.popupCollaborateur .itemTitleSecond,
.collaborateur-modal-nav i,
.offresItem .offresHomeItem h4,
.offresItem .offresHomeItem:hover .subTitle,
.offresHomeItem:hover .itemMore a:hover,
.singleArticle .content .title-idna,
.singleArticle ul li:before,
.vcCustomTabs .tab-content .content ul li:before,
.bloc-side .blogItemInfos h4,
ul.singleCat li a, .singleAuthor,
.vcValues .skills_total,
.vcBackgroundText .vcBackgroundSingle:hover .title,
.vcVideoText .blockContent .subtitle,
.vcIconText .title,
.processus-item .title,
.vcCustomTabs .nav-item.active,
.vcCustomTabs .nav-item:hover,
.testimonialDetail .poste,
.wpb_content_element ul li:before,
.vcIconText .content ul li:before,
.bloc-service-title>a,
.processus-border,
.processus-item:after,
.vcBackgroundText.color .detail .title,

.blueColor a:hover,
.blueColor a.active,
.blueColor .title-idna:before,
.blueColor .title-idna:after,
.blueColor .btn-idna:hover,
.blueColor .btn-idna-ft,
.blueColor .blogItemInfos .date,
.blueColor .blogItemInfos ul li a:hover,
.blueColor .offresHomeItem .subTitle,
.blueColor ul.services li a:hover,
.blueColor .serviceTitle,
.blueColor .itemCollaborateur p,
.blueColor .popupCollaborateur .itemTitleSecond,
.blueColor .collaborateur-modal-nav i,
.blueColor .offresItem .offresHomeItem h4,
.blueColor .offresHomeItem:hover .subTitle,
.blueColor .offresHomeItem:hover .itemMore a:hover,
.blueColor .singleArticle .content .title-idna,
.blueColor .singleArticle ul li:before,
.blueColor .vcCustomTabs .tab-content .content ul li:before,
.blueColor .bloc-side .blogItemInfos h4,
.blueColor ul.singleCat li a,
.blueColor .singleAuthor,
.blueColor .vcValues .skills_total,
.blueColor .vcBackgroundText .vcBackgroundSingle:hover .title,
.blueColor .vcVideoText .blockContent .subtitle,
.blueColor .processus-item .title,
.blueColor .vcIconText .title,
.blueColor .vcCustomTabs .nav-item.active,
.blueColor .vcCustomTabs .nav-item:hover,
.blueColor .testimonialDetail .poste,
.blueColor .wpb_content_element ul li:before,
.blueColor .vcIconText .content ul li:before,
.blueColor .bloc-service-title>a,
.blueColor .processus-border,
.blueColor .processus-item:after,
.blueColor .vcBackgroundText.color .detail .title{
	color: #1678CC;
}

.greenColor a:hover,
.greenColor a.active,
.greenColor .title-idna:before,
.greenColor .title-idna:after,
.greenColor .btn-idna:hover,
.greenColor .btn-idna-ft,
.greenColor .blogItemInfos .date,
.greenColor .blogItemInfos ul li a:hover,
.greenColor .offresHomeItem .subTitle,
.greenColor ul.services li a:hover,
.greenColor .serviceTitle,
.greenColor .itemCollaborateur p,
.greenColor .popupCollaborateur .itemTitleSecond,
.greenColor .collaborateur-modal-nav i,
.greenColor .offresItem .offresHomeItem h4,
.greenColor .offresHomeItem:hover .subTitle,
.greenColor .offresHomeItem:hover .itemMore a:hover,
.greenColor .singleArticle .content .title-idna,
.greenColor .singleArticle ul li:before,
.greenColor .vcCustomTabs .tab-content .content ul li:before,
.greenColor .bloc-side .blogItemInfos h4,
.greenColor ul.singleCat li a,
.greenColor .singleAuthor,
.greenColor .vcValues .skills_total,
.greenColor .vcBackgroundText:hover .vcBackgroundSingle .title,
.greenColor .vcVideoText .blockContent .subtitle,
.greenColor .processus-item .title,
.greenColor .vcIconText .title,
.greenColor .vcCustomTabs .nav-item.active,
.greenColor .vcCustomTabs .nav-item:hover,
.greenColor .testimonialDetail .poste,
.greenColor .wpb_content_element ul li:before,
.greenColor .vcIconText .content ul li:before,
.greenColor .bloc-service-title>a,
.greenColor .processus-border,
.greenColor .processus-item:after,
.greenColor .vcBackgroundText.color .detail .title{
	color: #3BAA5B;
}
.redColor a:hover,
.redColor a.active,
.redColor .title-idna:before,
.redColor .title-idna:after,
.redColor .btn-idna:hover,
.redColor .btn-idna-ft,
.redColor .blogItemInfos .date,
.redColor .blogItemInfos ul li a:hover,
.redColor .offresHomeItem .subTitle,
.redColor ul.services li a:hover,
.redColor .serviceTitle,
.redColor .itemCollaborateur p,
.redColor .popupCollaborateur .itemTitleSecond,
.redColor .collaborateur-modal-nav i,
.redColor .offresItem .offresHomeItem h4,
.redColor .offresHomeItem:hover .subTitle,
.redColor .offresHomeItem:hover .itemMore a:hover,
.redColor .singleArticle .content .title-idna,
.redColor .singleArticle ul li:before,
.redColor .vcCustomTabs .tab-content .content ul li:before,
.redColor .bloc-side .blogItemInfos h4,
.redColor ul.singleCat li a,
.redColor .singleAuthor,
.redColor .vcValues .skills_total,
.redColor .vcBackgroundText .vcBackgroundSingle:hover .title,
.redColor .vcVideoText .blockContent .subtitle,
.redColor .vcIconText .title,
.redColor .processus-item .title,
.redColor .vcCustomTabs .nav-item.active,
.redColor .vcCustomTabs .nav-item:hover,
.redColor .testimonialDetail .poste,
.redColor .wpb_content_element ul li:before,
.redColor .vcIconText .content ul li:before,
.redColor .bloc-service-title>a,
.redColor .processus-border,
.redColor .processus-item:after,
.redColor .vcBackgroundText.color .detail .title{
	color: #D61616;
}
.yellowColor a:hover,
.yellowColor a.active,
.yellowColor .title-idna:before,
.yellowColor .title-idna:after,
.yellowColor .btn-idna:hover,
.yellowColor .btn-idna-ft,
.yellowColor .blogItemInfos .date,
.yellowColor .blogItemInfos ul li a:hover,
.yellowColor .offresHomeItem .subTitle,
.yellowColor ul.services li a:hover,
.yellowColor .serviceTitle,
.yellowColor .itemCollaborateur p,
.yellowColor .popupCollaborateur .itemTitleSecond,
.yellowColor .collaborateur-modal-nav i,
.yellowColor .offresItem .offresHomeItem h4,
.yellowColor .offresHomeItem:hover .subTitle,
.yellowColor .offresHomeItem:hover .itemMore a:hover,
.yellowColor .singleArticle .content .title-idna,
.yellowColor .singleArticle ul li:before,
.yellowColor .vcCustomTabs .tab-content .content ul li:before,
.yellowColor .bloc-side .blogItemInfos h4,
.yellowColor ul.singleCat li a,
.yellowColor .singleAuthor,
.yellowColor .vcValues .skills_total,
.yellowColor .vcBackgroundText .vcBackgroundSingle:hover .title,
.yellowColor .vcVideoText .blockContent .subtitle,
.yellowColor .vcIconText .title,
.yellowColor .processus-item .title,
.yellowColor .vcCustomTabs .nav-item.active,
.yellowColor .vcCustomTabs .nav-item:hover,
.yellowColor .testimonialDetail .poste,
.yellowColor .wpb_content_element ul li:before,
.yellowColor .vcIconText .content ul li:before,
.yellowColor .bloc-service-title>a,
.yellowColor .processus-border,
.yellowColor .processus-item:after,
.yellowColor .vcBackgroundText.color .detail .title{
	color: #FFC400;
}
.orangeColor a:hover,
.orangeColor a.active,
.orangeColor .title-idna:before,
.orangeColor .title-idna:after,
.orangeColor .btn-idna:hover,
.orangeColor .btn-idna-ft,
.orangeColor .blogItemInfos .date,
.orangeColor .blogItemInfos ul li a:hover,
.orangeColor .offresHomeItem .subTitle,
.orangeColor ul.services li a:hover,
.orangeColor .serviceTitle,
.orangeColor .itemCollaborateur p,
.orangeColor .popupCollaborateur .itemTitleSecond,
.orangeColor .collaborateur-modal-nav i,
.orangeColor .offresItem .offresHomeItem h4,
.orangeColor .offresHomeItem:hover .subTitle,
.orangeColor .offresHomeItem:hover .itemMore a:hover,
.orangeColor .singleArticle .content .title-idna,
.orangeColor .singleArticle ul li:before,
.orangeColor .vcCustomTabs .tab-content .content ul li:before,
.orangeColor .bloc-side .blogItemInfos h4,
.orangeColor ul.singleCat li a,
.orangeColor .singleAuthor,
.orangeColor .vcValues .skills_total,
.orangeColor .vcBackgroundText .vcBackgroundSingle:hover .title,
.orangeColor .vcVideoText .blockContent .subtitle,
.orangeColor .vcIconText .title,
.orangeColor .processus-item .title,
.orangeColor .vcCustomTabs .nav-item.active,
.orangeColor .vcCustomTabs .nav-item:hover,
.orangeColor .testimonialDetail .poste,
.orangeColor .wpb_content_element ul li:before,
.orangeColor .vcIconText .content ul li:before,
.orangeColor .bloc-service-title>a,
.orangeColor .processus-border,
.orangeColor .processus-item:after,
.orangeColor .vcBackgroundText.color .detail .title{
	color: #FF2800;
}

.btn-idna,
.serviceTitle,
.btn-idna.single{
	border-color: #1678CC;
}
.greenColor .btn-idna,
.greenColor .serviceTitle,
.greenColor .btn-idna.single{
	border-color: #3BAA5B;
}
.redColor .btn-idna,
.redColor .serviceTitle,
.redColor .btn-idna.single{
	border-color: #D61616;
}
.yellowColor .btn-idna,
.yellowColor .serviceTitle,
.yellowColor .btn-idna.single{
	border-color: #FFC400;
}
.orangeColor .btn-idna,
.orangeColor .serviceTitle,
.orangeColor .btn-idna.single{
	border-color: #FF2800;
}

.vcCustomTabs .nav-item:after{
	background: linear-gradient(to right, #1678CC 50%, transparent 50%) no-repeat scroll right bottom / 210% 100% transparent
}
.greenColor .vcCustomTabs .nav-item:after{
	background: linear-gradient(to right, #3BAA5B 50%, transparent 50%) no-repeat scroll right bottom / 210% 100% transparent
}
.redColor .vcCustomTabs .nav-item:after{
	background: linear-gradient(to right, #D61616 50%, transparent 50%) no-repeat scroll right bottom / 210% 100% transparent
}
.yellowColor .vcCustomTabs .nav-item:after{
	background: linear-gradient(to right, #FFC400 50%, transparent 50%) no-repeat scroll right bottom / 210% 100% transparent
}
.orangeColor .vcCustomTabs .nav-item:after{
	background: linear-gradient(to right, #FF2800 50%, transparent 50%) no-repeat scroll right bottom / 210% 100% transparent
}

ul.blockCat li.active,
ul.blockCat li:hover{
	border-bottom: 2px solid #1678CC;
}
.greenColor ul.blockCat li.active,
.greenColor ul.blockCat li:hover{
	border-bottom: 2px solid #3BAA5B;
}
.redColor ul.blockCat li.active,
.redColor ul.blockCat li:hover{
	border-bottom: 2px solid #D61616;
}
.yellowColor ul.blockCat li.active,
.yellowColor ul.blockCat li:hover{
	border-bottom: 2px solid #FFC400;
}
.orangeColor ul.blockCat li.active,
.orangeColor ul.blockCat li:hover{
	border-bottom: 2px solid #FF2800;
}

.btn-idna.filter{
	background: rgba(22, 120, 204, 0.75);
	/* color: #ffffff; */
}
.greenColor .btn-idna.filter{
	background: rgba(59, 170, 91, 0.75);
}
.redColor .btn-idna.filter{
	background: rgba(214, 22, 22, 0.75);
}
.yellowColor .btn-idna.filter{
	background: rgba(255, 196, 0, 0.75);
}
.orangeColor .btn-idna.filter{
	background: rgba(255, 40, 0, 0.75);
}

.vcCustomTabs .tab-content{
	background: rgba(22, 120, 204, 0.07);
	color: #363636;
}
.greenColor .vcCustomTabs .tab-content{
	background: rgba(59, 170, 91, 0.07);
}
.redColor .vcCustomTabs .tab-content{
	background: rgba(214, 22, 22, 0.07);
}
.yellowColor .vcCustomTabs .tab-content{
	background: rgba(255, 196, 0, 0.07);
}
.orangeColor .vcCustomTabs .tab-content{
	background: rgba(255, 40, 0, 0.07);
}

.vcTestimonial .icon{
	color: rgba(22, 120, 204, 0.05);
}
.greenColor .vcTestimonial .icon{
	color: rgba(59, 170, 91, 0.05);
}
.redColor .vcTestimonial .icon{
	color: rgba(214, 22, 22, 0.05);
}
.yellowColor .vcTestimonial .icon{
	color: rgba(255, 196, 0, 0.05);
}
.orangeColor .vcTestimonial .icon{
	color: rgba(255, 40, 0, 0.05);
}

.btn-idna.single{border: 2px solid;}
.singleAuthor .avatar,
.btn-idna.single{
	background: #1678CC;
}
.greenColor .singleAuthor .avatar,
.greenColor .btn-idna.single{
	background: #3BAA5B;
}
.redColor .singleAuthor .avatar,
.redColor .btn-idna.single{
	background: #D61616;
}
.yellowColor .singleAuthor .avatar,
.yellowColor .btn-idna.single{
	background: #FFC400;
}
.orangeColor .singleAuthor .avatar,
.orangeColor .btn-idna.single{
	background: #FF2800;
}

.btn-idna.single:hover{
	border-color: #1678CC;
	color: #1678CC;
}
.greenColor .btn-idna.single:hover{
	border-color: #3BAA5B;
	color: #3BAA5B;
}
.redColor .btn-idna.single:hover{
	border-color: #D61616;
	color: #D61616;
}
.yellowColor .btn-idna.single:hover{
	border-color: #FFC400;
	color: #FFC400;
}
.orangeColor .btn-idna.single:hover{
	border-color: #FF2800;
	color: #FF2800;
}

.vcBackgroundText .vcBackgroundColor{
	background: linear-gradient(to right, #ffffff 50%, #1678CC 50%) no-repeat scroll right bottom / 210% 100% #1678CC
}
.greenColor .vcBackgroundText .vcBackgroundColor{
	background: linear-gradient(to right, #ffffff 50%, #3BAA5B 50%) no-repeat scroll right bottom / 210% 100% #3BAA5B
}
.redColor .vcBackgroundText .vcBackgroundColor{
	background: linear-gradient(to right, #ffffff 50%, #D61616 50%) no-repeat scroll right bottom / 210% 100% #D61616
}
.yellowColor .vcBackgroundText .vcBackgroundColor{
	background: linear-gradient(to right, #ffffff 50%, #FFC400 50%) no-repeat scroll right bottom / 210% 100% #FFC400
}
.orangeColor .vcBackgroundText .vcBackgroundColor{
	background: linear-gradient(to right, #ffffff 50%, #FF2800 50%) no-repeat scroll right bottom / 210% 100% #FF2800
}

.itemMore a:after{
	background-image: url(../img/icon-link-more.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	content: '';
}
.greenColor .itemMore a:after{
	background-image: url(../img/icon-link-more-green.png);
}
.redColor .itemMore a:after{
	background-image: url(../img/icon-link-more-red.png);
}
.yellowColor .itemMore a:after{
	background-image: url(../img/icon-link-more-yellow.png);
}
.orangeColor .itemMore a:after{
	background-image: url(../img/icon-link-more-orange.png);
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3 / 2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
	.itemMore a:after{
		background-image: url(../img/icon-link-more@2x.png);
	}
	.greenColor .itemMore a:after{
		background-image: url(../img/icon-link-more-green@2x.png);
	}
	.redColor .itemMore a:after{
		background-image: url(../img/icon-link-more-red@2x.png);
	}
	.yellowColor .itemMore a:after{
		background-image: url(../img/icon-link-more-yellow@2x.png);
	}
	.orangeColor .itemMore a:after{
		background-image: url(../img/icon-link-more-orange@2x.png);
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.itemMore a:after{
		background-image: url(../img/icon-link-more@2x.png);
	}
	.greenColor .itemMore a:after{
		background-image: url(../img/icon-link-more-green@2x.png);
	}
	.redColor .itemMore a:after{
		background-image: url(../img/icon-link-more-red@2x.png);
	}
	.yellowColor .itemMore a:after{
		background-image: url(../img/icon-link-more-yellow@2x.png);
	}
	.orangeColor .itemMore a:after{
		background-image: url(../img/icon-link-more-orange@2x.png);
	}
}

.btn-idna.single{color: #ffffff;}
/* end color */