@charset "utf-8";
/* CSS Document */


 @media screen and (max-width:680px){

.bkg-data{
	background-color:#004DA3;
	color:#FFF;
	height:1100px;
	}
.subtext {
    font-size: 1.0rem;
    line-height: 1.0rem;
    margin-left: 5px;
    margin-right: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
	padding:0px
	}
	
	.container-marge {

    margin-top: 1rem;

}
  
.slide{
	display:none;	
	}
	
	
.carousel-control-next-icon {
	
	width:0px;
	height:0px;
	}

.carousel-control-next-icon:hover {
	
	width:0px;
	height:0px;
	}
	
.carousel-control-prev-icon {
 
   width:0px;
	height:0px;
	}
	
.carousel-control-prev-icon:focus {
   
   width:0px;
	height:0px;
	}

.carousel-control-prev-icon:hover {

  
   width:0px;
	height:0px;
}
.carousel-control-prev-icon:focus {
   
   width:0px;
   height:0px;
	}
	
	
.maintext {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-variant: small-caps;
    font-size: 1.3rem;
    line-height: 1.25rem;
    color: #004DA3;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 25px;
	}

.maintext-white {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-variant: small-caps;
    font-size: 1.30rem;
    line-height: 1.3rem;
    text-align: center;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 25px;
    padding-top: 55px;
    color: #fff;
	}
	
	.schema-data {
    width: 90%;
    height: 90%;
    background-image: url(images/schema-data-vertical.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
	overflow:hidden;
	padding:0px;
	margin-left: 5%;
	}
	
	.schema-data-en {
    width: 90%;
    height: 90%;
    background-image: url(images/schema-data-vertical-en.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
	overflow:hidden;
	padding:0px;
	margin-left: 5%;
	}


.data-icon {

    height: 90px;
    width: 90px;
    margin-left: 15%;

}

.text-carousel {

    font-size: 0.8rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 0.9rem;
    text-align: center;
    text-align-last: center;
    height: 150px;
    padding-left: 5px;

}
	}
	

 @media screen and (min-width:680px){
	 
	 
	 .subtext { 
    margin-left: 80px;
    margin-right: 80px;
   

}
	 
.slide2{
	display:none;	
	}
	
.slide3{
	display:none;	
	}
	

.icon-common-1 {
    height: 90px;
    width: 90px;
    margin-left: 30%;

}
.carousel-title {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-variant: small-caps;
    text-align: center;
    font-size: 2.7rem;
    line-height: 1.5rem;
    color: #004DA3;
   
    letter-spacing: 0px;
    padding-top: 1px;
    
	}
	}



 @media screen and (max-width:992px){
	 
	 .team {
   
    font-weight: 500;
    font-variant: small-caps;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.5rem;
   
	margin-top:20px;
}

.nav-link-select{
	background-color:#004DA3;
	font-size:5rem;
	}

	   
.nav-lang-fr {
	display:none;
	}
	
.nav-lang-en {
	display:none;
	}
	
.nav-lang-selected{
	display:none;
	}
	
.lang-responsive-fr {
	color:#fff;
	background-color:#004DA3;
	border:1px solid #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.6rem;
	padding-left: 7px;
	padding-right: 7px;
	padding-top:4px;
	padding-bottom: 4px;
	font-weight: 600;
	letter-spacing: 0.3px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
	
	.lang-responsive-fr:hover {
	color:#fff;
	background-color:#004DA3;
	border:1px solid #FFF;
	}
	   
.home{
	 margin-top:150px;
	 }
	 
	 
	   
.carousel-control-next-icon {
    background-image: url(images/arrow-next.png);
    width: 40px;
    height: 40px;
    margin-top: 0px;
	}
	   
	   
	  
.carousel-control-prev-icon{
	background-image:url(images/arrow-back.png);
	width:40px;
	height:40px; 
	margin-top: 0px;
	}

	   
.carousel-item{
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
	font-variant:small-caps;
	text-align:center;
	font-size:1.2rem;
	line-height:1.3rem;
	color:#004DA3;
	letter-spacing:0.4px;
	
	
	padding-top:30px;
	}
	 
	   
.carousel-inner {
    margin-top: 150px;
	}
	
	   
.footer-item {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-variant: small-caps;
    font-size: 1.0rem;
    line-height: 1.0rem;
    color: #fff;
    letter-spacing: 0.4px;
    padding-left: 2.5rem;
	padding-right: 2.0rem;	
	}
	
	      
.navbar-fixed-top.scrolled {
 	background-color:rgba(0, 77, 163, 1) !important;
 	transition: background-color 500ms linear;
	-webkit-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);
	box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75));
	}	

 .bg-light{
    background-color: rgba(0, 77, 163, 1)!important;
	border-bottom:1px solid #fff;
	background-image:url(images/bg900-.png);
	background-repeat:no-repeat; 
    background-size:contain;
	background-position: right top;
	background-size:auto 70px;
	margin-nottom:5px;
	-webkit-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);
	box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);	
	}
	

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:#fff;
	}
	
		
.navbar-light .navbar-nav .nav-link{
	color:#fff;
	}
				
.material-icons {
	color: #FFF;
    }
	
	.material-icons:hover {
	color: #FFF;
    }
	
	.material-icons2 {
	color: #004DA3;
    }

.nav-link{
	font-size:0.8rem;
	padding-bottom:20px;
    }
	


.carousel-title {
    text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.7rem;
	line-height: 0.7rem;
	letter-spacing: 0px;
	margin-bottom: 0.25rem;
	}

.navbar-expand-lg: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: 10px;
    margin-right: 15px;
	}
	
		
.contact-us {  
   font-size: 2.2rem;
   line-height: 1.4rem;
   letter-spacing:0px;
   margin-left: 10px;
   margin-bottom: 35px;
   padding-top: 120px;
	}


.btn-primary {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    border: 0px;
    background-color:#004DA3;
    border-radius: 1.9rem;
    padding: .375rem 1.2rem;
    font-size: 0.8rem;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #004DA3;
	}
	

	
.nav-item {
    background-image: url(images/hover.png);
    background-repeat: no-repeat;
    background-size: 0px 0px;
    background-position: center bottom;
    margin-right: 15px;
	}
	
	
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 */
	
	}
	
body:hover{ 
  	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 */
	}
	
	
 .label-contact {
	margin-left:11px;
	}	

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

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

.carousel-inner {
    margin-top:180px;	
	
	}


.material-icons2 {
    margin-right: 12px;
    
	}
	
.marge-contact{
	margin-left:5px;
	margin-bottom: 10px;
	line-height: inherit;
	}
	

	
.contact{
	font-size:0.65rem;
	}
	
.contact-number{
 	font-size:0.7rem;
	}
	
.material-icons2 {
   margin-right: 0px;
   }
   
.material-icons2 {
    color: #004DA3;
   
    margin-right: 8px;
	}
	
.nav-item:hover{
	background-image:url();
	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;	
	}	
	
.navbar-fixed-top.scrolled {
 	 background-color:#004DA3;
 	 transition: background-color 500ms linear; 
	-webkit-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);
	box-shadow: 0px 19px 43px -15px rgba(0,0,0,0.75);
	}	
}


@media screen and (max-width:320px){
	   
	   
.carousel-inner {
    margin-top: 150px;
	}
	

.material-icons3 {
    margin-right: 2px;
	}

.footer {
    height: 100px;
	}
	
	}
	
@media screen and (min-width:992px){	
.lang-responsive-fr{
	display:none;
	}
	}
	
	
	
	@media screen and (max-width:680px){
	 

.carousel-item {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-variant: small-caps;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: #004DA3;
    letter-spacing: 0.4px;
    background: url(images/trame.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto auto;
    -webkit-background-size: cover;
    background-size: cover;
    height: 360px;
    background-color: rgba(255, 255, 255, 0.3);
    padding-top: 30px;
    padding-bottom: 30px;
	}
   
   
.content-home{
	color:#004DA3;
	line-height:1.3rem;
	margin:0px;
	margin-top: 80px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify; 
	background: url(images/trame.png) no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto auto;
	-webkit-background-size: cover;
	background-size: cover;
	height: 360px;
	background-color: rgba(255, 255, 255, 0.3); 
	}
	
.btn-primary {
    font-size: 0.6rem;
   }
   
   
.background-index{ 
  	margin:0;
  	padding:0;
  	background:url(images/trame.png) no-repeat center fixed; 
  	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
	background-size:100% 100%;
	background-color: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;
	}