/* MSGBOX MESSAGE */
.fancybox-message .fancybox-skin{
	padding:0 !important;
	background:none !important;
}

.fancybox-message .msgBox{
	position:relative;
	margin:10px 10px 49px 10px;
	width:900px;
	min-height:300px;
	background-color:rgba(215,214,214,0.95);
	background-image:url('../images/interface/msgBoxBkg.png');
	background-position:top left;
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2) !important;
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2) !important;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2) !important;		
}

.fancybox-message .msgBox .inner{
	padding:60px 60px 60px 245px;
	position:relative;
}

.fancybox-message .msgBox .inner .titre{
	font-size:40px;
	line-height:40px;
	font-style:italic;
	margin-bottom:15px;
}

.fancybox-message .msgBox .inner .message{
	font-size:24px;
	line-height:26px;
	white-space:normal;
	word-break:break-word;
}

.fancybox-message .inner .btn{
	display:inline-block;
	vertical-align:top;
	height:49px;
	padding:0 23px;
	line-height:49px;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#23282d;
	-webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	-ms-transition:background-color 0.2s;
	-o-transition:background-color 0.2s;
	transition:background-color 0.2s;
}

.fancybox-message .inner .btn:hover{
	background-color:#d90073;
}

.fancybox-message .btnClose{
	display:block;
	position:absolute;
	bottom:-49px;
	right:0;
	width:108px;
	height:49px;
	padding:0 23px;
	line-height:49px;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#23282d;
	-webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	-ms-transition:background-color 0.2s;
	-o-transition:background-color 0.2s;
	transition:background-color 0.2s;
}

.fancybox-message .btnClose:after{
    content:'';
    display:inline-block;
    border-top:13px solid transparent;
    border-bottom:13px solid transparent;
    border-right:13px solid #FFFFFF;
    position:absolute;
    top:50%;
    right:19px;
    margin-top:-13px;
    z-index:1;
	opacity:1;
}

.fancybox-message .btnClose:hover{
	background-color: #d90073;
}

/* MSGBOX DIAPORAMA */
.fancybox-diaporama.fancybox-wrap{
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2) !important;
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2) !important;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2) !important;		
}

.fancybox-diaporama .fancybox-skin{
	padding:15px !important;
	background-color:#d7d6d6 !important;
}

.fancybox-diaporama .fancybox-title-outside-wrap{
	position:relative;
	margin:0;
	padding:0 15px 15px 15px;
	background-color:#d7d6d6;
	font-family: 'Panton', sans-serif;
	font-weight:400; 
	font-style:normal;
	font-size:15px;
	line-height:15px;
	color:#23282d;
	text-align:center;
	visibility:visible !important;
	display:block !important;
}

/* MSGBOX PUBLICITE */
.fancybox-pbs .fancybox-skin{
	padding:0 !important;
	background:none !important;
}

.fancybox-pbs .msgBox .btnCloseOver {
	padding: 15px;
	right: 0;
	top: 0;
}

.msgBox .btnCloseOver {
	position: absolute;
	top: 0;
	right: 0;
}

.msgBox .btnCloseOver {
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: 10px;
}

.msgBox .btnCloseOver .icon {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	padding: 5px;
	border: 2px solid #d90073;
	transition: 0.2s;
}

.msgBox .btnCloseOver .icon .bar {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -1px;
	display: block;
	width: 25px;
	height: 2px;
	background-color: #d90073;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.msgBox .btnCloseOver .icon .bar:first-child {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.msgBox .btnCloseOver .icon .bar:last-child {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.msgBox .btnCloseOver:hover .icon {
	background-color: #d90073;
}

.msgBox .btnCloseOver:hover .icon .bar {
	background-color: #ffff;
}

@media all and (max-width: 640px){
	/* MSGBOX DIAPORAMA */
	.fancybox-diaporama .fancybox-skin{ padding:5px !important; }
	
	.fancybox-diaporama .fancybox-title-outside-wrap{
		padding:0 5px 5px 5px;
		font-size:12px;
		line-height:12px;
	}
	
	/* MSGBOX MESSAGE */
	.fancybox-message .fancybox-inner{ overflow-x:hidden !important; }
	
	.fancybox-message .msgBox{
		background-size: auto 100px;
		min-width:260px;
		min-height:140px;
		width:auto;
		width:calc(80vw - 10px);
		margin: 5px 5px 45px 5px;
		-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3) !important;
		-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3) !important;
		box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3) !important;
	}
	
	.fancybox-message .msgBox .inner{ padding: 30px 25px 30px 75px; }
	.fancybox-message .msgBox .inner .titre{ font-size:18px; line-height:18px; }
	.fancybox-message .msgBox .inner .message{ font-size:14px; line-height:16px }
	.fancybox-message .inner .btn{ height:35px; line-height:35px; padding:0 10px; font-size:13px; margin-bottom:5px; width:auto; min-width:140px; text-align:center; }	
	.fancybox-message .btnClose{ height:35px; line-height:35px; bottom:-35px; width:auto; padding:0 30px 0 10px;  }
	.fancybox-message .btnClose:after{ border-top-width:8px; border-bottom-width:8px; border-right-width:8px; margin-top:-8px; right:10px; }
	.fancybox-pbs .msgBox img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
}