/*****************LOADER***************/



  @keyframes tourne {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
  }

  @keyframes spin {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
  }

  .container-loader {
  	padding: 0;
  	margin: 0;
  	width: 100%;
  	height: 100%;
  	background-color: #2E1760; 
  	/*background-color: #fff; */
  }

  .aucentre{

  	width: 100%;
  	height:100%;
  	transform: translate(-60px, -60px);
  	-webkit-transform: translate(-60px, -60px);
  }

  .loader {
  	border: 20px solid transparent;
  	border-bottom: 20px solid #00D0DB;
  	border-top: 20px solid #FF715B; 
  	border-radius: 50%;
  	width: 150px;
  	height: 150px;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	animation: spin 2s linear infinite;
  	-webkit-animation: spin 2s linear infinite;

  }

  /*********************************************/

*{
	

	font-family: 'Poppins', sans-serif;
	/*transition: all 1s;*/
	/*transition: all 1s ease-in-out;*/

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


}

#bloc1{
	transition: all 1s ease-in-out;
}

html, body{
	height: 100%;
	width: 100%;

	/*overflow-x: hidden;*/

}


html{
	/*height: 5000px;*/
	font-size: 100%;

	/*font-size: 0.8vw;*/

}

body {
	margin: 0;
	color: #2E1760;


}

.navbar-toggler, .navbar-toggler.change{
	/*background-color:#00D0DB; 
	width: 47px;
	height: 34px;*/
	outline: none;
}


.navbar-nav .nav-link{
	text-align: center;
}

.bar1, .bar2, .bar3 {
	width: 25px;
	height: 2px;
	background-color: #00D0DB; ; /*82D173*/
	margin: 6px 0;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 6px);
	transform: rotate(-45deg) translate(-6px, 6px);
	background-color:  #00D0DB;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-6px, -5px);
	transform: rotate(45deg) translate(-6px, -5px);
	background-color:  #00D0DB;
}

.navbar.change {
	height: auto;
}

button:focus{
	outline: none;
}


/*
.navbar-toggler:focus{
	outline: none;
	}*/

	.navbar-toggler .line{
		width: 100%;
		float: left;
		height: 2px;
		background-color: #2E1760;
		margin-bottom: 5px;
	}


	.navbar-toggler-icon{
		color: #2E1760;
		/*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");*/

	}

	.navbar-nav{
		align-items: center;
	}

	/*.navbar-brand{
		font-size: 2.1rem;
		line-height: 53px;
		letter-spacing: 3px;
		font-weight: 900;
		color: #00D0DB;
	}*/

.navbar-brand{
	background-image: url("img/logo-bloc.svg");
	height: 100px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: center;
	transition: height .5s ease-in-out;
	transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000;
	/*transition: all .5s;*/
}
.navbar-brand:hover{
	background-image: url("img/logohover.svg");
	/*transition: background-image .5s ;*/
	transition: height .5s ease-in-out;
}


.line{
	background-image: url("img/logo-2lignes.svg");
	height: 60px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: center;
	transition: height .5s ease-in-out;
}
.line:hover{
	background-image: url("img/logohover-2lignes.svg");
	transition: height .5s ease-in-out;
}


	.navbar{
		/*padding: 1rem;*/
		padding-left: 6rem;
		padding-right: 6rem;
		background-color: #2E1760;
		color: #00D0DB;
		text-transform: uppercase;
		font-weight: 700;
		/*font-size: 16px;*/
		font-size: 1rem;
		justify-content: space-evenly;
		transition: all 1s ease-in-out;
/*	position: fixed;
width: 100%;*/
}

.nav-link{
	letter-spacing: .05rem;
	transition: all .5s ease-in-out;

}

.nav-link:hover, .active, .navbar-brand:hover{
	color : #FF715B;
}


.logofb{
	height: 2.5rem;
}

a{
	color: #00D0DB;
}

/*
.content{

	transition: all 1s;
}*/

.imfell{
	font-family: 'IM Fell French Canon', serif;
	font-size: 3.6rem; /*60px*/
	text-transform: initial!important;
	color: #FF715B;
	font-style: italic;
	font-weight: 400;  
}

.carousel-inner{
	/*flex-direction: column;*/
    /*align-items: center; 
    justify-content: center; */
    height: 100vh;
    /*  align-content: center;*/
    
}
.carousel-item {
	height: 100%;
   /* min-height: 300px;
   background: no-repeat center center scroll;*/
   background-size: cover;
   /*width: 100%;*/
   background-position: center; 
   background-attachment: fixed; 
}
.carousel-indicators{
	left: 10%;
	margin-left:5%;
	right: auto;
	bottom: 5vh;
	z-index: 20;
	/*top:80vh;*/
	
	
}

.carousel-indicators .active{
	background-color:#00D0DB;
}

.carousel-indicators li{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid;
	border-color: rgb(0, 208, 219);
	/*border-color: rgba(0, 208, 219, .5);*/
	background-color: transparent;
	margin: 10px;
	/*content: "•";*/
	cursor: pointer;
}



h1{
	font-weight: 700;
	letter-spacing: 1px;
	/*font-size: 65px;*/
	font-size: 4rem;
}

h2{
	color: #FF715B;
	font-weight: 900;
	font-size: 4.3rem;
	text-transform: uppercase;
	/*line-height: 50px;*/
	line-height: 4rem;

}

h2 span{
	color: #FF715B;
}

.h2decal{
	padding-left: 7rem;
	font-size: 4.2rem;
}

.decal{
	padding-left: 4rem;
	font-size: 4rem;
	display: block;
}


.nodecal{
	font-size: 4rem;
}

p{
	font-weight: 500;
	/*font-size: 32px;*/
	font-size: 1.7rem;
}

#myCarousel{
	/*transform: translateZ(20px);*/
	/*transform-style: preserve-3d;*/
}

#container{
	margin-top: -30vh;
	transition: all 1s ease-in-out;
	/*margin-bottom: -30vh;*/

	/*transform: translateZ(20px);
	transform-style: preserve-3d;*/
	/*transition: all 1s;*/
	position: relative;
	z-index: 16;
}

/*
.decal{
	margin-left: -66%;
	width: 100%;
	background-color: white;
}

.decal p{
	font-size: 1.6rem;
	}*/


	.blocfond{
		background-image: url('img/01accueil.jpg'); 
		background-color: white;
		min-height: 500px;

		background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/ /* center*/
background-size: 58% auto; 
background-position: center right ;
/*transition: all 3s;*/
/*padding: 4rem;*/
}

/*
#blocblanc1{
	margin: 4rem;
	}*/

	.blocblanc{

		/*width: 100%;*/
		background-color: white;
		padding-top: 2rem;
		padding-bottom: 1rem;
		padding-left: 0;
		padding-right: 2rem;
		/*transition: 3s all;*/
	}

	.pbb{
		padding-right: 2.5rem;
		padding-left: 4.5rem;
	}

	.blocblanc p{
		font-size: 1.5rem;
	}

	.ensavoirplus{
		color: #FF715B;
		padding: 2rem;
		padding-bottom: 1rem;
		padding-top: 1rem;
		border: 2px solid #FF715B;
		font-size: 1.6rem;
		font-weight: 900;
		text-transform: lowercase;
		letter-spacing: 1.12px;
		transition: all .5s ease-in-out;
	}

	.ensavoirplus:hover{
		color:#fff;
		background-color: #FF715B;
		text-decoration: none;
	}

	.blocfond2{
		min-height: 500px;
		/*	padding: 4rem;*/
		background-image: url('img/02accueil.jpg'); 
		/*min-height: 600px;*/
		background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
}

.blocfond3{
	min-height: 500px;
	/*padding: 4rem;*/
	background-image: url('img/03accueil.jpg'); 
	/*min-height: 600px;*/
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right;
}

.blocfond4{
	min-height: 500px;
	/*padding: 4rem;*/
	background-image: url('img/04accueil.jpg'); 
	/*min-height: 600px;*/
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
}

.blocfond5{
	min-height: 500px;
	/*padding: 4rem;*/
	background-image: url('img/05accueil.jpg'); 
	/*min-height: 600px;*/
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right;
}


#nosprestations{
	background-color: #2E1760;
	color: #FF715B;
}

a.blocbleu:hover{
	text-decoration: none;
}

.blocbleu:hover{
	transform: scale(1.05);
	transition: .5s all ease-in-out;
	/*backface-visibility: hidden;
transform: translateZ(0);
-webkit-font-smoothing: subpixel-antialiased;*/
}
/*
.blocbleu::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  
  background-image: 
linear-gradient(to bottom, rgba(0, 208, 219,0) 0%, rgba(0, 208, 219,0) 30%, rgba(0, 208, 219,0.9) 60%, rgba(0, 208, 219,1) 100%), url('img/01presta.png') ;
*/

/*  transform: rotate(30deg);*/
/*}*/

.blocbleu{
	width: 100%;
	height: 35vh;
	margin: 0 auto;
	background: #00D0DB;
	background-image: url("img/01presta.jpg"); /* fallback */

	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
	border: none;
transition: .5s all ease-in-out;
	transform: perspective(1px) translateZ(0);
	backface-visibility: hidden;
/*
backface-visibility: hidden;
transform: translateZ(0);
-webkit-font-smoothing: subpixel-antialiased;*/

/*
background-image:
linear-gradient(to bottom, rgba(0, 208, 219, 0), rgba(0, 208, 219,1)),
url('img/01presta.png');*/
background-repeat: no-repeat;
background-size: cover;
background-position: center;


background-image: 
linear-gradient(to bottom, rgba(0, 208, 219,0) 0%, rgba(0, 208, 219,0) 40%, rgba(0, 208, 219,0.6) 50%, rgba(0, 208, 219,1) 60%, rgba(0, 208, 219,1) 100%), 
url('img/01presta.jpg') ;


/*background-image: url("img/01presta.png"), linear-gradient(#00D0DB, transparent);  */
/*
	background: #00D0DB 0% 0% no-repeat padding-box;
	background-image: url(img/01presta.png);
	background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(242,233,225,1) 25%, rgba(242,233,225,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	*/

}
.blocbleu2{
	
	background-image: 
	linear-gradient(to bottom, rgba(0, 208, 219,0) 0%, rgba(0, 208, 219,0) 40%, rgba(0, 208, 219,0.6) 50%, rgba(0, 208, 219,1) 60%, rgba(0, 208, 219,1) 100%),
	url('img/02presta.jpg') ;

}
.blocbleu3{

	background-image: 
	linear-gradient(to bottom, rgba(0, 208, 219,0) 0%, rgba(0, 208, 219,0) 40%, rgba(0, 208, 219,0.6) 50%, rgba(0, 208, 219,1) 60%, rgba(0, 208, 219,1) 100%),
	url('img/03presta.png') ;
}

.blocbleu4{

	background-image: 
	linear-gradient(to bottom, rgba(0, 208, 219,0) 0%, rgba(0, 208, 219,0) 40%, rgba(0, 208, 219,0.6) 50%, rgba(0, 208, 219,1) 60%, rgba(0, 208, 219,1) 100%),
	url('img/04presta.jpg') ;
}

h3{
	letter-spacing: 0.8px;
	color: #FF715B;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 2.2rem;
}
h4{
	color: #2E1760;
	letter-spacing: 0.46px;
	color: #2E1760;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 700;
}

h5{
	color: #00D0DB;
}

.containercontact{
	position: absolute;
	/*max-width: 50%;
	min-height: 200px;
	top: 0;
	right: 50px;*/
	z-index: 50;

}


.contact{

	position: absolute;
	max-width: 33%;
	min-height: 200px;
	top: 0;
	right: 8.3%;
	z-index: 50;

	background-color: #00D0DB;
	padding-top: 3rem;
	padding-bottom: 1rem;
	padding-left: 0;
	/*padding-right: 3rem;*/
}

.contact p{
	font-size: 1.2rem;
	line-height: 30px;
	margin-left: 2rem;
	line-height: 25px;
}


.contact .imfell{
	font-family: 'IM Fell French Canon', serif;
	font-size: 2.8rem; /*60px*/
	text-transform: initial!important;
	font-style: italic;
	font-weight: 400;
	line-height: 40px;
}


.contact h2{
	color: #2E1760;
}
.violet{
	color: #2E1760;
}

.blanc{
	color: #fff;
}

.italic{
	font-style: italic;
}


footer{
	background-color: #2E1760;
	color: #fff;
	padding: 2rem;
}


.maps{
	height: 700px;
}




/*******mentions*******/


.popup{
	position: fixed;
	width: 100%;
	height:100%;
	background-color: rgba(197, 202, 198, .5); /* 4, 4, 21*/
	padding-left: 20%;
	padding-right: 20%;
	top: 0;
	padding-top: auto;
	display: none;
	z-index: 50000;
	transition: all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}


.popupcontent{
	position: relative; 
	background-color: #FFFFFF;
	margin : 0 auto;
	padding: 3rem;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 
	overflow: auto;
	/*max-height: 90%;*/
	/*  font-size: 50%;*/
}

.popupcontent h3{
	margin-top: 1.3rem;
}

.popupcontent p{

	font-size: 1.3rem;
	margin-bottom: 0;

} 

.mentions{

	color: #FFFFFF;
	/*  text-transform: uppercase;*/
}

.mentions:hover{
	text-decoration: underline;
	color: white;
}

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

	.popup{
		padding-left: 5%;
		padding-right: 5%;
	}

}

/*******post-prod image**********/

/*
.bandeau{
	height: 50vh; 
	background-image: url('img/header-postprod-image.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
	
}
*/

.bandeau-container{
	height: calc(50vh); 
	/*transition: all 1s;*/
	/*margin-top: 80px;*/
}

.bandeau{
	height: 100%;
	/*transition: all 1s;*/
	background-image: linear-gradient(to bottom, rgba(255, 113, 91,0.5) 0%, rgba(255, 113, 91,0.5) 100%), url('img/image/header.jpg') ;
	background-repeat: no-repeat;
	background-position: 0px -25vh; 
	background-size: cover;
	background-attachment: fixed;

	
}

.bandeau h1, .bandeau h1 span {
	color: white;
	font-size: 5.3rem;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 5rem;
	margin-top: 80px;
}

.bandeau .imfell {
	font-family: 'IM Fell French Canon', serif;
	font-size: 3.6rem; /*60px*/
	text-transform: initial!important;
	font-style: italic;
	font-weight: 400;
}


.blocfond1-image{
	min-height: 500px;
	background-image: url('img/image/01image.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: initial; /* left*/
}




#myCarousel2 .carousel-inner{
	/*flex-direction: column;*/
    /*align-items: center; 
    justify-content: center; */
    height: 100vh;
    /*  align-content: center;*/
    
}

#myCarousel2 .carousel-item {
	height: 100%;
   /* min-height: 300px;
   background: no-repeat center center scroll;*/
   background-size: cover;
   /*width: 100%;*/
   background-position: center; 
   background-attachment: unset; 
}

#myCarousel2 .carousel-indicators{
	left: 0;
	margin-left:0;
	right: 0;
	margin-right: 0;
	bottom: 5vh;
	z-index: 20;
	/*top:80vh;*/
	
	
}

.carousel-control-prev-icon{
	background-image: url('img/flechegauche.svg');
}

.carousel-control-next-icon{
	background-image: url('img/flechedroite.svg');
}

.carousel-control-prev-icon:hover{
	background-image: url('img/flechegauche_hover.svg');
}

.carousel-control-next-icon:hover{
	background-image: url('img/flechedroite_hover.svg');
}

.carousel-control-prev-icon, .carousel-control-next-icon{
	width: 68px;
	height: 68px;
}




.plusdinfos{
	padding: 5rem;
	background-color: #00D0DB;
}

.plusdinfos h4{

	color: white;

	font-family: 'IM Fell French Canon', serif;
	font-size: 3.6rem; /*60px*/
	text-transform: initial!important;
	font-style: italic;
	font-weight: 300;  
	padding-bottom: 2rem;
	letter-spacing: 1.2px;
}




.boutoncontact{

	color: #FFF;
	padding: 2rem;
	padding-bottom: 1rem;
	padding-top: 1rem;
	border: 2px solid #FFF;
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 900;
	line-height: 3.2rem;
	letter-spacing: 1.12px;
	transition: all .5s ease-in-out;
}

.boutoncontact:hover{
	color:#00D0DB;
	background-color: #FFF;
	text-decoration: none;
}


.blocblanc ul{
	font-size: 1.2rem;
	padding-inline-start: 0;
}


/*********postprod son********/

.blocfond1-son{
	min-height: 500px;
	background-image: url('img/son/studio-son.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: initial; /* left*/
}

.blocfond2-son{
	min-height: 500px;
	background-image: url('img/son/auditorium.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right; /* left*/
}

li ul li {
	margin-left: 1rem;
}




/*******services**********/

.bandeau-services{
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(255, 113, 91,0.5) 0%, rgba(255, 113, 91,0.5) 100%), url('img/services/header.jpg') ;
	background-repeat: no-repeat;
	background-position: 0px -25vh; 
	background-size: cover;
	background-attachment: fixed;
}


.blocfond1-services{
	/*min-height: 500px;*/
	background-image: url('img/services/alexa-mini.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
}

.blocfond2-services{
	/*min-height: 500px;*/
	background-image: url('img/services/hebergement.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right;
}



/*******labo**********/



.blocfond-labo{
	/*min-height: 500px;*/
	background-image: url('img/labo/labo.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
}


/*******structures**********/

.bandeau-structures{
	height: 100%;
	background-image: 
	linear-gradient(to bottom, rgba(255, 113, 91,0.5) 0%, rgba(255, 113, 91,0.5) 100%), url('img/structures/header.jpg') ;
	background-repeat: no-repeat;
	background-position: 0px -25vh; 
	background-size: cover;
	background-attachment: fixed;
}


.blocfond1-structures{
/*min-height: 500px;*/
	background-image: url('img/structures/01structures-adefi.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
/*background-repeat: repeat-y; */
background-position: top left;
}

.blocfond2-structures{
/*min-height: 500px;*/
	background-image: url('img/structures/02structures-creative-maker.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right;
background-position: top right;
}

.blocfond3-structures{
	/*min-height: 500px;*/
	background-image: url('img/structures/03structures-escape-feeling.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
background-position: top left;
}

.blocfond4-structures{
/*min-height: 500px;*/
	background-image: url('img/structures/04structures-la-petite-prod.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right;
background-position: top right;
}


.blocfond5-structures{
/*min-height: 500px;*/
	background-image: url('img/structures/05structures-lex-publishing.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
background-position: top left;
}

.blocfond6-structures{
/*min-height: 500px;*/
	background-image: url('img/structures/06structures-loutacam.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right;
background-position: top right;
}

.blocfond7-structures{
/*min-height: 500px;*/
	background-image: url('img/structures/07structures-lswr.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: left;
background-position: top left;
}

.blocfond8-structures{
/*min-height: 500px;*/
	background-image: url('img/structures/08structures-summercamp.jpg'); 
	background-repeat: no-repeat; 
/*display: flex; 
align-items: flex-start;*/
background-size: 58% auto; 
background-position: right;
background-position: top right;
}

.blocblanc p.smaller{
	font-size: 1.2rem;
}


/***********responsive****************/

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

	html{
		font-size: 90%;
	}
	.navbar-expand-xl .navbar-nav .nav-link{
		padding-right: 1rem; /*1rem;*/
		padding-left: 1rem;
	}
}
@media only screen and (max-width: 1450px){ 

	html{
		font-size: 80%;
	}
	.navbar-expand-xl .navbar-nav .nav-link{
		padding-right: .8rem;
		padding-left: .8rem;
	}
}


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

	html{
		font-size: 75%;
	}
	.navbar{
		padding-right: 3rem;
		padding-left: 3rem;
	}

		.navbar-expand-xl .navbar-nav .nav-link{
		padding-right: .5rem;
		padding-left: .5rem;
	}
}



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

	html{
		font-size: 70%;
	}
	.nav-link{
		font-size: 2.5rem;
	}

	.logofb{
		height: 3.5rem;
	}

	.navbar-brand{
		width: 200px;
	}
}

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

	html{
		font-size: 65%;
	}
}



@media only screen and (max-width: 992px){ /* 767*/


	html{
		font-size: 60%;
		/*font-size: 1.5vw;*/
	}


	.contact{


		max-width: 50%;
		min-height: 200px;
		right: 0;
	/*top: 0;
	right: 8.3%;
	z-index: 50;*/

	/*background-color: #00D0DB;
		padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 0;
	padding-right: 3rem;*/
}


.carousel-indicators{
	z-index: 1;
}

#container{
	margin-top: -40px;
}
/*
.decal{
	margin-left: 5%;
	width: 90%;
	}*/

	.blocfond, .blocfond2, .blocfond3, .blocfond4, .blocfond5, .blocfond1-image, 
	.blocfond1-structures, .blocfond2-structures, .blocfond3-structures, .blocfond4-structures, 
	.blocfond5-structures, .blocfond6-structures, .blocfond7-structures, .blocfond8-structures
	, .blocfond1-son, .blocfond2-son, .blocfond1-services, .blocfond2-services, .blocfond-labo
	{

		background-size: 100%!important; 
		height: auto!important;
		padding: 2rem;
		background-position: top;
		min-height: auto;
		/*background-size: cover;*/
	}
	.navbar-brand{

	  /*  overflow-wrap: break-word;
	  word-break: break-all;*/
	  text-align: center;
	  white-space:normal;
	}

	.imfell{
		font-size: 3rem;
	}

	h2{


		overflow-wrap: break-word;
		word-break: break-all;
		white-space:normal;
	}

	h2{

		font-size: 3rem;
		line-height: 3rem;
	}

	.h2decal, .decal{
		padding-left: 2.8rem; /*2*/
		font-size: 6vw;
		line-height: 6vw;
	}
	.nodecal{

		font-size: 5.5vw;
	}

	#blocblanc1, #blocblanc2, #blocblanc3, #blocblanc4, #blocblanc5{
		margin-top: 20vh;
	}

	.blocblanc{
		/*padding-left: 2rem;*/
		padding-bottom: 2rem;

		/*text-align: center;*/
		/*margin-bottom: .5rem;*/
	}

	.blocbleu{
		width: 80%;
	}


	.ensavoirplus{
		text-align: center;
	}

}

/*
@media screen and (max-width: 500px){
  html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
  }*/

  @media only screen and (max-width: 500px){ /* 767*/



  	html{
  		font-size: 55%;
  		/*font-size: 1.8vw;*/
  		height: 100vh; /* set viewport constraint */
  		min-height: 100%; /* enforce height */

  	}

  	.bandeau-container{
  		height: 30vh;
  	}

  	.bandeau h1{
  		margin-top: 50px;
  	}

  	.carousel-item{

  		-webkit-background-size: cover;
  		-moz-background-size: cover; 
  		-o-background-size: cover; 
  		background-size: cover;
  		background-attachment: scroll; 
  		height: 100vh; /* set viewport constraint */
  		min-height: 100%; /* enforce height */
  	}

  	.navbar{
  		padding: 2rem;
  		padding-top: 0rem;
  		padding-bottom: 0rem;
  	}

.navbar-brand, .line{
	background-image: url("img/logo-2lignes.svg");
	height: 60px;
	width: 200px;
}	

.navbar-brand:hover, .line:hover{
	background-image: url("img/logohover-2lignes.svg");
	height: 60px;
	width: 200px;
}	

  	.navbar-nav{
  		padding-top: 1rem;

  	}

  	.nav-link{
  		padding-top: 1rem;
  		padding-bottom: 1rem;
  	}

  	.carousel-indicators{
  		bottom: 10vh;
  		margin-left: 0;
  		margin-right: 0;
  		right: 0;
  		left: 0;
  	}
  	.carousel-indicators li{
  		width: 15px;
  		height: 15px;
  	}


.carousel-control-prev-icon, .carousel-control-next-icon{
	width: 35px;
	height: 35px;
	padding: .5rem;
}


  	.contact{
  		position: relative;
  		max-width: 100%;
  		text-align: center;
  	}

  	.maps{
  		height: 300px;
  	}

  	.blocbleu{
  		width: 80%;
  		height: 30vh;
  	}

  	.contact .imfell.violet{
  		display: none;
  	}

  	.contact p{
  		margin-left: 0;
  		font-size: 1.5rem;
  	}

  	.nodecaltitre{
  		font-size: 3.5rem;
  		padding-left: 1rem;
  		padding-right: 1rem;
  	}

  }




  @media only screen and (max-width: 320px){ /* 767*/


  	html{
  		font-size: 50%;
  		/*font-size: 2.2vw;*/
  	}

  }