/***** banner *****/
.banner 								{ position: relative; padding-top: 110px; text-align: center;}
.banner:before 							{ position: absolute; top: 0; right: 0; left: 0; bottom: 200px; background: #fdeed1; content: "";}
.banner>img								{ position: absolute; height: auto; display: block;}
.banner>img.shape_1						{ left: 2%; bottom: 200px; width: 24%;}
.banner>img.shape_2						{ right: -2%; top: 120px; width: 16%;}
.banner .texte  						{ padding: 100px 0 20px 0;}
.banner .texte p 						{ font-size: 25px; line-height: 30px;}
.banner .slider   						{ position: relative; z-index: 5; max-width: 1200px; max-height: 700px; padding: 0 150px; margin-bottom: -200px;}
.banner .slider .item  					{ position: relative;}
.banner .slider .item img  				{ width: 100%; height: auto; position: relative; display: block; z-index: 10; transform: scale(0.5); opacity: 0; transition: all 300ms ease-in-out;}
.banner .slider .slick-active img 		{ transform: scale(1); opacity: 1;}
.banner .slider .slick-arrow 			{ position: absolute; left: -20px; top: 40%; transform: translateY(-50%); z-index: 20; width: 60px; height: 100px;}
.banner .slider .slick-next 			{ left: auto; right: -20px;}

@media (max-width:2000px) {
.banner .texte  						{ padding: 80px 0 20px 0;}
.banner>img.shape_1						{ left: -7.5%; width: 28%;}
.banner>img.shape_2						{ right: -2%; width: 20%;}
.banner .slider   						{ max-width: 1100px;}
}
@media (max-width:1600px) {
.banner:before 							{ bottom: 170px;}
.banner .texte  						{ padding: 60px 0 20px 0;}
.banner>img.shape_1						{ left: -130px; width: 460px; bottom: 150px;}
.banner>img.shape_2						{ right: -55px; width: 325px;}
.banner .texte p 						{ font-size: 22px; line-height: 30px;}
.banner .slider   						{ max-width: 900px; max-height: 600px; padding: 0 100px; margin: 0 auto -170px auto;}
}
@media (max-width:1200px) {
.banner 								{ padding-top: 130px;}
.banner:before 							{ bottom: 160px;}
.banner>img.shape_1						{ left: -140px; width: 355px; bottom: 220px;}
.banner>img.shape_2						{ top: 70px; width: 250px;}
.banner .texte  						{ padding: 0 0 10px 0;}
.banner .texte p 						{ font-size: 20px; line-height: 28px; margin: -5px 0 0 0;}
.banner .slider   						{ max-width: 900px; max-height: 600px; padding: 0 100px; margin: 0 auto -160px auto;}
.banner .slider .slick-arrow 			{ display: none;}
}
@media (max-width:1000px) {
.banner:before 							{ bottom: 130px;}
.banner>img.shape_1						{ left: -140px; width: 295px; bottom: 190px;}
.banner>img.shape_2						{ top: 80px; width: 210px;}
.banner .texte  						{ padding: 0;}
.banner .texte p						{ font-size: 18px;}
.banner .slider   						{ max-width: 600px; max-height: 450px; padding: 0; margin: 0 auto -130px auto;}
}
@media (max-width:600px) {
.banner 								{ padding-top: 100px;}
.banner:before 							{ bottom: 90px;}
.banner>img.shape_1						{ left: -120px; width: 205px; bottom: 120px;}
.banner>img.shape_2						{ top: 60px; width: 145px;}
.banner .texte p						{ font-size: 16px; line-height: 26px;}
.banner .slider   						{ max-width: none; max-height: 75vw; padding: 0; margin: 0 -5vw -90px -5vw;}
}


/***** intro *****/
.intro 									{ margin: 180px 0 0 0; text-align: center; position: relative;}
.intro .chapo 							{ max-width: 960px; margin: 0 auto 30px auto;}

@media (max-width:1600px) {
.intro 									{ margin: 160px 0 0 0;}
}
@media (max-width:1200px) {
.intro 									{ margin: 140px 0 0 0;}
.intro .chapo 							{ max-width: 780px;}
}
@media (max-width:1000px) {
.intro 									{ margin: 120px 0 0 0;}
.intro .chapo 							{ max-width: 600px;}
}
@media (max-width:600px) {
.intro 									{ margin: 65px 0 0 0;}
.intro .titre_main,
.intro .chapo 							{ display: none;}
/*.intro .link 							{ width: 100%; text-align: center;}*/
}


/***** about *****/
.about 									{ position: relative; margin: 100px 0;}
.about>img.shape_1 						{ position: absolute; height: auto; display: block; right: 7%; bottom: 0; width: 24%; opacity: 0.5; transform: scaleX(-1);}
.about .titre_main span					{ font: 400 25px/30px "Ubuntu"; letter-spacing: 0.4px; display: block; margin-top: 15px;}

@media (max-width:2000px) {
.about>img.shape_1						{ width: 28%;}
}
@media (max-width:1600px) {
.about>img.shape_1						{ width: 460px; bottom: 180px;}
.about .titre_main span					{ font-size: 22px;}
}
@media (max-width:1200px) {
.about 									{ margin: 80px 0;}
.about>img.shape_1						{ display: none;}
.about .titre_main span					{ font-size: 20px; line-height: 28px; margin-top: 10px;}
}
@media (max-width:1200px) {
.about 									{ margin: 60px 0;}
}
@media (max-width:1000px) {
.about .bloc_grid 						{ grid-gap: 20px;}
.about .bloc_grid .photo img			{ max-width: 450px; margin: 0 auto;}
.about .titre_main span					{ font-size: 18px; line-height: 26px; margin-top: 5px;}
}
@media (max-width:600px) {
.about 									{ margin: 40px 0;}
.about .bloc_grid .photo  				{ display: none;}
.about .titre_main span					{ font-size: 16px; line-height: 24px; margin-top: 3px;}
}


/***** atouts ****/
.atouts									{ position: relative; margin: 120px 0;}
.atouts>img.shape_2 					{ position: absolute; height: auto; display: block; left: -4%; top: 15%; width: 18%; opacity: 0.5; transform: scaleX(-1);}
.atouts .grid							{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 60px;}
.atouts .grid .sous_titre				{ font-size: 20px; line-height: 24px; margin: 15px 0;}

@media (max-width:1600px) {
.atouts									{ margin: 100px 0;}
}
@media (max-width:1200px) {
.atouts									{ margin: 80px 0;}
.atouts>img.shape_2 					{ display: none;}
.atouts .grid							{ grid-template-columns: repeat(2, 1fr); grid-gap: 40px 60px;}
}
@media (max-width:1000px) {
.atouts									{ margin: 60px 0;}
.atouts .grid							{ grid-gap: 40px 50px;}
}
@media (max-width:600px) {
.atouts									{ margin: 40px 0;}
.atouts .grid							{ grid-gap: 30px; grid-template-columns: 1fr;}
.atouts .grid img						{ width: 60px; height: auto;}
.atouts .grid .sous_titre				{ font-size: 16px; line-height: 22px; margin: 10px 0;}
}


/***** fournisseur ****/
.fournisseur 							{ text-align: center; margin-top: 60px;}
.fournisseur img 						{ width: 80px; height: auto; display: block; margin: 0 auto -35px auto;}
.fournisseur p 							{ font-size: 20px; margin-bottom: 5px; background: #fdeed1; padding: 50px 60px;}

@media (max-width:1200px) {
.fournisseur 							{ margin-top: 40px;}
.fournisseur img 						{ width: 70px; margin: 0 auto -30px auto;}
.fournisseur p 							{ padding: 40px 60px;}
}
@media (max-width:1200px) {
.fournisseur p 							{ font-size: 18px; padding: 40px 50px;}
}
@media (max-width:600px) {
.fournisseur 							{ margin-top: 25px;}
.fournisseur img 						{ width: 40px; margin: 0 auto -20px auto;}
.fournisseur p 							{ font-size: 14px; padding: 25px 30px 20px 30px;}
}


/***** faq ****/
.home_faq 								{ margin: -10px 0 120px 0;}

@media (max-width:1600px) {
.home_faq 								{ margin: -10px 0 100px 0;}
}
@media (max-width:1200px) {
.home_faq 								{ margin: -10px 0 80px 0;}
}
@media (max-width:1000px) {
.home_faq 								{ margin: -10px 0 60px 0;}
}
@media (max-width:600px) {
.home_faq 								{ margin: -10px 0 40px 0;}
}


/***** liens home ****/
p>a										{ border-bottom: 1px solid #ccc; padding-bottom: 2px;}

@media (min-width:1201px) {
p>a:hover								{ border-color: #e8ab56; color: #e8ab56;}
}


/***** pralines parallax ****/
.intro .parallax 						{ position: absolute; left: 0; top: -40%; z-index: 100;}
.shops .parallax 						{ position: absolute; right: -5%; top: 5%; z-index: 100;}
.pdv .parallax 							{ position: absolute; left: 10%; top: 0; z-index: 100;}
.about .parallax 						{ position: absolute; right: -15%; top: -5%; z-index: 100;}

@media (max-width:1200px) {
.intro .parallax,
.shops .parallax,
.pdv .parallax,
.about .parallax 						{ display: none;}
}