/*!* CANVAS */



.bs-canvas-overlay {
	opacity: 0;
	z-index: -1;
}

.bs-canvas-overlay.show {
	opacity: 0.85;
	z-index: 10000000;
}

.bs-canvas-overlay, .bs-canvas {
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
}

.bs-canvas {
	top: 0;
	z-index: 10000000;
	overflow-x: hidden;
	overflow-y: auto;
	width: 330px;		
}

.close_canvas {
	width: 100%;
	height: 40px;
	padding-right: 20px;
}

.bs-canvas-right {
	right: 0;
	margin-right: -330px;
}

.menu_canvas {
	display: block;
	width: 100% !important;
	height: 50px !important;
	padding-left: 20px !important;
	padding-top: 15px;
	background-color: #fff !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
	font-family: 'Saira', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
	line-height:18px !important;
	color:#1d3f72 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.menu_canvas:hover {
	display: block;
	width: 100% !important;
	height: 50px !important;
	padding-left: 20px !important;
	background-color: #0071b9 !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
	font-family: 'Saira', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
	line-height:18px !important;
	color:#fff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.menu_canvas_hygiene {
	display: block;
	width: 100% !important;
	height: 50px !important;
	padding-left: 20px !important;
	padding-top: 15px;
	background-color: #fff !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
	font-family: 'Saira', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
	line-height:18px !important;
	color:#00b3ff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.menu_canvas_hygiene:hover {
	display: block;
	width: 100% !important;
	height: 50px !important;
	padding-left: 20px !important;
	background-color: #00b3ff !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
	font-family: 'Saira', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
	line-height:18px !important;
	color:#fff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.menu_canvas_process {
	display: block;
	width: 100% !important;
	height: 50px !important;
	padding-left: 20px !important;
	padding-top: 15px;
	background-color: #fff !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
	font-family: 'Saira', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
	line-height:18px !important;
	color:#db1c24 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.menu_canvas_process:hover {
	display: block;
	width: 100% !important;
	height: 50px !important;
	padding-left: 20px !important;
	background-color: #db1c24 !important;
	border-bottom: 1px solid rgba(0,0,0,0.1) !important;
	font-family: 'Saira', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
	line-height:18px !important;
	color:#fff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}



.close{
	float:right;
	font-family: 'Saira', sans-serif;
	font-size:40px;
	font-weight:200;
	line-height:1;
	color:#000;
	opacity:.5
}
.close:hover{
	color:#000;
	text-decoration:none
}
.close:not(:disabled):not(.disabled){
	cursor:pointer
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{
	opacity:.75
}
button.close{
	padding:0;
	background-color:transparent;
	border:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
a.close.disabled{
	pointer-events:none
}





.bg-light{
	background-color:#fff!important
}
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{
	background-color:#fff!important
}


.aucuns_effet {
	background-color: rgba(20,30,33,1) !important;
	padding: 0px !important;
	margin: 0px !important;
	border: 0px  !important;
	position: fixed !important;
	right: 20px !important;
	top: 30px !important;
}

.overflow-auto{
	overflow:auto!important
}
.position-fixed{
	position:fixed!important
}

.h-100{
	height:100%!important
}
.h-auto{
	height:auto!important
}
.mw-100{
	max-width:100%!important
}
.mh-100{
	max-height:100%!important
}
.min-vw-100{
	min-width:100vw!important
}
.min-vh-100{
	min-height:100vh!important
}
.vw-100{
	width:100vw!important
}
.vh-100{
	height:100vh!important
}

.m-0{
	margin:0!important
}
.mt-0,.my-0{
	margin-top:0!important
}
.mr-0,.mx-0{
	margin-right:0!important
}
.mb-0,.my-0{
	margin-bottom:0!important
}
.ml-0,.mx-0{
	margin-left:0!important
}

.p-3{
	padding:1rem!important
}


.text-light{
	color:#000!important;
	text-decoration: none;
}
a.text-light:focus,a.text-light:hover{
	color:#000!important;
	text-decoration: none;
}