/***** page *****/
main 										{ position: relative;}
main li a, 
main p a									{ color: var(--darkBlue); font-weight: 500;}
main li a:after,
main p a:after								{ width: 13px; height: 13px; background: url("../images/arrow_sup.svg") 100% 0 no-repeat; display: inline-block; margin: 0 1px -2px 0; content: "";}

@media (min-width:1201px) {
main li a:hover, 
main p a:hover								{ filter: brightness(1.5);}
}
@media (max-width:700px) { 
main li a:after,
main p a:after								{ width: 11px; height: 11px; margin: 0 1px -2px 2px;}
}



/***** top page *****/
.top_page 									{ position: relative; padding-top: 130px; background: var(--gradientBlue); color: #fff; border-radius: 0 0 var(--radiusXL) var(--radiusXL);}
.top_page .content 							{ padding: 5.5vw 0 calc(5.5vw + 40px) 0;  display: grid; align-items: center;}
.top_page .txt 								{ position: relative; z-index: 80; margin: 0;}
.top_page .txt :last-child					{ margin-bottom: 0;}
.top_page .titre_main span					{ display: inline;}
.top_page .chapo 							{ margin-top: calc(1.5vw + 10px); font-weight: 400; letter-spacing: 0.4px;}

.top_page .square.yellow					{ left: 0; top: 92.5%;}
.top_page .square.darkblue					{ right: 0; top: 50%;}
.top_page .square.green						{ right: 20%; top: 0;}

.top_page_short .content 					{ display: block;}
.top_page_short .txt .titre_main 			{ font-size: clamp(55px, 5vw, 80px);}

.top_page_center .content 					{ display: block;}
.top_page_center .txt 						{ margin: 0 auto; text-align: center;}

@media (max-width:2000px) {
.top_page .txt 								{  margin: 0 0 0 5vw;}
}
@media (max-width:1800px) {
.top_page .txt 								{ margin: 0 0 0 10vw;}
}
@media (max-width:1400px) {
.top_page .txt 								{ margin: 0 auto;}
}
@media (max-width:1200px) {
.top_page 									{ padding-top: 100px;}
}
@media (max-width:1000px) { 
.top_page 									{ border-radius: 0;}
.top_page .content 							{ padding: 7.5vw 0 calc(7.5vw + 40px) 0;}
.top_page .chapo 							{ margin-top: calc(1.5vw + 15px);}

.top_page_short .txt .titre_main 			{ font-size: clamp(35px, 6vw, 50px);}
}
@media (max-width:700px) { 
.top_page 									{ padding-top: 60px;}
.top_page .content 							{ padding-bottom: calc(7.5vw + 30px);}
.top_page .titre_main br 					{ display: none;}
}


/***** top page + nav shutters *****/
main:has(.nav_shutters) .top_page .content	{ padding-bottom: calc(5vw + 80px);}

@media (max-width:1000px) { 
main:has(.nav_shutters) .top_page .content	{ padding-bottom: calc(8vw + 40px);}
}



/***** breadcrumb *****/
#page .breadcrumb							{ line-height: 0; letter-spacing: 0; position: relative; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#page .breadcrumb li 						{ display: inline; font-size: 12px; line-height: 20px; margin-right: 30px; letter-spacing: 0.6px; position: relative;}
#page .breadcrumb li:after					{ width: 1px; height: 9px; position: absolute; right: -16px; top: 5px; background: var(--blue); content: "";}
#page .breadcrumb li:last-child:after 		{ display: none;}
#page .breadcrumb li a  					{ color: #fff; font-weight: 400;}
#page .breadcrumb li a:after				{ display: none;}

@media (min-width:1201px) {
#page .breadcrumb a:hover                 	{ color: var(--blue);}
}
@media (max-width:700px) { 
#page .breadcrumb							{ display: none;}
#page .breadcrumb li 						{ font-size: 10px; margin-right: 16px; letter-spacing: 0.4px;}
#page .breadcrumb li:after					{ height: 7px; right: -10px; top: 4px;}
}




/***** global *****/
.video video								{ width: 100%; height: auto; display: block; border-radius: var(--radiusL); position: relative;}
.separate_height 							{ height: 5px; margin-bottom: calc(1.5vw + 15px);}
.titre_icon 								{ display: grid; grid-template-columns: auto 1fr; grid-gap: clamp(5px, 2vw, 15px); align-items: center;}
.titre_icon img.label						{ width: clamp(120px, 15.2vw, 180px); height: auto; transform: translateY(8%);}
.inner_padding 								{ padding: 0 clamp(20px, 3.5vw, 40px);}
.shutters_zone 								{ position: relative;}
.first_section 								{ margin-top: var(--marginT);}
.num 										{ position: relative; padding: 2px 0 2px 40px;}
.num>span:first-child						{ min-width: 28px; height: 28px; padding: 0 6px;font-weight: 500; font-size: 14px; line-height: 28px; letter-spacing: 0; text-align: center; position: absolute; left: 0; top: 1px; background: var(--blue); color: #fff; border-radius: var(--radiusXS);}

@media (min-width:1001px) { 
.first_section 								{ margin-top: clamp(60px, 8vw, 120px);}
body:has(.shutters_zone) .first_section 	{ margin-top: clamp(50px, 8vw, 100px);}
}
@media (max-width:1200px) { 
.inner_padding 								{ padding: 0;}
}
@media (max-width:1000px) { 
.titre_icon img.label						{ width: clamp(108px, 17.5vw, 180px);}
.shutters_zone 								{ margin-top: -40px;}
}



/***** shutter nav *****/
.nav_shutters 											{ margin: -30px 0 0 0; position: sticky; top: -40px; z-index: 800; transition: top 300ms ease-in-out;}
.nav_shutters .sous_titre								{ display: none;}
.nav_shutters .container								{ display: inline-block; text-align: center; box-shadow: 0 8px 30px 0 rgba(33, 190, 255, 18%); padding: 10px; border-radius: calc(var(--radiusM) - 5px); background: #fff; letter-spacing: 0;}
.nav_shutters a:not(:last-child)						{ margin-right: 0;}
.nav_shutters a											{ font-size: clamp(16px, 1.3vw, 18px); line-height: 46px; font-weight: 500; height: 46px; letter-spacing: 0.2px; display: inline-block; padding: 0 24px 0 24px; border-radius: calc(var(--radiusM) - 15px);}
.nav_shutters:not(:has(a.active)) a:first-child			{ background-color: var(--green);}
.nav_shutters a.active 									{ background-color: var(--green);}

.scrolling_down .nav_shutters 							{ top: 10px;}

@media (min-width:1201px) {
.nav_shutters a:not(.active):hover                		{ color: var(--darkBlue);}
.nav_shutters:not(:has(a.active)) a:hover:first-child 	{ color: var(--txtColor);}
}
@media (max-width:1200px) { 
.nav_shutters .container								{ border-radius: 20px;}
.nav_shutters a											{ border-radius: 10px;}
}
@media (max-width:1000px) { 
.nav_shutters 											{ position: absolute; left: 10vw; top: 10px; margin: 0 auto; width: 80vw; transition: none;}
.nav_shutters.is_sticky									{ position: fixed; top: -70px; transition: top 300ms ease-in-out;}
.scrolling_down .nav_shutters.is_sticky					{ top: 10px;}
.nav_shutters .container								{ display: block; text-align: left;}
.nav_shutters .sous_titre								{ display: block; height: 40px; line-height: 40px; padding: 0 10px; margin: 0;}
.nav_shutters .open_close 								{ position: absolute; right: 0; top: 0; left: 0; bottom: 0;}
.nav_shutters .open_close:before						{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url("../images/arrow_down.svg") 50% 52% no-repeat var(--green); border-radius: 10px; transform: rotate(180deg); content: "";}
.nav_shutters .open_close.active:before					{ transform: rotate(0deg);}
.nav_shutters a											{ display: block; margin: 6px 0 0 10px; padding: 0 0 0 30px; background: url("../images/arrow_link.svg") -5px 50% no-repeat; height: auto; line-height: 32px; border-radius: 0; font-size: clamp(14px, 2.2vw, 16px);}
.nav_shutters a:last-child								{ margin-bottom: 6px;}
.nav_shutters:not(:has(a.active)) a:first-child			{ background-color: transparent;}
.nav_shutters a.active 									{ color: var(--darkBlue); background-color: transparent;}

.nav_shutters.is_sticky .open_close:before				{ transform: rotate(0deg);}
.nav_shutters.is_sticky .open_close.active:before 		{ transform: rotate(180deg);}
}
@media (max-width:700px) { 
.nav_shutters 											{ left: 7vw; width: 84vw;}
.nav_shutters .container								{ border-radius: 12px; padding: 8px;}
.nav_shutters .sous_titre								{ height: 34px; line-height: 34px; font-size: 18px;}
.nav_shutters .open_close:before						{ width: 36px; height: 36px; right: -1px; top: -1px; border-radius: 8px;}
.nav_shutters a											{ margin: 4px 0 0 10px; padding: 0 0 0 25px; line-height: 30px; background-size: auto 10px;}
}



/***** item sticky *****/
.item_sticky											{ position: sticky; top: 120px; align-self: start; transition: top 300ms ease-in-out;}
.item_sticky picture									{ display: block; margin-top: 30px;}
.item_sticky picture img								{ width: 100%; height: auto; display: block; object-fit: cover; border-radius: var(--radiusM);}
.item_sticky .titre_main 								{ margin-top: -10px;}



/***** grid sticky *****/
.grid_sticky .container									{ display: grid; grid-template-columns: 1fr 2.5fr; grid-gap: 5vw; align-items: start;}
.grid_sticky .show_hide									{ margin-top: clamp(-20px, -2vw, -10px);}
.grid_sticky.reverse .container							{ grid-template-columns: 2.5fr 1fr;}
.grid_sticky.reverse .content							{ grid-area: 1/1;}
.grid_sticky.reverse .item_sticky						{ grid-area: 1/2;}

@media (max-width:1200px) {
.grid_sticky .container									{ grid-template-columns: 1fr;}
.grid_sticky .show_hide									{ margin-top: clamp(15px, 2.5vw, 25px);}

.grid_sticky .item_sticky								{ position: static; width: 45%;}
.grid_sticky .item_sticky picture						{ position: absolute; right: 0; top: 0; width: 40%; margin-top: 0;}
}
@media (max-width:700px) {
.grid_sticky .item_sticky								{ position: static; width: 100%; display: grid;}
.grid_sticky .item_sticky picture						{ position: static; width: 100%; max-width: 400px; margin: 0 auto var(--marginB) auto; grid-area: 1;}
.grid_sticky .item_sticky :nth-last-child(2) 			{ margin-bottom: 0;}
}



/***** steps *****/
.bloc_steps 								{ position: relative; padding-bottom: 120px;}
.bloc_steps .item 							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: clamp(80px, 5vw, 110px); position: relative; margin-bottom: -120px;}
.bloc_steps .item .step						{ padding: clamp(20px, 3vw, 40px); position: relative; min-height: 360px; border-radius: var(--radiusM);}
.bloc_steps .item:nth-child(even) .step 	{ grid-area: 1 / 2;}
.bloc_steps .item .dot						{ width: 30px; height: 30px; border: 2px solid var(--darkBlue); border-radius: 8px; background: var(--lightBlue); position: absolute; left: 50%; top: clamp(20px, 4.2vw, 40px); transform: translateX(-50%); z-index: 5;}
.bloc_steps .item .dot:before				{ position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border-radius: 5px; background: var(--blue); transform: scale(0); transition: transform 200ms ease-in 0ms; content: "";}
.bloc_steps .item .line						{ width: 2px; position: absolute; left: 50%; top: clamp(20px, 4.2vw, 40px); transform: translateX(-50%); bottom: calc(120px - clamp(20px, 4.2vw, 40px)); background: var(--darkBlue); background: linear-gradient(var(--blue) 0 50%, var(--darkBlue) 50% 100%); background-size: 100% 200%; background-position: 0 100%;}
.bloc_steps .item .step .num				{ font-size: clamp(30px, 5vw, 50px); line-height: 90%; letter-spacing: 0; position: absolute; right: clamp(20px, 3vw, 30px); top: clamp(20px, 3vw, 30px); padding: 0; color: var(--darkBlue); transition: all 200ms ease-in 0ms;}
.bloc_steps .item .step .sous_titre			{ margin-bottom: 10px;}
.bloc_steps .item .step p 					{ margin-bottom: 10px;}
.bloc_steps .item .step lord-icon			{ width: 70px; height: 70px; display: block; margin-bottom: 15px;}
.bloc_steps .item .step :last-child			{ margin: 0;}
.bloc_steps .item:last-child .line			{ display: none;}

.bloc_steps .item.active .dot				{ border-color: var(--blue); transition: border 200ms ease-in;}
.bloc_steps .item.active .dot:before		{ transform: scale(1);}
.bloc_steps .item.active .step .num			{ color: var(--blue);}
.bloc_steps .item.active .line				{ background-position: 0 0; transition: background 800ms ease-in 0ms;}

@media (max-width:1000px) {
.bloc_steps .item .step lord-icon			{ width: 60px; height: 60px;}
}
@media (max-width:700px) {
.bloc_steps 								{ padding-bottom: 0;}
.bloc_steps .item 							{ display: block; padding-left: 0; margin-bottom: 10px;}
.bloc_steps .item .step						{ min-height: inherit;}
.bloc_steps .item .dot						{ display: none;}
.bloc_steps .item .line						{ display: none;}
.bloc_steps .item .step .num				{ color: var(--blue);}
.bloc_steps .item .step lord-icon			{ width: 50px; height: 50px; margin-bottom: 10px;}
}



/***** bloc txt + square *****/
.bloc_txt  									{ position: relative;}
.bloc_txt:has(.square) 						{ overflow: hidden;}
.bloc_txt .square 							{ z-index: -1;}
.bloc_txt .square.pos_rt					{ right: -2%; top: 5%;}
.bloc_txt .square.pos_rm					{ right: 0; top: 50%;}
.bloc_txt .square.pos_rb					{ right: 2%; bottom: 15%;}
.bloc_txt .square.pos_lt					{ left: 4%; top: 15%;}
.bloc_txt .square.pos_lm					{ left: 0; top: 40%;}
.bloc_txt .square.pos_lb					{ left: 2%; bottom: 5%;}

@media (max-width:1600px) {
.bloc_txt .square.pos_rt,					
.bloc_txt .square.pos_rm,					
.bloc_txt .square.pos_rb					{ margin-right: -1%;}

.bloc_txt .square.pos_lt,
.bloc_txt .square.pos_lm,
.bloc_txt .square.pos_lb					{ margin-left: -1%;}
}
@media (max-width:1400px) {
.bloc_txt .square.pos_rt,					
.bloc_txt .square.pos_rm,					
.bloc_txt .square.pos_rb					{ right: -2.5%; margin-right: 0;}

.bloc_txt .square.pos_lt,
.bloc_txt .square.pos_lm,
.bloc_txt .square.pos_lb					{ left: -2.5%; margin-left: 0;}
}
@media (max-width:1300px) {
.bloc_txt .square.pos_rt,					
.bloc_txt .square.pos_rm,					
.bloc_txt .square.pos_rb					{ right: -3%;}

.bloc_txt .square.pos_lt,
.bloc_txt .square.pos_lm,
.bloc_txt .square.pos_lb					{ left: -3%;}
}



/***** bloc txt img *****/
.bloc_txt_img 											{ position: relative;}
.bloc_txt_img .container	                        	{ display: grid; grid-template-columns: 35% 1fr; grid-gap: 5vw; align-items: center; position: relative; margin: 0 -2vw;}
.bloc_txt_img .container>.item							{ position: relative;}
.bloc_txt_img .container>.item :last-child 				{ margin-bottom: 0;}
.bloc_txt_img .container .img img 						{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--radiusM); margin: 0 auto;}
.bloc_txt_img .container .txt .link						{ margin-top: 10px;}

.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr 35%;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: 1 / 1;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: 1 / 2;}

.bloc_txt_img.align_top .container                		{ align-items: start;}
.bloc_txt_img.align_stretch .container                	{ align-items: stretch;}

@media (max-width:1400px) { 
.bloc_txt_img .container	                        	{ margin: 0;}
}
@media (max-width:1000px) { 
.bloc_txt_img .container 								{ grid-template-columns: 1fr; grid-gap: clamp(40px, 10vw, 60px);}
.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: auto;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: auto;}
.bloc_txt_img .container .img img 						{ max-width: 400px;}
}
@media (max-width:700px) { 

}




/***** cta bloc *****/
.cta_bloc 									{ position: relative;}
.cta_bloc .square.yellow					{ right: 5vw; top: -10%;}
.cta_bloc .square.blue						{ left: 10vw; top: 90%;}
.cta_bloc .bloc_gradient					{ color: #fff;}
.cta_bloc .bloc_gradient lord-icon 			{ width: 90px; height: 90px; margin: -15px auto 5px auto; display: none;}
.cta_bloc .bloc_gradient .titre_main 		{ font-size: clamp(26px, 4.2vw, 44px); line-height: 120%; font-weight: 600;}
.cta_bloc .bloc_gradient .sous_titre 		{ margin: clamp(15px, 2.2vw, 18px) 0; font-size: clamp(16px, 1.6vw, 20px); font-weight: 400; letter-spacing: 0.4px;}
.cta_bloc .link								{ margin-top: 10px; background-image: linear-gradient(-15deg, var(--darkBlue) 0%, var(--blue) 60% 100%);}
.cta_bloc .link	i							{ font-style: normal;}
.cta_bloc .link	span						{ display: inline-block;}
.cta_bloc .link_full						{ height: auto; padding: 15px 40px; border-radius: calc(var(--radiusS) + 5px);}


@media (max-width:1200px) {
.cta_bloc .bloc_gradient					{ padding: clamp(20px, 8vw, 60px);}
.cta_bloc .bloc_gradient lord-icon 			{ display: block;}
}
@media (max-width:700px) {
.cta_bloc .bloc_gradient lord-icon 			{ width: 70px; height: 70px; margin-top: -10px;}
}
@media (max-width:450px) {
.cta_bloc .link	i							{ display: none;}
}



/***** packs *****/
.packs 											{ margin: calc(1.5vw + 25px) 0;}
.packs .container								{ grid-gap: 20px;}
.packs .item .titre_main						{ margin: -10px 0 0 0;}
.packs .item .price								{ margin: 10px 0;}
.packs .item .price i							{ font-size: 13px; line-height: 160%; font-style: normal; display: block; padding-bottom: 2px;/* margin-top: -2px;*/}
.packs .item .link								{ margin: 10px 0 30px 0;}
.packs .item p.desc								{ display: grid; align-items: center; min-height: 90px; margin: 0; line-height: 160%; border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); padding: 15px 0; margin-bottom: 40px;}
.packs .item p.small							{ font-size: 14px; line-height: 160%; margin: 20px 0 -5px 0; font-style: italic;}
.packs .item .ul_check li.cross:before			{ background-image: url("../images/cross.svg"); background-position: 50% 50%; background-size: 12px auto;}

@media (max-width:1200px) {
.packs.col_3 .container							{ display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.packs.col_3 .container .item					{ flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px);}
}
@media (max-width:700px) {
.packs.col_3 .container							{ max-width: 500px; margin: 0 auto;}
.packs.col_3 .container .item					{ flex: auto; max-width: 100%;}

.packs .item .titre_main.smaller				{ margin: 0; font-size: clamp(30px, 5vw, 60px);}
.packs .item .price								{ margin: 8px 0;}
.packs .item .price i							{ font-size: 12px;}
.packs .item .link								{ margin: 5px 0 20px 0;}
.packs .item p.desc								{ min-height: 70px; padding: 10px 0; margin-bottom: 25px;}
.packs .item p.small							{ font-size: 12px; margin: 15px 0 0 0;}
.packs .item .ul_check li.cross:before			{ background-size: 10px auto;}
}




/***** offre *****/
.offre  										{ margin-top: calc(1.5vw + 15px);}
.offre .label									{ width: clamp(120px, 15.2vw, 180px); height: auto; display: block; margin-bottom: 15px;}
.offre .ul_check								{ margin: 0 0 30px 0; padding-top: 10px;}
.offre .show_hide 								{ margin: 0; padding-bottom: 10px;}
.offre .show_hide .item:last-child				{ border: none;}
.offre .show_hide .hide							{ color: var(--txtColor);}
.offre .link									{ margin-top: 10px;}

@media (max-width:700px) {
.offre .label									{ margin-bottom: 10px;}
.offre .ul_check								{ margin: 0 0 20px 0;}
.offre .link									{ margin-top: 5px;}
}


/***** ul table *****/
.ul_table   									{ border: 1px solid #d7f1fd; /*box-shadow: 0 0 10px 0 #d7f1fd95;*/ border-radius: var(--radiusS); margin: clamp(15px, 2.2vw, 25px) 0;}
.ul_table li 									{ border-bottom: 1px solid #d7f1fd; line-height: 170%; display: grid; grid-template-columns: 1fr 120px;}
.ul_table li:last-child 						{ border: none;}
.ul_table li span								{ padding: 10px 20px;}
.ul_table li span:last-child					{ border-left: 1px solid #d7f1fd; text-align: center;}

@media (max-width:700px) {
.ul_table li 									{ line-height: 160%; grid-template-columns: 1fr 90px;}
.ul_table li span								{ padding: 10px 15px;}

}



/***** bloc faq *****/
@media (max-width:1200px) {
.bloc_faq.grid_sticky .container 				{ display: block;}
.bloc_faq.grid_sticky .item_sticky 				{ width: 100%; display: block;}
}




/***** listing blog *****/
.blog_listing  										{ overflow: hidden;}
.blog_listing .container							{ margin-top: clamp(15px, 2.2vw, 25px);}

@media (max-width:1200px) {
.blog_listing .container							{ display: flex; gap: 10px; overflow-x: auto; padding: 0 5vw; margin-left: -5vw; margin-right: -5vw;}
.blog_listing .container::-webkit-scrollbar			{ display: none;}
.blog_listing .container .card_blog					{ width: clamp(200px, 90vw, 350px); flex-shrink: 0;}
}
@media (max-width:1000px) {
.blog_listing .container .card_blog					{ width: clamp(200px, 85vw, 380px);}
}



/***** table flex *****/
.table_flex 										{ margin: calc(1.5vw + 15px) -4vw 0 -4vw; font-size: 15px; line-height: 160%;}
.table_flex .item									{ display: flex; gap: 10px; margin-bottom: 5px;}
.table_flex .item>div								{ flex: 1; align-content: center; background: #fff; border: 1px solid #d7f1fd; padding: 20px 25px; border-radius: var(--radiusS);}
.table_flex .item>div:first-child					{ width: 120px; flex: initial; text-align: center; background: var(--green); border: none; font-weight: 500;}
.table_flex .heading>div							{ background: var(--darkBlue); color: #fff; text-align: center;}
.table_flex .heading>div:first-child				{ background: #fff; border: 1px solid #d7f1fd;}
.table_flex .heading lord-icon						{ width: 40px; height: 40px; display: block; margin: 0 auto;}

@media (max-width:1200px) {
.table_flex 										{ margin-right: 0; margin-left: 0;}
.table_flex .item>div								{ padding: 15px 20px;}
}
@media (max-width:1000px) {
.table_flex 										{ font-size: 14px; margin-top: calc(1.8vw + 18px);}
}
@media (max-width:700px) {
.table_flex 										{ width: 100vw; margin-left: -5vw; overflow-x: auto; padding: 0 5vw; font-size: 13px; display: flex; flex-wrap: wrap;}
.table_flex::-webkit-scrollbar						{ display: none;}
.table_flex .item									{ margin-bottom: 0; flex: 1;}
.table_flex .item>div								{ min-width: clamp(220px, 80vw, 300px); border-radius: 0; border-top: none; padding: 15px 20px; /*align-content: start; min-height: 120px;*/}
.table_flex .item>div:first-child					{ display: none;}
.table_flex .item>div:before						{ content: attr(data-text); display: block; font-size: 15px; font-weight: 500; color: var(--blue); padding-bottom: 5px;}
.table_flex .item:last-child>div					{ border-radius: 0 0 var(--radiusS) var(--radiusS);}
.table_flex .heading>div							{ text-align: left; border-radius: var(--radiusS) var(--radiusS) 0 0; min-height: inherit;}
.table_flex .heading>div:before						{ display: none;}
.table_flex .heading>div b							{ font-size: 16px; font-weight: 500;}
}



/***** services *****/
.services .item lord-icon							{ width: 100px; height: 100px; display: block; margin-bottom: clamp(10px, 2vw, 15px);}
.services .item .link								{ margin-top: 10px;}
.services.col_2 .container							{ margin: 0 -4vw;}

@media (max-width:1400px) {
.services.col_2 .container							{ margin: 0;}
}
@media (max-width:1200px) {
.services .item lord-icon							{ width: 80px; height: 80px;}
}
@media (max-width:1000px) {
.services.col_2 .container							{ grid-template-columns: 1fr;}
}
@media (max-width:700px) {
.services .item 									{ padding: clamp(20px, 3vw, 40px);}
.services .item lord-icon							{ width: 70px; height: 70px;}
}





/***** page creation site web *****/
@media (max-width:1000px) {
#website .bloc_txt_img .img	img						{ width: calc(45vw - 5px); max-width: none; height: 52.5vw; margin: 0;}
#website .bloc_txt_img:not(.reverse)  				{ margin-bottom: -52.5vw;}
#website .bloc_txt_img:not(.reverse) .img			{ grid-area: 2;}
#website .bloc_txt_img.reverse .img					{ display: grid; justify-content: end;}
}
@media (max-width:700px) {
#website .bloc_txt_img .img	img						{ border-radius: var(--radiusS);}
}



/***** page creation e-commerce *****/
.certis 										{ margin: calc(1.5vw + 25px) 0;}
.certis .container								{ grid-gap: 20px;}
.certis .container img							{ width: auto; height: 120px; border-radius: 0; margin: -15px auto 10px auto;}
.certis .container .label						{ padding: 20px 0; border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); text-align: center; font-weight: 500; font-size: clamp(16px, 1.4vw, 18px); color: var(--darkBlue); margin-bottom: 30px;}

@media (max-width:1200px) {
.certis .container								{ display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.certis .container .item						{ flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px);}
.certis .container img							{ height: 100px;}
}
@media (max-width:700px) {
.certis .container								{ max-width: 500px; margin: 0 auto;}
.certis .container .item						{ flex: auto; max-width: 100%;}

.certis .container img							{ height: 80px; margin-top: -10px; margin-bottom: 5px;}
.certis .container .label						{ padding: 15px 0; margin-bottom: 20px;}
}



/***** page seo *****/
.missions_comp  								{ margin: calc(1.5vw + 25px) -4vw 0 -4vw;}
.missions_comp .item							{ margin: 0;}
.missions_comp .item .link						{ margin-top: 10px;}

@media (max-width:1200px) {
.missions_comp 									{ margin-right: 0; margin-left: 0;}
}
@media (max-width:700px) {
.missions_comp .item .link						{ margin-top: 5px;}
}



/***** page geo *****/
.schema_geo 									{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 40px; margin: calc(1.5vw + 25px) auto; text-align: center;}
.schema_geo .item								{ border: 2px solid var(--blue); background: #fff; padding: 15px 20px; border-radius: var(--radiusS); width: 100%; max-width: 320px; margin: 0 auto; position: relative;}
.schema_geo .item:first-child					{ grid-column: span 3;}
.schema_geo .item:last-child					{ grid-column: span 3;}
.schema_geo .item:after							{ width: 30px; height: 12px; position: absolute; left: 0; right: 0; bottom: 8px; background: url("../images/arrow_link.svg") 50% no-repeat; transform: rotate(90deg); transform-origin: left bottom; margin: 0 auto; display: none; content: "";}
.schema_geo .item:first-child:after,
.schema_geo .item:nth-child(3):after 			{ display: block;}
.schema_geo .item:nth-child(2),
.schema_geo .item:nth-child(4) 					{ z-index: 5;}
.schema_geo .item:nth-child(2):before,
.schema_geo .item:nth-child(4):before 			{ width: 22px; height: 22px; border-radius: 50%; position: absolute; left: -33px; top: 50%; transform: translateY(-50%); background: url("../images/plus.svg") 50% no-repeat var(--darkBlue); background-size: 12px auto; content: "";}
.schema_geo .item:nth-child(2):before 			{ left: auto; right: -33px;}
.schema_geo .item p 							{ margin-bottom: 5px; line-height: 150%;}
.schema_geo .item b 							{ font-size: 18px; display: block;}
.schema_geo .item i 							{ font-size: 14px; display: block;}
.schema_geo .item :last-child					{ margin-bottom: 0;}

@media (max-width:700px) {
.schema_geo 									{ grid-gap: 25px 0;}
.schema_geo .item								{ padding: 10px 5px; max-width: 260px;}
.schema_geo .item p 							{ font-size: 13px; line-height: 140%;}
.schema_geo .item b 							{ font-size: 15px; padding-top: 2px;}
.schema_geo .item i 							{ font-size: 12px;}
.schema_geo .item:last-child b					{ padding-bottom: 5px;}
.schema_geo .item:nth-child(2):before 			{ right: -12px;}
.schema_geo .item:nth-child(4):before 			{ left: -12px;}
.schema_geo .item:nth-child(2)  				{ border-top-right-radius: 0; border-bottom-right-radius: 0;}
.schema_geo .item:nth-child(3)  				{ border-left: none; border-right: none; border-radius: 0;}
.schema_geo .item:nth-child(4)  				{ border-top-left-radius: 0; border-bottom-left-radius: 0;}
.schema_geo .item:nth-child(2) p, 
.schema_geo .item:nth-child(3) p, 
.schema_geo .item:nth-child(4) p  				{ max-width: 90px; margin-left: auto; margin-right: auto;}
}




/***** page sea *****/
@media (min-width:1201px) {
#sea .table_flex  								{ margin-right: 0; margin-left: 0;}
}

.schema_sea 									{ position: relative; text-align: center; margin-top: calc(1.5vw + 25px); padding: 60px 0;}
.schema_sea .path								{ width: 260px; height: 360px; border: 2px solid var(--darkBlue); border-radius: var(--radiusM); position: relative; margin: 0 0 0 90px; text-align: left;}
.schema_sea .path .item>p span:before			{ width: 100px; height: 100px; border-radius: 50%; border: 4px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: "";}
.schema_sea .path .item>p  						{ width: 180px; height: 120px; line-height: 140%; display: grid; align-items: center; background: #fff; border: 2px solid var(--blue); padding: 15px 20px; border-radius: var(--radiusM); font-weight: 500; text-align: center; margin: 0; position: absolute; cursor: pointer;}
.schema_sea .path .item .hide					{ display: block; width: 580px; position: absolute; left: 400px; top: 50%; padding: 40px; border-radius: var(--radiusM); transform: translateY(-50%) scale(0.75); opacity: 0; visibility: hidden; transition: all 200ms ease-in-out;}
.schema_sea .path .item .hide lord-icon 		{ width: 70px; height: 70px; display: block; margin-bottom: 10px;}
.schema_sea .path .item .hide p,
.schema_sea .path .item .hide ul				{ margin-bottom: 10px; line-height: 170%;}
.schema_sea .path .item .hide :last-child		{ margin-bottom: 0;}

@media (min-width:701px) {
.schema_sea .path .item.active>p				{ background: var(--darkBlue); border-color: var(--darkBlue); color: #fff;}
.schema_sea .path .item.active .hide 			{ visibility: visible; opacity: 1; transform: translateY(-50%) scale(1);}
.schema_sea .path .item:nth-child(1)>p  		{ right: 100%; top: 0; transform: translate(50%, -50%);}
.schema_sea .path .item:nth-child(2)>p  		{ left: 100%; top: 0; transform: translate(-50%, -50%);}
.schema_sea .path .item:nth-child(3)>p  		{ left: 100%; top: 50%; transform: translate(-50%, -50%);}
.schema_sea .path .item:nth-child(4)>p  		{ right: 50%; top: 100%; transform: translate(50%, -50%);}
.schema_sea .path .item:nth-child(5)>p  		{ right: 100%; top: 50%; transform: translate(50%, -50%);}
}
@media (max-width:1200px) {
.bloc_txt:has(.schema_sea)						{ overflow: visible;}
.schema_sea 									{ padding: 50px 0;}
.schema_sea .path								{ width: 220px; height: 320px; margin-left: 80px;}
.schema_sea .path .item>p  						{ width: 160px; height: 100px; padding: 15px;}
.schema_sea .path .item .hide					{ width: calc(90vw - 420px); max-width: 580px; left: 340px; padding: 30px;}
}
@media (max-width:1000px) {
.schema_sea 									{ padding: 60px 0;}
.schema_sea .path								{ width: 180px; margin-left: 75px;}
.schema_sea .path .item>p  						{ width: 150px; padding: 10px;}
.schema_sea .path .item .hide					{ width: calc(90vw - 355px); left: 280px;}
.schema_sea .path .item .hide lord-icon 		{ width: 60px; height: 60px;}
}
@media (max-width:700px) {
.schema_sea 									{ padding: 0;}
.schema_sea .path								{ width: 100vw; height: auto; border: none; border-radius: 0; margin: 0 0 0 -5vw; overflow-x: auto; padding: 0 5vw; font-size: 13px; display: flex; gap: 10px;}
.schema_sea .path::-webkit-scrollbar			{ display: none;}
.schema_sea .path .item   						{ min-width: clamp(220px, 80vw, 300px); position: relative;}
.schema_sea .path .item>p  						{ width: auto; height: auto; display: block; border: none; padding: 0; border-radius: 0; transform: none; text-align: left; position: absolute; left: clamp(20px, 4vw, 30px); top: calc(clamp(25px, 5vw, 40px) + 65px); font-size: clamp(16px, 2.6vw, 18px); color: var(--blue);}
.schema_sea .path .item .hide					{ width: 100%; max-width: none; min-height: 400px; position: static; transform: none; opacity: 1; visibility: visible; padding: clamp(25px, 5vw, 40px) clamp(20px, 4vw, 30px);}
.schema_sea .path .item .hide lord-icon 		{ width: 50px; height: 50px; margin-bottom: 50px;}
}


#sea .offre    									{ padding-top: 5px;}
#sea .offre .container							{ grid-template-columns: 55% 1fr; grid-gap: 2vw; align-items: start;}
#sea .offre .partner img.label					{ width: 140px; margin-bottom: clamp(15px, 2.5vw, 25px);}
#sea .offre .ul_check							{ margin: 30px 0;}
#sea .offre .show_hide .item:last-child			{ border-bottom: 1px solid var(--blue);}

@media (max-width:1000px) {
#sea .offre .container							{ grid-template-columns: 62.5% 1fr; grid-gap: 10px;}
#sea .offre .partner img.label					{ width: 120px;}
}
@media (max-width:700px) {
#sea .offre .container							{ grid-template-columns: 1fr; grid-gap: 10px;}
#sea .offre .partner img.label					{ width: 120px;}
#sea .offre .ul_check							{ margin: 20px 0 25px 0;}
}



/***** page reseaux sociaux *****/
#rs .bloc_txt_img .container	               	{ margin: 0 -4vw;}
#rs .table_flex img 			               	{ display: block; margin: 2px auto 8px auto; object-fit: none; object-position: center bottom; height: 22px;}

@media (max-width:1600px) {
#rs .bloc_txt_img .container	               	{ margin: 0 -2vw;}
}
@media (max-width:1400px) {
#rs .bloc_txt:has(.table_flex) .square         	{ display: none;}
#rs .bloc_txt_img .container	               	{ margin: 0;}
}
@media (max-width:1000px) {
#rs .table_flex .item>div:first-child 			{ display: none;}
#rs .table_flex .item>div:before				{ content: attr(data-text); display: block; font-size: 15px; font-weight: 500; color: var(--blue); padding-bottom: 5px;}
#rs .table_flex .heading>div:before				{ display: none;}
#rs .bloc_txt_img .img img						{ width: calc(45vw - 5px); max-width: none; height: calc(45vw - 5px); margin: 0;}
#rs .bloc_txt_img:not(.reverse)  				{ margin-bottom: calc(5px - 45vw);}
#rs .bloc_txt_img:not(.reverse) .img			{ grid-area: 2;}
#rs .bloc_txt_img.reverse .img					{ display: grid; justify-content: end;}
}
@media (max-width:1000px) and (min-width:701px) {
#rs .table_flex .item>div  						{ align-content: start;}
#rs .table_flex .heading>div					{ padding: 15px;}
}
@media (max-width:700px) {
#rs .bloc_txt_img .img	img						{ border-radius: var(--radiusS);}
#rs .table_flex .item>div						{ min-width: clamp(220px, 65vw, 280px);}
#rs .table_flex .heading>div					{ text-align: center;}
}





/***** page services *****/
#services .grid_bloc .container .img 			{ position: relative;}
#services .grid_bloc .container img 			{ width: 100%; height: 100%; border-radius: var(--radiusL); position: absolute; left: 0; top: 0;}

@media (max-width:1000px) {
#services .grid_bloc .container .img			{ display: none;}
}



/***** page strategie marketing *****/
#strategie .offre 								{ margin: 0;}

.table 											{ margin: calc(1.5vw + 15px) -2vw 0 -2vw; line-height: 160%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px;}
.table .item									{ display: grid; grid-gap: 34px; transition: all 200ms ease-in;}
.table .item>div								{ padding: 25px 25px 20px 25px; border: 2px solid var(--blue); background: #fff; border-radius: var(--radiusS); text-align: center; display: grid; align-content: center; position: relative;}
.table .item>div:not(.heading)					{ min-height: 140px;}
.table .item>div:not(.heading):after			{ width: 21px; height: 12px; position: absolute; left: 0; right: 0; top: -56px; background: url("../images/arrow_link.svg") 50% no-repeat; transform: rotate(90deg); transform-origin: left bottom; margin: 0 auto; content: "";}
.table .heading>div								{ background: var(--darkBlue); color: #fff;}
.table .item>div p								{ margin: 0;}
.table .item>div p b							{ display: block; margin: 0 auto; max-width: 200px; color: var(--darkBlue);}
.table .item>div:before							{ content: attr(data-text); width: 80px; font-size: 12px; line-height: 24px; letter-spacing: 0.4px; color: #fff; background: var(--blue); position: absolute; left: 0; right: 0; top: -13px; margin: 0 auto; border-radius: 10px;}

@media (min-width:1201px) {
.table 											{ font-size: 15px; line-height: 160%;}
.table:hover .item:not(:hover)					{ opacity: 0.5;}
.table .item:hover								{ transform: translateY(-10px);}
}
@media (max-width:1200px) {
.table 											{ margin-right: 0; margin-left: 0;}
.table .item>div:not(.heading)					{ min-height: 170px;}
}
@media (max-width:1000px) {
.table 											{ display: flex; width: 100vw; margin-left: -5vw; overflow-x: auto; gap: 10px; padding: 15px 5vw 0 5vw;}
.table::-webkit-scrollbar						{ display: none;}
.table .item									{ min-width: clamp(180px, 50vw, 220px);}
}
@media (max-width:700px) {
.table 											{ font-size: 13px;}
.table .item>div								{ padding: 22px 15px 15px 15px;}
.table .item>div:not(.heading)					{ min-height: 150px;}
.table .item>div:last-child						{ min-height: 130px;}
.table .item>div:before							{ width: 70px; font-size: 11px; line-height: 20px; top: -11px; border-radius: 8px;}
}


/***** page developpement sur mesure *****/
#developpement .modules .item					{ margin: 0; position: relative; padding: clamp(20px, 3vw, 40px);}
#developpement .modules .item .tag				{ font-size: 13px; line-height: 30px; letter-spacing: 0.4px; padding: 0 15px; color: #fff; background: var(--blue); position: absolute; right: 15px; top: 15px; border-radius: 10px;}
#developpement .modules .item lord-icon			{ width: 70px; height: 70px; display: block; margin-bottom: 15px;}
#developpement .modules .item .sous_titre		{ margin-bottom: 10px;}

@media (min-width:1201px) {
#developpement .modules .container				{ grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width:1000px) {
#developpement .modules .item lord-icon			{ width: 60px; height: 60px;}
}
@media (max-width:700px) {
#developpement .modules .item .tag				{ font-size: 12px; line-height: 28px; padding: 0 12px; right: 12px; top: 12px; border-radius: 8px;}
#developpement .modules .item lord-icon			{ width: 50px; height: 50px; margin-bottom: 10px;}
}



/***** page redaction traduction *****/
@media (max-width:1000px) {
#redaction .bloc_txt_img .img img				{ width: calc(45vw - 5px); max-width: none; height: calc(45vw - 5px); margin: 0;}
#redaction .bloc_txt_img.reverse  				{ margin-bottom: calc(5px - 45vw);}
#redaction .bloc_txt_img.reverse .img			{ grid-area: 2;}
#redaction .bloc_txt_img:not(.reverse) .img		{ display: grid; justify-content: end;}
}
@media (max-width:700px) {
#redaction .bloc_txt_img .img img				{ border-radius: var(--radiusS);}
}


/***** page photos videos *****/
#photos .grid_sticky .content						{ display: grid; grid-gap: 10px;}
#photos .grid_sticky .item							{ display: grid; grid-template-columns: auto 1fr; grid-gap: clamp(20px, 3.5vw, 60px);}
#photos .grid_sticky .item lord-icon				{ width: 80px; height: 80px;}

@media (max-width:1200px) {
#photos .grid_sticky .item_sticky					{ width: 100%; display: grid; grid-template-columns: 40% 1fr; grid-gap: 5vw; align-items: center;}
#photos .grid_sticky .item_sticky picture			{ position: static; width: 100%; grid-area: 1/1;}
#photos .grid_sticky .item_sticky div 				{ grid-area: 1/2; max-width: 400px;}
#photos .grid_sticky .item lord-icon				{ width: 70px; height: 70px;}
}
@media (max-width:700px) {
#photos .grid_sticky .item_sticky					{ grid-template-columns: 1fr; grid-gap: 0;}
#photos .grid_sticky .item_sticky picture			{ grid-area: 1;}
#photos .grid_sticky .item_sticky div 				{ grid-area: 2; max-width: none;}
#photos .grid_sticky .item_sticky div :last-child 	{ margin-bottom: 0;}
#photos .grid_sticky .item							{ grid-template-columns: 1fr; grid-gap: 10px; padding: clamp(20px, 3vw, 40px);}
#photos .grid_sticky .item lord-icon				{ width: 50px; height: 50px;}
}




/***** page analyse performances *****/
#analyse .grid_bloc .bloc_inner lord-icon 		{ width: 70px; height: 70px; display: block; margin: 0 0 15px 0;}
#analyse .grid_bloc .bloc_inner .sous_titre		{ margin-bottom: 10px;}
#analyse .offre 								{ margin: 0;}

@media (max-width:1200px) {
#analyse .grid_bloc .bloc_inner lord-icon 		{ width: 60px; height: 60px;}
}
@media (max-width:700px) {
#analyse .grid_bloc .bloc_inner   				{ padding: clamp(20px, 3vw, 40px); margin: 0;}
#analyse .grid_bloc .bloc_inner lord-icon 		{ width: 50px; height: 50px; margin-bottom: 10px;}
}



/***** page marketing automation *****/
#automation .packs  							{ margin-bottom: 0;}
#automation .packs .item .titre_main			{ margin-bottom: clamp(10px, 2vw, 15px);}
#automation .packs .item .link 					{ margin-bottom: 0;}





/***** page agence *****/
#agence .wrapper 									{ width: 80vw;}

#tab_philosophie .item_sticky img 					{ margin: 0;}
#tab_philosophie .bloc_steps 						{ margin-top: clamp(25px, 5vw, 50px);}
#tab_philosophie .bloc_steps .step .sous_titre 		{ margin-bottom: 8px;}

#tab_engagements:before								{ height: 15%; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; border-radius: var(--radiusXL) var(--radiusXL) 0 0; content: "";}
#tab_engagements .container							{ padding-top: clamp(5px, 1vw, 15px);}
#tab_engagements .item								{ color: #fff;}
#tab_engagements .item lord-icon 					{ width: 70px; height: 70px; display: block; margin-bottom: 15px; filter: brightness(200);}
#tab_engagements .item .sous_titre 					{ padding-left: 40px;}
#tab_engagements .item .sous_titre:before 			{ width: 24px; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/list_check.svg") 0 44% / contain no-repeat; content: "";}
#tab_engagements .video 							{ position: relative; cursor: pointer;}
#tab_engagements .video video						{ filter: brightness(0.65); transition: all 200ms ease-in;}
#tab_engagements .video .play_pause					{ width: clamp(50px, 10vw, 100px); height: clamp(50px, 10vw, 100px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: var(--radiusM); font-size: 0; border: none; background: url("../images/play.svg") 55% 50% no-repeat #fff; transition: all 200ms ease-in; cursor: pointer; content: "";}
#tab_engagements .video.play .play_pause			{ transform: translate(-50%, -50%) scale(0.85); opacity: 0;}
#tab_engagements .video.play video					{ filter: brightness(1); /*transform: scale(1.1);*/}

#tab_equipe 										{ padding-bottom: var(--paddingB); background: #fff; border-radius: 0 0 var(--radiusXL) var(--radiusXL);}
#tab_equipe:before									{ height: var(--paddingB); position: absolute; left: 0; right: 0; bottom: 100%; background: #fff; content: "";}
#tab_equipe .container								{ margin-top: clamp(40px, 8vw, 80px);}

#tab_histoire  										{ overflow: hidden;}
#tab_histoire .slider								{ width: 100vw; margin-top: clamp(25px, 5vw, 50px);}
#tab_histoire .slider .slick-list					{ overflow: visible;}
#tab_histoire .slider .bloc_white					{ width: 720px; margin-right: 10px;}
#tab_histoire .slider .bloc_white .num				{ font-size: 23px; line-height: 46px; font-weight: 500; letter-spacing: 0; padding: 0 12px; border-radius: var(--radiusS); position: absolute; left: var(--radiusL); top: -23px; color: #fff; background: var(--blue);}
#tab_histoire .nav_slider 							{ position: absolute; right: -10px; top: 30px;}

#tab_histoire .gallery img							{ border-radius: var(--radiusL); height: 100%;}
#tab_histoire .gallery .square.yellow				{ right: 130%; top: 20%; z-index: 5;}
#tab_histoire .gallery .square.green				{ left: 130%; bottom: 90%; z-index: 5;}
#tab_histoire .gallery .square.blue					{ left: 60%; top: 80%; z-index: 5;}
#tab_histoire .gallery .container 					{ grid-template-columns: 35% auto 35%;}
#tab_histoire .gallery .item						{ margin-bottom: 100px; position: relative;}
#tab_histoire .gallery .item:first-child			{ display: grid; grid-template-rows: 1fr auto; grid-gap: 10px; margin-bottom: 0;}
#tab_histoire .gallery .item:first-child img		{ aspect-ratio: 3/2;}
#tab_histoire .gallery .item:last-child				{ align-self: end;}
#tab_histoire .gallery .item:last-child img			{ aspect-ratio: 3/2}
#tab_histoire .gallery .item .bloc_darkblue 		{ aspect-ratio: 1/1; width: 55%; justify-self: end;}

@media (max-width:1200px) {
#agence .wrapper 									{ width: 90vw;}

#tab_philosophie .item_sticky 						{ position: absolute; right: 0; top: 0; width: 40%;}
#tab_philosophie .item_sticky picture				{ position: static; width: 100%;}
#tab_philosophie .intro 							{ max-width: 45%;}

#tab_equipe .chapo									{ width: 80vw; margin-right: auto; margin-left: auto;}

#tab_histoire .slider .bloc_white .num				{ font-size: 18px; line-height: 40px; padding: 0 12px; top: -20px;}
#tab_histoire .slider .bloc_white .sous_titre 		{ padding-top: 5px;}
#tab_histoire .nav_slider 							{ top: 10px;}
#tab_histoire .gallery img							{ height: auto;}
#tab_histoire .gallery .square.yellow 				{ right: 200%;}	 
#tab_histoire .gallery .square.green 				{ left: 160%; bottom: 95%;} 
#tab_histoire .gallery .square.blue					{ display: none;}
#tab_histoire .gallery .container 					{ grid-template-columns: 40vw auto;}
#tab_histoire .gallery .item						{ margin-bottom: 0;}
#tab_histoire .gallery .item:first-child  			{ width: 20vw; grid-area: 2/2; display: block;}
#tab_histoire .gallery .item:first-child img		{ display: none;}
#tab_histoire .gallery .item .bloc_darkblue			{ width: 100%;}
#tab_histoire .gallery .item:last-child 			{ align-self: start; margin-top: 8vw;}
#tab_histoire .gallery .item:nth-child(2)			{ grid-row: span 2;}
}
@media (max-width:1000px) {
#tab_engagements:before								{ height: 20vw; border-radius: 0;}
#tab_engagements .video .play_pause					{ background-size: auto 26px; border-radius: var(--radiusL);}

#tab_equipe 										{ border-radius: 0;}

#tab_histoire .slider .bloc_white					{ width: clamp(200px, 80vw, 450px);}
#tab_histoire .nav_slider 							{ top: 5px;}
}
@media (max-width:700px) {
#tab_philosophie .item_sticky 						{ position: static; width: 100%; max-width: 400px; margin: 0 auto;grid-area: 2;}
#tab_philosophie .intro 							{ max-width: none;}

#tab_engagements .container							{ grid-gap: 4vw; margin-bottom: -2vw; padding-top: 2vw;}
#tab_engagements .item								{ color: var(--txtColor); border-radius: 0; padding: 2vw; background: transparent;}
#tab_engagements .item .sous_titre 					{ padding: 0 0 4px 30px;}
#tab_engagements .item .sous_titre:before 			{ width: 20px; background-position: 0 25%;}
#tab_engagements .video .play_pause					{ background-size: auto 18px; border-radius: 3.5vw;}

#tab_histoire .slider 								{ padding-top: clamp(5px, 1vw, 15px); margin: 0;}
#tab_histoire .slider .slick-list					{ overflow: hidden;}
#tab_histoire .slider .bloc_white  					{ width: 90vw; margin-right: 5vw; margin-bottom: 5px;}
#tab_histoire .slider .bloc_white .num				{ position: static; display: inline-block; font-size: 15px; line-height: 32px; width: 65px; text-align: center; height: 30px; border-radius: var(--radiusXS); margin-bottom: 10px;}
#tab_histoire .nav_slider 							{ top: -5px; right: -5px;}
}
@media (max-width:500px) {
#tab_histoire .gallery .container 					{ grid-template-columns: 1fr;}
#tab_histoire .gallery .item:first-child  			{ width: 100%; grid-area: auto;}
#tab_histoire .gallery .item:last-child 			{ margin-top: 0;}
#tab_histoire .gallery .item .bloc_darkblue 		{ display: none;}
}






/***** page references *****/
#references:before								{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(5,20,50,90%); backdrop-filter: blur(5px); opacity: 0; visibility: hidden; transition: all 200ms ease-out; z-index: 999; content: "";}
#references.view_ref 							{ overflow: hidden;}
#references.view_ref:before						{ opacity: 1; visibility: visible;}
#references .references_listing .container		{ grid-gap: clamp(20px, 4vw, 60px) 10px;}

.ref_detail 									{ display: block; width: 90vw; max-width: 1200px; position: fixed; top: 25px; bottom: 25px; right: clamp(-600px, -40vw, -40vw); border-radius: var(--radiusL) 0 0 var(--radiusL); padding: 0; background: #fff; z-index: 999; opacity: 0; visibility: hidden; transition: all 200ms ease-in-out 400ms, right 400ms ease-out 400ms;}
.ref_detail ::-webkit-scrollbar					{ display: none;}

.ref_detail .row								{ position: relative; height: 100%; overflow-y: scroll; padding: clamp(30px, 5vw, 80px); opacity: 0; transition: all 200ms ease-in 0ms;}
.ref_detail .titre								{ margin: -8px 0 8px 0; font-weight: 600;}
.ref_detail .photos 							{ position: relative; margin: 40px 0 50px 0;}
.ref_detail .photos img							{ width: auto; height: clamp(400px, 50vh, 595px); display: block; border-radius: var(--radiusS); margin: 0 20px 0 0; filter: brightness(0.95);}
.ref_detail .slider .slick-list					{ /*margin-right: clamp(-80px, -5vw, -30px);*/ border-radius: var(--radiusS); overflow: hidden;}
.ref_detail .slider .slick-arrow				{ position: absolute; right: -8px; top: -65px; width: 30px; background-size: auto 20px; filter: brightness(0); opacity: 0.85; z-index: 10;}
.ref_detail .slider .slick-prev					{ right: 22px;}
.ref_detail .link								{ height: 46px; line-height: 44px; padding: 0 45px 0 25px;}
.ref_detail .link:after							{ width: 10px; height: 100%; background: url("../images/arrow_sup.svg") 50% 48% / contain no-repeat; filter: brightness(200); position: absolute; top: 0; right: 25px; content: "";}
.ref_detail .ref_close							{ width: 50px; height: 50px; opacity: 0.85; cursor: pointer; position: fixed; right: 15px; top: 40px;}
.ref_detail .ref_close:before 					{ width: 30px; height: 2px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%) rotate(45deg); content: "";}
.ref_detail .ref_close:after					{ width: 30px; height: 2px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%) rotate(-45deg); content: "";}

.ref_detail .bg_close  							{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; content: "";}


.ref_detail.active 								{ opacity: 1; visibility: visible; right: 0; transition-delay: 200ms}
.ref_detail.active .row							{ opacity: 1; transition-delay: 600ms;}


@media (max-width:1000px) {
#references .references_listing .container		{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:1000px) and (min-width:501px) {
#references .card_ref .titre					{ left: 3.5vw; bottom: calc(3.5vw - 5px);}
}
@media (max-width:500px) {
#references .references_listing .container		{ grid-template-columns: 1fr;}
}





/***** filters bloc *****/
.filters_bloc 										{ margin: -30px 0 0 0; z-index: 800;}
.filters_bloc .icon									{ width: 80px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #d7f1fd;}
.filters_bloc .icon lord-icon						{ width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.filters_bloc .container							{ display: inline-block; text-align: center; position: relative; border: 1px solid #d7f1fd; box-shadow: 0 0 10px 0 #d7f1fd50; padding: 10px 90px 10px 10px; border-radius: calc(var(--radiusM) - 5px); background: #fff; letter-spacing: 0;}
.filters_bloc a:not(:last-child)					{ margin-right: 0;}
.filters_bloc a										{ font-size: clamp(16px, 1.3vw, 18px); line-height: 46px; font-weight: 500; height: 46px; letter-spacing: 0.2px; display: inline-block; padding: 0 24px; border-radius: calc(var(--radiusM) - 15px);}
.filters_bloc a.active 								{ background-color: var(--green);}

.filters_bloc form 									{ display: grid; grid-template-columns: 380px 380px; gap: 10px; position: relative;}
.filters_bloc select 								{ width: 100%; height: 46px; font: 500 clamp(14px, 1.2vw, 16px)/170% "Poppins"; letter-spacing: 0.2px; padding: 0 18px 1px 18px; border-radius: calc(var(--radiusM) - 15px); border: 1px solid #c0e3f4; background: #fff; color: var(--darkBlue); -webkit-appearance: none; appearance: none; background: url("../images/arrow_down_blue.svg") calc(100% - 20px) 50% no-repeat #fff;}

@media (min-width:1201px) {
.filters_bloc a:not(.active):hover                	{ color: var(--darkBlue);}
}
@media (max-width:1200px) { 
.filters_bloc .container							{ border-radius: 20px;}
.filters_bloc a										{ border-radius: 10px; padding: 0 20px;}
.filters_bloc form 									{ grid-template-columns: 35vw 35vw;}
.filters_bloc select 								{ border-radius: 10px; padding-bottom: 0;}
}
@media (max-width:1000px) { 
.filters_bloc 										{ margin: -30px auto 0 auto; width: 80vw;}
.filters_bloc .container							{ display: flex; flex-wrap: wrap; gap: 10px;}
.filters_bloc a										{ flex: 1 1 auto; line-height: 40px; height: 40px; background: #3de0d320;}
.filters_bloc form 									{ grid-template-columns: 1fr 1fr; width: 100%;}
}
@media (max-width:700px) { 
.filters_bloc 										{ width: 90vw;}
.filters_bloc .icon									{ width: 62px;}
.filters_bloc .icon lord-icon						{ width: 30px; height: 30px;}
.filters_bloc .container							{ border-radius: 12px; padding: 8px 70px 8px 8px; gap: 8px;}
.filters_bloc a										{ font-size: 12px; line-height: 34px; height: 34px; padding: 0 15px;}
.filters_bloc form 									{ grid-template-columns: 1fr; gap: 8px;}
.filters_bloc select 								{ padding: 0 15px; background-position: calc(100% - 15px) 50%;}
}




/***** blog listing *****/
#blog .listing .container							{ grid-gap: clamp(20px, 4vw, 60px) 10px;}

@media (max-width:1400px) { 
#blog .listing .container							{ grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width:1200px) { 
#blog .listing .container							{  grid-gap: 40px 10px;}
}
@media (max-width:1000px) { 
#blog .listing .container							{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:600px) { 
#blog .listing .container							{ grid-template-columns: 1fr; max-width: 400px; margin: 0 auto;}
}


/***** blog article *****/
#blog article 										{ position: relative; z-index: 50;}
#blog .grid_sticky .container						{ grid-template-columns: 380px 1fr; grid-gap: clamp(20px, 5vw, 100px);}
#blog .grid_sticky .item_sticky						{ top: 100px; transition: top 200ms ease-in-out; border-radius: var(--radiusM); text-align: center; margin: 0;}
#blog.scrolling_down .grid_sticky .item_sticky		{ top: 20px;}

#blog .timer   										{ position: relative; line-height: 0;}
#blog .timer .progress 								{ transform: rotate(-90deg); display: inline-block;}
#blog .timer .progress .progress_meter,
#blog .timer .progress .progress_value 				{ fill: none;}
#blog .timer .progress .progress_meter 				{ stroke: #cef1ff;}
#blog .timer .progress .progress_value 				{ stroke-linecap: round; stroke: #cef1ff;}
#blog .timer #tempsLecture							{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font: 600 45px/50px "Poppins"; color: var(--darkBlue); letter-spacing: 0; z-index: 5;}
#blog .timer #tempsLecture span						{ font-size: 25px; line-height: 25px; display: block; padding: 2px 0 10px 0;}

#blog .share   										{ margin-top: 30px;}
#blog .share p 										{ margin-bottom: 8px;}
#blog .share .container 							{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 6px; max-width: 162px; margin: 0 auto;}
#blog .share .container a  							{ width: 36px; height: 36px; border-radius: calc(var(--radiusS) - 2px); display: block; font-size: 0; background: var(--darkBlue) 50% no-repeat;}
#blog .share .container #share_facebook 			{ background-image: url("../images/facebook.svg"); background-size: auto 16px;}
#blog .share .container #share_linkedin 			{ background-image: url("../images/linkedin.svg"); background-size: 16px auto; background-position: 52% 46%;}
#blog .share .container #share_twitter  			{ background-image: url("../images/twitter.svg"); background-size: 16px auto;}
#blog .share .container #share_email    			{ background-image: url("../images/email.svg"); background-size: 16px auto;}

#blog article .tags									{ font-weight: 500; margin-bottom: clamp(15px, 2.2vw, 20px);}
#blog article .tags .date							{ background: var(--green); color: #fff;}
#blog article img.cover								{ border-radius: var(--radiusM); aspect-ratio: 3 / 2; margin: clamp(40px, 8vw, 50px) auto;}
#blog article h2:not(.chapo) 						{ font: 600 clamp(16px, 1.6vw, 28px)/140% "Poppins"; color: var(--darkBlue); position: relative; margin-bottom: clamp(15px, 2.5vw, 25px); margin-top: clamp(40px, 8vw, 60px);}
#blog article h3 									{ font-size: clamp(16px, 1.6vw, 20px); font-weight: 500; line-height: 150%; color: var(--blue); position: relative; margin-bottom: clamp(10px, 2vw, 15px); padding-top: clamp(10px, 2vw, 15px);}
#blog article img									{ max-width: 100%; width: auto; height: auto; display: block; object-fit: cover; margin: clamp(20px, 4vw, 30px) auto; border-radius: 5px;}
#blog article .screen								{ background: #fff; border: 1px solid #d7f1fd; box-shadow: 0 0 10px 0 #d7f1fd50; border-radius: var(--radiusS); padding: 20px; margin: clamp(20px, 4vw, 30px) auto;}
#blog article ul:not(.tags)   						{ margin: clamp(15px, 2vw, 20px) 0;}
#blog article ul:not(.tags) li 						{ position: relative; padding-left: 32px; line-height: 160%; margin-bottom: 12px;}
#blog article ul:not(.tags) li:before				{ width: 20px; height: 20px; position: absolute; left: 0; top: 2px; background: url("../images/list_check.svg") 0 0 / contain no-repeat; content: "";}
#blog article ul:not(.tags) li:last-child			{ margin-bottom: 0;}
#blog article ol 									{ list-style: none; counter-reset: item; margin: clamp(15px, 2.2vw, 20px) 0;}
#blog article ol li 								{ position: relative; padding-left: 40px; margin-bottom: 15px;}
#blog article ol li:before 							{ width: 28px; height: 28px; font-weight: 500; font-size: 15px; line-height: 28px; text-align: center; position: absolute; left: 0; top: 0; background: var(--blue); color: #fff; border-radius: var(--radiusXS); content: counter(item); counter-increment: item;}

@media (max-width:1400px) { 
#blog .grid_sticky>div>.container					{ grid-template-columns: 360px 1fr;}
}
@media (max-width:1200px) { 
#blog .grid_sticky>div>.container					{ grid-template-columns: 280px 1fr;}
#blog .grid_sticky .item_sticky						{ position: sticky; width: 100%;}
#blog article h2:not(.chapo) 						{ font-size: clamp(20px, 3vw, 24px);}
#blog article h3 									{ font-size: clamp(18px, 2.8vw, 20px);}
}
@media (max-width:1000px) { 
#blog:has(article) .top_page .content				{ padding-bottom: calc(8vw + 40px);}
#blog article										{ margin-top: 0;}
#blog .grid_sticky>div>.container					{ grid-template-columns: 1fr; grid-gap: var(--marginT);}
#blog .grid_sticky .item_sticky						{ width: 80vw; margin: -30px auto 0 auto; z-index: 50; top: 90px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 12px clamp(20px, 4vw, 30px);}
#blog .grid_sticky .item_sticky .sous_titre			{ margin: 0 0 0 clamp(20px, 4vw, 30px); position: absolute; left: 90px; top: 50%; transform: translateY(-50%);}
#blog.scrolling_down .grid_sticky .item_sticky		{ top: 10px;}
#blog .timer   										{ width: 70px;}
#blog .timer .progress 								{ width: 70px; height: 70px;}
#blog .timer #tempsLecture							{ font-size: 24px; line-height: 24px;}
#blog .timer #tempsLecture span						{ font-size: 12px; line-height: 12px; padding: 0;}
#blog .share   										{ margin-top: 0;}
#blog .share p 										{ display: none;}
#blog .share .container								{ margin: 0; float: right;}
}
@media (max-width:700px) { 
#blog .grid_sticky .item_sticky						{ width: 84vw; top: 80px; padding: 10px clamp(20px, 4vw, 30px);}
#blog .grid_sticky .item_sticky .sous_titre			{ display: none;}
#blog .timer   										{ width: 54px;}
#blog .timer .progress 								{ width: 54px; height: 54px;}
#blog .timer #tempsLecture							{ font-size: 20px; line-height: 20px;}
#blog .timer #tempsLecture span						{ font-size: 10px; line-height: 10px;}
#blog .share .container a  							{ width: 34px; height: 34px;}

#blog article .screen								{ padding: 15px;}
#blog article ul:not(.tags) li 						{ padding-left: 25px; margin-bottom: 10px;}
#blog article ul:not(.tags) li:before				{ width: 16px; height: 16px;}
#blog article ol li 								{ padding-left: 36px; margin-bottom: 12px;}
#blog article ol li:before 							{ width: 26px; height: 26px; font-size: 14px; line-height: 26px; border-radius: 9px;}
}






/***** page jobs *****/
#jobs .offre_job 									{ display: grid; grid-template-columns: auto 1fr; align-items: center; grid-gap: clamp(20px, 3.5vw, 30px); margin: 0 0 20px 0;}
#jobs .offre_job lord-icon							{ width: 60px; height: 60px; display: block;}
#jobs .offre_job .sous_titre						{ margin-bottom: 5px;}
#jobs .offre_job p a:after 							{ display: none;}


@media (max-width:1200px) { 
#jobs .offre_job lord-icon							{ width: 50px; height: 50px;}
}
@media (max-width:700px) { 
#jobs .offre_job 									{ grid-template-columns: 1fr; grid-gap: 10px; padding: clamp(20px, 3vw, 40px);}
#jobs .offre_job lord-icon							{ width: 40px; height: 40px;}
}