/*
	* Start Bootstrap - Business Frontpage (http://startbootstrap.com/)
	* Copyright 2013-2016 Start Bootstrap
	* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/
html{
	height:100%;
	width:100%;
}
body {
	/*background:#fffce973 !important;*/
	background-image: url("../img/218_generated.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 51px;
	height:100%;
	width:100%;
	/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
#video_wrapper{
	width: 100% !important;
    height: auto% !important;
	min-height:100%;
    position: fixed;
    bottom: -10px;
    left: 0;
    z-index: -1;
	object-fit: cover;

}
.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgb(48 25 52 / 0%);*/
	background-image: linear-gradient(to right, rgb(78 79 57 / 95%), rgb(128 130 94 / 95%));
}
#firstRow{
	margin-top: 30px;
}
.first-title{
	margin-top: 14px !important;
}
div.container {
	margin-top:8px;
}
.navbar-inverse,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background-color: #000000c2 !important;
	border-bottom:none;
}


/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */
@media (min-width: 576px){
	h1.tagline {
		top: -39px !important;
		left: -6px !important;
		/* color: #a2a0a0; */
	}
	.container, .container-sm {
		max-width: 90% !important;
	}
}
/* @media screen and (max-width: 2600px){ */
/* #video_wrapper{ */
/* top: -1500px; */
/* } */
/* } */
/* @media screen and (max-width: 1920px){ */
/* #video_wrapper{ */
/* top: -1000px; */
/* } */
/* } */
/* @media screen and (max-width: 1280px){ */
/* #video_wrapper{ */
/* top: -600px; */
/* } */
/* } */
/* @media screen and (max-width: 1024px){ */
/* #video_wrapper{ */
/* top: -300px; */
/* } */
/* } */
/* @media screen and (max-width: 800px){ */
/* #video_wrapper{ */
/* top: -100px; */
/* } */
/* } */
/* @media screen and (max-width: 700px){ */
/* #video_wrapper{ */
/* top: 0px; */
/* } */
/* } */
/* @media screen and (max-width: 550px){ */
/* #video_wrapper{ */
/* top: 0px; */
/* } */
/* } */
@media screen and (max-width: 1024px) {
	.business-header {
		background: #5757508a !important;
		height: 53px !important;
	}
	.business-header::before {
		content: "";
		/* background-image: url(../img/labocom_white_ombre.svg); */
		background-size: 100% 100%;
		display: inline-block;
		height: 40px;
		width: 110px;
		position: relative;
		top: 15px;
		right: 38px;
		float: right;
		opacity: 0.3;
	}
	div.container {
		/* margin-top:10px; */
		margin: auto;
	}
	h1.tagline {
		/* text-shadow: 0 0 1px #000; */
		font-size: 20px;
		position: relative;
		top: -39px;
		left: 0px;
		text-overflow: ellipsis;
		white-space: nowrap;
		/* overflow: hidden; */
		font-weight: 400;
		/* margin-bottom: 0 !important; */
		color: #a2a0a0;
		-webkit-text-fill-color: white;
	}
	.navbar-fixed-top {
		width: 100%;
	}
}

.business-header {
	height: 220px;
	width: 100%;
	/*background: url('../../header_page_demo.png') center center no-repeat scroll;*/
	/*background: url('../img/LB_Banniere.svg') center center no-repeat scroll;*/
	/*background: url('../img/LB_Banniere_com.svg') center center no-repeat scroll;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	filter: saturate(200%);
	backdrop-filter:blur(10px);
	background: #5757508a;
	/*background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgb(9 9 121 / 33%) 35%, rgb(0 212 255 / 45%) 100%) !important;*/
	border-bottom: 1px solid #fffffc3d;
	/*box-shadow: 0 0 20px 6px #00000042;*/
	background-image: url('../img/LB_Banniere.svg');
	background-position: center;
}

.business-header,
.img-circle {
	-webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.business-header:hover {
	/* filter: saturate(150%) contrast(110%) brightness(0.95); */
}

@media (prefers-reduced-motion: no-preference) {
	.square-animation {
		animation: wipe-enter 1s 1;
	}
}

@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}
.square-animation2 {
	/* Animate image */
    animation: animImage 1s;
}

@keyframes animImage2 {
    0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
    30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
    40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
    50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
    65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}
    75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}
    100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes animImage {
	0%, 7% {
		transform: scale(0.9);
		opacity:.6;
	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}

.square-animation3 {
	/* Animate image */
    animation: animImage3 1s;
}

@keyframes animImage3 {
  from {
	opacity:0;
    margin-left: -3%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}


iframe {
	border-radius:10px;
	border: 1px solid #dedec7 !important;
}
/* Customize the text color and shadow color and to optimize text legibility. */

.tagline {
	background: -webkit-linear-gradient(#d4d3d1, #dadad9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight:400;
	font-size: 2rem;
	margin-top: 15px;
	font-weight:400;
	font-size: 1.6rem;
	margin-top: 15px;
	font-family: "Roboto Condensed", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

.img-center {
	margin: 0 auto;
}

.my-custom-scrollbar{
	width: 100%;
	
}

.my-custom-scrollbar, td {
	border: 1px solid #dedec7;
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
}

.my-custom-scrollbar tr{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.myThead {
	display: table;
	width: 100%;
	background-color: #b4b584;
	border-color: #9a9b5b;
	color: #5a5c24;
}

.myThead th{
	text-align: center;
}

.myTbody {
	display: block; /* to enable vertical scrolling */
	max-height: 700px; /* e.g. */
	overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
}

.myTbody td{
	text-align: center;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #d9edf7;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}

#myBtn:hover {
	background-color: #555;
}

th, td {
	width: 33.33%; /* to enable "word-break: break-all" */
	padding: 5px;
	word-break: break-all; /* 4. */
}

tr {
	display: table; /* display purpose; th's border */
	width: 100%;
	box-sizing: border-box; /* because of the border (Chrome needs this line, but not FF) */
}

td {
	border-bottom: none;
	border-left: none;
	word-break: break-word;
	background: white;
} 

table td ul li{
	text-align: justify;
	word-break: break-word;
}

footer {
	margin: 50px 0;
}


.panel-info {
    border-color: #9e9e9e38;
    /*box-shadow: 0px 0px 10px 5px #6e6e6e29;*/
}

.panel-info>.panel-heading {
    color: #ffffff91;
    background-color: #696a43bd;
    backdrop-filter: blur(10px);
}

.panel {
    margin-bottom: 20px;
	border: 1px solid #9e9e9e38;
    border-radius: 3px;
	/*box-shadow: 0 2px 15px -3px rgba(0,0,0,.16),0 10px 20px -2px rgba(0,0,0,.1)!important;*/
}

.panel-body {
    padding: 15px;
    background: #ffffff82;
    backdrop-filter: blur(10px);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.title-h2:not(.title-h2 strong){
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #797b2fa3;
    -webkit-text-stroke-color: #ffffffcc;
    font-size: 4rem !important;
    font-weight: 600;
    color: #ffffff75;
    color: #797b2fa3;
    letter-spacing: 1px;
}
.h2,h2 {
    font-size: 3.5rem!important;
    color: #797b2f;
    -webkit-background-clip: text;
    padding:5px
}

.col-md-3 h2,
.col-md-4 h2{
	text-align:center;
	background: #696a43bd;
	border-radius: 5px;
	color: #ffffffb5;
	margin-top: 5px;
	font-size: 1.3rem !important;
}

a:hover {
    color: #71732c;
}

b,strong {
    font-weight: 700;
    color: #272908c4;
    -webkit-text-stroke-width: 0px;
    /* -webkit-text-stroke-width: .4px; */
    /* -webkit-text-stroke-color: #000000; */
}

.panel-heading {
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

h5 {
    font-size: 1.20rem;
    margin: 0 !important;
}

.row {margin-top: 5px;margin-bottom: 15px;margin: auto;width: 100% !important;padding: 0 !important;justify-content: center !important;}

p {text-align: justify;/* color: #ffffff73; */}

.carousel-inner {
	background:#f2f2f2;
	
}

.carousel-caption {
	background: #696a43bd;
	border-radius:5px;
	backdrop-filter:blur(5px);
	color: white !important;
}
.carousel-caption p {
	text-align:center;
}

.d-block {
	margin-bottom:5px;
}

.carousel-indicators [data-mdb-target] {
    background-color: #fff !important;
}
.flag-item{
    top: -9px;
}

.col-md-3,
.col-md-4,
.col-md-12{
	background: #ffffff6e;
	backdrop-filter: blur(10px);
	margin:5px;
	padding:5px;
	border-radius:5px;
	border: 1px solid #9e9e9e38;
	color: #191919;
	font-family: "Roboto Condensed", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	transition:ease 1s;
}
.col-md-3:hover,
.col-md-4:hover,
.col-md-12:hover,
.panel-body:hover{
	background: #ffffffb5;
}

.col-md-3:hover .rounded-circle,
.col-md-4:hover .rounded,
.col-md-12:hover .rounded-circle,
.panel-body:hover .rounded
{
	    filter:  brightness(1) invert(00%) sepia(0%) hue-rotate(0deg) contrast(1) drop-shadow(0px 5px 5px #00000059);
}

.rounded-circle,
.rounded,
.panel-body{
		transition:ease 1s;
}


.panel-info,
.col-md-3,
.col-md-4,
.col-md-12,
#returnbutt{
	box-shadow: 0 2px 15px -3px rgba(0,0,0,.16),0 10px 20px -2px rgba(0,0,0,.1)!important;
}

@media (min-width: 768px) {
	.col-md-4 {
	    width: 30% !important;
	    text-align: center;
	}
	.col-md-3 {
	    width: 22% !important;
	}
}

.carousel-inner > .carousel-item > img {
	margin:auto;
	width:80%;
	max-width: 936px;
}


#returnbutt{
	position:fixed;
	bottom:25px;
	right:25px;
	background: #44441c6b;
	backdrop-filter:blur(5px);
}

#returnbutt:hover{
	background: #3e3e1994;
}
#carouselMaterialStyle{
	max-width: 1000px;
    margin: auto;	
}
.carousel-caption {
	right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    width: 100% !important;
    border-radius: 0 0 0 0 ;
}
.carousel-indicators {
    margin-bottom: 0.5rem !important;
}
nav.bg-dark,
nav.navbar,
nav.navbar-dark{
	filter: saturate(200%);
	backdrop-filter: blur(10px);
	background-color: #5757508a !important;
}
.accordion-button {
    background-color: #71732c00 !important;
    color: #d1d2c7 !important;
    font-weight: 400;
}

.accordion {
    --mdb-accordion-bg: #696a43bd !important;
}

.accordion-button:not(.collapsed) {
    background-color: #71732c00 !important;
    box-shadow:none !important;
    color: #eeeeee !important;
    /* font-weight: 600; */
}
.accordion-button:after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2371732c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion-button:not(.collapsed):after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2371732c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion {
    --mdb-accordion-border-color: #89955833 !important;
    --mdb-accordion-border-radius: 0rem !important;
}
.accordion-body{
	background: #eeeeee75;
	color: #191919;
}
.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    /* font-weight: 600; */
}
.list-group-item-success {
    background-color: #71732c57 !important;
    box-shadow: none !important;
    color: #71732c !important;
	}
.navbar {
    --mdb-navbar-box-shadow: none !important;
    --mdb-navbar-padding-top: 0.5625rem;
    --mdb-navbar-brand-img-margin-right: 0.25rem;
    box-shadow: none !important;
    padding-top: var(--mdb-navbar-padding-top);
    font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.col-sm-3,
.panel-heading{
	font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.rounded-circle {
    filter: saturate(0.6);
}
@media  (max-width: 1020px){
	body {
		padding-top: 53px;
	}
}

.col-lg-12 p {
	color:#000000a6;
}
/*.nav-link{
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}*/
/*ajout de possibilités de sous-menus*/
/*
	.dropdown-submenu {
	position: relative;
	}
	
	.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	}
	
	.dropdown-submenu:hover>.dropdown-menu {
	display: block;
	}
	
	.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
	}
	
	.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
	}
	
	.dropdown-submenu.pull-left {
	float: none;
	}
	
	.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
	}
*/
hr {
	border: solid 2px #fdfdfda3 !important;
}

.rounded-circle,
.rounded {
    border: 3px solid #ffffff5e;
    filter:  brightness(1) invert(40%) sepia(20%) hue-rotate(20deg) contrast(2);
}

.accordion-item {
    border: var(--mdb-accordion-border-width) solid #5758462b !important;
}

.d-md-block {
	position: relative;
	bottom: 0px;
}

.glitch-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: left;
   text-align: center;
}

.glitch {
	position: relative;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffffffcc;
	font-size: 4rem !important;
	font-weight: 600;
	color: #797b2fa3;
	letter-spacing: 1px;
	z-index: 1;
}

.glitch:before {
	content: attr(data-glitch);
	position: absolute;
	top: 0;
	left: -2px;
	width: 100%;
	-webkit-text-stroke-color: #ffffffcc;
	color: #797b2fa3;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-before 3s infinite linear alternate-reverse;
}

.glitch:after {
	content: attr(data-glitch);
	position: absolute;
	top: 0;
	left: 2px;
	width: 100%;
	-webkit-text-stroke-color: #ffffffcc;
	color: #797b2fa3;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-after 2s infinite linear alternate-reverse;
}

@keyframes noise-before {
   0% {
      clip: rect(61px, 9999px, 52px, 0);
   }

   5% {
      clip: rect(33px, 9999px, 144px, 0);
   }

   10% {
      clip: rect(121px, 9999px, 115px, 0);
   }

   15% {
      clip: rect(144px, 9999px, 162px, 0);
   }

   20% {
      clip: rect(62px, 9999px, 180px, 0);
   }

   25% {
      clip: rect(34px, 9999px, 42px, 0);
   }

   30% {
      clip: rect(147px, 9999px, 179px, 0);
   }

   35% {
      clip: rect(99px, 9999px, 63px, 0);
   }

   40% {
      clip: rect(188px, 9999px, 122px, 0);
   }

   45% {
      clip: rect(154px, 9999px, 14px, 0);
   }

   50% {
      clip: rect(63px, 9999px, 37px, 0);
   }

   55% {
      clip: rect(161px, 9999px, 147px, 0);
   }

   60% {
      clip: rect(109px, 9999px, 175px, 0);
   }

   65% {
      clip: rect(157px, 9999px, 88px, 0);
   }

   70% {
      clip: rect(173px, 9999px, 131px, 0);
   }

   75% {
      clip: rect(62px, 9999px, 70px, 0);
   }

   80% {
      clip: rect(24px, 9999px, 153px, 0);
   }

   85% {
      clip: rect(138px, 9999px, 40px, 0);
   }

   90% {
      clip: rect(79px, 9999px, 136px, 0);
   }

   95% {
      clip: rect(25px, 9999px, 34px, 0);
   }

   100% {
      clip: rect(173px, 9999px, 166px, 0);
   }
}

@keyframes noise-after {
   0% {
      clip: rect(26px, 9999px, 33px, 0);
   }

   5% {
      clip: rect(140px, 9999px, 198px, 0);
   }

   10% {
      clip: rect(184px, 9999px, 89px, 0);
   }

   15% {
      clip: rect(121px, 9999px, 6px, 0);
   }

   20% {
      clip: rect(181px, 9999px, 99px, 0);
   }

   25% {
      clip: rect(154px, 9999px, 133px, 0);
   }

   30% {
      clip: rect(134px, 9999px, 169px, 0);
   }

   35% {
      clip: rect(26px, 9999px, 187px, 0);
   }

   40% {
      clip: rect(147px, 9999px, 137px, 0);
   }

   45% {
      clip: rect(31px, 9999px, 52px, 0);
   }

   50% {
      clip: rect(191px, 9999px, 109px, 0);
   }

   55% {
      clip: rect(74px, 9999px, 54px, 0);
   }

   60% {
      clip: rect(145px, 9999px, 75px, 0);
   }

   65% {
      clip: rect(153px, 9999px, 198px, 0);
   }

   70% {
      clip: rect(99px, 9999px, 136px, 0);
   }

   75% {
      clip: rect(118px, 9999px, 192px, 0);
   }

   80% {
      clip: rect(1px, 9999px, 83px, 0);
   }

   85% {
      clip: rect(145px, 9999px, 98px, 0);
   }

   90% {
      clip: rect(121px, 9999px, 154px, 0);
   }

   95% {
      clip: rect(156px, 9999px, 44px, 0);
   }

   100% {
      clip: rect(67px, 9999px, 122px, 0);
   }
}