@charset "UTF-8";

/* CSS Document */


body {
    width: 100%;
	 }
	 
.g-recaptcha {
    border: 0px ;
    margin-left: 16px;
	margin-top:16px;
	}	 
	 
.data-icon {
   height: 130px;
    width: 130px;
    margin-left: 32%;
}
	 
.btn-primary.focus, .btn-primary:focus {
	color:#004DA3;
	}
	

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color:#004DA3;
	}
  
    
.btn:active {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.0);
    color: #004DA3;	
}
		
.bkg-data{
	background-color:#004DA3;
	color:#FFF;
	height:800px;
	}
	

.team {
      text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-variant: small-caps;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.7rem;
    color: #004da3;
	padding-left:8%;
	padding-right:8%;
	margin-top:20px;
}
	
	
.subtext{
	color:#0d55a1;
	text-align:center;
	width:100%;
	font-size:1.2rem;
	line-height:1.3rem;
	margin-left:5%;
	margin-right:5%;
	font-family: 'Montserrat', sans-serif;
    font-weight:500;
	margin-bottom: 10px;
	font-variant:small-caps;
	}	
	 
.container-btn2 {
    text-align: center;
    padding-top: 0.5rem;
    margin-bottom: 1.5rem;
	}
	 
	 
.carousel-item3 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-variant: small-caps;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.3rem;
    color:#385372;
    letter-spacing: 0.1px;
    padding-top:40px;
    padding-bottom: 40px;
	}
	

html {
 	 scroll-behavior:smooth; 
 	 height: 100%;
	}

a:hover{
	text-decoration:none;
	color:#004DA3;
	}
	
	
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color:#004DA3;
   color: white;
   height:100px;
	}
	
.footer-item {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-variant: small-caps;
	font-size: 1.2rem;
	line-height: 1.7rem;
	color: #fff;
	letter-spacing: 0.4px;
	padding-left: 2rem;
	padding-top: 1rem;
	}

	
body{ 
  	margin:0;
  	padding:0;
  	background:url(images/background-labo.jpg) no-repeat center fixed; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
	background-size:100% 100%;
	width: 100%;
	height: 100%;
	}
	
	
.body-fixed{ 
  	margin:0;
  	padding:0;
  	background:url(images/background-labo.jpg) no-repeat center fixed; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
	background-size:100% 100%;
	width: 100%;
	height: 100%;
	}
	

body:hover {
-webkit-animation: mymove2 45s ; /* Safari 4.0 - 8.0 */
    animation: mymove2 45s;
	animation-fill-mode:forwards;
	width: 100%;
	height: 100%;
	}	


@-webkit-keyframes mymove2 {
    100% {
	background-size:160% 160%;
	}
}

@keyframes mymove2 {
    100% {
	background-size: 160% 160%;
	}
}
	
	
.background-light{ 
  	margin:0;
  	padding:0;
  	background:url(images/background-labo-light.jpg) no-repeat center fixed; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
	}
	
	
.navbar{
	padding-top:20px;
	}


.bg-light {
	background-color: rgba(0, 85, 162, 0)!important;
	background-image:url(images/bg-large.png);
	background-repeat:no-repeat; 
    background-size:contain;
	background-position: right top;
	width:100%;
	}


.nav-link{
	font-family: 'Montserrat', sans-serif;
	font-size:0.73rem;
	padding-right:3rem;
	font-weight:600;
	
	}


.nav-item-selected{
	background-image:url(images/hover-blue.png);
	background-repeat:no-repeat; 
	background-size: 90% 40px;
	background-position:center bottom;
	margin-right: 15px;
	}	
	
.nav-item{
	background-image:url(images/hover.png);
	background-repeat:no-repeat; 
	background-size: 0px 50px;
	background-position:center bottom;
	margin-right: 15px;
	}
		
	
.nav-item:hover{
	background-image:url(images/hover.png);
	background-repeat:no-repeat; 
	background-position:center bottom;
	-webkit-animation: mymove 0.4s ; /* Safari 4.0 - 8.0 */
    animation: mymove 0.4s;
	font-size:3rem;
	animation-fill-mode:forwards;	
	}
	
	
.nav-lang {
	background-image:url(images/fr-off.png);
		background-repeat:no-repeat; 
	background-position:center bottom;
	 background-size:contain;
	 width:26px;	
	 height:26px;
	 margin-top: 3px;
	}
	
	.nav-lang-fr {
	background-image:url(images/fr-on.png);
	background-repeat:no-repeat; 
	background-position:center bottom;
	background-size:contain;
	width:26px;	
	height:26px;
	margin-top: 3px;
	}
	
	.nav-lang-en {
	background-image:url(images/en-off.png);
	background-repeat:no-repeat; 
	background-position:center bottom;
	background-size:contain;
	width:26px;	
	height:26px;
	margin-left: 50px;	
	margin-right: 10px;
	margin-top: 3px;	
	}
	
	.nav-lang-en:hover {
	background-image:url(images/en-on.png);
	background-repeat:no-repeat; 
	background-position:center bottom;
	background-size:contain;
	width:26px;	
	height:26px;
	margin-top: 3px;
	}
	
	.nav-lang:hover {
	background-image:url(images/fr-on.png);
	background-repeat:no-repeat; 
	background-position:center bottom;
	background-size:contain;
	width:26px;	
	height:26px;
	}		
	
	.nav-lang-selected {
	background-image:url(images/en-on.png);
	background-repeat:no-repeat; 
	background-position:center bottom;
	background-size:contain;
	width:26px;	
	height:26px;
	margin-left:50px;
	margin-right: 10px;	
	margin-top: 3px;
	}
	
	.plus {
	
	width:26px;	
	height:26px;
	margin-left:-10px;
	margin-right:10px;	
	
	}
	
	
	
@-webkit-keyframes mymove {
    100% {background-size: 87% 100%;}
	}

@keyframes mymove {
    100% {background-size: 87% 100%;}
	}
		
	
.navbar-light .navbar-nav .nav-link:focus .navbar-light .navbar-nav {
    color:#004DA3;
	}
	
	
.navbar-light .navbar-nav .nav-link {
	color:#004DA3;
    padding-right: 0rem;
	}
	
	

/*menu hamburger interieur*/
	
.navbar-light .navbar-toggler-icon {
	background-image:url(images/hamburger.png);
	width: 2.3rem;
	height: 2.3rem;
	margin:0px;
	}
	
/*menu hamburger*/
	
.navbar-toggler {
    font-size: 1.6rem;
    line-height: 1;
	border:0px;
	margin-bottom: 8px;
	margin-left: -20px;
	}
		
.logo{
	padding-left:3px;
	padding-right:0px;
	float:right;
	width:40px;
	height:40px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
    background-size:contain;
	margin-right:15px;
	}
	
	
		
.text-intro{
	font-family: 'Montserrat', sans-serif;
	font-variant:small-caps;
	text-align:center;
	font-size:1.8rem;
	line-height:1.8rem;
	color:#004DA3;
	margin-top:15rem;
	letter-spacing:1px;
	}
	
	label {
    color:#004DA3;
	font-weight: 600;
}

.help-block.with-errors {
    color: #f5782f;
	font-weight: 600;
}


.alert-success {
    color: #fff !important;
    background-color: #004DA3 !important;
    border-color: #004DA3 !important;
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #004DA3;
    border-color: #004DA3;
	opacity: 100;
	font-size: 0.7rem;
	}
	
	.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}


.container-btn{
	text-align:center;
	margin-top:2.5rem;
	margin-bottom:5rem;
	}
	
	
.btn-primary {	
	font-family: 'Montserrat', sans-serif;
    color:#fff;
	border:0px;
    background-color:#004DA3;
	border-radius:1.3rem;
	padding: .195rem 1.2rem;
	font-size:0.7rem;
	font-variant:small-caps;
	font-weight:600;
	border:2px solid #004DA3;
	letter-spacing: 0.7px;
	}
	
	.btn-primary:active {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
	color:#004DA3;
	}
	
	
.btn-send {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    border: 0px;
    background-color: #004DA3;
    border-radius: 0.3rem;
    padding: .375rem 1.2rem;
    font-size: 0.75rem;
    font-variant: small-caps;
    letter-spacing: 0.8px;
    font-weight: 600;
    border: 2px solid #004DA3;
    float:right;
    margin-bottom:20px;
	margin-top:20px;
	cursor: pointer;
	}
	
.btn.disabled, .btn:disabled {
    opacity: 1;
}
	
.btn-primary:hover{
	cursor:pointer;
	background-color:rgba(255, 255, 255, .3) !important;
	color:#004DA3; !important;
	}

	
.btn-send:hover{
	background-color:rgba(255, 255, 255, .3) !important;
	color:#004DA3; !important;
	}


.btn:active {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
	color:#004DA3;
	}
	
	
	
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #fff;
    text-decoration: none;
    opacity: .75;
}
	
	
/*texte carousel*/


.carousel-title-intro{
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-variant:small-caps;
	text-align:center;
	font-size:1.5rem;
	line-height:1.5rem;
	color:#004DA3;
	letter-spacing:1px;
	margin-bottom:0.5rem;
	padding-left:6rem;
	padding-right:6rem;	
	}
	
	
.carousel-title{
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-variant:small-caps;
	text-align:center;
	font-size: 2.9rem;
	line-height: 1.5rem;
	color: #004DA3;
	margin-bottom: 0.4rem;
	letter-spacing:0px;
	padding-top: 30px;
	letter-spacing:0px
	}
	
	

.carousel-item {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-variant: small-caps;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: #004da3;
    padding-left: 10%;
    padding-right: 10%;
   
		
	}
	
.carousel-item2{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	text-align:center;
	font-size:1rem;
	line-height:1.7rem;
	color:#004DA3;
	letter-spacing:0.4px;
	padding-left:0%;
	padding-right:0%;	
	}
	
	
/*marge carousel*/

	
.carousel-inner{
	margin-top:12.5rem;
	}
	
		
.carousel-control-next, .carousel-control-prev {
	width: 10%;
	opacity:1;
	}


.carousel-control-prev-icon{
	background-image:url(images/arrow-back.png);
	width:40px;
	height:40px; 
	
	}


.carousel-control-next-icon{	
	background-image:url(images/arrow-next.png);
	width:40px;
	height:40px;
	
	}	
	
	
.text-carousel{
	font-family: 'Open Sans', sans-serif;
	font-size:1rem;
	font-weight:600;
	line-height:1rem;
	}	
	
	
.icon-title{
	margin-right:20px;
	}


.carousel-indicators{
	position:fixed;
	bottom:60px;
	margin-right: 1%;
	margin-left: 0%;
	}
	
	.carousel-indicators2{
	position:fixed;
	bottom:10px;
	margin-right: 3%;
	margin-left: 0%;
	}
	
	
.indicator{
	background-color:#004DA3;
	}
	
	
.carousel-indicators li{
	background-color:#004DA3;
	width: 8px;
	height: 8px;
	border-radius:10px;
	}
	
		
.carousel-indicators .active{
	border:1px solid #004DA3;
	}
	
	
.material-icons{
	color:#004DA3;
	font-size:1.2rem;
	margin-top:6px;
	margin-right:24px;
	margin-bottom:10px;
	}
	
	
.material-icons2{	
	color:#004DA3;
	font-size:1.75rem;
	margin-right:8px;
	}

.material-icons3{	
	color:#fff;
	font-size:1.3rem;
	margin-right:8px;
	}	
		
.material-icons:hover{
	color:#004DA3;
	}
		
	
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#004DA3);
	}	
   
   
.col-form-label {
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-variant:small-caps;
	font-size:1rem;
	line-height:1rem;
	color:#004DA3;
	margin-left:50px;
	margin-right: 15px;
	}
	
	
.contact-us{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-variant:small-caps;
	font-size:2.1rem;
	line-height:1rem;
	color:#004DA3;
	margin-left:50px;
	margin-right: 45px;
	margin-bottom:35px;
	letter-spacing: 1px;
	}
	
.maintext{
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-variant:small-caps;
	font-size:1.75rem;
	line-height:1.75rem;
	color:#004DA3;
	margin-bottom:25px;
	margin-left:5%;
	margin-right:5%;
	}
	
.maintext-white{
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-variant:small-caps;
	font-size:1.75rem;
	line-height:1.85rem;
	text-align:center;
	margin-bottom:45px;
	padding-top:65px;
	color:#fff;
	margin-left:5%;
	margin-right:5%;
	}
	
.schema-data{
    width: 90%;
    height:90%;
    background-image: url(images/schema-data.jpg);
    background-repeat: no-repeat;
    background-size: contain;
	margin-left:75px;
	}
	
	.schema-data-en{
    width: 90%;
    height:90%;
    background-image: url(images/schema-data-en.jpg);
    background-repeat: no-repeat;
    background-size: contain;
	margin-left:50px;
	}		
	
.form-control2{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	background-color:rgba(255, 255, 255, 0.8);
	margin-bottom:20px;
	border:2px solid # 999;
	margin-bottom: 5px;
	font-size:0.8rem;
	border-radius:6px;
	border: 2px solid #004DA3;
	}
	
				
.message{
	min-height: 150px;
	}
	

.form-check-input{
   background-color:#666;
	}


.button-linkedin{
    width: 28px;
    height: 28px;
    background-image: url(images/button-linkedin.png);
    background-repeat: no-repeat;
    background-size: contain;
	float:left;
	margin-right: 8px;
	margin-top:-8px;
	
	}
	
		
.button-linkedin:hover{
	cursor:pointer;
    background-image: url(images/button-linkedin-over.png);
    background-repeat: no-repeat;
    background-size: contain;
	}	
	
	
.form-group{	
  	margin-right: -5px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#004DA3;
	font-variant:small-caps;
	}
	
	
.form-raw{
	flex-wrap: nowrap	
	}
		
	
.container-send	{	
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#004DA3;
	font-variant:small-caps;
	}
	
	
.alert-mel{
	font-size:0.8rem;
	color:#666;
	font-variant:normal;
	float:right;
	}
	
	
.navbar-expand-lg .navbar-nav .nav-link {
 	padding-right: 0.5rem;
  	padding-left: 0.5rem;
	}

	
.form-control:focus{
	border: 3px solid #004DA3;
	border-color: #004DA3;  
	box-shadow: none; 
	-webkit-box-shadow: none;
	}
	
	 
.has-error .form-control:focus{
	box-shadow: none; 
	-webkit-box-shadow: none;
	border:#004DA3; 
	}
	 

.label-contact {
  font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-variant:small-caps;
	font-size:0.75rem;
	line-height:1rem;
	color:#004DA3;
	padding-top:5px;
	margin-left:50px;
	}
	
	
.contact {
  	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-variant:small-caps;
	font-size:0.75rem;
	line-height:0.05rem;
	color:#004DA3;
    font-weight: 600;
    font-variant: small-caps;
    color: #004DA3;
	padding-top:5px;
	vertical-align:super;
	display: inline; 
	}
	
	.contact2 {
  	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	font-variant:small-caps;
	font-size:0.9rem;
	line-height:0.05rem;
	color:#fff;
    font-weight: 600;
    font-variant: small-caps;
	padding-right: 20px;
	vertical-align:super;
	display: inline; 
	}
	
	
.contact-number{
 	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-variant: small-caps;
    font-size: 0.75rem;  
    color: #004DA3;
	padding-top:5px;
	vertical-align: super;
	margin-bottom:25px;
	display: inline; 
	}
	
	.contact-number2{
 	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-variant: small-caps;
    font-size: 0.75rem;  
    color: #fff;
	padding-top:5px;
	vertical-align: super;
	margin-bottom:25px;
	display: inline; 
	}
	
	
.marge-contact{
	margin-left:50px
	}
	
/*nav bar change background color on scrolll*/	

.navbar-fixed-top.scrolled {
 	 background-color:rgba(255, 255, 255, 1) !important;
 	 transition: background-color 500ms linear; 
	-webkit-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.5);
	box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.5);
	}
	

	
.container-marge {
	margin-top:6rem;
	}
	
	
 .container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	}



.slide2{
	padding-right: 0px;
	padding-left: 0px;
	margin:0px;
	padding-top: 60px;
	}
	
	
.slide3{
	padding-right: 0px;
	padding-left: 0px;
	margin:0px;
	padding-top: 0px;
	}
	
	
	
	.telephone{
	color:#004DA3;
	padding:9px;
	font-size:0.75rem;
	border-radius:6px;
	margin-left:8px;
	}