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


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

body{
	overflow-x: hidden !important;
}

	
	
html.fp-enabled,
.fp-enabled body {
	overflow: scroll !important;
	overflow-x: hidden !important;

}



	
	.logo{
		width: 300px;
		height: 86px;
		background:#fff;
		position: fixed;
		transform: skewX(-32deg);
		left: -75px;
		-webkit-box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		z-index: 10000000;
		top: 0;
		
	}
	
	
	.logo p {
    transform: skewX(31deg);
    color: #fff;
    position: absolute;
    right: 31px;
    bottom: 0;
    margin: auto;
    top: 14px;
}
	
	
	.logo img{
		width: 180px !important;
	}
	


.ban-h{
	padding-top: 80px;
}


.serv-home {
    margin-bottom: 38px;
}


	
}



@media only screen and (min-width: 480px) and (max-width:720px) { 
	
	
html.fp-enabled,
.fp-enabled body {
	overflow: scroll !important;
	overflow-x: hidden !important;

}


.fp-enabled{
	overflow: scroll !important;
}


	
	.logo{
		width: 300px;
		height: 86px;
		background:#fff;
		position: absolute;
		transform: skewX(-32deg);
		left: -75px;
		-webkit-box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		z-index: 10000000;
		
	}
	
	
	.logo p {
    transform: skewX(31deg);
    color: 
    #fff;
    position: absolute;
    right: 18px;
    bottom: 0;
    margin: auto;
    top: 14px;
}
	
	
	.logo img{
		width: 180px !important;
	}
	
	
	#menu{
		display: none !important;
	}


	#myContainer{
	display: none !important;
}





	

}



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

	
html.fp-enabled,
.fp-enabled body {
	overflow: scroll !important;
	overflow-x: hidden !important;

}




#menu{
		display: none !important;
	}







	.logo{
		width: 300px;
		height: 86px;
		background:#fff;
		position: absolute;
		transform: skewX(-32deg);
		left: -75px;
		-webkit-box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 36px -3px rgba(0,0,0,0.75);
		z-index: 10000000;
		
	}
	
	
	.logo p {
    transform: skewX(31deg);
    color: 
    #fff;
    position: absolute;
    right: 18px;
    bottom: 0;
    margin: auto;
    top: 14px;
}
	
	
	.logo img{
		width: 180px !important;
	}



	#myContainer{
	display: none !important;
}







}






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




	#myContainer{
	display: none !important;
}



#menu{
		display: none !important;
	}



}


	
	


}



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


	#myContainer{
	display: none !important;
}


#menu{
		display: none !important;
	}


	
html.fp-enabled,
.fp-enabled body {
	display: none  !important;

}




}




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


	#myContainer{
	display: none !important;
}
	


#menu{
		display: none !important;
	}


	
}






@media only screen and (min-width:1201px)  {
	

.barre-menu {
    left: 24% !important; 
   }
	

	.mobileview{
	display: none !important;
}






.slide-press{
	    right: 33% !important;
}




.contactUs i {
    transform: skewX(-31deg);
    color: #fff;
    margin: auto;
    font-size: 36px;
    margin-right: 79px;
}



.carousel-caption h5 {
    font-size: 45px !important;
}




.bloc-news-read .text {
    left: 163px !important;
}



.bloc-news-read {
    right: 19% !important;
}




.client-read {
   
    right: 27% !important;
}



.client-read .text {
 
    left: 139px !important;

}



.ensavoir {
 
    right: 18% !important;

}



.signature .text {
  
    font-size: 9px !important;
   
}



.holderCircle {
   
    right: 132px !important;

}






}












}