/* ------------------- wdcmsbanner ------------------------*/
#wdcmsbanner{
	float:left;
	width:100%;
	margin:0 0 60px;
}

.wdcmsbanner{
	float:left;
	width:100%;
}
.wdcmsbanner .wdbanner{
	position:relative;
}
.wdcmsbanner .wdbanner .banner-content{
	position:relative;
}
.wdcmsbanner .wdbanner .banner-content .wdbanner-img img{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.wdcmsbanner .wdbanner .banner-content .offer-tag{
	position:absolute;
	top: 5%;
	left: 4%;
	animation-name: tag;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

/* MODIF 2023 ABSYS - Pour réutiliser cette animation ailleurs si le module est désactivé */
/*@keyframes tag {
    0%{
        transform:translate(0);
        -webkit-transform:translate(0);
        -moz-transform:translate(0);
        -ms-transform:translate(0);
        -o-transform:translate(0);
    }
    50%{
        transform:translate(10px, 30px) scale(1);
        -webkit-transform:translate(10px, 30px) scale(1);
        -moz-transform:translate(10px, 30px) scale(1);
        -ms-transform:translate(10px, 30px) scale(1);
        -o-transform:translate(10px, 30px) scale(1);
	}
    100%{
        transform:translate(0);
        -webkit-transform:translate(0);
        -moz-transform:translate(0);
        -ms-transform:translate(0);
        -o-transform:translate(0);
    }
}*/
/* FIN MODIF */
.wdcmsbanner .wdbanner .banner-content .wdbanner-content{
	position: absolute;
	top: 50px;
	right: 0;
	width: 54%;
}
.wdcmsbanner .wdbanner .title{
	font: 40px/46px var(--primary-font);
	color:#ffffff;
	margin: 0 0 25px;
	padding: 0 30px 0 0;
	text-align:center;
}

.wdcmsbanner .wdbanner .banner-btn{
	float:left;
	width:100%;
	text-align:center;
}
.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn{
	text-align:right;
}
.wdcmsbanner .wdbanner.wdbanner-img1 .title{
	margin: 0 0 40px;
}

.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a{
	position:relative;
}
.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before {
    content: '';
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 30px;
    left: -33px;
    border-bottom: 52px solid #fff;
    border-left: 30px solid transparent;
}
.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a:hover{
	background:#ffffff;
	color:#111111;
}

.wdcmsbanner .wdbanner .banner-btn a{
	float: none;
	background: var(--secondary-btn-bg-color);
	color: #111111;
	padding: 11px 20px;
	border-radius: var(--border-radius);
	border:var(--btn-border);
	font: 700 18px/24px var(--secondary-font);
	display: inline-block;
	vertical-align: top;
	transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
}
.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a{
	background:#ffffff;
	border-radius: 0;
}
.wdcmsbanner .wdbanner.wdbanner-img2 .banner-btn a{
	background:#ffda30;
	color:#111111;
}

.wdcmsbanner .wdbanner .banner-btn a:hover{
	background: var(--primary-btn-bg-color);
	color: var(--primary-btn-color);
}
.wdcmsbanner .wdbanner.wdbanner-img2 .banner-content .wdbanner-content {
	left: auto;
	right: 0;
}

@media (max-width: 1200px) and (min-width: 992px) {
	.wdcmsbanner .wdbanner .title{
		font: 28px/34px var(--primary-font);
	}
	.wdcmsbanner .wdbanner .banner-content .offer-tag{
		width:100px;
	}
	.wdcmsbanner .wdbanner .banner-btn a{
		padding:6px 20px;
	}
	.wdcmsbanner .wdbanner .banner-content .wdbanner-content{
		top: 40px;
	}
	.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before {
		left: -24px;
		border-bottom: 42px solid #fff;
		border-left: 20px solid transparent;
	}
}
@media (min-width: 768px) and (max-width: 991px){

	.wdcmsbanner .wdbanner .banner-content .wdbanner-content {
		top: 20px;
		width:56%;
		right: 0px;
	}	
	.wdcmsbanner .wdbanner.wdbanner-img1 .title{
		margin: 0 0 10px;
	}
	#wdcmsbanner{
		margin: 0 0 20px;
	}
	.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before{
		left: -24px;
		border-bottom: 42px solid #fff;
		border-left: 20px solid transparent;
	}
	.wdcmsbanner .wdbanner .title{
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 10px;
		padding: 0 5px;
	}
	.wdcmsbanner .wdbanner .banner-content .offer-tag{
		top: 6%;
		left: 5%;
		width: 80px;
	}
	.wdcmsbanner .wdbanner .banner-btn a{
		padding: 6px 20px;
		font-size:14px;
	}
}
@media (min-width: 545px) and (max-width: 767px){
	#wdcmsbanner{
		margin: 0 0 30px;
	}
	.wdcmsbanner .wdbanner .banner-content .offer-tag {
		top: 5%;
		left: 3%;
		width: 50px;
	}
	.wdcmsbanner .wdbanner.wdbanner-img1 .title{
		margin: 0 0 10px;
	}
	.wdcmsbanner .wdbanner .banner-content .wdbanner-content {
		top: 20px;
		right: 0;
		width: 58%;
	}
	.wdcmsbanner .wdbanner .title{
		font-size:16px;
		line-height:24px;
		padding: 0 10px 0 0;
		margin: 0 0 8px;
	}
	.wdcmsbanner .wdbanner .banner-btn a{
		padding: 0 5px;
		font-size:12px;
		line-height:24px;
	}
	.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before {
		width: 20px;
		left: -23px;
		border-bottom: 30px solid #fff;
		border-left: 20px solid transparent;
	}
}

@media (max-width: 544px){
	#wdcmsbanner{
		margin: 0 0 30px;
	}
	
	.wdbanner-img1.wdbanner {
		margin: 0 0 20px;
	}
	.wdcmsbanner .wdbanner .banner-content .offer-tag {
		top: 8%;
		left: 5%;
		width: 70px;
	}
	.wdcmsbanner .wdbanner .banner-content .wdbanner-content {
		top: 25px;
		right: 20px;
	}
	.wdcmsbanner .wdbanner .title {
		font-size:18px;
		line-height:30px;
		margin: 0 0 10px;
	}	
	.wdcmsbanner .wdbanner .banner-btn a {
		padding: 3px 15px;
		font-size:13px;
		line-height:24px;
	}	
}
@media (max-width: 543px){
	.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before{
		border-bottom: 36px solid #fff;
	}
}
@media (max-width: 479px){
	.wdcmsbanner .wdbanner .title {
		font-size: 18px;
		line-height: 30px;
		margin: 0 0 10px;
		padding: 0;
	}
	.wdcmsbanner .wdbanner.wdbanner-img1 .title {
		margin: 0 0 10px;
	}
	.wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before {
		border-bottom: 35px solid #fff;
		top: -6px;
		bottom: -3px;
		width: 30px;
		left: -33px;
		border-left: 31px solid transparent;
	}
}