/***** top page *****/
.top_page 							{ position: relative; background: #fdeed1; padding-top: 160px; overflow: hidden;}
.top_page>img.shape_2 				{ position: absolute; right: -2%; top: 120px; width: 16%; height: auto; display: block;}
.top_page .texte 					{ padding: 0 0 90px 0;}
.top_page .chapo 					{ margin: 20px 0 0 0;}

@media (max-width:2000px) {
.top_page>img.shape_2				{ right: -2%; width: 20%;}
}
@media (max-width:1600px) {
.top_page>img.shape_2				{ right: -55px; width: 325px;}
}
@media (max-width:1200px) {
.top_page 							{ padding-top: 130px;}
.top_page>img.shape_2				{ top: 70px; width: 250px;}
.top_page .texte 					{ padding: 0 0 70px 0;}
.top_page .chapo 					{ margin: 15px 0 0 0;}
}
@media (max-width:1000px) {
.top_page>img.shape_2				{ top: 80px; width: 210px;}
}
@media (max-width:600px) {
.top_page 							{ padding-top: 100px;}
.top_page>img.shape_2				{ top: 60px; width: 145px;}
.top_page .texte 					{ padding: 0 0 30px 0;}
.top_page .chapo 					{ margin: 10px 0 0 0;}
}



/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding-bottom: 50px;}
.breadcrumb li 						{ display: inline-block; font-size: 14px; line-height: 20px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -18px; top: 5px; background: #1d2a4e; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (max-width:1200px) { 
.breadcrumb							{ padding-bottom: 40px;}
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}



/***** page content *****/
.page 								{ position: relative; padding-bottom: 20px;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid #ccc; padding-bottom: 2px;}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ border-color: #e8ab56; color: #e8ab56;}
}
@media (max-width:1200px) {
.page 								{ padding-bottom: 20px;}
}
@media (max-width:600px) {
.page 								{ padding-bottom: 10px;}
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin-bottom: 10px;}
.page .ul_list li					{ padding-left: 18px;}
.page .ul_list li:before			{ top: 14px; width: 5px; height: 5px;}
}



/***** bloc texte *****/
.bloc_texte							{ margin: 100px auto; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block;}
.bloc_texte .link					{ margin-top: 15px;}

@media (max-width:1200px) { 
.bloc_texte							{ margin: 80px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 35px 0;}
.bloc_texte .link					{ margin-top: 10px; text-align: center; width: 100%; padding: 0;}
}


/***** rec ****/
.rec_beige 							{ background: #fdeed1; padding: 35px 50px; margin: 40px auto;}
.rec_beige p 						{ margin-bottom: 10px;}
.rec_gray 							{ background: #f3f4f7; padding: 60px 80px; margin: 40px auto;}

@media (max-width:1600px) { 
.rec_gray 							{ padding: 50px 60px;}
}
@media (max-width:1200px) { 
.rec_beige 							{ padding: 30px 40px; margin: 35px auto;}
.rec_gray 							{ padding: 50px; margin: 35px auto;}
}
@media (max-width:600px) { 
.rec_beige 							{ padding: 35px 7.5vw; margin: 35px -7.5vw;}
.rec_gray 							{ padding: 35px 7.5vw; margin: 35px -7.5vw;}
}



/***** page cadeaux entreprise *****/
#cadeaux .cadeaux_perma .grid 			 	{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 60px 40px;}
#cadeaux .cadeaux_perma .grid p  		 	{ font-size: 17px; line-height: 28px; margin: 15px 0 0 0; /*text-align: center;*/ font-weight: 500;}
#cadeaux .cadeaux_perma .grid ul  		 	{ font-size: 14px; font-weight: 400; margin-top: 10px;}
#cadeaux .cadeaux_perma .grid ul li 	 	{ border-bottom: 1px solid #ccc;}
#cadeaux .cadeaux_perma .grid ul li span 	{ float: right;}

#cadeaux .cadeaux_perma .head   			{ padding: 40px 20px 0 0;}
#cadeaux .cadeaux_perma .head p				{ font-size: 16px; font-weight: 400; text-align: left; margin-bottom: 10px;}
#cadeaux .cadeaux_perma .head p.red			{ color: #d52121;}

#cadeaux .bloc_grid.reverse					{ grid-template-columns: auto 500px; grid-gap: 0;}
#cadeaux .bloc_grid.reverse	.slider			{ max-height: 500px; margin-right: -15px;}
#cadeaux .bloc_grid.reverse	.slick-slide	{ margin-right: 15px;}
#cadeaux .bloc_grid.reverse	.nav_slider 	{ text-align: center; margin-top: 15px;}
#cadeaux .bloc_grid.reverse	.texte 			{ padding: 0 120px 60px 0;}
#cadeaux .bloc_grid.reverse	.titre 			{ margin-bottom: 10px;}
#cadeaux .bloc_grid.reverse	.titre_main		{ padding-bottom: 5px;}

#cadeaux .bloc_form:not(.reverse)			{ grid-template-columns: 1fr 620px;}
#cadeaux .bloc_form .row 					{ margin: 40px 30px; font-size: 16px; line-height: 30px; letter-spacing: 0.4px;}
#cadeaux .bloc_form .quote 					{ font-size: 35px; line-height: 45px; padding-top: 55px; background: url("../images/quote.svg") 0 0 no-repeat;}
#cadeaux .bloc_form .btn_sub .link 			{ margin: 0;}

#cadeaux .other 							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px;}
#cadeaux .other .rec_gray 					{ padding: 35px 50px 35px 40px; display: grid; grid-template-columns: 140px 1fr; grid-gap: 35px; align-items: center; margin: 0;}
#cadeaux .other .titre_main					{ font-size: 25px; line-height: 30px; margin-bottom: 10px; background: url("../images/arrow_next.svg") 99% 50% no-repeat; background-size: 12px auto;}
#cadeaux .other p							{ margin: 0; line-height: 28px; padding-right: 40px;}

#cadeaux .moving_gallery 					{ margin-top: 120px;}

@media (min-width:1201px) {
#cadeaux .other .rec_gray:hover 			{ background: #fff;}
}
@media (max-width:1200px) { 
#cadeaux .cadeaux_perma .grid 				{ grid-gap: 50px 30px;}
#cadeaux .cadeaux_perma .head   			{ padding: 20px 30px 0 0;}

#cadeaux .bloc_grid.reverse					{ grid-template-columns: auto 440px; align-items: start;}
#cadeaux .bloc_grid.reverse	.slider			{ max-height: 440px; margin-right: -10px;}
#cadeaux .bloc_grid.reverse	.slick-slide	{ margin-right: 10px;}
#cadeaux .bloc_grid.reverse	.nav_slider 	{ margin-top: 10px;}
#cadeaux .bloc_grid.reverse	.texte 			{ padding: 0 60px 0 0;}
#cadeaux .bloc_grid:not(.reverse)			{ grid-template-columns: 340px 1fr; align-items: start;}
#cadeaux .bloc_form .row 					{ margin: 40px 0 -20px 0;}
#cadeaux .bloc_form .quote 					{ font-size: 30px; line-height: 40px;}
#cadeaux .other 							{ grid-gap: 20px;}
#cadeaux .other .rec_gray 					{ padding: 30px 40px 30px 30px; grid-template-columns: 120px 1fr; grid-gap: 30px;}
#cadeaux .other .titre_main					{ font-size: 22px; line-height: 28px;}
#cadeaux .moving_gallery 					{ margin-top: 100px;}
}
@media (max-width:1000px) { 
#cadeaux .cadeaux_perma .grid 				{ grid-template-columns: 1fr 1fr;}
#cadeaux .cadeaux_perma .head   			{ padding: 40px 20px 0 0;}

#cadeaux .bloc_grid.reverse					{ grid-template-columns: 100%;}
#cadeaux .bloc_grid.reverse	.slider			{ max-height: 750px; margin-right: -10px;}
#cadeaux .bloc_grid.reverse	.slick-slide	{ margin-right: 10px;}
#cadeaux .bloc_grid.reverse	.nav_slider 	{ margin-top: 10px;}
#cadeaux .bloc_grid.reverse	.texte 			{ padding: 30px 0 0 0;}
#cadeaux .bloc_grid:not(.reverse)			{ grid-template-columns: 1fr;}
#cadeaux .bloc_form .quote 					{ max-width: 450px;}
#cadeaux .other 							{ grid-template-columns: 1fr;}
#cadeaux .other p							{ padding-right: 20px;}
#cadeaux .moving_gallery 					{ margin-top: 60px;}
}
@media (max-width:600px) { 
#cadeaux .cadeaux_perma .grid 				{ grid-gap: 25px 15px;}
#cadeaux .cadeaux_perma .grid p  			{ font-size: 15px; line-height: 22px; margin: 10px 0 0 0;}
#cadeaux .cadeaux_perma .grid ul  			{ margin: 5px 0 0 0;}
#cadeaux .cadeaux_perma .grid ul li			{ font-size: 12px; line-height: 22px;}
#cadeaux .cadeaux_perma .head   			{ padding: 0 0 10px 0; grid-column: span 2;}
#cadeaux .cadeaux_perma .head p				{ font-size: 12px; line-height: 26px; margin-bottom: 5px; padding: 0;}

#cadeaux .bloc_grid.reverse	.slider			{ max-height: 580px;}
#cadeaux .bloc_grid.reverse	.nav_slider 	{ transform: scale(0.9);}
#cadeaux .bloc_grid.reverse	.texte 			{ padding: 10px 0 0 0;}
#cadeaux .bloc_grid.reverse	.titre_main		{ padding-bottom: 0;}
#cadeaux .bloc_grid.reverse	.link 			{ width: 100%; text-align: center;}
#cadeaux .bloc_form .row 					{ margin: 25px 0 -15px 0; font-size: 14px; line-height: 26px;}
#cadeaux .bloc_form .quote 					{ font-size: 20px; line-height: 26px; background-size: 45px auto; padding-top: 40px;}
#cadeaux .other 							{ grid-gap: 15px;}
#cadeaux .other .rec_gray 					{ padding: 25px 25px 25px 20px; grid-template-columns: 60px 1fr; grid-gap: 20px;}
#cadeaux .other .titre_main					{ font-size: 18px; line-height: 26px; margin-bottom: 5px; background-size: 8px auto;}
#cadeaux .other p							{ line-height: 24px;}
#cadeaux .moving_gallery 					{ margin-top: 30px;}
}


/***** page box chocolat *****/
#box .large_grid.reverse				{ margin: -40px 0;}

@media (max-width:1200px) { 
#box .large_grid.reverse				{ margin: 0;}
}
@media (max-width:600px) { 
#box .large_grid.reverse .link 			{ width: 100%; text-align: center; padding: 0;}
}


/***** page cadeau client *****/
@media (max-width:1000px) { 
#client .bloc_grid .photo img			{ max-width: 450px; margin: 0 auto;}
}


/***** page magasins *****/
#shops .listing 						{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; text-align: center;}
#shops .link_shop 						{ display: block; background: #1d2a4e; color: #fff; border-radius: 5px; padding: 30px; font: 400 25px/30px "masqualero"; letter-spacing: 0.2px;}
#shops .link_shop.siege					{ background: #f3f4f7; color: #1d2a4e;}
#shops .link_shop span					{ display: block; font: 400 16px/30px "Ubuntu"; letter-spacing: 0.4px;}

@media (max-width:1200px) { 
#shops .page  							{ padding-bottom: 0;}
#shops .listing 						{ grid-gap: 20px;}
#shops .link_shop 						{ padding: 25px; font-size: 22px; line-height: 28px;}
#shops .link_shop span					{ font-size: 14px; line-height: 28px;}
#shops .wrapper_large .bloc_texte 		{ margin-bottom: 0;}
}
@media (max-width:760px) { 
#shops .listing 						{ grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:600px) { 
#shops .top_page .titre					{ margin-bottom: 0;}
#shops .top_page .chapo					{ display: none;}
#shops .listing 						{ grid-gap: 10px;}
#shops .link_shop 						{ padding: 13px 15px 15px 15px; font-size: 17px; line-height: 24px; height: 100%;}
#shops .link_shop span					{ font-size: 12px; line-height: 18px;}
}


/* detail shop */
.shop 									{ width: 100%; height: 100vh; position: fixed; right: 0; top: 0; z-index: 999; display: none;}
.shop ::-webkit-scrollbar  				{ display: none;}
.shop .close_bg							{ width: 100%; height: 100%; background: #090d17; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0.65; cursor: url(../images/close_cursor.svg), auto;}
.shop .close_btn 						{ width: 54px; height: 54px; border-radius: 5px; position: absolute; right: 20px; top: 20px; background: url("../images/close.svg") 50% no-repeat #1d2a4e; cursor: pointer; transition: background 300ms ease-in-out;}
.shop .infos							{ width: 700px; height: 100%; background: #fff; padding: 60px 80px; overflow-y: scroll; z-index: 999; box-shadow: 0 10px 30px 0 rgb(102 86 66 / 10%); position: absolute; right: -700px; top: 0;}
.shop .infos img.logo   				{ margin: 0 0 25px 0; width: 90px; background: #1d2a4e; padding: 13px 14px;}
.shop .infos .titre_main   				{ font-size: 30px; line-height: 35px;}
.shop .infos p  						{ margin-top: 15px;}
.shop .infos p a						{ padding-left: 30px; display: inline-block;}
.shop .infos p a.tel					{ background: url("../images/tel_blue.svg") 0 52% no-repeat;}
.shop .infos p a.email					{ background: url("../images/email_blue.svg") 1px 52% no-repeat;}
.shop .infos img   						{ margin-top: 40px; display: block; height: auto;}

/* open close animation */
.shop .infos							{ transition: right 500ms ease-in-out 150ms;}
.shop .infos .row						{ opacity: 0; transition: opacity 400ms ease-in-out 0ms;}
.shop .infos.active						{ right: 0; transition-delay: 400ms;}
.shop .infos.active .row				{ opacity: 1; transition-delay: 600ms;}

@media (min-width:1201px) {
.shop .close_btn:hover					{ background-color: #2f406c;}
}
@media (max-width: 1200px){
.shop .infos							{ padding: 60px 5vw; width: 600px; right: -600px;}
.shop .infos .titre_main   				{ font-size: 25px; line-height: 30px;}

}
@media (max-width: 700px){
.shop .infos							{ width: 100%; right: -100%;}
}
@media (max-width: 600px){
.shop .close_btn 						{ width: 48px; height: 48px; right: 10px; top: 10px;}
.shop .infos							{ padding: 40px 7.5vw 40px 7.5vw;}
.shop .infos img.logo   				{ margin: 0 0 20px 0; width: 70px; padding: 12px 12px 11px 12px;}
.shop .infos .titre_main   				{ font-size: 22px; line-height: 30px;}
.shop .infos p  						{ margin-top: 10px;}
.shop .infos img   						{ margin-top: 30px;}
}



/***** page leonidas *****/
#about .rec_gray .titre_main 			{ font-size: 35px; line-height: 45px;}
#about .actions 						{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px 80px; margin-bottom: 40px;}
#about .actions p  						{ margin: 10px 0 0 0;}
#about .actions p b						{ font-size: 20px;}

@media (max-width:1200px) { 
#about .rec_gray .titre_main  			{ font-size: 30px; line-height: 40px;}
#about .actions p b						{ font-size: 18px;}
#about .actions 						{ grid-gap: 40px 60px; margin-bottom: 35px;}
}
@media (max-width:1000px) { 
#about .rec_gray .titre_main  			{ font-size: 25px; line-height: 35px;}
#about .actions 						{ grid-gap: 40px 50px;}
}
@media (max-width:600px) { 
#about .rec_gray .titre_main  			{ font-size: 20px; line-height: 26px;}
#about .actions 						{ grid-template-columns: 1fr; grid-gap: 10px; margin: -25px 0 0 0;}
#about .actions .item					{ border-bottom: 1px solid #ccc; padding-bottom: 20px;}
#about .actions .item:last-child		{ border: none; padding-bottom: 0;}
#about .actions p b						{ font-size: 16px;}
}