/***** breadcrumb *****/
.breadcrumb									{ line-height: 0; position: relative; padding: 40px 0;}
.breadcrumb li 								{ display: inline; font-size: 12px; line-height: 20px; font-weight: 500; letter-spacing: 0.6px; margin-right: 30px; position: relative;}
.breadcrumb li:after						{ width: 7px; height: 100%; background: url("../images/arrow_sub.svg") 0 52% / contain no-repeat; position: absolute; top: 0; right: -20px; transform: rotate(-90deg); content: "";}
.breadcrumb li:last-child 					{ margin: 0;}
.breadcrumb li:last-child:after 			{ display: none;}

@media (min-width:1600px) { 
.breadcrumb									{ padding: 80px 0 60px 0;}
}
@media (min-width:1201px) {
.breadcrumb a:hover                 		{ color: #444;}
}
@media (max-width:1200px) { 
.breadcrumb									{ padding: 20px 0 40px 0;}
}
@media (max-width:1000px) { 
.breadcrumb									{ padding: 20px 0 5vw 0;}
}
@media (max-width:700px) { 
.breadcrumb									{ padding-top: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90vw;}
.breadcrumb li 								{ font-size: 11px; line-height: 18px; margin-right: 20px;}
.breadcrumb li:after						{ right: -15px; background-size: 6px auto;}
}



/***** link content page *****/
#page .ul_list a, 
#page p a									{ border-bottom: 1px solid var(--orange); color: var(--orange); padding-bottom: 2px;}

@media (min-width:1201px) {
#page .ul_list a:hover,
#page p a:hover								{ color: #000; border-color: #000;}
}




/***** custom banner page  *****/
#page .banner .content 						{ grid-template-rows: auto 1fr; margin: 0;}
#page .banner .container  					{ padding: calc(2vw + 20px) 0;}
#page .banner .container :last-child		{ margin-bottom: 0;}
#page .banner .img img 						{ aspect-ratio: 1/1; height: 100%; max-height: 680px; object-position: right center;}
#page:has(.banner) .breadcrumb				{ padding-bottom: 0;}

@media (max-width:1200px) {
#page .banner   		 					{ align-items: start;}
#page .banner .content	 					{ align-self: stretch;}
}
@media (max-width:1000px) {
#page .banner .container  					{ padding: 5vw 0 0 0;}
#page .banner .img img 						{ aspect-ratio: auto;}
}
@media (max-width:700px) {
#page .banner   							{ padding-top: 85px;}
#page .banner .content 						{ text-align: left;}
}


/***** top page *****/
.top_page 									{ position: relative; padding-top: 90px; padding-bottom: calc(2vw + 20px);}
.top_page .wrapper							{ max-width: clamp(1000px, 80%, 1200px); width: 100%;}
.top_page .wrapper :last-child				{ margin-bottom: 0;}

@media (min-width:1600px) {
.top_page 									{ padding-top: 70px;}
}
@media (max-width:700px) {
.top_page 									{ padding-top: 85px;}
}




/***** bloc titre  *****/
.bloc_titre 								{ text-align: center; margin-bottom: clamp(20px, 5vw, 80px); position: relative;}
.bloc_titre .titre_main						{ margin-bottom: 10px;}
.bloc_titre p 								{ font-size: clamp(16px, 2.4vw, 18px); line-height: 140%; font-weight: 500;}

@media (max-width:700px) { 
.bloc_titre 								{ text-align: left;}
}



/***** shutter bloc *****/
.nav_shutters 								{ margin: clamp(20px, 4vw, 50px) 0; text-align: center;}
.nav_shutters a:not(:last-child)			{ margin-right: clamp(20px, 3vw, 40px);}
.nav_shutters a								{ font-size: clamp(16px, 1.6vw, 18px); line-height: 150%; padding: 0 0 4px 0; opacity: 0.35; vertical-align: top; margin-bottom: 10px;}
.nav_shutters a:before						{ width: 0; height: 3px; background: #000; top: auto; bottom: 0;}
.nav_shutters a.active 						{ opacity: 1;}
.nav_shutters a.active:before				{ width: 100%;}

@media (min-width:1201px) {
.nav_shutters a:hover:before                { right: 0;}
}
@media (max-width:1000px) { 
.nav_shutters a								{ font-size: clamp(14px, 2.2vw, 18px);}
}
@media (max-width:700px) { 
.nav_shutters a:before						{ height: 2px;}
}






/***** button book demo *****/
.book_demo 									{ height: auto; padding: 25px 105px 25px 105px; line-height: 24px; display: block;} 
.book_demo:before							{ width: 34px; height: 100%; position: absolute; left: 40px; top: 0; background: url("../images/calendar.svg") 50% 48% / contain no-repeat; filter: invert(1); content: "";}
.book_demo:after							{ width: 25px; height: 100%; position: absolute; right: 40px; top: 0; background: url("../images/arrow_link.svg") 50% / contain no-repeat; filter: invert(1); content: "";}
.book_demo.link_purple span 				{ display: block; font-size: 13px; line-height: 20px; font-weight: 400; margin-top: 6px;} 
.book_demo.link_purple span:before			{ display: none;} 
.book_demo i								{ font-style: normal;} 

@media (max-width:1200px) { 
.book_demo 									{ padding: 25px 85px;} 
.book_demo:before							{ left: 30px;}
.book_demo:after							{ right: 30px;}
}
@media (max-width:700px) { 
.book_demo 									{ padding: 20px 80px 20px 30px;} 
.book_demo:before							{ left: auto; right: 25px; width: 30px;}
.book_demo:after							{ display: none;}
.book_demo.link_purple span 				{ font-size: 12px; line-height: 18px; margin-top: 4px;} 
.book_demo i								{ display: none;} 
}



/***** slider screens *****/
.slider_screens 		 					{ position: relative;}
.slider_screens .slider .item img			{ margin: 0 auto; width: 80vw; max-width: 1200px; height: auto;}
.slider_screens .nav_slider					{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 96%; max-width: 1400px;}
.slider_screens:has(.slick-dots) 		 	{ padding-bottom: clamp(20px, 6vw, 40px);}

@media (max-width:700px) { 
.slider_screens .slider .item img			{ width: 86vw;}
}



/***** testimonial logos *****/
.testimonial 		 						{ position: relative; display: grid; grid-template-columns: 26% 72%; grid-gap: 2%; align-items: center; padding: clamp(60px, 5vw, 100px) 0;}
.testimonial .intro  						{ margin-left: 5vw;}
.testimonial .intro :last-child				{ margin-bottom: 0;}
.testimonial .slider  						{ margin: 0 10vw 0 5vw;}
.testimonial .slider .item img				{ display: block; width: 100%; height: auto; max-width: 240px; margin: 0 auto;}
.testimonial .nav_slider					{ position: absolute; right: 5vw; left: 28%; top: 50%; transform: translateY(-50%); margin: 0 auto;}

@media (max-width:1550px) { 
.testimonial 		 						{ grid-template-columns: 32% 66%;}
.testimonial .nav_slider					{ left: 34%;}
}
@media (max-width:1000px) { 
.testimonial 		 						{ display: block; padding: 5vw 5vw 2vw 5vw;}
.testimonial .intro  						{ margin: 0;}
.testimonial .slider  						{ margin: 2vw 0 0 0; padding: 0 20px;}
.testimonial .slider .item  				{ height: 120px; display: grid; align-items: center;}
.testimonial .slider .item img				{ max-height: 120px; object-fit: contain;}
.testimonial .nav_slider					{ right: 3.5vw; left: 3.5vw; transform: none; top: auto; bottom: 2vw;}
.testimonial .nav_slider .slick-arrow		{ height: 120px;}
}
@media (max-width:700px) { 
.testimonial 		 						{ display: block; padding: 10vw 5vw 6vw 5vw; margin-right: -5vw; margin-left: -5vw;}
.testimonial .slider .item  				{ height: 100px;}
.testimonial .slider .item img				{ max-height: 100px;}
.testimonial .nav_slider					{  bottom: 6vw;}
.testimonial .nav_slider .slick-arrow		{ height: 100px;}
}



/***** customers logos *****/
.customers_bloc .testimonial					{ display: block; padding: 0; margin-top: clamp(20px, 5vw, 60px);}
.customers_bloc .testimonial .slider			{ margin: -10px 0;}
.customers_bloc .testimonial .nav_slider		{ right: -5vw; left: -5vw;}

@media (max-width:1200px) { 
.customers_bloc .testimonial .nav_slider		{ right: -2.5vw; left: -2.5vw;}
}
@media (max-width:1000px) { 
.customers_bloc .testimonial .nav_slider		{ bottom: 0;}
}
@media (max-width:1000px) { 
.customers_bloc .testimonial					{ margin-right: 0; margin-left: 0;}
.customers_bloc .testimonial .nav_slider		{ right: -1.5vw; left: -1.5vw;}
}





/***** grid items color *****/
.grid_items_color .container   							{ grid-gap: 15px 30px; padding: 0 0 5vw 0;}
.grid_items_color .container .item  					{ padding: clamp(35px, 3.4vw, 60px) clamp(20px, 2.8vw, 60px); position: relative; min-height: clamp(200px, 25vw, 400px);}
.grid_items_color .container .item .num 				{ font-size: clamp(50px, 5vw, 80px); line-height: 90%; letter-spacing: 0; position: absolute; right: 25px; top: 25px; color: #000; mix-blend-mode: multiply; opacity: 25%;}
.grid_items_color .container .item p 					{ max-width: 700px;}
.grid_items_color .container .item:nth-child(2),
.grid_items_color .container .item:nth-child(4) 		{ top: 5vw;}

@media (max-width:1800px) { 
.reasons .wrapper_large									{ max-width: var(--maxWidthWrapper);}
.reasons .container										{ padding: 0 0 5vw 0;}
}
@media (max-width:1200px) { 
.grid_items_color .container   							{ grid-gap: 15px;}
}
@media (max-width:1000px) { 
.grid_items_color .container   							{ padding: 0;}
.grid_items_color .container .item .num 				{ margin: -10px 0 20px 0; position: static;}
.grid_items_color .container .item:nth-child(2),
.grid_items_color .container .item:nth-child(4) 		{ top: 0;}
}
@media (max-width:1000px) { 
.grid_items_color .container .item .num 				{ font-size: 40px; margin-top: -5px;}
}




/***** moving img *****/
.moving_img												{ position: relative; overflow: hidden; padding: 2vw 0;}
.moving_img .row 										{ width: auto; display: flex;}
.moving_img .row .grid 									{ width: auto; display: flex; animation: moving_img 80s linear infinite;}
.moving_img .row .grid div 								{ padding: 0 7px;}
.moving_img .row .grid img 								{ width: auto; height: clamp(160px, 30vw, 525px); display: block; border-radius: var(--imgRadius); object-fit: cover; transition: all 300ms ease-in-out;}

@keyframes moving_img {
0%														{ transform: translate(0, 0);}
100% 													{ transform: translate(-100%, 0);}
}
@media (max-width:700px) {
.moving_img .row .grid div 								{ padding: 0 5px;}
}



/***** page demo *****/
#demo .bloc_top .multi_links 					{ display: grid; grid-template-columns: auto auto auto 1fr; grid-gap: 20px; padding-top: clamp(10px, 2vw, 15px);}
#demo .bloc_top .multi_links .link				{ padding-right: 70px; margin: 0; text-align: left;}
#demo .bloc_top .multi_links .link span			{ padding: 0;}
#demo .bloc_top .multi_links .link:after		{ display: none;}
#demo .bloc_top .multi_links div				{ align-self: center; letter-spacing: 0; font-size: clamp(14px, 1.2vw, 16px);}
#demo .bloc_top .preview_demo					{ display: grid; align-content: center; border: 1px solid #ccc; padding: 0 30px; text-align: center; background: #fff;}
#demo .bloc_top .preview_demo span				{ padding: 10px 0 30px 0;}
#demo .bloc_top .preview_demo span:before		{ top: auto; right: 0; left: 0; margin: 0 auto; bottom: 8px; transform: rotate(90deg); height: 12px;}

@media (max-width:1200px) {
#demo .bloc_top .multi_links 					{ grid-template-columns: 1fr auto auto; grid-gap: 15px;}
#demo .bloc_top .multi_links .link				{ padding-right: 30px;}
}
@media (max-width:1000px) {
#demo .bloc_top .img 							{ display: none;}
#demo .bloc_top .multi_links 					{ grid-template-columns: 1fr auto auto; grid-gap: 15px;}
#demo .bloc_top .multi_links .link				{ padding-right: 30px;}
}
@media (max-width:700px) {
#demo .bloc_top .img 							{ display: none;}
#demo .bloc_top .multi_links 					{ display: block;}
#demo .bloc_top .multi_links div,
#demo .bloc_top .preview_demo					{ display: none;}
#demo .bloc_top .multi_links .link				{ padding-right: 80px;}
#demo .bloc_titre								{ text-align: center;}
#demo .bloc_titre:has(.book_demo)				{ text-align: left; padding-bottom: 4vw;}
}









/***** page solutions *****/
#solutions .nav_shutters a 						{ padding: 0 10px;}
#solutions .nav_shutters a:last-child			{ padding: 0;}
#solutions .nav_shutters a:before				{ display: none;}
#solutions .nav_shutters a img					{ object-fit: none; object-position: center bottom; height: 44px; display: block; margin: 0 auto 8px auto;}

#solutions .support .card_color .wrap 			{ display: block;}
#solutions .support .card_color .head 			{ padding-top: 20px; padding-bottom: 20px; display: grid; align-items: center; min-height: 110px;}

@media (max-width:1200px) {
#solutions .nav_shutters  						{ margin-top: 0;}
#solutions .nav_shutters a 						{ padding: 0; max-width: 160px;}
#solutions .nav_shutters a img					{ object-fit: contain; height: 40px;}
#solutions .nav_shutters a:nth-child(1) img		{ width: 26px;}
#solutions .nav_shutters a:nth-child(2) img		{ width: 30px;}
#solutions .nav_shutters a:nth-child(3) img		{ width: 35px;}
#solutions .nav_shutters a:nth-child(4) img		{ width: 32px;}

#solutions .support .card_color .head 			{ padding-top: 20px; padding-bottom: 20px; min-height: 100px;}
}
@media (max-width:1000px) {
#solutions .nav_shutters  						{ display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between;}
#solutions .nav_shutters a 						{ margin: 0 auto; font-size: clamp(13px, 2.2vw, 16px);}
}
@media (max-width:700px) {
#solutions .top_page .titre_main br  			{ display: none;}
#solutions .nav_shutters  						{ grid-template-columns: repeat(2, 1fr); justify-content: center; grid-gap: 10px;}
#solutions .nav_shutters a, 
#solutions .nav_shutters a:last-child 			{ background: var(--bgColorLight); padding: 15px; max-width: none; width: 100%;}
#solutions .nav_shutters a img					{ margin-top: -4px;}

#solutions .bloc_txt_img .link					{ width: 100%; text-align: center;}

#solutions .support .intro 						{ padding-bottom: 15px;}
#solutions .support .card_color .head 			{ padding: clamp(15px, 2.2vw, 30px) clamp(20px, 3vw, 40px); min-height: inherit;}
#solutions .support .container					{ display: grid; grid-template-columns: 1fr; grid-gap: clamp(10px, 2vw, 20px); padding: 0; margin: 0; width: 100%;}
}




/***** page module *****/
#module .bloc_top .ul_list 						{ margin: clamp(20px, 2.5vw, 25px) 0 0 0;}
#module .bloc_top .ul_list li 					{ padding-left: 32px;}
#module .bloc_top .ul_list li:before 			{ background: url("../images/arrow_link_small.svg") 0 0 / contain no-repeat; width: 20px; height: 12px; top: 8px;}

table 											{ width: 100%; border-collapse: collapse; text-align: left; line-height: 160%; margin: clamp(20px, 2.2vw, 25px) 0; background: var(--bgColorLight);}
table td:nth-child(2)							{ width: 10%; text-align: center;}
table td										{ border: 2px solid #fff; padding: 18px 30px;}
table td img									{ margin-bottom: -2px;}

@media (max-width:1200px) {
#module .banner .img img						{ max-height: 620px;}
table td										{ padding: 15px 25px;}
}
@media (max-width:700px) {
#module .bloc_top .ul_list li:before 			{ top: 6px;}
table td										{ padding: 10px 20px;}
table td:nth-child(2)							{ padding: 0 15px;}
table td:nth-child(2) b							{ font-size: 12px;}
table td img									{ width: 20px; height: auto;}
}




/***** page avantages *****/
#advantages .grid_miniatures .mobile_only 		{ display: none;}

#advantages .processus 							{ position: relative;}
#advantages .processus .titre_main span			{ padding-top: 8px;}
#advantages .processus .container				{ display: grid; grid-template-columns: 1fr 2.5fr; grid-gap: 5vw; align-items: start;}
#advantages .processus .container .img   		{ position: sticky; top: 140px;}
#advantages .processus .container .img img 		{ width: 100%; height: auto; display: block; object-fit: cover;}
#advantages .processus .content					{ padding: 2vw 0 0 0;}


/** steps **/
#steps 											{ position: relative; padding-bottom: 120px; margin-top: clamp(20px, 4vw, 60px); overflow: hidden;}
#steps .item 									{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: clamp(80px, 5vw, 120px); position: relative; margin-bottom: -120px; transition: all 300ms ease-in-out;}
#steps .item .step								{ background: linear-gradient(to bottom, var(--bgColorLight) 0% 50%, #fff 50% 100%); background-size: 100% 200%; background-position: 0 100%; padding: clamp(35px, 4.5vw, 60px) clamp(20px, 3.5vw, 40px); position: relative; transition: all 300ms ease-in-out; min-height: 360px;}
#steps .item:nth-child(even) .step 				{ grid-area: 1 / 2;}
#steps .item .dot								{ width: 30px; height: 30px; border: 2px solid #000; background: var(--bgColorLight); position: absolute; left: 50%; top: clamp(35px, 4.5vw, 60px); transform: translateX(-50%); z-index: 5;}
#steps .item .dot:before						{ position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: var(--orange); transform: scaleY(0); transform-origin: center top; transition: transform 200ms ease-in-out 0ms, background 0ms ease-in-out 400ms; content: "";}
#steps .item .line								{ width: 2px; position: absolute; left: 50%; top: clamp(35px, 4.5vw, 60px); transform: translateX(-50%); bottom: clamp(35px, 4.5vw, 60px); background: #000;}
#steps .item .step .num							{ font-size: clamp(50px, 5vw, 80px); line-height: 90%; letter-spacing: 0; position: absolute; right: 25px; top: 25px; color: #e9e9e9; transition: all 200ms ease-in-out;}
#steps .item .step .sous_titre					{ margin-bottom: 10px; padding-right: 80px;}
#steps .item .step p 							{ margin-bottom: 10px;}
#steps .item .step p b							{ font-size: clamp(16px, 1.4vw, 18px); line-height: 160%; display: block;}
#steps .item .step :last-child					{ margin: 0;}
#steps .item:last-child .line					{ display: none;}

#steps .item.active .dot:before					{ transform: scaleY(1); background: var(--purple); transition: transform 200ms ease-in-out, background 400ms ease-in-out 400ms;}
#steps .item.active .step 						{ background-position: 0 0;}

@media (max-width:1400px) {
#advantages .processus .container				{ grid-template-columns: 1fr;}
#advantages .processus .container .img   		{ position: absolute; top: 0; right: 0; width: 32.5%;}
#advantages .processus .content					{ padding-top: 6vw;}
#advantages .processus .content .chapo			{ padding-right: calc(32.5% + 5vw); padding-bottom: 2vw;}
}
@media (max-width:1200px) {
#advantages .processus .chapo br				{ display: none;}
}
@media (max-width:1000px) {
#advantages .processus .container				{ grid-template-columns: 1fr;}
#advantages .processus .container .img   		{ display: none;}
#advantages .processus .content					{ padding: 0;}
#steps .item .step p b							{ font-size: clamp(14px, 2.4vw, 16px); line-height: 150%;}
}
@media (max-width:700px) {
#advantages .grid_miniatures .mobile_only 						{ display: block;}
#advantages .grid_miniatures .mobile_only .link_text_arrow 		{ display: block;}
#advantages .grid_miniatures .miniature	.link_text_arrow 		{ display: none;}

#advantages .processus .content .chapo			{ padding-right: 0; padding-bottom: 5px;}

#steps 											{ padding-bottom: 0;}
#steps .item 									{ display: block; padding-left: calc(26px + 5vw); margin-bottom: 10px;}
#steps .item .step  							{ min-height: inherit;}
#steps .item .step .num							{ font-size: 40px; right: 20px; top: 20px;}
#steps .item .dot								{ width: 26px; height: 26px; left: 0; transform: none;}
#steps .item .dot:before						{ left: 3px; top: 3px; right: 3px; bottom: 3px;}
#steps .item .line								{ left: 12px; transform: 0; bottom: -70px;}
}


/** benefits **/
#advantages .benefits 							{ position: relative;}




/***** page about *****/
#about .vision .bloc_txt,
#about .values .bloc_txt 						{ margin-bottom: clamp(25px, 4vw, 60px);}

#about .team									{ position: relative;}
#about .team .slider							{ margin: clamp(25px, 4vw, 60px) -15px 0 0; position: relative;}
#about .team .slider:before						{ width: 15px; position: absolute; right: 0; top: 0; bottom: 0; background: #fff; z-index: 5; content: "";}
#about .team .slider .item						{ margin: 0 15px 0 0;}
#about .team .slider .item img					{ width: 100%; height: auto; display: block;}
#about .team .slider .item div					{ padding: 10px 20px; min-height: 80px; display: grid; align-items: center; color: #fff; text-align: center; line-height: 160%;}
#about .team .slider .item div i				{ font-size: 14px; letter-spacing: 0.6px; font-style: normal; display: block;}
#about .team .slider .item div :last-child		{ margin-bottom: 0;}
#about .team .nav_slider						{ height: 0; position: absolute; top: 50%; margin-top: -30px; right: -5vw; left: -5vw; z-index: 10;}

@media (max-width:1200px) {
#about .team .slider							{ padding: 0 20px;}
#about .team .slider:before						{ width: 35px;}
#about .team .nav_slider						{ right: -3.5vw; left: -3.5vw;}
}
@media (max-width:700px) {
#about .team .slider							{ padding: 0 30px; margin-right: -10px;}
#about .team .slider:before						{ width: 40px;}
#about .team .slider .item						{ margin: 0 10px 0 0;}
#about .team .slider .item div					{ line-height: 150%;}
#about .team .slider .item div i				{ font-size: 12px;}
#about .team .nav_slider						{ right: -1.5vw; left: -1.5vw;}
}
@media (max-width:450px) {
#about .team .slider .item div					{ min-height: 70px;}
}



/***** page network *****/
#network .partners .bloc_txt 					{ margin-bottom: clamp(25px, 5vw, 60px);}
#network .partners .grid_bloc .item img			{ width: 100%; max-width: 200px; height: auto; display: block; margin: 0 auto;}
#network .secretariats .bloc_txt 				{ margin-bottom: clamp(25px, 5vw, 60px);}
#network .secretariats .logos .item				{ padding: 10px 15px;}
#network .secretariats .logos .item img			{ width: 100%; height: auto; display: block; mix-blend-mode: multiply;}




/***** page contact *****/
#contact .top_page									{ padding-bottom: 0;}
#contact .grid_bloc .container						{ grid-template-columns: 1fr 60%; grid-gap: clamp(20px, 5vw, 100px);}

#contact .bloc_contact 								{ grid-area: 1 / 1;}
#contact .bloc_contact .item						{ padding: clamp(25px, 3.8vw, 60px);}

#contact .contact_infos a							{ padding-bottom: 0; border: none; color: #000;}
#contact .offices 									{ display: grid; grid-gap: clamp(10px, 2.2vw, 20px); margin-top: clamp(20px, 4vw, 30px); line-height: 160%;}
#contact .offices .office p							{ margin-bottom: 8px;}
#contact .offices .office .sous_titre				{ font-size: clamp(16px, 2.4vw, 20px); line-height: 120%; display: block;}
#contact .offices .office :last-child				{ margin-bottom: 0;}

#contact .grid_bloc .bloc_form .nav					{ display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 160px); text-align: center;}
#contact .grid_bloc .bloc_form .nav a				{ padding: 0;}

#contact .bloc_form  	 							{ grid-area: 1 / 2;}
#contact .bloc_form .row  							{ margin: 0 auto;}
#contact .bloc_form .iframe 						{ margin-top: clamp(20px, 3vw, 40px); padding: clamp(30px, 4.2vw, 60px);}
#contact .bloc_form .iframe .sous_titre				{ margin-top: -10px;}
#contact .bloc_form .iframe iframe 					{ border: none; width: calc(100% + 30px); min-height: 600px; background: none; position: relative; mix-blend-mode: multiply; margin: 0 -15px; padding-top: 5px;}

#contact .grid_bloc .bloc_links 					{ margin-top: clamp(20px, 5vw, 80px);}
#contact .grid_bloc .bloc_links	.container			{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
#contact .grid_bloc .bloc_links	.sous_titre			{ margin-bottom: 10px;}
#contact .grid_bloc .bloc_links	a					{ width: 100%;}
#contact .grid_bloc .bloc_links	a:nth-of-type(2) 	{ margin-top: 2px;}

@media (max-width:1200px) {
#contact .grid_bloc .bloc_links	.container			{ grid-template-columns: 1fr;}
}
@media (max-width:1000px) {
#contact .grid_bloc .container						{ grid-template-columns: 1fr; }
#contact .bloc_contact 								{ grid-area: 2;}
#contact .bloc_form  	 							{ grid-area: 1;}
#contact .bloc_form .iframe .sous_titre				{ margin-top: -5px;}
#contact .grid_bloc .bloc_links	.container			{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:700px) {
#contact .bloc_form .iframe 						{ padding: clamp(30px, 4.2vw, 60px) 5vw; margin-right: -5vw; margin-left: -5vw;}
#contact .bloc_form .iframe iframe 					{ min-height: 540px;}
#contact .grid_bloc .bloc_links	.container			{ grid-template-columns: 1fr; grid-gap: 10px;}
}




/***** page mod *****/
#mod .top_page 										{ padding-bottom: 0;}
#mod .bloc_txt h2, 		 
#mod .bloc_txt h3,			 
#mod .bloc_txt h4									{ font: 500 clamp(16px, 1.8vw, 25px)/140% "ClashGrotesk-Variable"; letter-spacing: 0; position: relative; margin-bottom: clamp(10px, 2vw, 15px); margin-top: clamp(30px, 8vw, 60px);}
#mod .bloc_txt h2 									{ font-size: clamp(18px, 2.1vw, 28px); line-height: 120%;}	

#mod .bloc_txt ul									{ margin: clamp(10px, 2vw, 15px);}
#mod .bloc_txt ul li								{ position: relative; padding-left: 20px; margin-bottom: 12px; line-height: 170%;}
#mod .bloc_txt ul li:before							{ width: 6px; height: 6px; position: absolute; left: 0; top: 10px; background: #000; content: "";}
#mod .bloc_txt ul li:last-child						{ margin-bottom: 0;}

#mod .bloc_txt ul li a, 
#mod .bloc_txt p a									{ border-bottom: 1px solid var(--orange); color: var(--orange); padding-bottom: 2px;}

@media (min-width:1201px) {
#mod .bloc_txt ul li a, 
#mod .bloc_txt p a:hover							{ color: #000; border-color: #000;}
}
@media (max-width:1000px) {
#mod .bloc_txt h2, 		 
#mod .bloc_txt h3,			 
#mod .bloc_txt h4									{ font-size: clamp(18px, 2.6vw, 25px);}
#mod .bloc_txt h2									{ font-size: clamp(18px, 3vw, 28px);}
}
@media (max-width:700px) {
#mod .bloc_txt ul li								{ padding-left: 18px; margin-bottom: 10px;}
#mod .bloc_txt ul li:before							{ top: 8px;}
}






/* CSS odoo */
/*
form .s_website_form_send {
    background: #8f30f0!important;
    color: #fff!important;
    text-transform: none;
    font-size: 16px!important;
    font-weight: 600;
    letter-spacing: 0.4px;
    position: static!important;
    float: right;
}
form .s_website_form_send:after { 
    display: none;
}
form .s_website_form_send:hover {
    background: #8f30f0!important;
    color: #fff!important;
    text-decoration: none!important;
}

.form-control {
    padding: 12px 20px;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 0;
}

form .s_website_form_field>.row {
    --gutter-x: 0;
}
.form-check-input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    vertical-align: middle;
    margin-top: 4px;
    margin-right: 10px;
}
form label {
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    margin-top: 6px;
}

@media (max-width:700px) {
form .s_website_form_send {
    font-size: 14px!important;
}
.s_website_form_field {
	margin-bottom: 10px;
}
.form-control {
    padding: 10px 15px;
    font-size: 14px;
}

form label {
    font-size: 12px;
}

}
*/