/* RANGE INPUT STYLE */
input[type=range]::-webkit-slider-thumb {
  width: 1px;
  min-width: 1px;
  cursor: pointer;
}

input[type=range][orient=vertical] {
	writing-mode: bt-lr; /* IE */
	-webkit-appearance: slider-vertical; /* Chromium */
	width: 8px;
	height: 175px;
	padding: 0 5px;
}
/**/

.hidden {
	display: none !important;
}
.vhidden {
	visibility: hidden;
}
html, body, input, button {
	font-family: Verdana, Helvetica, sans-serif;
}

img {
	display: block;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	overscroll-behavior-y: contain;
}

textarea {
	width: 100%;
}

.block {
	display: block;
}

.iblock {
	display: inline-block;
}

.flex {
	display: flex;
}

.flex_centered {
	display: flex;
	align-items: center;
}

.flex1 {
	flex: 1;
	
}
.vcenter {
	vertical-align: middle;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.fclear {
	float: none;
	clear: both;
}

.red {
	color: #FD101E;
}

.green {
	color: #5EA223;
}

.w100 {
	width: 100%;
}

.w50 {
	width: 50%;
}

.h30 {
	height: 30px;
}

.noscroll {
	overflow: hidden;
}

img.img_btn_default {
	width: 25px;
}

input:-webkit-autofill {
  background-color: #FAFFBD !important;
  background-image:none !important;
  color: #000000 !important;
}

.hidden_input_behind_img_btn_default {
	position: absolute;
	z-index: 0;
	opacity: 0;
	width: 25px;
	margin: 0px;
	padding: 0px;
    pointer-events: none;
}

.hidden_input_behind_fullwidth_btn {
	position: absolute;
	z-index: 0;
	opacity: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
    pointer-events: none;
}


table.alonwapp_table thead th.sortable {
	cursor: pointer;
	user-select: none;
}


@keyframes blink { 
	50% {
		/*White to red svg filter */
		filter: brightness(0.5) sepia(1) hue-rotate(-5deg) saturate(100);
	}
}
.invert_color_blink {
   animation: blink .5s step-end infinite alternate;
}

div.page {
	color: pink;
	width: 100%;
	min-height:100%;
	position:relative;
	z-index: 1;
	overflow: hidden;
}

div.page.image {
	overflow: auto;
}

div.alonwapp_header {
	width: 100%;
	color: black;
	font-family: "Lucida Console", Monaco, monospace;
	background-color: white;
	text-align: center;
	box-sizing: border-box;
	padding: 3px;
}

img.on_off_online {
	display: inline-block;
	max-height: 20px;
	margin-left: 5px;
}


/**************************TOAST*/
.toast_div {
	border: 2px solid #004493;
	width: 100%;
	height: 59px;
	box-shadow: 0 30px 30px 0 rgba(62, 62, 62, 0.1);
	background-color: #ffffff;
	box-sizing: border-box;
	position: fixed;
	bottom: 0px;
	left: 0;
	z-index: 3;
	cursor: pointer;
}

.toast_text_div {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	text-align: center;
	color: #004493;
	position: absolute;
	top: 17px;
	width: 100%;
}

.toast_div.error .toast_text_div::before {
	content: url('assets/img/icon/cross.svg');
	position: absolute;
	width: 29px;
	height: 22px;
	margin-left: -39px;
}
.toast_div.notice .toast_text_div::before {
	content: url('assets/img/icon/notice.svg');
	position: absolute;
	width: 29px;
	height: 22px;
	margin-left: -39px;
}
.toast_div.warning .toast_text_div::before {
	content: url('assets/img/icon/warning.svg');
	position: absolute;
	width: 29px;
	height: 22px;
	margin-left: -39px;
}
.toast_div.success .toast_text_div::before {
	content: url('assets/img/icon/check.svg');
	position: absolute;
	width: 29px;
	height: 22px;
	margin-left: -39px;
}

div.debug_toast {
	clear: both;
	/*Show all, auto line break*****
	white-space: pre-wrap;
	overflow-wrap: break-word;*/
	/*Ellipse*/
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	
	
}

table tr.clickable:hover {
	color: black;
	cursor: pointer;
}


/*************************** PAGE AGENDA */

/* FULL CALENDAR TODAY COLOR */
.fc-unthemed td.fc-today {
	background-color: #004493 !important;
}
/* FULL CALENDAR FIX BORDER */
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
	border-color: #ddd !important;
}

/* MRA FC */
.fc .fc-axis.fc-time {
	font-family: Canalp-Regu;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}
.fc .fc-day-header {
	font-family: Canalp-Regu;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
}

/* month view */
.fc-slats * {
	overflow: hidden;
}
span.mra_fc_month_day_header {
	font-family: Canalp-Regu;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: center;
	color: #a7a7a7;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.fc .fc-month-view .fc-day-number {
	font-family: Canalp-Regu;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: normal;
	color: #000000;
}

.fc .fc-month-view .fc-today .fc-day-number {
	color: white;
}
.fc .day_letter {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
	color: #a7a7a7;
	padding-top: 7px;
	display: block;
}
.fc .day_date {
	font-family: Canalp-Regu;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	padding-bottom: 8px;
	display: block;
}


/*FIN MRA FC*/

div.agendapage_div div.agenda_div {
	margin: 10px;
}

div.agendapage_div div.agenda_div .fc-header-toolbar {
	font-size: 75%;
}

div.agendapage_div div.agenda_div .fc-view-container {
	font-size: 75%;
}

div.agendapage_div div.agenda_div .fc-day-header {
	font-size: 75%;
}

div.agendapage_div div.agenda_bottom_view {
	margin: 10px;
}

div.agendapage_div .agenda_bottom_view table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

div.agendapage_div .agenda_bottom_view table tbody tr td {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	font-size: 75%;
}

/*Click through events in view "MONTH"*/
.fc-month-view td.fc-event-container {
	pointer-events: none;
}


.mra_body {
	padding-bottom: 17.9px; /*For footer + optional margin */
}

.bg_lblue {
	background-color: #0064D2;
}

.mra_footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 17.9px;
	background-color: #999;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}

.rect_login_on_off_line {
	height: 6.7px;
	width: 100%;
}

.rect_login_on_off_line.off {
	background-color: #999;
}

.rect_login_on_off_line.on {
	background-color: #00D2FF;
}

div.btn_grp_two_container {
	position: relative;
	margin: 0px;
	margin-left: 9%;
	box-sizing: border-box;
	width: 82%;
}

div.btn_grp_two_container button, div.btn_grp_two_container input {
	width: 49%;
}
div.btn_grp_two_container button:first-child, div.btn_grp_two_container input:first-child {
	margin-right: 2%;
	float: left;
}

div.btn_grp_two_container_confirm {
	position: relative;
	margin: 0px;
	margin-left: 11.5%;
	margin-top: 10px;
	box-sizing: border-box;
	width: 77%;
}
div.btn_grp_two_container_confirm button, div.btn_grp_two_container_confirm input {
	width: 46%;
}
div.btn_grp_two_container_confirm button:first-child, div.btn_grp_two_container_confirm input:first-child {
	margin-right: 8%;
	float: left;
}

input.mra_input, select.mra_input {
	width: 100%;
	height: 48px;
	border: 1px solid rgba(0, 188, 212, 0.5);
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #999;
	box-sizing: border-box;
	padding: 15px 16px;
	background-color: white;
}

button.mra_btn, input.mra_btn, a.mra_btn {
	position: relative;
	box-sizing: border-box;
	background-color: #004493;
	border: 0px;
	border-radius: 30px;
	cursor: pointer;
	font-family: CanalpDem-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.79;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	height: 44px;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}

button.mra_btn_option, input.mra_btn_option, a.mra_btn_option {
	background-color: #999;
}

button.mra_btn_done, input.mra_btn_done, a.mra_btn_done {
	background-color: #5EA223;
}

a.mra_btn {
	text-decoration: none;
	padding-top: 16px;
}

button.mra_btn:focus, input.mra_btn:focus, a.mra_btn:focus {
	outline: none;
}

button.mra_btn:active, input.mra_btn:active, a.mra_btn:active {
	background-color: #018aa2;
}

button.mra_btn.delete, input.mra_btn.delete {
	background-color: #999;
}

button.mra_btn.delete:before, input.mra_btn.delete:before {
	content: url(assets/img/icon/trash-alt-regular.svg);
    position: absolute;
    left: 15px;
    top: 10px;
    width: 18px;
    filter: invert(1);
}

button.mra_btn.delete:focus, input.mra_btn.delete:focus {
	background-color: #FD101E;
}
button.mra_btn.delete:active, input.mra_btn.delete:active {
	background-color: #8e475b;
}

button.mra_btn_w100, input.mra_btn_w100 {
	position: relative;
	margin: 0px;
	margin-left: 9%;
	box-sizing: border-box;
	width: 82%;
	height: 48px;
	background-color: #004493;
	border: 0px;
	border-radius: 30px;
	font-family: CanalpDem-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.79;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}

button.mra_btn_w100:focus, input.mra_btn_w100:focus {
	outline: none;
}

button.mra_btn_w100:active, input.mra_btn_w100:active {
	background-color: #018aa2;
}

.mra_login_text_input {
	margin: 0px;
	margin-left: 9%;
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 25px;
	width: 82%;
	height: 48px;
	background-color: white;
	border: 2px solid #018AA2;
	border-radius: 30px;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #000;
}

.mra_login_text_input:focus {
	outline: none;
}

.alert_head {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #018aa2;
}

.alert_body {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	text-align: center;
	color: #004493;
}

table.mra_table {
	font-family: Canalp-Regu;
	color: #707070;
	width: 100%;
	border-collapse: collapse;
}

table.mra_table thead {
	background-color: white;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #00bcd4;
}

table.mra_table thead th {
	font-weight: normal;
	border: 1px solid rgba(0, 0, 0, 0.12);
	padding: 10px;
}

table.mra_table thead th:first-child {
	border-left: 0px;
}

table.mra_table thead th:last-child {
	border-right: 0px;
}

table.mra_table th.sortable {
	position: relative;
}

table.mra_table th.sortable.ASC::after {
	content: "​";
	position: absolute;
	right: 5px;
	width: 100%;
	height: 100%;
	background-image: url('assets/img/icon/order_triangle.svg');
	background-size: 22px;
	display: inline-table;
	transform: rotate(180deg);
	background-position: left center;
	background-repeat: no-repeat;
}

table.mra_table th.sortable.DESC::after {
	content: "​";
	position: absolute;
	right: 5px;
	width: 100%;
	height: 100%;
	background-image: url('assets/img/icon/order_triangle.svg');
	background-size: 22px;
	display: inline-table;
	background-position: right center;
	background-repeat: no-repeat;
}

/* Fix firefox UNIQUEMENT */
@supports (-moz-appearance:none) {
	table.mra_table th.sortable.ASC::after {
		top: 0px;
	}

	table.mra_table th.sortable.DESC::after {
		top: 0px;
	}
}

/*the notification switch*/
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 26px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch>.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #00D2FF;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 26px;
}

.slider.round:before {
	border-radius: 50%;
}

@font-face{
	font-family: "Canalp-Regu";
	src: url('assets/font/canallightromain-webfont.ttf');
}
@font-face{
    font-family: "CanalpDem-Regu";
    src: url('assets/font/canaldemiromain-webfont.ttf');
}

p.default, span.default {
	font-family: Canalp-Regu;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	text-align: center;
	color: #004493;
}

div.alonwapp_mra_header_bc {
	width: 100%;
	height: 50px;
	background-color: #004493;
	box-sizing: border-box;
	padding-top: 11px;
	text-align: center;
	font-family: Canalp-Regu;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	color: #ffffff;
}

div.backBtn {
	height: 35px;
	position: absolute;
	left: 7px;
	top: 8px;
	cursor: pointer;
	content: url('assets/img/icon/back.svg');
}

div.syncBtn {
	height: 25px;
	position: absolute;
	right: 14px;
	top: 13px;
	cursor: pointer;
	content: url('assets/img/icon/sync.svg');
}

.homepage_div div.backBtn {
	height: 24px;
	position: absolute;
	left: 14px;
	top: 12px;
	cursor: pointer;
	content: url('assets/img/icon/off.svg');
}

.rect_login_header {
	height: 166px;
	background-color: #004493;
	width: 100%;
	overflow: hidden;
}

.rect_login_header .alonwa_logo {
	filter: invert(1);
	position: absolute;
	width: 160px;
	top: -10px;
	left: -24px;
}

.rect_login_header .mobile_text {
	width: 249px;
	filter: invert(1);
	position: absolute;
	right: 8px;
	top: 70px;
}

.login_form .username {
	margin-top: 56.6px;
}

.login_form .password {
	margin-top: 24px;
}

.mra_v_divider {
	width: 6.5%;
	height: 4px;
	border-radius: 2px;
	background-color: #00D2FF;
	margin-left: 46.75%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.login_form .login_btn.remote::before {
	content: url('assets/img/icon/signal-solid.svg');
	position: absolute;
	left: 19px;
	top: 14px;
	width: 20px;
	filter: invert(1);
}

.login_form .login_btn_remote2::before {
	content: url('assets/img/icon/wifi-solid.svg');
	position: absolute;
	left: 44px;
	top: 14px;
	width: 20px;
	filter: invert(1);
}

.login_form .login_btn.local {
	margin-top: 10px;
}

.login_form .login_btn.local::before {
	content: url('assets/img/icon/ban-solid.svg');
	position: absolute;
	left: 19px;
	top: 14px;
	width: 20px;
	filter: invert(1);
}

.login_form .login_btn_local2::before {
	content: url('assets/img/icon/plane-solid.svg');
	position: absolute;
	left: 44px;
	top: 15px;
	width: 20px;
	filter: invert(1);
}

.login_form .btn_grp_two_container {
	margin-top: 16px;
}

.login_form .btn_grp_two_container .mra_btn {
	height: 44px;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}

.homepage_inner_wrapper {
	width: 100%;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
}

.homepage_timer_div {
	text-align: center;
	font-family: Canalp-Regu;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.18;
	letter-spacing: normal;
	text-align: center;
	color: #00bcd4;
}

.homepage_timer_div .darker_color {
	color: #018aa2;
}

.homepage_grid_div {
	width: 100%;
	max-width: 100%;
}

.homepage_grid_div .grid_quarter {
	background-color: #999;
	width: 49%;
	position: relative;
	padding-top: 49%;
	margin-bottom: 2%;
}

.homepage_grid_div .grid_quarter.green {
	background-color: #5EA223;
}
.homepage_grid_div .grid_quarter.orange {
	background-color: #FE701F;
}
.homepage_grid_div .grid_quarter.red {
	background-color: #FD101E;
}
.homepage_grid_div .agenda_div {
	float: left;
	margin-right: 2%;
}
.homepage_grid_div .inter_div {
	float: right;
}
.homepage_grid_div .messagerie_div {
	float: left;
	margin-right: 2%;
}
.homepage_grid_div .profil_div {
	float: right;
}

.homepage_grid_div .grid_quarter .inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

.homepage_grid_div .grid_quarter .inner img {
	position: relative;
	width: 54%;
	height: 54%;
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
}

.homepage_grid_div .grid_quarter .inner span {
	font-family: CanalpDem-Regu;
	font-size: 4vw;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.69;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	margin-top: 9%;
	display: block;
}

.homepage_inner_wrapper .coord_btn {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;	
}

.homepage_inner_wrapper .coord_btn::before {
	content: url('assets/img/icon/tel.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}

.homepage_inner_wrapper .motd_wrapper {
	/*position: absolute;
	top: 120px;
	left: 0px;
	margin-left: 1%;
	margin-right: 1%;
	z-index: 1000;*/
	width: auto;
	height: auto;
	max-height: 460px;
	border: 2px solid #004493;
	border-radius: 6px;
	box-shadow: 0 30px 30px 0 rgba(62, 62, 62, 0.1);
	background-color: #ffffff;
	overflow: hidden;
	color: #000;
	padding: 2px;
}

.homepage_inner_wrapper .motd_header {
	height: 22px;
	padding: 0;
	font-size: 12px;
	text-decoration: underline;
	text-align: center;
}

.homepage_inner_wrapper .motd_closebtn {
	float:right;
	background-image: url('assets/img/icon/cross.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px;
	background-color: #004493;
	width: 18px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.homepage_inner_wrapper .motd_container {
	width: auto;
	height: auto;
	min-height: 300px;
	max-height: 420px;
	overflow: scroll;
	padding: 4px;
}


.coordlistpage_div .content {
	overflow: auto;
}

.coordlistpage_div .avatar_div {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 30%;
	padding-top: 30%;
	border-radius: 50%;
	background-color: #f1f9ff;
	position: relative;
}

.coordlistpage_div .avatar_div img {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	top: 0px;
	padding: 15%;
}

.coordlistpage_div .coo_name_div {
	margin-top: 10px;
	font-family: Canalp-Regu;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: center;
	color: #018aa2;
}

.coordlistpage_div .coo_phone_div {
	margin-top: 20px;
	border-radius: 30px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #0064D2;
	position: relative;
	width: 64%;
	padding-top: 64%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	cursor: pointer;
	margin-bottom: 12px;
}

.coordlistpage_div .coo_phone_div:active {
	background-color: #018aa2;
}

.coordlistpage_div .coo_phone_div .inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
}

.coordlistpage_div .coo_phone_div .inner .phone_icon {
	margin-top: 15%;
	border-radius: 50%;
	background-color: #ffffff;
	width: 35%;
	height: 35%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
}

.coordlistpage_div .coo_phone_div .inner .phone_icon img {
	filter: invert(1);
	position: absolute;
	width: 70%;
	top: 15%;
	left: 15%;
}

.coordlistpage_div .coo_phone_div .inner .label {
	font-family: Canalp-Regu;
	font-size: 19px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.74;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	margin-top: 9%;
}

.coordlistpage_div .coo_phone_div .inner .num {
	font-family: Canalp-Regu;
	font-size: 19px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.74;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}

/************************** PAGE PROFILE */

.profilepage_div .profile_inner_wrapper {
	font-family: Canalp-Regu;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: normal;
	width: 100%;
	box-sizing: border-box;
}

.profilepage_div .profile_user_div {
	color: #018AA2;
	line-height: 1.2;
	font-size: 20px;
	text-align: center;
	padding-left: 6.6%;
	padding-right: 6.6%;
}

.profilepage_div .profile_image_div {
	box-sizing: border-box;
	margin-top: 13px;
	margin-bottom:4px;
}

.profilepage_div img.profile_img {
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	border: none;
	height: 87px;
	opacity: 0.8;
}

.profilepage_div #profile_field_PRENOM {
	display: inline;
}

.profilepage_div #profile_field_NOM {
	display: inline;
}

.profilepage_div #profile_field_ref_role_strid {
	font-size: 10px;
	line-height: 2.4;
}

.profilepage_div .profile_fields_list {
	margin-top: 21px;
	padding-left: 6.6%;
	padding-right: 6.6%;
}

.profilepage_div .profile_field_row {
	/*margin-top: 12px;*/
	padding-right: 5%;
	border-bottom: 1px solid #999;
	color: #999;
	min-height: 32px;
}

.profilepage_div .profile_field_row:last-child {
	border: none;
	margin-bottom: 20px;
}

.profilepage_div .profile_field_row_value {
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.29;
	font-size: 14px;
	float: left;
}

.profilepage_div .profile_field_row_label {
	line-height: 1.3;
	font-size: 10px;
	float: right;
	margin-top: 16px;
}

.profilepage_div .profile_field_row_label.notif {
	margin-top: 8px;
}

.profilepage_div #profile_field_AVG {
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 40px;
	min-width: 1px;
}

.profilepage_div #profile_field_AUDIT {
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 40px;
	min-width: 1px;
}

div.profilepage_div .note_starts_container {
	position: relative;
	display: inline-block;
}

div.profilepage_div .note_starts_container .note_stars, div.profilepage_div .note_starts_container .note_stars_mask {
	font-size: 250%;
	display: inline-block;
}

div.profilepage_div .note_starts_container .note_stars_mask {
	position: absolute;
	background-color: white;
	z-index: 2;
	top: 0;
	right: 0;
	direction: rtl;
	overflow: hidden;
	color: pink;
}
	
div.profilepage_div .note_starts_container .note_stars_mask .star{
	color: #bebebe;
	display: table-cell;
}

div.profilepage_div .note_starts_container .note_stars .star {
	display: inline-block;
	color: #0064D2;
	text-shadow: #fff 0 0 3px;
}

div.profilepage_div .note_starts_container .note_stars .star.down {
	color: #FE701F;
}

div.profilepage_div .note_starts_container .note_stars .star.up {
	color: #5EA223;
}

.profilepage_div #profile_field_TECH_LOC_DEFAULT {
	display: inline;
	font-family: Canalp-Regu;
	font-size: 14px;
	line-height: 1.29;
	width: 120px;
	height: 33px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.profilepage_div #profile_field_TECH_LOC_DEFAULT::before {
	content: url('assets/img/icon/map.svg');
	position: absolute;
	left: 9px;
	top: 4px;
}

.profilepage_div #profile_field_ZONE_INTERVENTION {
	display: inline;
	font-family: Canalp-Regu;
	font-size: 14px;
	line-height: 1.29;
	width: 120px;
	height: 33px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.profilepage_div #profile_field_ZONE_INTERVENTION::before {
	content: url('assets/img/icon/place.svg');
	position: absolute;
	left: 9px;
	top: 4px;
}

.profilepage_div #profile_field_TECH_BANQUE {
	line-height: 1.3;
	font-size: 10px;
}

.profilepage_div #profile_field_TECH_BANQUE + .profile_field_row_label {
	margin-top: 12px;
}

/*Animation Page */
.animationpage_div .animation_inner_wrapper {
	font-family: Canalp-Regu;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: normal;
	width: 100%;
	box-sizing: border-box;
}

.animationpage_div .animation_title_div {
	margin-top: 17px;
	color: #018AA2;
	line-height: 1.2;
	font-size: 20px;
	text-align: center;
	padding-left: 6.6%;
	padding-right: 6.6%;
}

.animationpage_div .animation_fields_list {
	margin-top: 21px;
	padding-left: 6.6%;
	padding-right: 6.6%;
}

.animationpage_div .animation_field_row {
	/*margin-top: 12px;*/
	padding-right: 5%;
	border-bottom: 1px solid #999;
	color: #999;
	min-height: 32px;
}

.animationpage_div .animation_field_row:last-child {
	border: none;
}

.animationpage_div .animation_field_row_value {
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 1.29;
	font-size: 14px;
	float: left;
}

.animationpage_div .animation_field_row_label {
	line-height: 1.3;
	font-size: 10px;
	float: right;
	margin-top: 16px;
}



/*MSG List */
.messagelistpage_div .content {
	width: 100%;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
}

.messagelistpage_div .msg_in_header {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	font-weight: bold;
	margin-top: 12px;
}

.messagelistpage_div table.messages.in {
	margin-top: 5px;
	table-layout: fixed;
	border: 0px;
}


.messagelistpage_div table.messages.out {
	table-layout: fixed;
	margin-top: 14px;
	border: 0px;
}

.messagelistpage_div table.messages.out thead th/*, .messagelistpage_div table.messages.in thead th*/ {
	border: 0px;
}

.messagelistpage_div table.messages.out thead/*, .messagelistpage_div table.messages.in thead*/ {
	visibility: hidden;
}

.messagelistpage_div tr.no_messages {
	text-align: center;
}

.messagelistpage_div tr.no_messages td {
	padding: 10px;
}

.messagelistpage_div .msg_out_header {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	font-weight: bold;
	margin-top: 15px;
}

.messagelistpage_div tr.message {
	box-sizing: border-box;
	min-height: 45px;
}

.mra_table tr.even {
	background-color: #eeeeee;
}

.messagelistpage_div tr.message td {
	padding: 5px;
	font-size: 14px;
}
.messagelistpage_div tr.message td.from {
	
}
.messagelistpage_div th.date {
	width: 65px;
}
.messagelistpage_div tr.message td.date span.date {
	font-size: 14px;
	white-space: nowrap;
}
.messagelistpage_div tr.message td.date span.time {
	font-size: 12px;
	white-space: nowrap;
}
.messagelistpage_div th.prio {
	width: 45px;
}
.messagelistpage_div tr.message td.prio {
	text-align: center;
}
.messagelistpage_div tr.message td.subject {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 12px;
}
.messagelistpage_div tr.message td.subject::after {
	content: "​";
	position: absolute;
	width: 100%;
	height: 100%;
	right: -5px;
	background-image: url('assets/img/icon/back.svg');
	filter: invert(0.5);
	transform: rotate(180deg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px;
	display: inline-table;
}

.messagelistpage_div table.messages.out thead */*, .messagelistpage_div table.messages.in thead **/ {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*FIN MSG List*/


/* MSG PAGE */

.messagepage_div .content {
	width: 100%;
	box-sizing: border-box;
}

.messagepage_div .msg_fields_list {
	font-family: Canalp-Regu;
	margin-top: 15px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 6.6%;
	padding-right: 6.6%;
}

.messagepage_div .msg_field_row {
	margin-top: 12px;
	padding-right: 5%;
	border-bottom: 1px solid #999;
	color: #999;
	min-height: 32px;
}

.messagepage_div .msg_field_row_value {
	line-height: 1.29;
	font-size: 14px;
	float: left;
}

.messagepage_div .msg_field_row_label {
	line-height: 1.3;
	font-size: 10px;
	float: right;
	margin-top: 4px;
	margin-bottom: 12px;
}

.messagepage_div .msg_content_wrapper {
	margin-top: 15px;
}

.messagepage_div .msg_content_header {
	font-family: Canalp-Regu;
	font-size: 29px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.34;
	letter-spacing: normal;
	text-align: center;
	color: #018aa2;
}

.messagepage_div .msg_content_blue_bg {
	background-color: rgba(98, 239, 255, 0.32);
	margin-top: -17px;
	padding-top: 25px;
	padding-bottom: 20px;
}

.messagepage_div .msg_content_text {
	font-family: Canalp-Regu;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: left;
	color: #999;
	padding-left: 3%;
    padding-right: 3%;
}

.messagepage_div .msg_content_text p:first-child {
	margin-top: 0px;
}

.messagepage_div .msg_content_text p:last-child {
	margin-bottom: 0px;
}

.messagepage_div .msg_response_wrapper {
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
}

.messagepage_div .msg_response_header {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
}

.messagepage_div .new_msg_content {
	margin-top: 22px;
	border: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.messagepage_div .sendmsg {
	margin-top: 22px;
	margin-bottom: 17px;
}

/* FIN MSG PAGE */



/* DAYSOFF_PAGE*/

.eventdaysoffpage_div .content {
	width: 100%;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
}

.eventdaysoffpage_div .daysoff_header {
	margin-top: 15px;
	font-family: Canalp-Regu;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: center;
	color: #018aa2;
}

.eventdaysoffpage_div .daysoff_form_wrapper {
	margin-top: 10px;
}

.eventdaysoffpage_div .daysoff_field_row {
	margin-bottom: 15px;
}

.eventdaysoffpage_div .daysoff_field_label {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	font-weight: bold;
}

.eventdaysoffpage_div .daysoff_field_value {
	margin-top: 3px;
}

.eventdaysoffpage_div .btn.delete {
	margin-top: 10px;
}

/* FIN DAYSOFF */

/* AGENDA */
.agendapage_div .agenda_view_switcher_wrapper {
	height: 34px;
	width: 100%;
	background-color: #004493;
}

.agendapage_div .view_switcher_btn {
	width: 33.33333333%;
	max-width: 33.33333333%;
	min-width: 33.33333333%;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	float: left;
	height: 100%;
	padding-top: 6px;
	box-sizing: border-box;
	cursor: pointer;
	color: white;
	opacity: 0.7;
}

.agendapage_div .view_switcher_btn.active {
	border-bottom: 2px solid #f7f700;
	color: white;
	opacity: 1;
}

.agendapage_div div.btn_grp_two_container {
	position: relative;
	margin: 0px;
	margin-top: 15px;
	box-sizing: border-box;
	width: 100%;
	padding-left: 3%;
    padding-right: 3%;
    text-align: center;
}

.agendapage_div div.btn_grp_two_container button, div.btn_grp_two_container input {
	width: 64%;
	display: inline;
}
.agendapage_div div.btn_grp_two_container button:first-child, div.btn_grp_two_container input:first-child {
	margin-right: 1%;
	width: 35%;
}

.agendapage_div .fc_header_two_btns .btn {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	box-sizing: border-box;
	height: 35px;
}

.agendapage_div .day_switcher_and_title_wrapper {
	margin-top: 15px;
	position: relative;
}

.agendapage_div div.arrow {
	background-image: url('assets/img/icon/back.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	filter: invert(1);
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: absolute;
}

.agendapage_div div.arrow.prev_day {
	left: 10%;
}
.agendapage_div div.arrow.next_day {
	transform: rotate(180deg);
	right: 10%;
}

.agendapage_div .view_title{
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
}

.agendapage_div .agenda_month_day_events_table_container {
	margin-top: 20px;
}

.agendapage_div span.header {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
}

.agendapage_div .mra_table {
	table-layout: fixed;
}

.agendapage_div .mra_table span.date {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
}

.agendapage_div .mra_table span.time {
	font-family: Canalp-Regu;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
}

/* FIN AGENDA */

/*AUDIT LIST*/
.auditlistpage_div>.content {
	width: 100%;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
}

.auditlistpage_div .btn.audit.add {
	margin-top: 15px;
}

.auditlistpage_div .btn.audit.add::before {
	content: url('assets/img/icon/cloud.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}
.auditlistpage_div .section_header {
	margin-top: 15px;
	display: block;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	margin-bottom: 5px;
}
.auditlistpage_div .after_filters_border {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 15px;
	border-bottom: 1px solid #999;
}
.auditlistpage_div .after_results_border {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 15px;
}
/*INTER LIST*/
.interlistpage_div>.content {
	width: 100%;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
}

.interlistpage_div .btn.interventions.vad {
	margin-top: 15px;
}

.interlistpage_div .section_header {
	margin-top: 15px;
	display: block;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	margin-bottom: 5px;
}

.interlistpage_div .period_wrapper, .interlistpage_div .vad_wrapper, .interlistpage_div .filter_wrapper {
	margin-top: 5px;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
}

.interlistpage_div .filter_toggle {
	background-color: #FFF;
    background-image: url(assets/img/icon/filter-solid.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    width: 16px;
    height: 22px;
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

.interlistpage_div .period_wrapper .period_bloc {
	width: 48%;
}

.interlistpage_div .period_wrapper .period_bloc.left {
	float: left;
	margin-right: 4%;
}

.interlistpage_div .period_wrapper .period_bloc.right {
	float: right;
}

.interlistpage_div .period_bloc_label {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #00bcd4;
}

.interlistpage_div .after_filters_border {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 15px;
	border-bottom: 1px solid #999;
}

.mra_table.inter_list tbody tr.synced_true td.inter_status {
	color: #5EA223;
}
.mra_table.inter_list tbody tr.synced_false td.inter_status {
	color: #FD101E;
}

.mra_table.inter_list {
	margin-top: 10px;
	table-layout: fixed;
}

.mra_table.inter_list th.refcga {
	box-sizing: border-box;
	width: 76px;
}

.mra_table.inter_list th.type {
	box-sizing: border-box;
	width: 76px;
}

.mra_table.inter_list th.date {
	box-sizing: border-box;
	width: 120px;
}

.mra_table.inter_list td.inter_ref {
	text-align: left;
	font-size: 12px;
}

.mra_table.inter_list td.inter_type {
	text-align: center;
	font-size: 14px;
}

.mra_table.inter_list tr {
	height: 40px;
}

.mra_table.inter_list tr.no_inters td {
	text-align: center;
	padding-top: 8px;
}

.mra_table.inter_list tr.inter td.inter_status {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 16px;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: center;
}

.mra_table.inter_list tr.inter td.inter_status::after {
	content: "​";
	position: absolute;
	width: 100%;
	height: 100%;
	right: -5px;
	background-image: url('assets/img/icon/back.svg');
	filter: invert(0.5);
	transform: rotate(180deg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px;
	display: inline-table;
}

.mra_table.inter_list tr.inter td.inter_rdv {
	text-align: center;
}

.mra_table.inter_list tr.inter td.inter_rdv span.from span.date {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #737373;
}

.mra_table.inter_list tr.inter td.inter_rdv span.from span.time {
	font-family: Canalp-Regu;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: left;
	color: #737373;
}

.mra_table.inter_list tr.inter td.inter_rdv span.from span.time::before {
	content: " ";
}

.mra_table.inter_list tr.inter td.inter_rdv span.to span.date {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #737373;
}

.mra_table.inter_list tr.inter td.inter_rdv span.to span.time {
	font-family: Canalp-Regu;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	text-align: left;
	color: #737373;
}

.mra_table.inter_list tr.inter td.inter_rdv span.to span.time::before {
	content: " ";
}

.after_results_border {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 15px;
}

/*CR SIG*/
.sigpage_div .content {
    width: 100%;
    box-sizing: border-box;
	font-family: Canalp-Regu;
	font-size: 14px;
	line-height: 1.29;
	color: #999;
	text-align: center;
}

.sigpage_div .section_header {
	margin-top: 15px;
	display: block;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	margin-bottom: 0px;
	margin-left:3%;
}

.sigpage_div .section_header:last-child {
	margin-top: 0px;
}

.sigpage_div .period_bloc_label {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #00bcd4;
}

div.sigpage_div .slider {
	z-index: 3;
	width: 100%;
	opacity: 0;
	left: -8px;
}

div.sigpage_div .note_starts_container {
	position: relative;
	display: inline-block;
}

div.sigpage_div .note_starts_container .note_stars, div.sigpage_div .note_starts_container .note_stars_mask {
	font-size: 250%;
	display: inline-block;
}

div.sigpage_div .note_starts_container .note_stars_mask {
	position: absolute;
	background-color: white;
	z-index: 2;
	top: 0;
	right: 0;
	direction: rtl;
	overflow: hidden;
	color: pink;
}
	
div.sigpage_div .note_starts_container .note_stars_mask .star{
	color: #bebebe;
	display: table-cell;
}

div.sigpage_div .note_starts_container .note_stars .star {
	display: inline-block;
	color: #FFD700;
	text-shadow: #fff 0 0 3px;
}

.sigpage_div .wrapper {
	width: 100%;
	max-width: 500px;
	margin: 0px auto;
	margin-top: 10px;
	background-color: white;
	border: 1px solid #004493;
	margin-bottom: 23px;
}

.sigpage_div .sig_btn_wrapper {
	padding-left: 3%;
	padding-right: 3%;
	margin-bottom: 10px;
}

.sigpage_div .sig_btn_wrapper .btn{
	display: block;
	margin: 0px auto;
	margin-bottom: 8px;
	/*max-width: 65%;*/
}

.sigpage_div .sig_btn_wrapper .btn.undo, .sigpage_div .sig_btn_wrapper .btn.clear{
	display: inline;
	margin: 0px auto;
	margin-bottom: 8px;
	width: 48%;
}

/*ImagePage*/
.imgpage_div .content{
	position:absolute;
	overflow: auto;
    top: 56px;
    bottom: 18px;
    width: 100%;
}

/*PhotoPage*/
.photopage_div .content{
	position:absolute;
	overflow: hidden;
	top: 56px;
	bottom: 18px;
	width: 100%;
}

.photopage_div #video{
	position: absolute;
	width: 100%;
}

.photopage_div #zoom{
	position: absolute;
	z-index: 1000;
	top: 100px;
	right: 4px;
}

.photopage_div #zoom::before{
	content : '+';
	font-weight: bold;
	top: -14px;
	position: absolute;
	font-size: 14px;
}

.photopage_div #zoom::after{
	content : ' -';
	font-weight: bold;
	position: absolute;
	bottom: -14px;
	font-size: 20px;
}

.photopage_div .switch {
	position: absolute;
	z-index: 1000;
	top:4px;
	right:2px;
}

.photopage_div .switch::after{
	content: url('assets/img/icon/flash.svg');
	position: absolute;
	right: 5px;
	top: 6px;
}

.photopage_div .slider{
	text-align: right;
    padding-right: 10px;
    padding-top: 3px;
	color: #00D2FF;
}

.photopage_div #picture{
	position: absolute;
	z-index: 1000;
	width: 42px;
	height: 42px;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.photopage_div #picture::before{
	content: url('assets/img/icon/photo.svg');
	position: absolute;
	left: 9px;
	top: 9px;
}


/*Audit*/
.auditpage_div .content {
    width: 100%;
    box-sizing: border-box;
}

.auditpage_div .section_header {
	margin-top: 15px;
	display: block;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	margin-bottom: 13px;
	margin-left:3%;
}

.auditpage_div .id_wrapper, .auditpage_div .pointage_wrapper, .auditpage_div .initiation_wrapper, .auditpage_div .satisfaction_wrapper, .auditpage_div .connecteur_wrapper, .auditpage_div .prix_wrapper, .auditpage_div .ponctualite_wrapper, .auditpage_div .presentation_wrapper, .auditpage_div .proprete_wrapper, .auditpage_div .site_wrapper, .auditpage_div .verticalite_wrapper, .auditpage_div .passage_wrapper, .auditpage_div .stabilisation_wrapper, .auditpage_div .sig_wrapper {
	margin-top: 5px;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
	margin-left: 3%;
    margin-right: 3%;
}

.auditpage_div .sig_wrapper {
	border: none;
}

.auditpage_div .btn.sign {
	margin-top: 8px;
}

.auditpage_div .period_bloc_label {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #00bcd4;
}

.auditpage_div .period_bloc{
	margin-top: 13px;
}

.auditpage_div .period_bloc:first-child{
	margin-top: 0px;
}

.auditpage_div .period_bloc textarea {
	margin-top: 22px;
	margin-bottom: 12px;
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.auditpage_div div.data_audit_pointage_note>div.value, .auditpage_div div.data_audit_initiation_note>div.value, .auditpage_div div.data_audit_satisfaction_note>div.value, .auditpage_div div.data_audit_connecteur_note>div.value, .auditpage_div div.data_audit_prix_note>div.value, .auditpage_div div.data_audit_ponctualite_note>div.value, .auditpage_div div.data_audit_presentation_note>div.value, .auditpage_div div.data_audit_proprete_note>div.value, .auditpage_div div.data_audit_site_note>div.value, .auditpage_div div.data_audit_verticalite_note>div.value, .auditpage_div div.data_audit_passage_cable_note>div.value, .auditpage_div div.data_audit_stabilisation_cable_note>div.value {
	display: inline;
	margin-left: 3%;
}

.auditpage_div .slider {
	z-index: 3;
	width: 100%;
	opacity: 0;
	left: -8px;
}

div.auditpage_div .note_starts_container {
	position: relative;
	display: inline-block;
}

div.auditpage_div .note_starts_container .note_stars, div.auditpage_div .note_starts_container .note_stars_mask {
	font-size: 250%;
	display: inline-block;
}

div.auditpage_div .note_starts_container .note_stars_mask {
	position: absolute;
	background-color: white;
	z-index: 2;
	top: 0;
	right: 0;
	direction: rtl;
	overflow: hidden;
	color: pink;
}
	
div.auditpage_div .note_starts_container .note_stars_mask .star{
	color: #bebebe;
	display: table-cell;
}

div.auditpage_div .note_starts_container .note_stars .star {
	display: inline-block;
	color: #FFD700;
	text-shadow: #fff 0 0 3px;
}

.auditpage_div .audit_record_wrapper {
	text-align: center;
	position: relative;
	height: 134px;
	width: 100%;
	font-family: Canalp-Regu;
	margin-left: 0;
	margin-right: 0;
	margin-top: 23px;
}

.auditpage_div .audit_record_title {
	position: relative;
	font-size: 29px;
	line-height: 1.34;
	color: #018aa2;
	z-index: 1000;
}

.auditpage_div .audit_record_bg {
	position: absolute;
	top: 22px;
	height: 112px;
	width: 100%;
	background-color: #00D2FF;
	opacity: 0.3;
}

.auditpage_div .audit_record_content {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.28;
	color: #018aa2;
	z-index: 1000;
	padding-left: 3%;
	padding-right: 3%;
}

.auditpage_div .btn {
	margin-bottom: 8px;
}

.auditpage_div .fichier_wrapper .inner {
	text-align: center;
}

.auditpage_div .btn.change.data_audit_pointage_photo1, .auditpage_div .btn.view.data_audit_pointage_photo1, .auditpage_div .btn.change.data_audit_pointage_photo2, .auditpage_div .btn.view.data_audit_pointage_photo2, .auditpage_div .btn.change.data_audit_connecteur_photo, .auditpage_div .btn.view.data_audit_connecteur_photo, .auditpage_div .btn.change.data_audit_site_photo, .auditpage_div .btn.view.data_audit_site_photo, .auditpage_div .btn.change.data_audit_verticalite_photo, .auditpage_div .btn.view.data_audit_verticalite_photo, .auditpage_div .btn.change.data_audit_passage_cable_photo, .auditpage_div .btn.view.data_audit_passage_cable_photo, .auditpage_div .btn.change.data_audit_stabilisation_cable_photo, .auditpage_div .btn.view.data_audit_stabilisation_cable_photo {
	display: inline;
	font-family: Canalp-Regu;
	font-size: 14px;
	line-height: 1.29;
	/*width: 48%;*/
}

.auditpage_div .btn.change.data_audit_pointage_photo1::before, .auditpage_div .btn.change.data_audit_pointage_photo2::before, .auditpage_div .btn.change.data_audit_connecteur_photo::before, .auditpage_div .btn.change.data_audit_site_photo::before, .auditpage_div .btn.change.data_audit_verticalite_photo::before, .auditpage_div .btn.change.data_audit_passage_cable_photo::before, .auditpage_div .btn.change.data_audit_stabilisation_cable_photo::before {
	content: url('assets/img/icon/photo.svg');
	position: absolute;
	left: 13px;
	top: 10px;
}

.auditpage_div .btn.view.data_audit_pointage_photo1::before, .auditpage_div .btn.view.data_audit_pointage_photo2::before, .auditpage_div .btn.view.data_audit_connecteur_photo::before, .auditpage_div .btn.view.data_audit_site_photo::before, .auditpage_div .btn.view.data_audit_verticalite_photo::before, .auditpage_div .btn.view.data_audit_passage_cable_photo::before, .auditpage_div .btn.view.data_audit_stabilisation_cable_photo::before {
	content: url('assets/img/icon/eye.svg');
	position: absolute;
	left: 13px;
	top: 10px;
}


/*CR inter + COL*/
.intercrpage_div .content, .intercrcolpage_div .content {
    width: 100%;
    box-sizing: border-box;
}

.intercrpage_div .section_header, .intercrcolpage_div .section_header {
	margin-top: 15px;
	display: block;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	margin-bottom: 13px;
	margin-left:3%;
}

.intercrpage_div .tmp_wrapper, .intercrpage_div .period_wrapper, .intercrcolpage_div .period_wrapper, .intercrpage_div .montant_wrapper, .intercrpage_div .note_wrapper, .intercrcolpage_div .note_wrapper, .intercrpage_div .comment_wrapper, .intercrpage_div .decodeur_wrapper, .intercrpage_div .fichier_wrapper, .intercrpage_div .sig_wrapper, .intercrcolpage_div .sig_wrapper, .intercrcolpage_div .partie_wrapper, .intercrcolpage_div .nb_wrapper, .intercrcolpage_div .noeud_wrapper, .intercrcolpage_div .previousinter_wrapper {
	margin-top: 5px;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
	margin-left: 3%;
    margin-right: 3%;
}

.intercrpage_div .period_wrapper .period_bloc, .intercrcolpage_div .period_wrapper .period_bloc, .intercrcolpage_div .partie_wrapper .period_bloc, .intercrcolpage_div .nb_wrapper .period_bloc, .intercrcolpage_div .noeud_wrapper .period_bloc {
	width: 48%;
}

.intercrpage_div .period_wrapper .period_bloc.left, .intercrcolpage_div .period_wrapper .period_bloc.left, .intercrcolpage_div .partie_wrapper .period_bloc.left, .intercrcolpage_div .nb_wrapper .period_bloc.left {
	float: left;
	margin-right: 4%;
}

.intercrpage_div .period_wrapper .period_bloc.right, .intercrcolpage_div .period_wrapper .period_bloc.right, .intercrcolpage_div .partie_wrapper .period_bloc.right, .intercrcolpage_div .nb_wrapper .period_bloc.right {
	float: right;
}

.intercrpage_div .period_bloc_label, .intercrcolpage_div .period_bloc_label {
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #00bcd4;
}

.intercrcolpage_div .previousinter_wrapper .previousinter_select{
	margin-bottom:6px;
}

.intercrpage_div .INTERVENTION_RDV_TRUE_FROM, .intercrcolpage_div .INTERVENTION_RDV_TRUE_FROM, .intercrpage_div .INTERVENTION_RDV_TRUE_TO, .intercrcolpage_div .INTERVENTION_RDV_TRUE_TO, .intercrpage_div .INTERVENTION_TELCONTACT1, .intercrpage_div .INTERVENTION_TYPE {
	margin-top: 13px;
}

.intercrpage_div .PAYS_DEVISE {
	margin-top: 16px;
}

.intercrpage_div .PAYS_DEVISE .value {
	margin-top: 10px;
	color: #999;
	font-size: 14px;
	line-height: 1.29;
	font-family: Canalp-Regu;
}

.intercrpage_div .note_wrapper, .intercrcolpage_div .note_wrapper {
	text-align: center;
}

.intercrpage_div .slider, .intercrcolpage_div .slider {
	z-index: 3;
	width: 100%;
	opacity: 0;
	left: -8px;
}

div.intercrpage_div .note_starts_container, div.intercrcolpage_div .note_starts_container {
	position: relative;
	display: inline-block;
}

div.intercrpage_div .note_starts_container .note_stars, div.intercrcolpage_div .note_starts_container .note_stars, div.intercrpage_div .note_starts_container .note_stars_mask, div.intercrcolpage_div .note_starts_container .note_stars_mask {
	font-size: 250%;
	display: inline-block;
}

div.intercrpage_div .note_starts_container .note_stars_mask, div.intercrcolpage_div .note_starts_container .note_stars_mask {
	position: absolute;
	background-color: white;
	z-index: 2;
	top: 0;
	right: 0;
	direction: rtl;
	overflow: hidden;
	color: pink;
}
	
div.intercrpage_div .note_starts_container .note_stars_mask .star, div.intercrcolpage_div .note_starts_container .note_stars_mask .star{
	color: #bebebe;
	display: table-cell;
}

div.intercrpage_div .note_starts_container .note_stars .star, div.intercrcolpage_div .note_starts_container .note_stars .star {
	display: inline-block;
	color: #FFD700;
	text-shadow: #fff 0 0 3px;
}

.INTERVENTION_FREETEXT_CR>textarea, .intercrcolpage_div textarea{
	margin-top: 22px;
	margin-bottom: 12px;
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.intercrcolpage_div textarea{
	margin-top: 0px;
	margin-bottom: 12px;
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

input.mra_input_lite, select.mra_input_lite, textarea.mra_input_lite {
	width: 100%;
	height: 36px;
	border: 1px solid rgba(0, 188, 212, 0.5);
	font-family: Canalp-Regu;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #777;
	box-sizing: border-box;
	padding: 5px 6px;
	background-color: white;
}


.intercrpage_div .decodeur_wrapper .section_header {
	margin-left: 0;
	font-weight: normal;
	color: #00bcd4;
}

.intercrpage_div .add_decodeur {
    margin-top: 18px;
}

.intercrpage_div .decodeur_ref {
	margin-bottom: 12px;
}

.intercrpage_div .btn_wrapper {
	text-align: center;
	margin-bottom: 10px;
}

.intercrpage_div .btn_scan_barcode, .intercrpage_div .btn_del_del_decodeur {
	font-family: Canalp-Regu;
	font-size: 14px;
	line-height: 1.29;
	width: 48%;
	display: inline;
}

.intercrpage_div .btn_scan_barcode {
	margin-right: 8px;
}

.intercrpage_div .fichier_wrapper .inner, .intercrcolpage_div .noeud_wrapper .inner {
	text-align: center;
}

.intercrpage_div .btn.change.INTER_PHOTO_PARABOLE, .intercrpage_div .btn.view.INTER_PHOTO_PARABOLE, .intercrpage_div .btn.change.INTER_PHOTO_MESURE1, .intercrpage_div .btn.view.INTER_PHOTO_MESURE1, .intercrpage_div .btn.change.INTER_PHOTO_MESURE2, .intercrpage_div .btn.view.INTER_PHOTO_MESURE2, .intercrpage_div .btn.change.crcol_pj, .intercrpage_div .btn.view.crcol_pj, .intercrpage_div .btn.crcol_pj, .intercrcolpage_div .btn.change.crcol_pj, .intercrcolpage_div .btn.view.crcol_pj, .intercrcolpage_div .btn.crcol_pj {
	display: inline;
	font-family: Canalp-Regu;
	font-size: 14px;
	line-height: 1.29;
	width: 48%;
}

.intercrpage_div .btn.change.INTER_PHOTO_PARABOLE::before, .intercrpage_div .btn.change.INTER_PHOTO_MESURE1::before, .intercrpage_div .btn.change.INTER_PHOTO_MESURE2::before, .intercrpage_div .btn.change.crcol_pj::before, .intercrcolpage_div .btn.change.crcol_pj::before {
	content: url('assets/img/icon/photo.svg');
	position: absolute;
	left: 13px;
	top: 10px;
}

.intercrpage_div .btn.view.INTER_PHOTO_PARABOLE::before, .intercrpage_div .btn.view.INTER_PHOTO_MESURE1::before, .intercrpage_div .btn.view.INTER_PHOTO_MESURE2::before, .intercrpage_div .btn.view.crcol_pj::before, .intercrcolpage_div .btn.view.crcol_pj::before {
	content: url('assets/img/icon/eye.svg');
	position: absolute;
	left: 13px;
	top: 10px;
}

.intercrpage_div .sig_wrapper, .intercrcolpage_div .sig_wrapper {
	border: none;
}

.intercrpage_div .btn.sign, .intercrcolpage_div .btn.sign {
	margin-top: 8px;
}

.intercrpage_div .cr_record_wrapper, .intercrcolpage_div .cr_record_wrapper {
	text-align: center;
	position: relative;
	height: 234px;
	width: 100%;
	font-family: Canalp-Regu;
	margin-left: 0;
	margin-right: 0;
	margin-top: 23px;
}

.intercrpage_div .cr_record_title, .intercrcolpage_div .cr_record_title {
	position: relative;
	font-size: 29px;
	line-height: 1.34;
	color: #018aa2;
	z-index: 1000;
}

.intercrpage_div .cr_record_bg, .intercrcolpage_div .cr_record_bg {
	position: absolute;
	top: 22px;
	height: 212px;
	width: 100%;
	background-color: #00D2FF;
	opacity: 0.3;
}

.intercrpage_div .cr_record_content, .intercrcolpage_div .cr_record_content {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.28;
	color: #018aa2;
	z-index: 1000;
	padding-left: 3%;
	padding-right: 3%;
}

.intercrpage_div .btn, .intercrcolpage_div .btn {
	margin-bottom: 8px;
}

.intercrpage_div .btn.record_tko_cli, .intercrpage_div .btn.record_tko_can, .intercrcolpage_div .btn.record_tko_cli, .intercrcolpage_div .btn.record_tko_can {
	width: 48%;
	display: inline;
}

.intercrpage_div .btn.record_tko_cli:before, .intercrpage_div .btn.record_tko_can:before, .intercrcolpage_div .btn.record_tko_cli:before, .intercrcolpage_div .btn.record_tko_can:before {
	content:'';
}

.intercrcolpage_div .plan_cell {
	width:32%;
	padding: 0px 2px;
	display: table-cell;
}

/*Inter detail*/
.interpage_div .content {
    width: 100%;
    box-sizing: border-box;
	font-family: Canalp-Regu;
	font-size: 14px;
	line-height: 1.29;
	color: #999;
	text-align: center;
}

.interpage_div .section_header {
	margin-top: 15px;
	display: block;
	font-family: Canalp-Regu;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: #018aa2;
	margin-bottom: 13px;
	margin-left:3%;
}

.interpage_div .timeline_wrapper, .interpage_div .sync_wrapper, .interpage_div .rdv_wrapper, .interpage_div .type_wrapper, .interpage_div .contacts_wrapper, .interpage_div .location_wrapper, .interpage_div .inter_text_wrapper, .interpage_div .cr_wrapper {
	margin-top: 5px;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
	margin-left: 3%;
    margin-right: 3%;
}

.interpage_div .inter_text_wrapper {
	text-align: left;
}

div.interpage_div table.timeline_imgs, div.interpage_div table.timeline_texts {
	width: 100%;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
}

div.interpage_div table.timeline_imgs tr.imgs img {
	width: 100%;
	display: inline-block;
}

div.interpage_div table.timeline_texts tr.texts {
	vertical-align: top;
}

div.interpage_div table.timeline_texts tr.texts td.col {
	font-size: 14px;
	line-height: 1.29;
	color: #00bcd4;
	text-align: left;
}

div.interpage_div table.timeline_texts tr.texts td.c, div.interpage_div table.timeline_texts tr.texts td.b {
	text-align: center;
}

div.interpage_div table.timeline_texts tr.texts td.d {
	text-align: right;
}

.timeline_done {
	background-image: url('assets/img/icon/timeline_check.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 38px;
	width: 42px;
	height: 42px;
	margin : 0;
	padding: 0;
}

.timeline_pending {
	background-image: url('assets/img/icon/timeline_clock.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	width: 42px;
	height: 42px;
	margin : 0;
	padding: 0;
}

.timeline_next {
	background-image: url('assets/img/icon/timeline_play.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px;
	width: 42px;
	height: 42px;
	margin : 0;
	padding: 0;
}

.timeline_ko {
	background-image: url('assets/img/icon/timeline_cross.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 38px;
	width: 42px;
	height: 42px;
	margin : 0;
	padding: 0;
}

.line_pending {
	background-image: url('assets/img/icon/line_pending.svg');
	background-size: 100% 100%;
    background-repeat: no-repeat;
	background-position: center center;
	height: 16px;
	width: 27%;
	margin : 0;
	padding: 0;
	filter: brightness(0.5) saturate(0);
}

.line_ok {
	background-image: url('assets/img/icon/line_ok.svg');
	background-size: 100% 100%;
    background-repeat: no-repeat;
	background-position: center center;
	height: 16px;
	width: 27%;
	margin : 0;
	padding: 0;
}

.interpage_div .sync_wrapper .btn {
	display: inline;
	width: 48%;
}

.interpage_div .sync_wrapper .btn:first-child {
	margin-right: 8px;
}

.interpage_div .rdv_string {
	margin-bottom: 20px;
	display: block;
}

.interpage_div .rdv_string::first-letter {
	text-transform: uppercase;
}

.interpage_div .rdvdefault {
	color: #999;
}

.interpage_div .rdvpast{
	color: #FD101E;
}

.interpage_div .rdvtoday{
	color: #5EA223;
}

div.interpage_div div.inter_recap .btn.export.ics::before{
	content: url('assets/img/icon/agenda16.svg');
	position: absolute;
	left: 19px;
	top: 12px;
}

.interpage_div .type_wrapper>.inner {
	text-align: left;
}

.interpage_div .con_1>.label, .interpage_div .con_2>.label, .interpage_div .id_data_intervention_tmp {
    font-family: Canalp-Regu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #00bcd4;
}

.interpage_div .id_data_intervention_tmp>div {
	margin-top: 10px;
}

.interpage_div .valid_reconciliation {
	margin-top: 15px;
}

.interpage_div .con_1>.value, .interpage_div .tel_1>.value, .interpage_div .con_2>.value, .interpage_div .tel_2>.value {
	font-size: 19px;
	line-height: 1.21;
	color: #018aa2;
}

.interpage_div .con_2 {
	margin-top: 13px;
}

.interpage_div a.telhref {
	margin-top: 15px;
}

.interpage_div a.telhref::before {
	content: url('assets/img/icon/tel.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}

.interpage_div .inter_btn_map, .interpage_div .inter_btn_zone {
	width: 48%;
	display: inline;
}

.interpage_div .inter_btn_map {
	margin-right: 8px;
}

.interpage_div .inter_btn_map::before {
	content: url('assets/img/icon/map.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}

.interpage_div .inter_btn_zone::before {
	content: url('assets/img/icon/place.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}

.interpage_div .addr_1, .interpage_div .addr_2, .interpage_div .ville, .interpage_div .pays {
	text-align: left;
	margin-top: 23px;
}

.interpage_div .addr_1>.label, .interpage_div .addr_2>.label, .interpage_div .ville>.label, .interpage_div .pays>.label {
	font-weight: normal;
	color: #00bcd4;
}

.interpage_div .addr_1>.value, .interpage_div .addr_2>.value, .interpage_div .ville>.value, .interpage_div .pays>.value {
	margin-top: 10px;
	margin-left: 3%;
}

.interpage_div .cr_wrapper {
	border: none;
}

.interpage_div .inter_btn_parabole, .interpage_div .inter_btn_mesure1 {
	margin-bottom: 8px;
}

.interpage_div .inter_btn_mesure2 {
	margin-bottom: 38px;
}

.interpage_div .inter_btn_parabole::before, .interpage_div .inter_btn_mesure1::before, .interpage_div .inter_btn_mesure2::before {
	content: url('assets/img/icon/eye.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}

.interpage_div .inter_btn_cr::before {
	content: url('assets/img/icon/outline-note24.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}

.interpage_div .inter_btn_audit {
	margin-top: 10px;
}

.interpage_div .inter_btn_audit::before {
	content: url('assets/img/icon/outline-note24.svg');
	position: absolute;
	left: 19px;
	top: 10px;
}

.interpage_div .del_inter_wrapper {
	text-align: center;
	position: relative;
	height: 134px;
	width: 100%;
	font-family: Canalp-Regu;
	margin-left: 0;
	margin-right: 0;
	margin-top: 23px;
}

.interpage_div .del_inter_title {
	position: relative;
	font-size: 29px;
	line-height: 1.34;
	color: #018aa2;
	z-index: 1000;
}

.interpage_div .del_inter_bg {
	position: absolute;
	top: 22px;
	height: 112px;
	width: 100%;
	background-color: #00D2FF;
	opacity: 0.3;
}

.interpage_div .del_inter_content {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.28;
	color: #018aa2;
	z-index: 1000;
	padding-left: 3%;
	padding-right: 3%;
}