.bloc-notifications{
	width: 100%;
	position: fixed;
	z-index: 50000;
	margin: 0;
	padding: 0;
    text-align: center;
    vertical-align: middle;
}
.bloc-notifications.bloc-notifications-top{
	top: 0;
}
.bloc-notifications.bloc-notifications-bottom{
	bottom: 0;
}

.bloc-notifications .notification{
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 5px 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bloc-notifications .message_area span.link_ribbon{
	color: #999999;
	text-decoration: underline;
	cursor: pointer;
}
.bloc-notifications .btn-close{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.info_more_descrption{
	display: none;
	width: 950px;
	height: 300px;
	background: #fff;
	margin: 0 auto;
	padding: 10px;
	background: #fbfbfb;
	overflow: auto;
}

/* Erreur */
.notification.error_bg{
	border: 1px solid #EBCCD1;
    width: 100%;
    background-color: #e6332a;
    color: #fff;
}
.notification.error_bg .message_area{
	padding: 10px;
	border-radius: 4px;
}
.notification.error_bg .btn-close{
	background: url('images/jquery-notification/close.png') 0 0 no-repeat;
}
.notification.error_bg .info_more_descrption{
	-moz-box-shadow: 0 0 5px #b2495b;
	-webkit-box-shadow: 0 0 5px #b2495b;
	box-shadow: 0 0 5px #b2495b;
}

/* Success */
.notification.succ_bg{
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
	color: #468847;
	border-radius: 4px;
}
.notification.succ_bg .message_area{
}
.notification.succ_bg .btn-close{
	background: url('images/jquery-notification/close.png') 0 0 no-repeat;
}
.notification.succ_bg .info_more_descrption{    
	-moz-box-shadow: 0 0 5px #56a25e;
	-webkit-box-shadow: 0 0 5px #56a25e;
	box-shadow: 0 0 5px #56a25e;
}

/* Info */
.notification.info_bg{
	box-sizing: border-box;
	padding: 20px;
	background: rgb(233, 246, 248) none repeat scroll 0% 0%;
	font-size: 16px;
	line-height: 24px;
	border: 1px solid rgb(87, 202, 219);
	text-align: left;
	font-weight: 300;
	letter-spacing: normal;
	width: 445px;
	height: auto;
	max-height: 928px;
	overflow: auto;
	position: fixed;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px;
	display: block;
    bottom: 0;
    left: 0;
    font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
}

@media screen and (max-device-width: 766px), screen and (max-width: 766px) {
    .notification.info_bg{
        box-sizing: border-box;
		padding: 20px;
		background: rgb(233, 246, 248) none repeat scroll 0% 0%;
		font-size: 16px;
		line-height: 24px;
		border: 1px solid rgb(87, 202, 219);
		text-align: left;
		font-weight: 300;
		letter-spacing: normal;
		width: 100%;
		height: auto;
		max-height: 928px;
		overflow: auto;
		position: fixed;
		box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px;
		display: block;
    	bottom: 0;
    	font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    }
}

.notification.info_bg a:link{
    text-decoration: underline;
	font-weight: 600;
	border: 0px solid rgb(204, 204, 204);
	font-size: 16px;
	color: rgb(122, 160, 163);
}


/* CSS bouton */
.white-button {
    box-sizing: border-box;
	padding: 8px 10px;
	background: rgb(87, 202, 219) none repeat scroll 0% 0%;
	text-align: center;
	border-radius: 4px;
	font-weight: 700;
	border: 0px solid rgb(204, 204, 204);
	line-height: 28px;
	font-size: 16px;
	color: rgb(255, 255, 255);
	margin: auto;
    display: flex;
    font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
    margin-top: 15px;
}

.positive4:hover {
    background: #2E9AFE;
    box-shadow: inset 2px -7px 11px rgba(80, 92, 51, 0.17);
}

.positive4 :active {
    border-bottom-color: #999;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, .2) !important;
}

.positive4:active {
    border-bottom-color: #999;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, .2) !important;
}


.notification.info_bg .message_area{
	padding: 10px;
	border-radius: 4px;
}
.notification.info_bg .btn-close{
	
}

.fa-times {
    content: "\f00d";
    right: 5px;
    position: absolute;
    font-size: 17px;
}

/* Warning */
.notification.warn_bg{
	background-color: #FCF8E3;
	border: 1px solid #FAEBCC;
	color: #C09853;
	border-radius: 4px;
}
.notification.warn_bg .message_area{
	padding: 10px;
	border-radius: 4px;
}
.notification.warn_bg .btn-close{
	background: url('images/jquery-notification/close.png') 0 0 no-repeat;
}