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


/* phones portrait */
@media screen and (max-width: 600px){

	.hide-tab { display: block; }
	.show-tab { display: none; }
	.hide-tab-mobile { display: none; }
	.hide-mobile { display: none; }
	.hide-mobile_{ display: block; }
	.show-tab-mobile { display: block; }
	.show-mobile { display: block; }
	.hide-13inch-tab-mobile { display: none; }

	.page-background-home-set { margin-top: -30px; } 
	.page-background-home { padding: 50px 0 20px 0; }
	.page-background-vente { text-align: center; }


	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 440px; }
	.banner-medium { width: 100%; height: 350px;  }
	.video-size { width: 150%; height: auto; margin-left: -25%; }
	.banner-small { width: 100%; height: 300px; /*250px*/ }
	.banner-small2,.banner-small2-img { width: 100%; height: 350px; }
	.banner-lil { padding: 20px 0; margin-bottom: 5px; }
	.banner-lil2 { padding: 0 0 20px 0; }
	/*.banner-special { padding-top: 350px; }*/
	#banner-histortique { min-height: 1200px; }
	.banner-contact { padding-top: 150px; background-position: top left; }
	.banner-contact-st1 { width: 100%; margin-right: 0; }
	.banner-contact-st2 { width: 100%;}
	.banner-big-inner { width: 90%; margin: 0 auto 0 auto; }
	.banner-big-inner2 { margin-bottom: 120px; }
	.banner-big-social-size { width: 35px; height: 35px; }
	h0 { font-size: 35px; line-height: 35px; letter-spacing: 5px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 30px; line-height: 30px; }

	.banner-solution { width: 100%; height: 350px; margin-bottom: 30px; }
	#banner-solution-img { width: 100%; margin: 0 auto; top: 80px; }
	#banner-solution-set3,#banner-solution-set4 { padding: 0 10px; margin: 0 3%; top: 35%; display: none; }
	.banner-solution-img2 { width: 70%; }
	.solution3-set { height: 740px; }
	.page-background-solution3 { width: 100%; height: 740px; padding: 40px 0 35px 0; margin: 0 0 0 0; }
	.card-solution3 { height: 380px; }
	.card-solution3-img { width: 86%; padding: 0 7%; margin: -360px 0 0 0; }
	.card-solution3-img2 { margin-top: 230px; } 

	.card-solution2-text { background: linear-gradient(180deg, rgb(34, 34, 34, 0) 50%, rgb(34, 34, 34, 0.7) 100%); }


	.grid-produit5-container {  grid-template-columns: 100%; }
	.grid-produit5-container2 {  grid-template-columns: 100%; }	
	.card-produit5_2-img { height: auto; }	
	.card-produit5_2 { width: 80%; padding: 20px 10% 20px 10%; }
	.card-produit5-st1_ { width: 100%; }
	.card-produit5-st2_ { width: 100%; }
	.card-produit5-line { height: 300px; transform: translateX(50px) rotate(15deg); }
	.card-produit5-line2 { width: 100%; height: 1px; margin-top: 20px;  transform: translateX(0) rotate(-5deg); }
	.card-produit5-line3 { width: 100%; height: 1px; margin-top: 20px;  transform: translateX(0) rotate(-5deg); }



	/*banner nav*/
	#banner-nav-set { width: 100%; padding: 0 0;  right: 5%; top: 91%; }
	.banner-nav-arrow { width: 100px; margin: 0 auto; }



	/*card*/
	.grid-solution2-container { grid-row-gap: 20px; grid-template-columns: auto; }
	.grid-solution2-container2 { grid-row-gap: 20px; grid-template-columns: auto; }

	.grid-produit-container { width: 100%; grid-template-columns: 100%; }
	/*.card-produit { width: 90%; padding: 30px 5% 10px 5%; }*/
	.card-produit-st1 { width: 40%; margin-right: 10%; }
	.card-produit-st2 { width: 50%; float: left; }

	.grid-produit2-container { grid-column-gap : 50px; grid-template-columns: 100%; }
	/*.card-produit2 { width: 90%; padding: 50px 5% 10px 5%; }*/
	.card-produit2-st1 { width: 70%; margin-left: 15%; margin-right: 15%; }
	.card-produit2-st2 { width: 100%; margin-top: 40px; }

	.card-produit3 {  width: 86%; padding: 30px 7% 5px 7%; }
	.card-produit3-st1 { width: 90%; margin-left: 5%; margin-right: 5%; }
	.card-produit3-st2 { width: 100%; }

	.grid-card-news2-container { grid-template-columns: 100%; }
	.grid-card-news-container { grid-template-columns: 100%; }
	.card-news,.card-news2 { width: 100%; height: 300px; padding: 15px 0; border-right: none; border-bottom: 1px solid #DDD; }
	.card-news2 { width: 85%; height: 310px; padding: 15px 7%;  }
	.card-news-image { height: 160px; }
	.card-news-image2 { height: 150px; }

	.grid-card-blog-container { grid-row-gap: 5px; grid-template-columns: 100%; }
	.card-blog { width: 100%; height: auto; }
	.card-blog-image { height: 150px; }
	
	.grid-card-neo2-container { grid-row-gap: 5px; grid-column-gap : 5px; grid-template-columns: auto auto; }

	.card-commentaire { width: 80%; padding: 10px 10% 20px 10%;  }

	.card-text-titlebig { width: 100%; font-size: 22px; line-height: 29px; }
	.card-text-titlebig2 { width: 100%; font-size: 19px; line-height: 22px; }
	.card-text-title { font-size: 20px; line-height: 24px; }
	.card-text-title2 { font-size: 17px; line-height: 22px; }
	.card-text-subtitle {  font-size: 16px; line-height: 21px; }
	.card-text-subtitle3 { font-size: 14px; line-height: 23px; }
	.card-text-des { font-size: 13px; line-height: 20px; }
	.card-text-caption { font-size: 13px; line-height: 20px; }
	.card-text-caption2 { font-size: 13px; line-height: 20px; }
	

	
	/*Grid display*/
	.grid-range-container { grid-row-gap: 32px; grid-column-gap : 50px; grid-template-columns: auto auto auto auto; }

	
	/*card promotion*/
	.card-promotion2 { width: 100%; height: auto; }
	.card-promotion2-st { width: 100%; height: auto; padding: 0 0 70px 0; }
	/*.card-promotion2-st1 { width: 60%; height: 200px; float: none; margin: 0px auto 20px auto; text-align: center; }*/
	.card-promotion2-st1 { width: 90%; height: 230px; float: none; margin: 20px auto 20px auto; text-align: center; }
	.card-promotion2-st2 { width: 100%; height: 180px; }
	.card-promotion2:hover > .card-promotion2-st .card-promotion2-st1 { width: 100%; margin-left:0; }
	.card-promotion2:hover > .card-promotion2-st .card-promotion2-st2 { width: 100%; margin-right:0; transform: scale(1); }
	.card-promotion2-img { width: 100%; } 
	.card-promotion3 { width: 90%; height: 270px; padding: 0 5% 10px 5%; }

	.card-promotion4 { height: auto; margin-bottom: 30px; }
	.card-promotion4-st { width: 90%; height: auto; padding: 0 5% 0 5%; }
	.card-promotion4-st1 { width: 100%; margin: 100px 0 0 0; text-align: center; }
	.card-promotion4-st2 { width: 100%; margin: 0 0 0 0; }

	.card-promotion5_1,.card-promotion5_2 { width: 100%; margin: 10px 0%; }

	.card-promotion6 { width: 80%; height: auto; padding: 30px 10%; }
	.card-promotion6-st1 { width: 100%; height: auto; margin-left: 0; }
	.card-promotion6-st2 { width: 100%; height: 200px; }


	/*button*/
	.button3-web { margin: 0 auto 0 auto; float: none; }
	.button3 { height: 31px; padding: 5px 15px 10px 15px; }
	.button2,.button3 { font-size: 13px; }
	.button3-color { padding: 16px 13px 12px 13px; /*16px 13px 7px 13px;*/ }

	.button-web2 { float: none; /*padding: 10px 10px 10px 10px;*/ margin: -5px auto 0 auto; }
	.button-web2_ { width: 200px; } 


	.ba-slider { height: 200px; }


	/*Footer*/
	.footer-wrapper{ width: 80%; }
	.footer-column { width: 100%; padding: 0 0 0 0; margin: 10px 0 0 0; text-align: left; }
	.footer-column2 { width: 100%; }
	.footer-column-half { width: 100%; text-align: center; }
	.footer-line1 { margin: 5px auto 0 50%; }

	.footer-title2 { font-size: 15px; line-height: 17px; }
	.footer-title { font-size: 18px; line-height: 17px; }
	/*.footer-items, .footer-items2 { margin: 15px 0; }*/
	/*.footer-items li a { margin: 25px 0; font-size: 14px; line-height: 22px; }*/
	.footer-items2 li a { font-size: 17px; line-height: 22px; }
	.icon-footer { width: 40px; height: 40px; }


	.icon-size-medium { width: 45px; height: 45px; }
	.area-film2 { display: block; }

}

/* tablets portrait, phones landscape */
@media screen and (min-width: 768px){

	.hide-tab { display: none; }
	.show-tab { display: block; }
	.hide-tab-mobile { display: none; }
	.hide-mobile { display: block; }
	.hide-mobile_{ display: inline; }
	.show-tab-mobile { display: block; }
	.show-mobile { display: none; }
	.hide-13inch-tab-mobile { display: none; }

	.page-background-home-set { margin: -90px 5% 0 5%; } 
	.page-background-home { padding: 50px 0; }
	.page-background-vente { text-align: none; }
	

	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 570px; }
	.banner-medium { width: 100%; height: 350px; }
	.video-size { width: 100%; height: auto; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 340px; }
	.banner-lil { padding: 40px 0 30px 0; }
	.banner-lil2 { padding: 50px 0; }
	/*.banner-special { padding-top: 400px; }*/
	#banner-histortique { min-height: 1000px; }
	.banner-contact { padding-top: 200px; background-position: top center; }
	.banner-contact-st1 { width: 60%; margin-right: 5%; }
	.banner-contact-st2 { width: 35%;}
	.banner-big-inner { width: 90%; margin: 0 auto 0 auto; }
	.banner-big-inner2 { margin-bottom: 150px; }
	.banner-big-social-size { width: 35px; height: 35px; }
	h0 { font-size: 50px; line-height: 50px; letter-spacing: 25px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 45px; line-height: 45px; }

	.banner-solution { width: 100%; height: 470px; margin-bottom: 50px; }
	#banner-solution-img { width: 700px; margin: auto; top: 0; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 10px; margin: 0 3%; top: 35%; display: block; }
	.banner-solution-img2 { width: 80%; }
	.solution3-set { height: 650px; }
	.page-background-solution3 { width: 90%; height: 600px; padding: 40px 5% 0px 5%; margin: 0 0 10px 0; }
	.card-solution3 { height: 400px; }
	.card-solution3-img { width: 94%; padding: 0 3%; margin: -200px 0 0 0; }
	.card-solution3-img2 { margin-top: 20px; } 

	.card-solution2-text { background: linear-gradient(180deg, rgb(34, 34, 34, 0) 70%, rgb(34, 34, 34, 0.5) 100%); }

	.grid-produit5-container {  width: 99%; grid-template-columns: auto auto auto; grid-column-gap : 0px; }
	.grid-produit5-container2 {  grid-template-columns: auto auto auto auto; }
	.card-produit5_2-img { height: 110px; }	
	/*.card-produit5_2 { width: 70%; padding: 40px 15% 20px 15%; }*/
	.card-produit5_2 { width: 70%; padding: 40px 15% 20px 15%; }
	.card-produit5-st1_ { width: 95%; }
	.card-produit5-st2_ { width: 5%; }
	.card-produit5-line { height: 0px; }
	.card-produit5-line2 { width: 1px; height: 250px; margin-top: 10px;  transform: translateX(70px) rotate(15deg); }
	.card-produit5-line3 { height: 0px; }




	/*banner nav*/
	#banner-nav-set { width: 50px; padding: 0 30px; right: 0%; top: 35%; }
	.banner-nav-arrow { width: auto; margin: 0 0; }

	
	/*Grid display*/
	.grid-range-container { grid-row-gap: 32px; grid-column-gap : 50px; grid-template-columns: auto auto auto auto; }



	/*card*/
	.grid-solution2-container { grid-row-gap: 20px; grid-template-columns: auto auto auto; }
	.grid-solution2-container2 { grid-row-gap: 40px; grid-template-columns: auto auto; }

	.grid-produit-container { width: 90%; grid-template-columns: auto auto; }
	/*.card-produit { width: 90%; padding: 30px 5% 10px 5%; }*/
	.card-produit-st1 { width: 35%; margin-right: 10%; }
	.card-produit-st2 { width: 55%; float: left; }

	.grid-produit2-container { grid-column-gap : 50px; grid-template-columns: auto auto; }
	/*.card-produit2 { width: 90%; padding: 50px 5% 10px 5%; }*/
	.card-produit2-st1 { width: 34%; margin-left: 0; margin-right: 10%; }
	.card-produit2-st2 { width: 56%; margin-top: 0; }

	.card-produit3 {  width: 86%; padding: 40px 7% 15px 7%; }
	.card-produit3-st1 { width: 30%; margin-left: 0; margin-right: 8%; }
	.card-produit3-st2 { width: 62%; }

	.grid-card-news2-container { grid-template-columns: auto auto auto; }
	.grid-card-news-container { grid-template-columns: auto auto; }
	.card-news,.card-news2 { width: 85%; height: 300px; padding: 15px 7%; border-right: 1px solid #DDD; border-bottom: none; }
	.card-news-image { height: 110px; }
	.card-news-image2 { height: 200px; }

	.grid-card-blog-container { grid-row-gap: 20px; grid-template-columns: 50% 50%; }
	.card-blog { width: 100%; height: 250px; }
	.card-blog-image { height: 150px; }

	.grid-card-neo2-container { grid-row-gap: 20px; grid-column-gap : 20px; grid-template-columns: auto auto auto auto; }
	
	.card-commentaire { width: 90%; padding: 10px 5% 20px 5%;  }

	.card-text-titlebig { width: 80%; font-size: 22px; line-height: 29px; }
	.card-text-titlebig2 { width: 80%; font-size: 19px; line-height: 22px; }
	.card-text-title { font-size: 20px; line-height: 24px; }
	.card-text-title2 { font-size: 17px; line-height: 22px; }
	.card-text-subtitle {  font-size: 16px; line-height: 20px; }
	.card-text-subtitle3 { font-size: 14px; line-height: 23px; }
	.card-text-des { font-size: 13px; line-height: 20px; }
	.card-text-caption { font-size: 13px; line-height: 20px; }
	.card-text-caption2 { font-size: 13px; line-height: 20px; }



	/*card promotion*/
	.card-promotion2 { width: 100%; height: 320px; }
	.card-promotion2-st { width: 80%; height: 250px; padding: 0 10% 70px 10%; }
	.card-promotion2-st1 { width: 50%; height: inherit; float: left; margin: 0 0; text-align: left; }
	.card-promotion2-st2 { width: 50%; height: inherit; }
	.card-promotion2:hover > .card-promotion2-st .card-promotion2-st1 { width: 45%; margin-left:5%; }
	.card-promotion2:hover > .card-promotion2-st .card-promotion2-st2 { width: 45%; margin-right:5%; transform: scale(1.25); }
	.card-promotion2-img { width: 90%; } 
	.card-promotion3 { width: 40%; height: 250px; padding: 0 5% 30px 5%; }

	.card-promotion4 { height: 300px; margin-bottom: 80px; }
	.card-promotion4-st { width: 90%; height: 650px; padding: 0 3% 70px 7%; }
	.card-promotion4-st1 { width: 37%; margin: -130px 0 0 0; }
	.card-promotion4-st2 { width: 58%; margin: -110px 0 0 5%; }

	.card-promotion5_1,.card-promotion5_2 { width: 95%; margin: 10px 2.5%; }
	.card-promotion5_2 {  width: 70%; margin-left: 27.5%; }
	.card-promotion5_2-img { width: 135%; margin-left: -35%; }

	.card-promotion6 { width: 86%; height: 230px; padding: 40px 7%; }
	


	/*button*/
	.button3-web { margin: 15px 30px 0 15px; float: left; }
	.button2,.button3 { font-size: 13px; }
	.button3-color { padding: 16px 13px 12px 13px; }

	.button-web2 { float: left; /*padding: 10px 10px 10px 10px;*/ margin: -5px 5px 0 0px; }
	.button-web2_ { width: 260px; }
	
	
	.ba-slider { height: 270px; }
	.arrow-dot { width: 20px; height: 20px; }

	/*Footer*/
	.footer-wrapper{ width: 90%; }
	.footer-column { width: 24%; padding: 0 4% 0 2%; margin: 20px 0 0 0; text-align: left; }
	.footer-column2 { width: 40%; }
	.footer-column-half { width: 50%; text-align: left; }
	.footer-line1 { margin: 20px auto 0 50%; }
	
	.footer-title2 { font-size: 15px; line-height: 17px; }
	.footer-title { font-size: 19px; line-height: 17px; }
	/*.footer-items, .footer-items2 { margin: 15px 0; }*/
	/*.footer-items li a { margin: 25px 0; font-size: 14px; line-height: 22px; }*/
	.footer-items2 li a { font-size: 16px; line-height: 22px; }
	.icon-footer { width: 40px; height: 40px; }

}

/* tablets landscape */
@media screen and (min-width: 992px){

	.hide-tab { display: none; }
	.show-tab { display: block; }
	.hide-tab-mobile { display: none; }
	.hide-mobile { display: block; }
	.hide-mobile_{ display: inline; }
	.show-tab-mobile { display: block; }
	.show-mobile { display: none; }
	.hide-13inch-tab-mobile { display: none; }


	.page-background-home-set { margin: -90px 5% 0 5%; } 


	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 520px; }
	.banner-medium { width: 100%; height: 450px; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 360px; }
	/*.banner-special { padding-top: 450px; }*/
	#banner-histortique { min-height: 880px; }
	.banner-big-inner { width: 85%; margin: 0 auto 0 auto; }
	.banner-big-inner2 { margin-bottom: 140px; }
	.banner-big-social-size { width: 37px; height: 37px; }
	h0 { font-size: 50px; line-height: 50px; letter-spacing: 25px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 45px; line-height: 45px; }

	.banner-solution { width: 100%; height: 500px; margin-bottom: 65px; }
	#banner-solution-img { width: 750px; margin: auto; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 10px; margin: 0 3%; top: 40%; }
	.solution3-set { height: 650px; }
	.page-background-solution3 { width: 90%; height: 600px; padding: 40px 5% 0px 5%; margin: 0 0 5px 0; }
	.card-solution3 { height: 400px; }

	
	.grid-produit5-container {  width: 92%; grid-template-columns: auto auto auto; grid-column-gap : 80px; }
	.grid-produit5-container2 {  grid-template-columns: auto auto auto auto; }
	.card-produit5_2-img { height: 150px; }		
	.card-produit5-line { height: 330px; }
	.card-produit5-line3 { height: 330px; }

	
	/*Grid display*/
	.grid-range-container { grid-row-gap: 36px; grid-column-gap : 80px; grid-template-columns: auto auto auto auto; }


	/*card*/
	.card-news { width: 85%; height: 280px; padding: 15px 7%; }
	.card-news2 { width: 94%; height: 310px; padding: 15px 3%; }
	.card-news-image { height: 120px; }
	.card-news-image2 { height: 240px; }

	.card-blog { width: 100%; height: 280px; }
	.card-blog-image { height: 190px; }



	/*card promotion*/
	.card-promotion2 { width: 100%; height: 320px; }
	.card-promotion2-st { width: 80%; height: 250px; padding: 0 10% 70px 10%; }
	.card-promotion3 { width: 40%; height: 250px; padding: 0 5% 30px 5%; }

	.card-promotion4 { height: 350px; margin-bottom: 100px; }
	.card-promotion4-st { width: 90%; height: 650px; padding: 0 3% 70px 7%; }
	.card-promotion4-st1 { width: 37%; margin: -50px 0 0 0; }
	.card-promotion4-st2 { width: 58%; margin: -60px 0 0 5%; }

	.card-promotion5_1,.card-promotion5_2 { width: 95%; margin: 10px 2.5%; }
	.card-promotion5_2 {  width: 70%; margin-left: 27.5%; }
	.card-promotion5_2-img { width: 135%; margin-left: -35%; }

	.card-promotion6 { width: 86%; height: 220px; padding: 40px 7%; }

	
	.ba-slider { height: 300px; }


}




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

	.hide-tab { display: block; }
	.show-tab { display: none; }
	.hide-tab-mobile { display: block; }
	.show-tab-mobile { display: none; }
	.hide-13inch-tab-mobile { display: none; }


	/*.hide-13inch-tab-mobile { display: block; }*/


	.page-background-home-set { margin: -90px 10% 0 10%; } 


	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 600px; }
	.banner-medium { width: 100%; height: 480px; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 400px; }
	/*.banner-special { padding-top: 450px; }*/
	#banner-histortique { min-height: 900px; }
	.banner-contact { padding-top: 250px; background-position: top center; }
	.banner-contact-st1 { width: 50%; margin-right: 15%; float: left; }
	.banner-contact-st2 { width: 35%; float: left; }
	.banner-big-inner { width: 65%; margin: 0 auto 0 auto; }
	.banner-big-inner2 { margin-bottom: 160px; }
	.banner-big-social-size { width: 40px; height: 40px; }
	h0 { font-size: 60px; line-height: 60px; letter-spacing: 35px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 50px; line-height: 50px; }

	.banner-solution { width: 100%; height: 550px; margin-bottom: 50px; }
	#banner-solution-img { width: 800px; margin: auto; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 10px; margin: 0 3%; top: 40%; }
	.solution3-set { height: 650px; }
	.page-background-solution3 { width: 80%; height: 630px; padding: 40px 10% 0px 10%; margin: 0 0 40px 0; }
	.card-solution3 { height: 400px; }

	.grid-produit5-container {  width: 100%; grid-template-columns: auto auto auto; grid-column-gap : 80px; }
	.grid-produit5-container2 {  grid-template-columns: auto auto auto auto; }	
	.card-produit5_2-img { height: 160px; }	
	.card-produit5-line { height: 350px; }
	.card-produit5-line3 { height: 350px; }

	
	/*Grid display*/
	.grid-range-container { grid-row-gap: 34px; grid-column-gap : 80px; grid-template-columns: auto auto auto auto auto auto; }



	/*card*/
	.grid-produit-container { width: 100%; grid-template-columns: auto auto auto; }
	/*.card-produit { width: 90%; padding: 30px 5% 10px 5%; }*/
	.card-produit-st1 { width: 40%; margin-right: 10%; }
	.card-produit-st2 { width: 50%; float: left; }

	.card-news { width: 85%; height: 280px; padding: 15px 7%; }
	.card-news2 { width: 96%; height: 310px; padding: 15px 2%; }
	.card-news-image { height: 120px; }
	.card-news-image2 { height: 240px; }

	.card-blog { width: 100%; height: 300px; }
	.card-blog-image { height: 210px; }



	/*card promotion*/
	.card-promotion2 { width: 100%; height: 370px; }
	.card-promotion2-st { width: 80%; height: 300px; padding: 0 10% 70px 10%; }
	.card-promotion3 { width: 40%; height: 300px; padding: 0 5% 30px 5%; }
	.card-promotion4 { height: 450px; margin-bottom: 100px; }
	.card-promotion4-st { width: 90%; height: 650px; padding: 0 3% 70px 7%; }
	.card-promotion4-st1 { width: 37%; margin: 30px 0 0 0; }
	.card-promotion4-st2 { width: 58%; margin: -30px 0 0 5%; }
	
	.card-promotion5_1,.card-promotion5_2 { width: 95%; margin: 20px 2.5%; }
	.card-promotion5_2 {  width: 70%; margin-left: 27.5%; }
	.card-promotion5_2-img { width: 135%; margin-left: -35%; }

	.ba-slider { height: 350px; }
	.arrow-dot { width: 20px; height: 20px; }


	/*Footer*/
	.footer-wrapper{ width: 1000px; }

}



@media screen and (min-width: 1300px){ /*Mackbook*/

	.hide-13inch-tab-mobile { display: none; }
}



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

	.hide-13inch-tab-mobile { display: block; }

	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 700px; }
	.banner-medium { width: 100%; height: 550px; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 450px; }
	/*.banner-special { padding-top: 500px; }*/
	#banner-histortique { min-height: 900px; }
	.banner-big-inner { width: 65%; margin: 0 auto 0 auto; }
	.banner-big-inner2 { margin-bottom: 175px; }
	.banner-big-social-size { width: 40px; height: 40px; }
	h0 { font-size: 70px; line-height: 70px; letter-spacing: 35px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 60px; line-height: 60px; }

	.banner-solution { width: 100%; height: 600px; margin-bottom: 80px; }
	#banner-solution-img { width: 900px; margin: auto; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 10px; margin: 0 3%; top: 40%; }
	.solution3-set { height: 650px; }
	.page-background-solution3 { width: 80%; height: 630px; padding: 40px 10% 0px 10%; margin: 0 0 40px 0; }
	.card-solution3 { height: 400px; }

	.grid-produit5-container2 {  grid-template-columns: auto auto auto auto; }
	.card-produit5_2-img { height: 195px; }	
	.card-produit5-line { height: 350px; }
	.card-produit5-line3 { height: 350px; }

	
	/*Grid display*/
	.grid-range-container { grid-row-gap: 34px; grid-column-gap : 80px; grid-template-columns: auto auto auto auto auto auto; }



	/*card*/
	.card-news { width: 85%; height: 310px; padding: 15px 7%; }
	.card-news2 { width: 96%; height: 310px; padding: 15px 2%; }
	.card-news-image { height: 140px; }
	.card-news-image2 { height: 305px; }

	.card-blog { width: 100%; height: 350px; }
	.card-blog-image { height: 260px; }

	.card-text-titlebig { font-size: 23px; line-height: 30px; }
	.card-text-titlebig2 { font-size: 20px; line-height: 23px; }
	.card-text-title { font-size: 22px; line-height: 25px; }
	.card-text-title2 { font-size: 18px; line-height: 23px; }
	.card-text-subtitle {  font-size: 16px; line-height: 21px; }
	.card-text-subtitle3 { font-size: 14px; line-height: 23px; }
	.card-text-des { font-size: 14px; line-height: 21px; }
	.card-text-caption { font-size: 14px; line-height: 21px; }
	.card-text-caption2 { font-size: 14px; line-height: 21px; }



	/*card promotion*/
	.card-promotion2 { width: 100%; height: 420px; }
	.card-promotion2-st { width: 80%; height: 350px; padding: 0 10% 70px 10%; }
	.card-promotion3 { width: 40%; height: 350px; padding: 0 5% 30px 5%; }

	.card-promotion4 { height: 500px; margin-bottom: 100px; }
	.card-promotion4-st { width: 90%; height: 650px; padding: 0 3% 70px 7%; }
	.card-promotion4-st1 { width: 37%; margin: 70px 0 0 0; }
	.card-promotion4-st2 { width: 58%; margin: 20px 0 0 5%; }

	.card-promotion6 { width: 86%; height: 300px; padding: 40px 7%; }


	.ba-slider { height: 400px; }
	.arrow-dot { width: 20px; height: 20px; }


	/*Footer*/
	.footer-wrapper{ width: 1000px; }

}



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

	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 750px; }
	.banner-medium { width: 100%; height: 600px; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 500px; }
	/*.banner-special { padding-top: 550px; }*/
	#banner-histortique { min-height: 1000px; }
	.banner-contact { padding-top: 250px; background-position: top center; }
	.banner-contact-st1 { width: 40%; margin-right: 25%; float: left; }
	.banner-contact-st2 { width: 35%; float: left; }
	.banner-big-inner { width: 65%; margin: 0 auto; }
	.banner-big-inner2 { margin-bottom: 180px; }
	.banner-big-social-size { width: 45px; height: 45px; }
	h0 { font-size: 75px; line-height: 75px; letter-spacing: 30px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 65px; line-height: 65px; }

	.banner-solution { width: 100%; height: 650px; margin-bottom: 100px; }
	#banner-solution-img { width: 1000px; margin: auto; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 30px; margin: 0 3%; top: 40%; }
	.solution3-set { height: 750px; }
	.page-background-solution3 { width: 80%; height: 720px; padding: 40px 10% 0px 10%; margin: 0 0 80px 0; }
	.card-solution3 { height: 450px; }

	.card-produit5_2-img { height: 220px; }
	.card-produit5-line { height: 380px; }
	.card-produit5-line3 { height: 380px; }

	
	/*Grid display*/
	.grid-range-container { grid-row-gap: 34px; grid-column-gap: 80px; grid-template-columns: auto auto auto auto auto auto; }



	/*card*/
	.card-blog { width: 100%; height: 370px; }
	.card-blog-image { height: 280px; }

	.card-text-titlebig { font-size: 25px; line-height: 32px; }
	.card-text-titlebig2 { font-size: 21px; line-height: 24px; }
	.card-text-title { font-size: 23px; line-height: 26px; }
	.card-text-title2 { font-size: 19px; line-height: 24px; }
	.card-text-subtitle {  font-size: 17px; line-height: 22px; }
	.card-text-subtitle3 { font-size: 15px; line-height: 24px; }



	/*card promotion*/
	.card-promotion2 { width: 100%; height: 520px; }
	.card-promotion2-st { width: 80%; height: 450px; padding: 0 10% 70px 10%; }
	.card-promotion3 { width: 40%; height: 400px; padding: 0 5% 70px 5%; }

	.card-promotion4 { height: 570px; margin-bottom: 130px; }
	.card-promotion4-st { width: 90%; height: 650px; padding: 0 3% 70px 7%; }
	.card-promotion4-st1 { width: 37%; margin: 140px 0 0 0; }
	.card-promotion4-st2 { width: 58%; margin: 50px 0 0 5%; }


	.card-promotion6 { width: 86%; height: 320px; padding: 40px 7%; }
	

	/*button*/
	.button2,.button3 { font-size: 15px; }
	.button3-color { padding: 14px 13px 10px 13px; }


	.ba-slider { height: 450px; }
	.arrow-dot { width: 23px; height: 23px; }


	/*Footer*/
	.footer-wrapper{ width: 1200px; }
	.footer-title2 { font-size: 15px; line-height: 17px; }
	.footer-title { font-size: 20px; line-height: 17px; }
	/*.footer-items, .footer-items2 { margin: 15px 0; }*/
	.footer-items li a { font-size: 13px; line-height: 19px; }
	.footer-items2 li a { font-size: 17px; line-height: 25px; }

	.icon-footer { width: 45px; height: 45px; }

}



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

	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 850px; }
	.banner-medium { width: 100%; height: 650px; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 550px; }
	/*.banner-special { padding-top: 600px; }*/
	#banner-histortique { min-height: 1050px; }

	.banner-big-inner { width: 55%; margin: 0 auto 0 auto; }
	.banner-big-inner2 { margin-bottom: 200px; }
	.banner-big-social-size { width: 45px; height: 45px; }
	h0 { font-size: 80px; line-height: 80px; letter-spacing: 35px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 70px; line-height: 70px; }

	.banner-solution { width: 100%; height: 800px; margin-bottom: 100px; }
	#banner-solution-img { width: 1200px; margin: auto; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 30px; margin: 0 3%; top: 45%; }
	.solution3-set { height: 900px; }
	.page-background-solution3 { width: 80%; height: 850px; padding: 40px 10% 0px 10%; margin: 0 0 100px 0; }
	.card-solution3 { height: 550px; }

	/*.card-produit5_2-img { height: 220px; }*/
	.card-produit5-line { height: 400px; }
	.card-produit5-line3 { height: 400px; }
	

	/*Grid display*/
	.grid-range-container { grid-row-gap: 40px; grid-column-gap: 100px; grid-template-columns: auto auto auto auto auto auto; }



	/*card*/
	.card-blog { width: 100%; height: 390px; }
	.card-blog-image { height: 300px; }

	.card-text-titlebig { font-size: 27px; line-height: 34px; }
	.card-text-titlebig2 { font-size: 22px; line-height: 25px; }
	.card-text-title { font-size: 24px; line-height: 27px; }
	.card-text-title2 { font-size: 20px; line-height: 25px; }
	.card-text-subtitle {  font-size: 18px; line-height: 23px; }
	.card-text-subtitle3 { font-size: 16px; line-height: 25px; }



	.ba-slider { height: 500px; }
	.arrow-dot { width: 25px; height: 25px; }


	/*card promotion*/
	.card-promotion2 { width: 100%; height: 570px; }
	.card-promotion2-st { width: 80%; height: 500px; padding: 0 10% 70px 10%; }
	.card-promotion3 { width: 40%; height: 480px; padding: 0 5% 40px 5%; }
	.card-promotion6 { width: 86%; height: 370px; padding: 40px 7%; }


	/*Footer*/
	.footer-wrapper{ width: 1200px; }
	

}



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

	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 1000px; }
	.banner-medium { width: 100%; height: 750px; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 650px; }
	#banner-histortique { min-height: 1180px; }
	.banner-contact { padding-top: 250px; background-position: top center; }
	.banner-contact-st1 { width: 35%; margin-right: 40%; float: left; }
	.banner-contact-st2 { width: 25%; float: left; }
	.banner-big-inner { width: 60%; margin: 0 auto 0px auto; }
	.banner-big-inner2 { margin-bottom: 230px; }
	h0 { font-size: 90px; line-height: 90px; letter-spacing: 35px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 80px; line-height: 80px; }

	.banner-solution { width: 100%; height: 900px; margin-bottom: 150px; }
	#banner-solution-img { width: 1400px; margin: auto; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 30px; margin: 0 3%; top: 50%; }
	.solution3-set { height: 1050px; }
	.page-background-solution3 { width: 80%; height: 1050px; padding: 40px 10% 0px 10%; margin: 0 0 100px 0; }
	.card-solution3 { height: 610px; }

	.card-produit5_2-img { height: 260px; }

	/*Grid display*/
	.grid-range-container { grid-row-gap: 70px; grid-column-gap: 140px; grid-template-columns: auto auto auto auto auto auto; }


	/*card promotion*/
	.card-promotion2 { width: 100%; height: 620px; }
	.card-promotion2-st { width: 80%; height: 550px; padding: 0 10% 70px 10%; }
	.card-promotion2-img { width: 75%; } 
	.card-promotion3 { width: 40%; height: 550px; padding: 0 5% 70px 5%; }
	.card-promotion6 { width: 86%; height: 370px; padding: 40px 7%; }
	.card-promotion6-st1 { width: 45%; height: inherit; margin-left: 5%; }
	.card-promotion6-st2 { width: 50%; height: inherit; }


	/*Button*/
	.button-web2_ { width: 300px; } 


	.ba-slider { height: 600px; }


	/*Footer*/
	.footer-wrapper{ width: 1400px; }

}




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

	/*Banner*/
	.banner-big-container, .banner-big, .banner-big-img, .banner-big-text, .banner-big2 { width: 100%; height: 1200px; }
	.banner-medium { width: 100%; height: 750px; }
	.banner-small,.banner-small2,.banner-small2-img { width: 100%; height: 650px; }
	#banner-histortique { min-height: 1330px; }
	.banner-big-inner { width: 45%; margin: 0 auto 0 auto; }
	.banner-big-inner2 { margin-bottom: 270px; }
	h0 { font-size: 120px; line-height: 120px; margin: 15px 0 10px 0; } 
	.banner-title { font-size: 110px; line-height: 110px; }

	.banner-solution { width: 100%; height: 1100px; margin-bottom: 150px; }
	#banner-solution-img { width: 1700px; margin: auto; }
	#banner-solution-set3,#banner-solution-set4 {  padding: 0 30px; margin: 0 3%; top: 50%; }
	.solution3-set { height: 1400px; }
	.page-background-solution3 { width: 80%; height: 1350px; padding: 40px 10% 0px 10%; margin: 0 0 100px 0; }
	.card-solution3 { height: 800px; }

	.card-produit5_2-img { height: 290px; }

	/*Grid display*/
	.grid-range-container { grid-row-gap: 70px; grid-column-gap: 140px; grid-template-columns: auto auto auto auto auto auto auto; }


	/*card promotion*/
	.card-promotion2 { width: 100%; height: 820px; }
	.card-promotion2-st { width: 80%; height: 750px; padding: 0 10% 70px 10%; }
	.card-promotion2-img { width: 75%; } 
	.card-promotion3 { width: 40%; height: 650px; padding: 0 5% 70px 5%; }



	.ba-slider { height: 700px; }

}