#fullpage .container		 { max-width: 1300px;}

#header 					{ position: relative;z-index: 20;}
.breadcrumb 				{ background-color: #E3E3E3; padding: 8px 0; position: relative; z-index: 10;}
.breadcrumb ul li 			{ display: inline-block;vertical-align: middle;}
.breadcrumb ul li:after 	{ content: "|"; color: #2E1B0C; margin: 0 10px}
.breadcrumb ul li a 		{ font-size: 14px; color: #2E1B0C }
.breadcrumb ul li span 		{ font-size: 14px; color: #F9BA15 } 
.breadcrumb ul li:last-child:after 	{ display: none; }
.breadcrumb ul li.home img 			{ margin-top: -2px }


#page-service .h1 					 { font-size: 52px; color:#2E1B0C; text-transform: uppercase; margin-bottom: 40px }
#page-service .h1 strong 			 { color: #F9BA15 }
.p-service h2 						 { font-size: 28px; font-weight: bold; text-transform: uppercase; color:#2E1B0C; margin-bottom: 32px  }
.p-service a 						 { color:#2E1B0C;  }
.p-service h2 strong 				 { color: #F9BA15 }
.p-service h3 					     { color:#2E1B0C; font-size: 22px; font-weight: bold; margin-bottom: 38px}
.p-service .blcTxt .blc-titre 		 { position: relative; padding-left: 160px }
.p-service .blcTxt ul li 			{ position: relative; margin-bottom: 5px }
.p-service .blcTxt ul li:before 	{ content: ""; background-color: #F9BA15; width: 31px; height: 9px; border-radius: 10px; position: absolute; left: -13px; top: 15px;z-index: -1; }
.p-service .blcTxt p 				{ line-height: 32px }

.p-service .blcTxt .blc-ico .ico 		{ position: absolute; transition:all 400ms ease-in-out}
.p-service .blcTxt .blc-ico .ico img 	{ width: 100%; display: block; }
.p-service .blcTxt .blc-ico 			{ position: absolute;left: 0; top: 0; width: 187px; height: 155px}

.p-service .blcTxt 				 		     { flex: 0 0 62%; -ms-flex:0 0 62%; max-width: 62% }
.p-service.sec-design .blcTxt .blc-ico .ico1 { width: 192px; left: -63px;top: -54px;}
.p-service.sec-design .blcTxt .blc-ico .ico2 { width: 57px; left: 29px; top: 17px; z-index: 2}
.p-service.sec-design .blcTxt .blc-ico .ico3 { width: 192px; right: -4px;top: -54px;}





.p-service.sec-design .blcTxt 				 { flex: 0 0 62%; -ms-flex:0 0 62%; max-width: 62% }
.p-service.sec-design .blcImg 				 { position: absolute;right: 115px;width: 420px;	bottom: 60px;display: block;height: 400px;}
.p-service.sec-design .blcImg .img 			 { position: absolute; }

.p-service .blcImg .img 			 		{ position: absolute;  }
.p-service .content 						{ position: relative;padding: 130px 60px 80px;height: 100%; overflow: hidden;  flex-flow: row wrap}	
.p-service .content .titre 					{ width: 100%; max-width: 100% ; margin-bottom: 40px}
.p-service.sec-design .blcImg .img3 		{ bottom: 0;right: 0;}	
.p-service.sec-design .blcImg .img4 		{ left: 89px;top: 19px;}	
.p-service.sec-design .blcImg .img5 		{ bottom: -33px;left: -87px;}
.p-service.sec-design .blcImg .img5 img 	{ animation: animName 80s linear infinite }
.p-service.sec-design .blcImg .img6 		{ bottom: 106px; left: 26px; z-index: 2}

.p-service.sec-design .blcImg .img3 		{ bottom: -60px;right: 118px;}	
.p-service.sec-design .blcTxt p 			{ max-width: 652px }
.p-service.sec-design .blcImg .img2 		{ left: 55px;top: 27px;}
.p-service.sec-design .blcImg .img1 		{ z-index: 2; }

.p-service.reverse .content 				{ flex-direction: row-reverse;}

.p-service.sec-commerce  .blcTxt .blc-ico .ico4 			{ width: 50px;}
.p-service.sec-commerce .blcTxt .blc-ico .ico1 				{ width: 311px;left: -92px;top: -118px;z-index: 1;}
.p-service.sec-commerce .blcTxt .blc-ico .ico4 				{ width: 50px;top: 21px; left: 37px; z-index: 2}
.p-service.sec-commerce .blcTxt .blc-ico .ico3 				{ top: 84px; left: -30px;}
.p-service.sec-commerce .blcTxt .blc-ico .ico2 				{ top: -71px; left: 29px;}




.p-service.reverse .content .blcImg 						{ left: 40px; position: absolute;}

.p-service.sec-commerce .blcImg .img1 						{ top: -106px;left: -41px;}
.p-service.sec-commerce .blcImg .img2 						{ top: -17px;left: -24px;}
.p-service.sec-commerce .blcImg .img3 						{ top: 253px;left: 360px;}
.p-service.sec-commerce .blcImg .img4 						{ top: 270px;left: -25px;}
.p-service.sec-commerce .blcImg .img5 						{ top: 113px; z-index: -1}
.p-service.sec-commerce .blcImg .img5 	img 				{   animation: animName 80s linear infinite}

.p-service.sec-intranet .blcTxt .blc-ico .ico1 				{ width: 323px;left:-107px;top: -111px}
.p-service.sec-intranet .blcTxt .blc-ico .ico2 				{ width: 54px;left: 27px;top: 13px;}
.p-service.sec-intranet .blcTxt .blc-ico .ico3 				{ width: 320px;left: -74px;top: -134px;z-index: -1;}





.p-service.sec-intranet .blcImg .img1 						{ right: 121px;top: 68px; z-index: 2; }
.sec-intranet.p-service .blcImg 							{ right: 0;width: 500px;position: absolute; height: 450px}
.p-service.sec-intranet .blcImg .img2 						{ top: -34px;left: -18px;}
.p-service.sec-intranet .blcImg .img3 						{ right: 203px; bottom: 17px; z-index: 3}
.p-service.sec-intranet .blcImg .img4 						{ bottom: 8px; left: 193px; z-index: 3}
.p-service.sec-intranet .blcImg .img5 						{ left: 28px;top: 20px;}
.p-service.sec-intranet .blcImg .img6 						{ left: -25px;top: -9px;}
.p-service.sec-intranet .blcImg .img7 						{ bottom: -56px;left: -158px;}
.p-service.sec-intranet .blcImg .img7 img					{ animation: animName 80s linear infinite}

.p-service.sec-appWeb .blcTxt .blc-ico .ico1 				{ width: 281px;left: -133px;top: -89px;}
.p-service.sec-appWeb .blcTxt .blc-ico .ico2 				{ left: -106px;width: 323px;top: -104px;}
.p-service.sec-appWeb .blcTxt .blc-ico .ico3 				{ left: 32px;top: 26px;}





.p-service.sec-appWeb .content .blcImg 						{ left: 40px; width: 500px; height: 500px }
.p-service.sec-appWeb .content .blcImg .img1 				{ left: -130px;top: 78px;}
.p-service.sec-appWeb .content .blcImg .img2 				{ top: 157px;left: 83px;}
.p-service.sec-appWeb .content .blcImg .img3 				{ top: 211px;left: 108px;}
.p-service.sec-appWeb .content .blcImg .img4 				{ top: 158px;left: 281px;}
.p-service.sec-appWeb .content .blcImg .img5 				{ top: 10px; left: -115px; width: 500px;}
.p-service.sec-appWeb .content .blcImg .img5 img 			{ animation: animName 80s linear infinite; width: 100% }

.p-service.sec-appWeb .content .blcImg .img6 				{ top: -16px;left: -23px;}
.p-service.sec-appWeb .content .blcImg .img7 				{ bottom: 110px;right: 177px;}

.p-service.sec-site .blcTxt .blc-ico .ico1 					{ width: 375px;left: -127px;top: -137px;}
.p-service.sec-site .blcTxt .blc-ico .ico2 					{ left: 38px;top: 24px;}
.p-service.sec-site .blcTxt .blc-ico .ico3 					{ width: 320px;left: -131px;top: -91px; z-index: -1}



.p-service.sec-site .content .blcImg 						{ right: 0; width: 500px; height: 500px; position: absolute; }
.p-service.sec-site .content .blcImg .img1 					{ left: -106px;top: 98px;}
.p-service.sec-site .content .blcImg .img2 					{ top: -48px;left: -54px;}
.p-service.sec-site .content .blcImg .img3 					{ bottom: 118px;left: 151px;}
.p-service.sec-site .content .blcImg .img4 					{ left: -11px;top: 7px;}
.p-service.sec-site .content .blcImg .img5 					{ top: 244px;left: 151px;}
.p-service.sec-site .content .blcImg .img6 					{bottom: -19px;left: -183px;width: 239px;}
.p-service.sec-site .content .blcImg .img6 img 				{ animation: animName 80s linear infinite; width: 100%  }

.p-service.sec-appMob .blcTxt .blc-ico .ico1 				{ left: 53px;top: 9px; z-index: 2}
.p-service.sec-appMob .blcTxt .blc-ico .ico2 				{ width: 235px;bottom: -35px;right: -41px;}
.p-service.sec-appMob .blcTxt .blc-ico .ico3 				{ width: 313px;left: -90px;top: -101px;}
.p-service.sec-appMob .blcTxt .blc-ico .ico4 				{ top: -121px;left: -89px;}
.p-service.sec-appMob .content .blcImg 						{ left: 80px; width: 500px; height: 500px; position: absolute; }
.p-service.sec-appMob .content .blcImg .img1 				{ top: 43px;left: -6px; z-index: 2; }
.p-service.sec-appMob .content .blcImg .img2 				{ left: 66px;top: 37px;}
.p-service.sec-appMob .content .blcImg .img3 				{ top: 73px;left: 67px;}
.p-service.sec-appMob .content .blcImg .img4 				{ left: 226px;top: 105px;}
.p-service.sec-appMob .content .blcImg .img5 				{ left: -86px; top: 145px; width: 300px;}
.p-service.sec-appMob .content .blcImg .img5 img 			{ animation: animName 80s linear infinite ; width: 100%  }

.p-service.sec-appMob .content .blcImg .img6				{ left: 122px; top: -15px;}
.fp-watermark 												{ display: none !important;}


@media (min-width:992px) {

	.p-service.sec-appMob .blcTxt .blc-ico:hover .ico4 			{ left: -70px;}
	.p-service.sec-appMob .blcTxt .blc-ico:hover .ico2 			{ bottom: -20px;}
	.p-service.sec-site .blcTxt .blc-ico:hover .ico3 			{ left: -122px;top: -98px;}
	.p-service.sec-appWeb .blcTxt .blc-ico:hover .ico1 			{ left: -118px;}
	.p-service.sec-intranet .blcTxt .blc-ico:hover .ico3 		{ left:-85px}
	.p-service.sec-commerce .blcTxt .blc-ico:hover .ico3 		{ left: -15px;}
	.p-service.sec-commerce .blcTxt .blc-ico:hover .ico2 		{ top: -63px;left: 26px;}
	.p-service.sec-design .blcTxt .blc-ico:hover .ico1 			{ left: -50px;}
	.p-service.sec-design .blcTxt .blc-ico:hover .ico3 			{ right: 15px }

 }

@media (max-width:1500px) { 
	#fp-nav ul li, .fp-slidesNav ul li {
		margin: 13px 5px
	}
	#fp-nav ul li { height: 105px }

}

@media (max-width:1400px) { 
	.p-service .content .titre {	margin-bottom: 20px;}

}


@media (max-width:1600px) {  

	#fp-nav ul li {
		width: 70px;
		height: 78px;
	}
	#fp-nav ul li a::before { 
		left: 50px

	}
	#fp-nav ul li a::after {
	white-space: inherit; 
	text-align: center;
	line-height: 11px;
	font-size: 11px
}



}


@media (max-width:1280px) {
	.p-service .content 					{ padding-left: 40px; padding-right: 40px}
	.p-service.sec-design .blcImg 			{ right: -90px }
	.p-service .blcImg 						{ right: 0}
	.p-service.reverse .content .blcImg 	{ left: 40px;position: absolute;}
	.sec-intranet.p-service .blcImg 		{ right: -110px }
	.p-service.sec-site .content .blcImg 	{ right: -160px }
}

@media (max-width:1024px) { 
	.p-service .blcTxt .blc-ico {
	    left: 40px;
	  }


}

@media (max-width:991px) {
	.p-service .blcTxt ,
	.p-service.sec-design .blcTxt			{ flex: 0 0 100%;-ms-flex: 0 0 100%;max-width: 100%;}
	.p-service .blcImg 						{ position: relative !important;  margin: 0 auto; min-height: 400px; width: 500px}
	.p-service .content 					{ flex-direction: column; overflow:visible; }
	.p-service.reverse .content 			{ flex-direction: column;}
	.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]) {
		min-height: inherit; overflow-y: visible;
	}
	#fullpage 								{ margin-top: 0; padding-top: 100px}
	.fp-overflow 							{ max-height: inherit !important;}
	.p-service .content 					{ padding:120px 0 0}
	.fp-overflow 							{ max-height: inherit !important; overflow: visible !important;}
	.fp-responsive .fp-is-overflow.fp-section 	{ height: auto !important;overflow: visible !important;}
	.breadcrumb 								{ position: absolute;width: 100%;top: 76px;}
	#page-service 								{ overflow-x: hidden;}
	.p-service .content .titre 					{ display: none }
	.p-service.sec-design .content .titre  		{ display: block; }
	.p-service.sec-design .blcImg 				{ top: 0 }
	.p-service.sec-site .content .blcImg .img2  { top: 0px;left: -54px;}
	.p-service.sec-site .content .blcImg .img4  { top: 50px }
	.p-service .blcTxt .blc-titre 				{ padding-left: 200px }
	.p-service .blcTxt .blc-ico 				{ left: 20px }
	.p-service.sec-appWeb .blcTxt .blc-ico 		{ left: 50px;}

	#page-service .p-service .content {
		padding: 60px 0 0;
	}

}


@media (max-width:767px) { 
	.p-service .content 					{ padding-left: 0;	padding-right: 0;}
	.p-service.sec-design .blcImg 			{ top: 0 }
	.p-service .blcTxt .blc-titre 			{ padding-left: 200px }
	.p-service .blcTxt .blc-ico 			{ left: 40px }
	.section 								{ margin-bottom: 40px;}
	.section.sec-footer  					{ margin-bottom: 0 }
	.p-service.sec-intranet .blcImg .img7 	{ bottom: -25px;}
	#fp-nav.fp-right { display: none  }
	.p-service .blcTxt .blc-ico {
	    left: 40px;
	  }

	

}
@media (max-width:600px) { 
	.p-service .blcTxt .blc-titre 			{ padding-left: 0;}
	.p-service .blcTxt .blc-ico 			{ position: relative; left: 40px;}
	.p-service .content {
		padding: 40px 0 0;
	}
	#page-service .h1 						{ font-size: 40px; }
	.p-service h2 							{ margin-bottom: 15px }
	.p-service h3 							{ margin-bottom: 15px }

	.p-service .blcImg .img img 				{ width: 100%;}
	.p-service.sec-design .blcImg .img5 img 	{ width: 100%;}
	.p-service.sec-design .blcImg .img5 		{ width: 200px ; bottom: -23px}
	.p-service.sec-design .blcImg .img1 		{ z-index: 2;width: 213px;}
	.p-service.sec-design .blcImg .img2 		{ left: -15px }
	.p-service.sec-design .blcImg .img4 		{ left: 21px;top: 19px;}
	.p-service.sec-design .blcImg 				{ height: 280px;min-height: 187px;}
	.p-service.sec-design .blcImg .img3 		{ bottom: -53px;right: auto;left: 145px;}
	.p-service.sec-design .blcImg .img6 		{ bottom: 85px;left: 13px;z-index: 2;width: 58px;}

	.p-service.sec-commerce .blcImg .img2 		{ top: 20px;left: -24px;width: 51px;}
	.p-service.sec-commerce .blcImg .img1 		{ top: -50px;left: -41px;width: 300px;}
	.p-service.sec-commerce .blcImg .img4 		{ top: 208px;left: -25px;width: 53px;}
	.p-service.sec-commerce .blcImg .img5 		{ top: 93px;width: 270px;left: -28px;}
	.p-service.sec-commerce .blcImg .img3 		{ top: 198px;left: 199px;width: 15px;}
	.p-service.reverse .content .blcImg 		{ min-height: 330px; right: 0 ;}
	
	.p-service.sec-intranet .blcImg .img1 		{ right: 150px;top: 68px;width: 320px;}
	.p-service.sec-intranet .blcImg .img2 		{ top: 50px;left: 70px;width: 50px;}
	.p-service.sec-intranet .blcImg .img5 		{ left: 96px;top: 76px;width: 23px;}
	.sec-intranet.p-service .blcImg 			{ right: 0;height: 200px;}
	.p-service.sec-intranet .blcImg .img4		{ bottom: 61px; left: 214px; width: 40px;}
	.p-service.sec-intranet .blcImg .img3 		{ right: 215px; bottom: 65px; width: 60px;}
	.p-service.sec-intranet .blcImg .img6 		{ top: 56px; left: 57px }
	.p-service.sec-intranet .blcImg .img7 		{ bottom: 14px;left: 0;width: 180px;}

	.p-service.sec-appWeb .content .blcImg .img6 	{ top: 6px;left: 6px;width: 50px;}
	.p-service.sec-appWeb .content .blcImg 			{ left: 0;width: 300px;height: 300px;min-height: 200px}
	.p-service.sec-appWeb .content .blcImg .img1    { left: -25px; top: 50px;  width: 340px; }
	.p-service.sec-appWeb .content .blcImg .img3 	{ top: 120px;left: 117px;width: 39px;}
	.p-service.sec-appWeb .content .blcImg .img4 	{ top: 95px;left: 237px;width: 11px;}
	.p-service.sec-appWeb .content .blcImg .img2 	{ top: 100px;left: 100px;width: 66px;}
	.p-service.sec-appWeb .content .blcImg .img5 	{ top: 34px;left: 0px;width: 300px;}

	.p-service.sec-site .content .blcImg 			{ right: 0;height: 300px;width: 300px; min-height: 300px}
	.p-service.sec-site .content .blcImg .img1 		{ left: 0;top: 40px;width: 250px;}
	.p-service.sec-site .content .blcImg .img4 		{ left: 26px;top: 26px;width: 40px;}
	.p-service.sec-site .content .blcImg .img2 		{ top: -10px;left: -5px;width: 66px;}
	.p-service.sec-site .content .blcImg .img3 		{ bottom: 187px;left: 167px;width: 68px;}
	.p-service.sec-site .content .blcImg .img5 		{ top: 132px;left: 151px;width: 40px;}
	.p-service.sec-site .content .blcImg .img6 		{ bottom: 0;left: -23px;width: 150px;}

	.p-service.sec-appMob .content .blcImg 			{ left: 0;width: 300px;height: 300px;position: absolute;}
	.p-service.sec-appMob .content .blcImg .img2 	{ left: 45px;top: 37px;width: 50px;}
	.p-service.sec-appMob .content .blcImg .img3 	{ top: 65px;left: 44px;width: 50px;}
	.p-service.sec-appMob .content .blcImg .img5 	{ left: -66px;  top: 78px; width: 273px;}
	.p-service.sec-appMob .content .blcImg .img4 	{ left: 173px;top: 105px;}

	.p-service .blcTxt .blc-ico 					{ position: relative;left: 40px;top: 0;width: 187px;	height: 80px;}
	.p-service.sec-design .blcTxt .blc-ico .ico1 	{ width: 130px;left: -63px;top: -54px;}
	.p-service.sec-design .blcTxt .blc-ico .ico2 	{ width: 40px;left: 7px;top: -9px;z-index: 2;}
	.p-service.sec-design .blcTxt .blc-ico .ico3 	{ width: 137px;right: 57px;top: -54px;}

	.p-service.sec-commerce .blcTxt .blc-ico .ico1 	{ width: 240px }
	.p-service.sec-commerce .blcTxt .blc-ico .ico2  { top: -75px;left: 8px;width: 82px;}
	.p-service.sec-commerce .blcTxt .blc-ico .ico4  { width: 35px;top: -6px;left: 13px;z-index: 2;}
	.p-service.sec-commerce .blcTxt .blc-ico .ico3  { top: 38px;left: -42px;width: 41px;}

	.p-service.sec-intranet .blcTxt .blc-ico .ico1  { width: 230px }
	.p-service.sec-intranet .blcTxt .blc-ico .ico2  { width: 41px;left: -14px;top: -23px;}
	.p-service.sec-intranet .blcTxt .blc-ico .ico3  { width: 234px;left: -89px;top: -130px;	z-index: -1;}

	.p-service.sec-appWeb .blcTxt .blc-ico .ico2 	{ width: 230px }
	.p-service.sec-appWeb .blcTxt .blc-ico .ico3    { left: -8px;top: -11px;width: 34px;}
	.p-service.sec-appWeb .blcTxt .blc-ico .ico1    { width: 221px;left: -119px;top: -100px;}

	.p-service.sec-site .blcTxt .blc-ico .ico1      { width: 240px;left: -110px;top: -137px;}
	.p-service.sec-site .blcTxt .blc-ico .ico2 	    { left: -9px;top: -35px;width: 36px;}
	.p-service.sec-site .blcTxt .blc-ico .ico3 		{ width: 235px;left: -120px;top: -127px;z-index: -1;}

	.p-service.sec-appMob .blcTxt .blc-ico .ico3 	{ width: 230px;left: -90px;top: -101px;}
	.p-service.sec-appMob .blcTxt .blc-ico .ico4    { top: -124px;left: -99px;width: 150px;}
	.p-service.sec-appMob .blcTxt .blc-ico .ico2 	{ width: 166px;bottom: -32px;right: 49px;}
	.p-service.sec-appMob .blcTxt .blc-ico .ico1 	{ left: 16px;top: -20px;z-index: 2;}
	#fullpage 										{ padding-top: 80px;}
	.p-service.sec-intranet .blcTxt .blc-ico 		{ left: 60px }
	.p-service.sec-appWeb .blcTxt .blc-ico 			{ left: 60px;}


	.p-service.sec-appWeb .blcTxt .blc-ico .ico1 {
		width: 221px;
		left: -119px;
		top: -100px;
	}
	.p-service.sec-appWeb .blcTxt .blc-ico .ico2 {
		width: 230px;
	}
	.p-service.sec-appWeb .blcTxt .blc-ico .ico3 {
		left: -8px;
		top: -11px;
		width: 34px;
	}
	.p-service.sec-appWeb .blcTxt .blc-ico {
		left: 60px;
	}
	.p-service .blcTxt .blc-ico {
		position: relative;
		left: 40px;
		top: 0;
		width: 187px;
		height: 80px;
	}

	.p-service.sec-site .blcTxt .blc-ico {
		top: 18px
	}
	.p-service.sec-intranet .blcImg .img2 {
		top: 50px;
		left: 70px;
		width: 50px;
	}
	

}