/* Common, default styles for the notification box */

.ns-box {
	position: fixed;
	background: #f58b22;
	padding: 22px;
	line-height: 1.4;
	z-index: 1000;
	pointer-events: none;
	color: rgba(250,251,255,0.95);
	font-size: 90%;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ns-box.ns-show { pointer-events: auto; }
.ns-box a {
	color: inherit;
	font-weight: 700;
	color: #4f5163;
}
.ns-box a:hover, .ns-box a:focus { color: #fff; }
.ns-box p { margin: 0; }
.ns-box.ns-show, .ns-box.ns-visible { pointer-events: auto; z-index: 1072; }
.ns-close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ns-close:hover, .ns-close:focus { outline: none; }
.ns-close::before, .ns-close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #6e6e6e;
}
.ns-close:hover::before, .ns-close:hover::after { background: #fff; }
.ns-close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.ns-close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

/* MESSAGE INFO ABONNEMENT */

.ns-type-director {
    margin-top: -52px !important;
    width: -webkit-fill-available !important;
    text-align: center !important;
    /* position: absolute !important; */
    background: #004e66 ;
    padding: 7px !important;
    top: 171px;
    line-height: 1.4;
    z-index: 1020 !important;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .ns-type-director-alert {
    margin-top: -52px !important;
    width: -webkit-fill-available !important;
    text-align: center !important;
    /* position: absolute !important; */
    background: #fff376 !important;
    padding: 7px !important;
    top: 171px;
    line-height: 1.4;
    z-index: 1020 !important;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .ns-type-director-warning {
    margin-top: -52px !important;
    width: -webkit-fill-available !important;
    text-align: center !important;
    /* position: absolute !important; */
    background: #fa8729 !important;
    padding: 7px !important;
    top: 171px;
    line-height: 1.4;
    z-index: 1020 !important;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .ns-type-director-danger {
    margin-top: -52px !important;
    width: -webkit-fill-available !important;
    text-align: center !important;
    /* position: absolute !important; */
    background: #be2323 !important;
    padding: 7px !important;
    top: 171px;
    line-height: 1.4;
    z-index: 1020 !important;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .ns-type-director p {
    font-size: x-large !important;
    margin: 0;
  }
  .ns-type-director .ns-close{
	display: none !important;
  }
  @media  screen and (max-width: 991px) {
  .ns-type-director {
    height: 48px !important;
    margin-top: -16px !important;
    width: -webkit-fill-available !important;
    text-align: center !important;
    /* position: absolute !important; */
    background: #f58b22;
    padding: 22px;
    line-height: 1.4 !important;
    /* z-index: 1081 !important; */
    z-index: 1020 !important;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 90%;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute !important;
  }
  .ns-type-director p {
    font-size: inherit !important;
    margin: 0;
  }
  }
  .container {
	padding-top: 0px !important;
  }