/*
Theme Name: mecaspin
Template: Divi
*/

/****************************************************
***************** /// SECTION HERO MS /// ***********
****************************************************/

#page-container .ms_hero {
		background-position: center right 20%;
		padding-top: 50px;
		min-height: 500px;
}


@media  (min-width: 768px) {
	#page-container .ms_hero.ms_overlay #ms_hero-wrapper::before {
		content: " ";
		position: absolute;
		left: -20px;
		bottom: 0;
		top: 0;
		z-index: 3;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 1;
	}
}

@media  (max-width: 767px) {
	#page-container .ms_hero.ms_overlay #ms_hero-wrapper::before {
		content: " ";
		position: absolute;
		left: 0px;
		bottom: 0;
		top: 0;
		z-index: 3;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 1;
		width: 100%;
	}


#page-container .ms_hero.ms_overlay #ms_hero-wrapper .et_pb_column{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: fit-content;
}

#page-container .ms_hero.ms_overlay #ms_hero-wrapper .et_pb_column .et_pb_module:nth-child(1){
	padding: 1rem 1rem 0 1rem;
}

#page-container .ms_hero.ms_overlay #ms_hero-wrapper .et_pb_column .et_pb_module:nth-child(2){
    padding: 1rem;
    text-align: unset;
}

}

#page-container .ms_hero #ms_hero-wrapper {
	height: 100%;
}
#page-container .ms_hero.ms_overlay #ms_hero-wrapper {
	z-index: 2;
	display: table;
	position: relative;
}

.ms_hero #ms_hero-titre {
width: 100%;
max-width: 65%;
float: none;
}
#page-container .ms_hero.ms_overlay #ms_hero-wrapper::before {
	right: 30%;
}
.ms_hero #ms_hero-teaser {
	width: 100%;
	max-width: 55%;
	text-align: justify;
	color:var(--msp-white);
	line-height: 1.4;
}

@media  (max-width: 1200px) {
	.ms_hero #ms_hero-wrapper {
		padding: 20px 0;
	}
}
@media  (max-width: 1100px) {
	.ms_hero #ms_hero-wrapper {
		padding: 10px 0;
	}
	.ms_hero #ms_hero-teaser {
	    font-size: 0.95rem;
	}
}
@media  (max-width: 1000px) {
	#page-container .ms_hero {
		height: 350px;
		min-height: 350px;
	}
	.ms_hero #ms_hero-teaser, .ms_hero #ms_hero-titre  {
		max-width: 75%;
	}
	#page-container .ms_hero.ms_overlay #ms_hero-wrapper::before {
		right: 20%;
	}
}
@media (max-width: 860px) {
	#page-container .ms_hero {
		height: 250px;
		max-height: 250px;
	}
	.ms_hero #ms_hero-teaser {
	display: none;
	}
}


@media (max-width: 767px) {
	#page-container .ms_hero.ms_old.ms_conso{
		background-image: url(https://www.mecaspin.fr/wp-content/uploads/2022/03/consommables.jpg)!important;
	}
	#page-container .ms_hero.ms_old.ms_spinAssist{
		background-image: url(https://www.mecaspin.fr/wp-content/uploads/2023/08/SPIN-ASSIST.jpg)!important;
	}

	#page-container .ms_hero.ms_old.ms_conseil{
		background-image: url(https://www.mecaspin.fr/wp-content/uploads/2020/04/bandeau-header-conseil.jpg)!important;
	}

	#page-container .ms_hero.ms_old.ms_societe{
		background-image: url(https://www.mecaspin.fr/wp-content/uploads/2020/04/mecaspin-entreprise-team.jpg)!important;
	}

	#page-container .ms_hero.ms_old{
		height: 250px !important;
	}

	#page-container .ms_hero.ms_old #ms_hero-wrapper{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#page-container .ms_hero.ms_old #ms_hero-wrapper::before{
		height: 100% !important;
		width: 100%;
		opacity: 0.4;
	}

	#page-container .ms_hero.ms_old #ms_hero-wrapper .et_pb_column{
		height: 100%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}

	#page-container .ms_hero  {
		background-image: none !important;
		height: auto;
		max-height: inherit;
		min-height: inherit;
		padding-top: 0px;
		padding-bottom: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.ms_hero #ms_hero-titre {
		margin-left: 0px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		padding-bottom: 0px;
		max-width: 100%;
	}
	#page-container .ms_hero.ms_overlay #ms_hero-wrapper::before {
		right: 20%;
		height: 60%;
		margin: auto;
	}
}

@media screen and (min-width:491px) and (max-width:767px) {
	.ms_hero #ms_hero-titre {
		padding: 20px !important;
	}
}

@media (max-width: 500px) {
	.ms_hero #ms_hero-teaser, .ms_hero #ms_hero-titre  {
		max-width: 100%;
	}
}
/*** Variante de la home ***/

.home #page-container .ms_hero {
	height: 86vh;
}

.home #page-container .ms_hero #ms_hero-wrapper {
	max-width: 1480px;
}

.home #page-container .ms_hero #ms_hero-wrapper .ms_hero-wrapper-col {
  	display: -moz-box;
	display: flex;
	-moz-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	padding: 0;
}



.home #page-container .ms_hero #ms_hero-teaser,
.home #page-container .ms_hero #ms_hero-titre {
	max-width: 900px;
}
.home #page-container .ms_hero img,
.home #page-container .ms_hero img {
	width: 100%;
}
@-moz-document url-prefix() {
	.home #page-container .ms_hero img,
	.home #page-container .ms_hero img {
		width: initial;
	  	height: 363px;
	}

	@media(max-width: 860px){
		.home #page-container .ms_hero img,
	.home #page-container .ms_hero img {
		width: initial;
	  	height: 200px;
	}
	}
}

.home #page-container .ms_hero p {
	font-size: 1.2rem;
	line-height: 1.2em;
}

.home #ms_hero-wrapper{
	padding: 0;
    display: flex;
    align-items: center;
}

.home #page-container .ms_hero .et_pb_image.punchline {
	margin-bottom: 3%;
}

.home #page-container .ms_hero .et_pb_image.punchline .et_pb_image_wrap {
max-width: inherit;
width: 200%;
}

.home .et_pb_section.et_section_regular:not(#msp-top-menu, #msp-main-menu){
	padding: 10px 0 !important;
}

body.et-db #page-container a.btn.btn-tr-blanc.btn-video-home:hover,
body.et-db #page-container a.et_pb_button.btn-tr-blanc.btn-video-home:hover,
body.et-db.single #page-container #et-boc a.btn.btn-tr-blanc.btn-video-home:hover,
body.et-db.single #page-container #et-boc a.et_pb_button.btn-tr-blanc.btn-video-home:hover {
background-color: var(--msp-red)!important;
color: var(--msp-white)!important;
}

body.et-db #page-container a.btn.btn-tr-blanc.btn-video-home:hover:after,
body.et-db #page-container a.et_pb_button.btn-tr-blanc.btn-video-home:hover::after,
body.et-db.single #page-container #et-boc a.btn.btn-tr-blanc.btn-video-home:hover::after,
body.et-db.single #page-container #et-boc a.et_pb_button.btn-tr-blanc.btn-video-home:hover::after{
	color: var(--msp-white);
}

.home #ms_hero-titre h1 {
	color: #333!important;
	font-size: 64px;
	font-weight: 900;
	text-align: center;
}

.home #ms_hero-titre h1 span {
font-size: 0.9em;
font-weight: 500;
}

.home #ms_hero-titre h1 span.alt {
	font-size: 41px;
	font-weight: 500;
	padding-top: 30px;
}

#ms_hero-titre h1 span.alt::before{
content: "";
position: absolute;
margin-top: -15px;
width: 20%;
left: 50%;
transform: translateX(-50%);
margin-left: auto;
margin-right: auto;
border-bottom: 4px solid var(--msp-red);}

@media(max-width: 980px){
	.home #ms_hero-titre h1 {
		font-size: 3.5rem;
		margin-top: 1rem;
	}

	.home #ms_hero-titre h1 span.alt {
		font-size: 2.5rem;
	}
}

@media (max-width: 425px) {
	.home #page-container .ms_hero .et_pb_image.punchline  .et_pb_image_wrap {
		width: 100%!important;
	}
	.home #ms_hero-titre h1{
		font-size:2.2rem!important;
	}
	.home #page-container .ms_hero {
	height: 86vh;
	}
	.home #ms_hero-titre h1 span.alt {
		font-size: 1.5rem;
	}
}


/************** variante section hero spin'asist ********************/

#page-container .ms_hero.new_ms_spin{
	padding: 0;
}

#page-container .meca_abonnement_titre h2{
	padding-top: 27px;
	padding-bottom: 78.5px;
	font-size: 46px;
	line-height: 60px;
}

#page-container .meca_abonnement_titre h2:after{
	border-bottom: 2px solid var(--msp-red);
	width: calc(100% - 29%);
}

#page-container .meca_abonnement_titre h3 span.regular{
	font: 400;
}

#page-container .meca_abonnement_titre h3{
    margin-bottom: 37px;
	font-size: 38px;
}

#page-container .meca_abonnement_titre h3:after{
	content: '';
	width: 44px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 15rem;
	background-color: var(--msp-red);
}

#page-container .ms_hero.new_ms_spin .et_pb_row{
	max-height: 781px;
    display: flex;
    height: 100vh;
    max-width: 100%;
    width: 100%;
    margin: 0;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(1){
	margin: 0;
    height: 100%;
    flex-grow: 1;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2){
	max-width: 506px;
    height: 100%;
    background: var(--msp-black);
	position: relative;
	display: flex;
    align-items: center;
	padding-left: 3rem;
	overflow: hidden;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2)::after{
	content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-54%);
    right: -270px;
    width: 100%;
    height: 80%;
	background-image: url('images/image_droite_header.svg');
    background-size: contain;
    z-index: -1;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2) .top_menu--container a{
	color: var(--msp-white);
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper{
	height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_text_0{
	margin-bottom: 1rem !important;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_text_0::after{
	display: none;
}

/* #page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper h1{
	line-height: initial;
	font-size: 3.1em;
} */

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper h1 span{
	font-weight: inherit;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper h1::after{
	content: "";
    position: relative;
    display: block;
    width: calc(100% - 81%);
    margin: 10px 0;
    border-bottom: 3px solid var(--msp-red);
    left: 0;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper p{
	font-size: 1.12em;
	line-height: 28px;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column{
	padding-left: 6rem;
    padding-right: 6rem;
    max-width: 934px;
    background: RGBA(34, 34, 34, 0.8);
    height: 414px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column #ms_hero-titre{
	width: 100%;
    max-width: 100%;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column #ms_hero-teaser{
	margin-top: 0;
    width: 100%;
    max-width: 100%;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2) .top_menu--container p{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	position: relative;
	color: var(--msp-white);
}

#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2) .top_menu--container p:not(p:last-child)::after{
    content: "";
    position: absolute;
    bottom: -10px;
    width: 55px;
    height: 2px;
    background-color: var(--msp-white);
    left: 0;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_menu{
	height: 100%;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_menu .et_pb_text_inner{
	height: 100%;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_menu .et_pb_text_inner .top_menu{
	height: 100%;
    display: flex;
    align-items: center;
}

#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_menu .et_pb_text_inner .top_menu .top_menu--container{
	height: 97%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

@media(max-width: 1308px){
	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper{
		padding: 0;
		align-items: end;
	}
}

@media(max-width: 1000px){
	#page-container .ms_hero.new_ms_spin{
		height: auto !important;
    	max-height: 100%;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row{
		flex-direction: column;
		width: 100%;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(1){
		width: 100%;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2){
		width: 100%;
		max-width: 100%;
		height: fit-content;
    	padding: 2rem;
		justify-content: center;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper{
		align-items: center;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column{
		height: fit-content;
    	padding: 2rem;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column #ms_hero-titre,
	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column #ms_hero-teaser{
		background: initial;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_menu .et_pb_text_inner .top_menu .top_menu--container{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		height: auto;
		gap: 1rem;
		width: 100%;
		justify-content: center;
		align-items: baseline;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2) .top_menu--container p:not(p:last-child)::after{
		display: none;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2) .top_menu--container p{
		text-align: center;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2)::after{
		display: none;
	}
}

@media(max-width: 980px){
	#page-container .meca_abonnement{
		overflow: hidden;
	}
}

@media(max-width: 878px){
	#page-container .meca_service .service_main h3{
		line-height: 44px !important;
	}
}

@media(max-width:860px){
	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column #ms_hero-teaser{
		display: block;
	}

}

@media(max-width:768px){
	#page-container .meca_abonnement_titre h3::after{
		top: 13.2rem;
	}
}

@media(max-width:664px){
	#page-container .meca_abonnement_titre h2{
		font-size: 40px;
	}
	#page-container .meca_abonnement .meca_abonnement_texte h3,
	#page-container .meca_service h3,
	#page-container .meca_service .service_main h3,
	#page-container .meca_abonnement_titre h3{
		font-size: 30px !important;
	}
}

@media(max-width:577px){
	#page-container .meca_abonnement_titre h2{
		font-size: 35px;
		padding-bottom: 2rem !important;
	}
	#page-container .meca_abonnement .meca_abonnement_texte h3,
	#page-container .meca_service h3,
	#page-container .meca_service .service_main h3,
	#page-container .meca_abonnement_titre h3{
		font-size: 26px !important;
	}
	#page-container .meca_abonnement_titre h3::after{
		top: 10rem;
	}
}

@media(max-width: 559px){
	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_menu .et_pb_text_inner .top_menu .top_menu--container{
		grid-template-columns: 1fr 1fr;
	}
}

@media(max-width:510px){
	#page-container .meca_abonnement_titre h2{
		font-size: 30px !important;
	}
}

@media(max-width: 490px){
	#page-container .ms_hero.new_ms_spin .et_pb_row{
		height: inherit;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper p{
		text-align: initial;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper .et_pb_column #ms_hero-teaser{
		padding-top: 1.5rem;
	}
	#page-container .ms_hero.new_ms_spin .et_pb_row .et_pb_column:nth-child(2){
		display: none;
	}

	#page-container .ms_hero.new_ms_spin .et_pb_row .new_ms_spin_wrapper h1::after{
		left: 50%;
		transform: translateX(-50%);
	}
}


@media(max-width:432px){
	#page-container .meca_abonnement_titre h2{
		line-height: 38px;
	}
		#page-container .meca_abonnement_titre h3::after{
		top: 11rem;
	}
}

@media(max-width:376px){
	#page-container .meca_abonnement .meca_abonnement_texte h3,
	#page-container .meca_service h3,
	#page-container .meca_service .service_main h3,
	#page-container .meca_abonnement_titre h3{
		font-size: 25px !important;
	}
	#page-container .meca_abonnement_titre h3::after{
		top: 11rem;
	}
}

@media(max-width:376px){
	#page-container .meca_abonnement_titre h3::after{
		top: 12.9rem;
	}
}


/*******************************************************************/


/* video */
@media (max-width: 980px) {
	.home #page-container .et_pb_section_video_bg .mejs-video {
		height: 100% !important;
	}

	.home #page-container .et_pb_section_video_bg .mejs-video video {
		height: 100% !important;
		object-fit: cover;
	}

	.home #page-container .ms_hero .et_pb_image.punchline .et_pb_image_wrap {
		width: 200%;
		}
}

@media (max-width: 860px) {


	.home #page-container .ms_hero {
		height: 55%;
	}
	.home #page-container .ms_hero .et_pb_image.punchline .et_pb_image_wrap {
		width: 100%;
		}
}

@media (max-width: 768px) {
	.home #page-container .ms_hero .et_pb_button_module_wrapper {
		margin-bottom: 20px;
    margin-top: 20px;
	}
	.home #page-container .ms_hero {
		height: 40vh;
	}
	.home #page-container .ms_hero .et_pb_image.punchline .et_pb_image_wrap {
		width: 100%;
		}
}
@media (max-width: 490px) {
	.home #page-container .ms_hero .et_pb_image.punchline {
		margin-left: auto;
		margin-bottom: 3%;
	}
	.home #page-container .ms_hero .et_pb_button_module_wrapper {
		margin-left: auto;
		margin-right: auto;
	}

	.home #page-container .ms_hero {
		height: 40%;
	}
}



/* variante backcground video */

@media (max-width: 860px) {
	#page-container .ms_hero.et_pb_section_video #ms_hero-teaser {
		display: block !important;
	}

	#page-container .ms_hero.et_pb_section_video #ms_hero-teaser h1,
	#page-container .ms_hero.et_pb_section_video #ms_hero-teaser h2 {
		color: var(--msp-white);
	}
}

@media (max-width: 768px) {
	#page-container .ms_hero.et_pb_section_video #ms_hero-wrapper {
		padding: 100px 0;
	}

	#page-container .ms_hero.et_pb_section_video #ms_hero-teaser {
		max-width: 100%;
		margin-bottom: 0;
		padding-left: 20px;
	}

	/* #page-container .ms_hero.et_pb_section_video #ms_hero-teaser h1 {
		text-align: center;
		padding-bottom: 0;
	} */
}


/* FOOTER MS *************************************************************************************************/

#ms_footer-contact,
.et-db #page-container #et-boc .et-l #ms_footer-contact {
display: none;
position: fixed;
bottom: 0px;
left: 0px;
right:0px;
height: 50px;
z-index: 99999;
height: 50px;
background-color: var(--msp-red);
z-index: 24;
}
.page-id-199 #ms_footer-contact {
display: none;
}

/*********** page sommaire actu ajout *********/
.page-id-3061 .et_pb_blog_grid .et_pb_image_container img{object-fit: cover;
	width: 100%;
	height: revert-layer;
}

/********** END page sommaire actu ajout *********/

#ms_footer-contact .ms_btn-wrapper,
.et-db #page-container #et-boc .et-l #ms_footer-contact .ms_btn-wrapper {
	width: 50%;
}

a.ms_btn-footer, a.ms_btn-footer:hover,
.et-db #page-container #et-boc .et-l a.ms_btn-footer,
.et-db #page-container #et-boc .et-l a.ms_btn-footer:hover {
    color: var(--msp-white);
	background-color: var(--msp-red);
    font-size: 1rem;
    display: flex;
	justify-content: center;
    align-items: center;
    margin: 0;
	border: none;
	height: 50px;
	padding: 0;
	width: 100%;
}

.et-db #page-container #et-boc .et-l a.ms_btn-footer::after {
	display: none;
}

a.ms_btn-footer:before,
.et-db #page-container #et-boc .et-l a.ms_btn-footer:before {
    margin-right: 10px;
    font-size: 2.3rem;
    line-height: 22px;
    width: 35px;
    height: 32px;
    margin-right: 1rem;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
}
@media (max-width: 980px) {
	#ms_footer-col-right .ms_footer-rs-titre,
	.et-db #page-container #et-boc .et-l #ms_footer-col-right .ms_footer-rs-titre {
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	}
}
@media (max-width: 340px) {
	a.ms_btn-footer, .et-db #page-container #et-boc .et-l a.ms_btn-footer {
	    font-size: 0.95rem;
	}

	a.ms_btn-footer:before, .et-db #page-container #et-boc .et-l a.ms_btn-footer:before {
    display: none;
	}
}

@media (min-width: 341px ) and (max-width: 380px) {
	a.ms_btn-footer, .et-db #page-container #et-boc .et-l a.ms_btn-footer {
	    font-size: 0.95rem;
	}

	a.ms_btn-footer:before, .et-db #page-container #et-boc .et-l a.ms_btn-footer:before {
    width: 28px;
    height: 28px;
	}
}

#btn-footer-contact,
.et-db #page-container #et-boc .et-l #btn-footer-contact {
	border-right: 1px solid var(--msp-white);
	border-radius: 0px;
}

#btn-footer-contact:before,
.et-db #page-container #et-boc .et-l #btn-footer-contact:before {
		content: " ";
		background-image: url("images/picto-enveloppe-white.svg");
}


a#btn-footer-call:before,
.et-db #page-container #et-boc .et-l a#btn-footer-call:before {
	content: " ";
	background-image: url("images/picto-phone-white.svg");
}

/* rgpd */

#ms_footer-rgpd  {
padding-bottom: 0px;
}
#ms_footer-rgpd .et_pb_text_inner {
display: flex;
justify-content: center;
flex-wrap: nowrap;
align-content: center;
align-items: center;
}

#ms_footer-rgpd a {
	margin : 2px 10px;
	font-size:0.90em;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	#ms_footer-rgpd .et_pb_text_inner {
	flex-direction: column;
	}
	#ms_footer-rgpd a {
		font-size:0.7em;
	}
}

/* footer mobile **************/
/* boutons de contact */

@media (max-width: 980px) {
	#ms_footer,
	.et-db #page-container #et-boc .et-l #ms_footer
	 {
	padding-bottom:70px !important;
	}
	#ms_footer-contact,
	.et-db #page-container #et-boc .et-l #ms_footer-contact {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}

/* SHORT CLASS *************************************************************************************************/

/* couleur */
.c-dark {
color: var(--msp-black);
}
.c-bleu {
color: #0070c0;
}
.c-rouge,
.c-stater {
color: var(--msp-red);
}
.c-blanc {
color: var(--msp-white);
}
.c-premium {
	color: #9BA2A7;
}
.c-ultra {
	color: #D9AF62;
}


/* police */
.c-light {
font-weight:300;
}
.c-regular {
font-weight:400;
}
.c-medium{
font-weight:500 !important;
}
.c-bold{
font-weight:700;
}
.c-black{
font-weight:900;
}

/* position */
.c-center, .c-center p, .c-center h1, .c-center h2, .c-center h3, .c-center h4, .c-center h5, .c-center img  {
text-align:center;
}
.c-left, .c-left p, .c-left h1, .c-left h2, .c-left h3, .c-left h4, .c-left h5, .c-left img  {
text-align:left;
}
.c-right, .c-right p, .c-right h1, .c-right h2, .c-right h3, .c-right h4, .c-right h5, .c-right img  {
text-align:right;
}

/* MODULES, LIGNES, COLONNES, SECTIONS DIVI ************************************************************************************************/

/* LIGNE DIVI ****************************/
@media (max-width: 767px) {
#page-container	.et_pb_row_1:first-child {
	padding-top:10px;
	}
}
/* MODULES DIVI ****************************/

/* module caroussel client */

.dica_divi_carousel .dica_divi_carouselitem .dica-item {
    justify-content: center;
}

/* counter bar */

#page-container .et_pb_counters .et_pb_counter_title {
    text-transform: uppercase;
		font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
		text-align: center;
}

/**** module faq ******/

.faq .et_pb_column {
	padding: 2rem;
}

.faq .dipl_question_wrapper {
	border-radius: 7px;
}

#page-container .faq h3 {
	text-transform: inherit;
	font-size: 1.3rem;
	font-weight: 500;
}
@media (max-width: 980px) {
	.faq .et_pb_column {
		padding: 0;
	}
}


/* module icone bloc */

.ms_icone-bloc .et_pb_image_wrap {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		min-height: 90px;
}

.ms_icone-bloc .et_pb_image_wrap img {
		max-height: 75px;
		width: auto;
}

.ms_icone-bloc .et_pb_blurb_conten_image {
		max-width: 50%;
		width: auto;
}

#page-container .ms_icone-bloc .et_pb_blurb_content h3.et_pb_module_header {
		font-size: 1.4rem;
		position: absolute;
  	width: 100%;
		font-weight: 500;
}
.ms_icone-bloc .et_pb_blurb_content .et_pb_blurb_description {
	margin-top: 63px;
	text-align: justify;
}
.ms_icone-bloc #ms_icon-fideip .et_pb_blurb_content::before {
	content: " ";
	font-size: 2.3rem;
  line-height: 22px;
  width: 80%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 275px;
  height: 20px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
	position: absolute;
	background-image: url("images/icon-titre-fideip-01.svg");
}


#page-container .ms_icone-bloc .et_pb_blurb_content h3.et_pb_module_header,
	.ms_icone-bloc #ms_icon-fideip .et_pb_blurb_content::before {
		top: 118px;
}
@media (min-width: 980px) and (max-width: 1144px) {
	.ms_icone-bloc .et_pb_blurb_content .et_pb_blurb_description {
		margin-top: 75px;
		text-align: center;
	}
		.ms_icone-bloc #ms_icon-fideip .et_pb_blurb_content::before {
			top: 130px;
	}
}

/* MS modules icone bloc */

.ms_icon-bloc-modules-row.et_pb_row {
	padding-top: 20px;

}
.ms_icon-bloc-modules .ms_icon-bloc-modules-module
{
	padding: 15px;
	min-height: 375px;
	background-color: var(--msp-white);
	display: flex;
	justify-content: center;
	align-items: center;
}



.ms_icon-bloc-modules .et_pb_column:first-child .ms_icon-bloc-modules-module {
	box-shadow: -8px 8px 0px 0px #D9D9D9;
}

.ms_icon-bloc-modules .et_pb_column:first-child .ms_icon-bloc-modules-module.slide-fwd-center:hover {
	box-shadow:none;
	transition: 0.2s;
}

.ms_icon-bloc-modules .et_pb_column:nth-child(2) .ms_icon-bloc-modules-module,
.ms_icon-bloc-modules .et_pb_column:nth-child(3) .ms_icon-bloc-modules-module  {
	box-shadow: 0px 8px 0px 0px #D9D9D9;
}

.ms_icon-bloc-modules .et_pb_column:nth-child(2) .ms_icon-bloc-modules-module:hover,
.ms_icon-bloc-modules .et_pb_column:nth-child(3) .ms_icon-bloc-modules-module:hover  {
	box-shadow:none;
    transition: 0.2s;
}

.ms_icon-bloc-modules .et_pb_column:last-child .ms_icon-bloc-modules-module {
	box-shadow: 8px 8px 0px 0px #D9D9D9;
}

.ms_icon-bloc-modules .et_pb_column:last-child .ms_icon-bloc-modules-module:hover {
	box-shadow:none;
	transition: 0.2s;
}

.ms_icon-bloc-modules .ms_icon-bloc-modules-module .et_pb_module_header
{
	text-align: center;
	margin-bottom: 15px;
}
.ms_icon-bloc-modules .ms_icon-bloc-modules-module .et_pb_blurb_description
{
	text-align: center;
}
.ms_icon-bloc-modules .et_pb_main_blurb_image  {
	width: auto;
}


@media (max-width: 980px) {
	.ms_icon-bloc-modules .ms_icon-bloc-modules-module  {
		margin-bottom: 20px !important;
		min-height: inherit;
		padding-top: 10px;
	}
	.ms_icon-bloc-modules .ms_icon-bloc-modules-module .et_pb_module_header
	{
		text-align: left;
	}
	.ms_icon-bloc-modules .et_pb_main_blurb_image span.et_pb_image_wrap {
		min-width: 75px;
		max-width: 75px;
	}
	.ms_icon-bloc-modules .ms_icon-bloc-modules-module .et_pb_blurb_content {
		padding-left: 5%;
		max-width: 100%;
	}
	.ms_icon-bloc-modules .ms_icon-bloc-modules-module .et_pb_blurb_container {
	vertical-align: middle;
	}
}

@media (max-width: 767px) {
	.ms_icon-bloc-modules .ms_icon-bloc-modules-module .et_pb_module_header
	{
		text-align: center;
		margin-bottom: 15px;
		padding-top: inherit;
	}
	.ms_icon-bloc-modules .ms_icon-bloc-modules-module .et_pb_blurb_content {
		padding-right: 5%;
	}
}


/* module Slider */
.mfp-bottom-bar {
		display:none;
	}


/************** SECTION PLAQUETTE ****************/

#page-container .section-plaquette p {
	line-height: 1.45;
  font-size: 1.9rem;
  font-weight: 400;

}

#page-container .section-plaquette,
body.et-db.single #page-container #et-boc .section-plaquette {
	padding: 0;
}
#page-container .section-plaquette .et_pb_row,
body.et-db.single #page-container #et-boc .section-plaquette .et_pb_row {
	padding: 20px 0 0 0;
}



.section-plaquette::after,
body.et-db.single #page-container #et-boc .section-plaquette::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--msp-black);
    opacity: 0.79;
    mix-blend-mode: multiply;
    z-index: 1;
    max-height: 100vh;
}


#page-container .section-plaquette .et_pb_column:first-child,
body.et-db.single #page-container #et-boc .section-plaquette .et_pb_column:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 10% 0 0;
}

#page-container .section-plaquette h2,
body.et-db.single #page-container #et-boc .section-plaquette h2 {
	color: var(--msp-white);
	font-size: 36px;
	line-height: 48px;
	font-weight: 400;
	text-transform: inherit;
}

#page-container .section-plaquette h2::after,
body.et-db.single #page-container #et-boc .section-plaquette h2::after {
	display: none;
}
#page-container .section-plaquette .et_pb_column:last-child,
body.et-db.single #page-container #et-boc .section-plaquette .et_pb_column:last-child {
	max-width: 20%;
}
#page-container .section-plaquette .et_pb_button_module_wrapper,
body.et-db.single #page-container #et-boc .section-plaquette .et_pb_button_module_wrapper {
	margin-bottom: 30px;
}

@media(max-width: 980px) {
	#page-container .section-plaquette .et_pb_row,
	body.et-db.single #page-container #et-boc .section-plaquette .et_pb_row {
		display: flex;
		flex-direction: column-reverse;
	}
	#page-container .section-plaquette .et_pb_button_module_wrapper,
	body.et-db.single #page-container #et-boc .section-plaquette .et_pb_button_module_wrapper {
		margin-top: 0 !important;
	}
}
@media(max-width: 768px) {
	#page-container .section-plaquette .et_pb_row,
	body.et-db.single #page-container #et-boc .section-plaquette .et_pb_row {
		justify-content: center;
		align-items: center;
	}
	#page-container .section-plaquette h2, body.et-db.single #page-container #et-boc .section-plaquette h2{
		line-height: normal;
		font-weight: 500;
		padding: 1rem;
	}
	#page-container .section-plaquette .et_pb_button_module_wrapper, body.et-db.single #page-container #et-boc .section-plaquette .et_pb_button_module_wrapper{
		display: flex;
		justify-content: center;
	}
}

@media(max-width: 500px) {
	#page-container .section-plaquette .et_pb_column:first-child,
	body.et-db.single #page-container #et-boc .section-plaquette .et_pb_column:first-child {
		padding: 0;
	}
}

@media(max-width: 425px){
	#page-container .section-plaquette p {
		font-size: 1.5rem;
	}
}


/************** PAGE CONTACT ************************************/
#ms_contact-coordonnees h2 {
	font-size: 1.5rem;
}
#ms_contact-adresse  {
	text-align: center;
	border: solid 1px var(--msp-red);
	padding: 20px;
	font-weight: 500;
}

/* SERVICES ***************************************************/

#ms_tarif .et_pb_pricing_table {
	border: 0px;
	padding-bottom: 0;
}

#page-container #ms_tarif h2 {
width: inherit;
}

#page-container #ms_tarif h2:after {
	display: none;
}

#ms_tarif .et_pb_pricing_table .et_pb_pricing_heading:before {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	content: " ";
	background-image: url("images/logo-ms-blanc.svg");
	position: absolute;
  top: 11px;
  left: 9px;
  width: 35px;
	height: 35px;
}

#ms_tarif .et_pb_pricing_table_0 .et_pb_pricing_heading {
	border: 1px solid #666666;
}

#ms_tarif .et_pb_pricing_table_1 .et_pb_pricing_heading {
	border: 1px solid var(--msp-red);
}

#ms_tarif .et_pb_pricing_table_2 .et_pb_pricing_heading {
	border: 1px solid #0070c0;
}

#ms_tarif .et_pb_pricing_content_top {
	display: none;
}

#ms_tarif .et_pb_pricing_content {
	border: 1px solid #bebebe !important;
  border-top: 0px !important;
	font-weight: 500;
}

@media (min-width: 768px) {
	#ms_tarif .et_pb_pricing_content {
		min-height: 350px;
	}
}
/********** PRODUIT *************************************************************************************************/

#page-container .ms_produit-top-col-left .et_pb_button_module_wrapper {
	margin-bottom: 10px;
}

#page-container a#ms_produit-top-btn-contact {
	margin-bottom: 10px;
}

body.single #page-container #et-boc #ms_produit-top a.et_pb_button,
body #page-container #ms_produit-top a.et_pb_button{
	font-size: 0.95em !important;
}


/* MS PRODUIT */

/*Top */

@media (max-width: 980px) {
	#ms_produit-top	{
		display: flex;
		flex-direction: column-reverse;
	}
	#ms_produit-top #ms_produit-top-slider	{
		margin-bottom: 30px;
	}
	#page-container #ms_produit-top h1  {
	margin-bottom: 10px;
	}
}


/* boutons */

a#btn-prod-contact {
	color: var(--msp-white) !important;
  border-color: var(--msp-red);
	background-color: var(--msp-red);
	font-size: 1.2rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	width: 90%;
}

a#btn-prod-contact:after {
  font-weight: 700;
  margin-right: 10px;
  font-size: 2.3rem;
  line-height: 22px;
  width: 35px;
  height: 35px;
  margin-right: 1rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
	content: " ";
	color: var(--msp-white);
	background-image: url("images/picto-collapse-open.svg");
}

/* teaser */

.ms_p-teaser {
	font-size:0.9rem;
	line-height: 1.6em;
}

/* DIVI PRODUIT *****/

/* icone text *****/

.et-db #page-container #ms_p-icone {
	margin-top: 0 !important;
}

#ms_p-icone .et_pb_blurb_content {
	padding: 0px 10px 15px 20px;
	margin: 0px;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	max-width: 100%;
	width: 100%;
}

#ms_p-icone .et_pb_main_blurb_image {
	margin: 0;
	width: 60px;
	min-width: 60px;
	padding: 10px;
}

@media (max-width: 767px) {
	#ms_p-icone .et_pb_blurb_content {
		flex-direction: column;
		padding: 0px 10px 20px 10px;
		align-items: flex-start;
	}
}

/* listes à puce *****/
.ms_p-desc-tech .et_pb_text ul, .ms_p-desc-tech .et_pb_text ul li ul,
.ms_p-desc-tech .et_pb_tab_content ul, .ms_p-desc-tech .et_pb_tab_content ul li ul  {
	list-style-type: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-left: 2rem;
}

.ms_p-desc-tech .et_pb_text ul li ul,
.ms_p-desc-tech .et_pb_tab_content ul li ul  {
	padding-top: 5px;
	margin-bottom: 0px;
}

.ms_p-desc-tech .et_pb_text ul li,
.ms_p-desc-tech .et_pb_tab_content ul li
 {
	font-weight: 500;
	list-style-type: none;
	margin-bottom: 20px;
}

.ms_p-desc-tech .et_pb_text ul li::before,
.ms_p-desc-tech .et_pb_tab_content ul li::before
 {
	font-family: 'ETmodules';
	content: "\4e";
	font-size: 135%;
	color: var(--msp-red);
	float: left;
	margin-left: -1.5em;
	margin-right: 0.5em;
	font-weight: 700;
	opacity: 0.7;
}

.ms_p-desc-tech .et_pb_text li ul li,
.ms_p-desc-tech .et_pb_tab_content li ul li {
  	font-weight: 400;
	font-size: 0.95em;
}

.ms_p-desc-tech .et_pb_text ul li ul li::before,
.ms_p-desc-tech .et_pb_tab_content ul li ul li::before {
	content: "\35";
	font-size: 110%;
	color: var(--msp-black);
}

.ms_p-desc-tech .et_pb_row:first-child .et_pb_column {
	margin-top: 2rem;
}


#ms_icone-p span.et_pb_image_wrap img {
	width: 100%;
}

@media (max-width: 767px) {
	#caracteristiques-principales.et_pb_section {
		padding: 8px 0 0 10px;
	}
}

.ms_p-desc-tech .ms_p-desc-tech-onglets {
	border:none;
}

.ms_p-desc-tech .et_pb_tabs_controls {
	background-color: #f5f5f5;
}
.ms_p-desc-tech .et_pb_tabs_controls:after {
	top: 0px;
	border: #ccc solid;
	border-width: 0 0 1px 0;
}

.ms_p-desc-tech .et_pb_active_content {
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
}

.ms_p-desc-tech .et_pb_tabs_controls li {
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.et-l:not(.et-l--header) .ms_p-desc-tech .et_pb_tabs_controls li::before {
	display: none;
}

.ms_p-desc-tech .et_pb_tabs_controls li:first-child {
	border-left: 1px solid #ccc;
}
.ms_p-desc-tech .et_pb_tabs_controls li:last-child {
	border-right: 1px solid #ccc;
}
.ms_p-desc-tech .et_pb_tabs_controls li a {
	color: var(--msp-black) !important;
	padding: 10px 20px;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 500;
}
.ms_p-desc-tech .et_pb_tabs_controls .et_pb_tab_active {
	background-color: var(--msp-white);
}
.ms_p-desc-tech .et_pb_tabs_controls .et_pb_tab_active a {
	color: var(--msp-red) !important;
}
.ms_p-desc-tech .et_pb_tabs_controls .et_pb_tab_active a:after {
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	z-index: 8;
	bottom: -1px;
	left: 0;
	background-color: var(--msp-white);
}



/*** Bloc text packs ***/
#page-container .zoom-equipement .mecaspin-tech .et_pb_text {
	position: relative;
}

#page-container .zoom-equipement .mecaspin-tech .et_pb_text::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--msp-red);
	z-index: 1;
	mix-blend-mode: multiply;
}

#page-container .zoom-equipement .mecaspin-tech .bloc-txt h2 {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	line-height: 38px;
	color: var(--msp-white);
	text-align: center;
	text-transform: initial;
	z-index: 2;
	padding-bottom: 0;
}

@media(max-width: 768px) {
	#page-container .zoom-equipement .mecaspin-tech .bloc-txt h2 {
		flex-direction: column;
	}
}

#page-container .zoom-equipement .mecaspin-tech .bloc-txt h2 span {
	font-size: 30px;
	font-weight: 700;
}

#page-container .zoom-equipement .mecaspin-tech .bloc-txt h2::after {
	display: none;
}

#page-container .zoom-equipement .mecaspin-tech .bloc-txt h2::before {
	content: '';
	display: block;
	background-image: url('https://www.mecaspin.fr/wp-content/uploads/Groupe-726-2.svg');
	width: 95px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 1rem;
}

/******************* No actif *******************/
#page-container .no-actif {
	position: relative;
}

#page-container .no-actif::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1;
}

#page-container .no-actif::after {
	content: 'Bientôt disponible';
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	font-size: 30px;
	font-weight: 500;
	padding: .5rem 1rem;
	transform: translate(-50%, -50%);
	color: var(--msp-red);
	text-transform: uppercase;
	border: var(--msp-red) 3px solid;
	border-radius: 5px;
	z-index: 2;
	text-align: center;
}


/* ARCHIVE PRODUITS MS *************************************************************************************************/

.ms_col-archive-p .et_pb_counter_amount {
    background-color: #666 !important;
}

@media (min-width: 768px) {
	#page-container .ms_section-archive-p {
		justify-content: center;
		display: flex;
				flex-wrap: nowrap;
				gap: 1em;
				width: 100%;
				flex-direction: row;
				align-items: stretch;
	}
	#page-container .ms_section-archive-p {
		margin-bottom: 25px;
	}

	#page-container .ms_col-archive-p {
		float: none;
	}
}

#page-container #ms_categ-p,
body.et-db.single #page-container #et-boc #ms_categ-p {
	background-size: 80%;
}

#page-container #ms_categ-p .ms_col-archive-p,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p {
	box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.2);
	background-color: var(--msp-white);
    min-width: 33%;
    margin: unset;
	padding-bottom: 15px;
}

body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p {
	position: relative;
	height: 550px;
}

#page-container #ms_categ-p .ms-categ-p-col-left,
body.et-db.single #page-container #et-boc #ms_categ-p .ms-categ-p-col-left {
	position: relative;
}

#page-container #ms_categ-p .et_pb_row:first-child .ms-categ-p-col-left .et_pb_button_1_wrapper,
body.et-db.single #page-container #et-boc #ms_categ-p .et_pb_row:first-child .ms-categ-p-col-left .et_pb_button_1_wrapper {
	position: absolute;
	top: 0;
}

#page-container #ms_categ-p .et_pb_row:first-child .ms_col-archive-p .contact-button,
body.et-db.single #page-container #et-boc #ms_categ-p .et_pb_row:first-child .ms_col-archive-p .contact-button {
    position: absolute;
    left: -143px;
    top: 115px;
    font-size: 18px;
    font-weight: 500;
    width: max-content;
    text-transform: uppercase;
    background-color: #E50E20;
    color: var(--msp-white);
    transform: rotate(270deg);
    border-radius: 10px 10px 0 0;
    padding: 1rem 2rem;
    transition: all .3s ease-in-out;
}

#page-container #ms_categ-p .et_pb_row:first-child .ms_col-archive-p .contact-button:hover,
body.et-db.single #page-container #et-boc #ms_categ-p .et_pb_row:first-child .ms_col-archive-p .contact-button:hover {
	color: var(--msp-black);
	background-color: var(--msp-white);
	border: solid 2px var(--msp-black);
}

@media(max-width: 768px) {
	#page-container .ms_section-archive-p{
		padding: 2%;
	}
}

@media(max-width: 1080px) {
	#page-container #ms_categ-p-ms3 {
		flex-wrap: wrap;
	}
	#page-container #ms_categ-p .ms_col-archive-p.et_pb_column {
		width: 45%;
	}
}

@media(max-width: 768px) {
	#page-container #ms_categ-p .et_pb_row:first-child .ms_col-archive-p .contact-button,
	body.et-db.single #page-container #et-boc #ms_categ-p .et_pb_row:first-child .ms_col-archive-p .contact-button {
		display: none;
	}
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_image,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_image {
	height: 300px;
	margin-bottom: 1rem;
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_image_wrap,
#page-container #ms_categ-p .ms_col-archive-p img,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_image_wrap,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p img {
	height: 100%;
	object-fit: cover;
}

#page-container #ms_categ-p .ms_col-archive-p h2,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p h2 {
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 1.5rem;
}

#page-container #ms_categ-p .ms_col-archive-p h2::after,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p h2::after {
	display: none;
}

#page-container #ms_categ-p .ms_col-archive-p h2 .name,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p h2 .name {
	display: block;
	font-size: 50px;
	color: #E50E20;
	font-weight: 700;
}

#page-container #ms_categ-p .ms_col-archive-p p,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p p {
	text-align: center;
	width: 80%;
	margin: auto;
}

.page-id-493 .et_builder_inner_content #ms_categ-p #ms_categ-p-ms3 .et_pb_counters,
.page-id-13556 .et_builder_inner_content #ms_categ-p #ms_categ-p-ms3 .et_pb_counters{
	margin-bottom: 8rem !important;
}

.page-id-4785 #page-container #main-content .et_builder_inner_content #ms_categ-p #ms_categ-p-ms3 .et_pb_counters{
	margin-bottom: 8rem !important;
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_counters,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_counters {
	flex-direction: column;
	width: 70%;
    margin: 15px auto;
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_container,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_container {
	background-color: #f5f5f5;
	margin-bottom: 16px;
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_amount,
#page-container #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_container,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_amount,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_container {
	clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_title,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_title {
	text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
	line-height: 26px;
    text-align: center;
	color: #323232 !important;
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_amount,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_counters .et_pb_counter_amount {
	background-color: var(--msp-red) !important;
}

.page-id-493 .et_builder_inner_content #ms_categ-p #ms_categ-p-ms3 .et_pb_button_module_wrapper,
.page-id-13556 .et_builder_inner_content #ms_categ-p #ms_categ-p-ms3 .et_pb_button_module_wrapper {
	bottom: 10px !important;
}

.page-id-4785 #page-container #main-content .et_builder_inner_content #ms_categ-p #ms_categ-p-ms3 .et_pb_button_module_wrapper{
	bottom: 10px !important;
}

#page-container #ms_categ-p .ms_col-archive-p .et_pb_button_module_wrapper,
body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_button_module_wrapper {
	display: flow;
    margin-top: unset;
    margin-bottom: unset;
    position: unset;
    transform: unset;
    text-align: center;

}

@media(max-width: 768px) {
	#page-container #ms_categ-p .ms_col-archive-p,
	body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p {
		width: 100%;
		margin: 0;
	}

	#page-container #ms_categ-p .ms_col-archive-p .et_pb_image_wrap,
	#page-container #ms_categ-p .ms_col-archive-p img,
	body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_image_wrap,
	body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p img {
		height: auto;
	}

	#page-container #ms_categ-p .ms_col-archive-p .et_pb_image,
	body.et-db.single #page-container #et-boc #ms_categ-p .ms_col-archive-p .et_pb_imag {
		height: unset;
	}

	#page-container #ms_categ-p .ms_col-archive-p h2.et_pb_module_header{
		flex-wrap: wrap;
	}

	#page-container #ms_categ-p .ms_col-archive-p h2.et_pb_module_header .name{
		width: 100%;
	}

	#page-container #ms_categ-p .et_pb_row:first-child .ms_col-archive-p:first-child::before,
	body.et-db.single #page-container #et-boc #ms_categ-p .et_pb_row:first-child .ms_col-archive-p:first-child::before {
		display: none;
	}

	#page-container #ms_categ-p-ms3 {
		display: flex	;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 15px;
	}

	#page-container #ms_categ-p-ms3 .et_pb_column{
		display: block!important;
		width: calc(100% - 15px) !important;
	}
}

@media (max-width: 425px) {
    #page-container #ms_categ-p-ms3 {
        flex-wrap: nowrap;
        display: flex;
        flex-direction: column;
	}

	#page-container #ms_categ-p-ms3 .et_pb_column_1_3{
		display: flex;
	}

}


/*************************/

#ms_categ-p .ms_categ-p-teaser {
	font-size: 0.95em;
	line-height: 1.7;
	padding: 0 .5rem;
	min-height: 180px;
    max-height: 200px;
}

#page-container	#ms_categ-p .ms_categ-p-teaser h2, #page-container #ms_categ-p .ms_categ-p-teaser h3  {
	font-size: 1.5rem;
}

#ms_categ-p  ul.ms_compteur-bar {
	display:flex;
	flex:1;
}
#ms_categ-p  ul.ms_compteur-bar li {
	margin :0 5px;
	flex: 1;
}



/* bannière hero */

#ms_categ-p-ban.ms_hero #ms_hero-titre {
width: 100%;
max-width: 55%;
}

#ms_categ-p-ban.ms_hero #ms_hero-teaser {
width: 100%;
max-width: 55%;
}

@media (min-width: 861px) and (max-width: 1100px) {
	#ms_categ-p-ban.ms_hero h1 {
	   font-size: 2rem;
	}
}
@media (max-width: 1000px) {
	#ms_categ-p-ban.ms_hero #ms_hero-titre {
		max-width: 65%;
	}
	#ms_categ-p-ban.ms_hero #ms_hero-teaser {
	  max-width: 75%;
	}
}
@media (max-width: 767px) {
	#ms_categ-p-ban.ms_hero #ms_hero-titre
	 {
		max-width: 100%;
	}
}

#ms_categ-p {
		padding-bottom: 0;
}
.ms_categ-p-teaser, .ms_compteur-bar   {
	position: relative;
}


/* EQUIPEMENTS PERIPHERIQUES */

#ms_equipements .equipements  {
		position: relative;
}
#ms_equipements a  {
	cursor: default;
	pointer-events: none;
}

#ms_equipements h2.entry-title {
		position: absolute;
		top:300px;
		left: 30px;
		right: 30px;
		margin: 0;
    background-color: var(--msp-black);
    color: var(--msp-white);
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 1rem;
		width: auto;
}
#ms_equipements h2.entry-title:after {
		display: none;
}

@media (max-width: 1600px) {
	#ms_equipements h2.entry-title {
		top:290px;
	}
}
@media (max-width: 1500px) {
	#ms_equipements h2.entry-title {
		top:275px;
	}
}
@media (max-width: 1450px) {
	#ms_equipements h2.entry-title {
		top:270px;
	}
}
@media (max-width: 1400px) {
	#ms_equipements h2.entry-title {
		top:260px;
		left:20px;
		right:20px;
	}
}
@media (max-width: 1350px) {
	#ms_equipements h2.entry-title {
		top:240px;
	}
}
@media (max-width: 1280px) {
	#ms_equipements h2.entry-title {
		top:225px;
	}
}
@media (max-width: 1200px) {
	#ms_equipements h2.entry-title {
		top:210px;
		left:15px;
		right:15px;
	}
}
@media (max-width: 1150px) {
	#ms_equipements h2.entry-title {
		top:200px;
	}
}
@media (max-width: 1100px) {
	#ms_equipements h2.entry-title {
		top:190px;
		left:10px;
		right:10px;
	}
}
@media (max-width: 1050px) {
	#ms_equipements h2.entry-title {
		top:180px;
		left:7px;
		right:7px;
	}
}
@media (max-width: 980px) {
	#ms_equipements h2.entry-title {
		top:290px;
		left:40px;
		right:40px;
	}
}
@media (max-width: 951px) {
	#ms_equipements h2.entry-title {
		top:270px;
		left:30px;
		right:30px;
	}
}
@media (max-width: 900px) {
	#ms_equipements h2.entry-title {
		top:260px;
	}
}
@media (max-width: 850px) {
	#ms_equipements h2.entry-title {
		top:240px;
		left:25px;
		right:25px;
	}
}
@media (max-width: 767px) {
	#ms_equipements h2.entry-title {
		top:500px;
		left:40px;
		right:40px;
	}
}
@media (max-width: 720px) {
	#ms_equipements h2.entry-title {
		top:440px;
	}
}
@media (max-width: 640px) {
	#ms_equipements h2.entry-title {
		top:370px;
		left:30px;
		right:30px;
	}
}
@media (max-width: 540px) {
	#ms_equipements h2.entry-title {
		top:325px;
		left:20px;
		right:20px;
	}
}
@media (max-width: 490px) {
	#ms_equipements h2.entry-title {
		top:290px;
	}
}
@media (max-width: 440px) {
	#ms_equipements h2.entry-title {
		top:230px;
		left:10px;
		right:10px;
	}
}
@media (max-width: 340px) {
	#ms_equipements h2.entry-title {
		top:200px;
		left:5px;
		right:5px;
	}
}

/* MS FORMAULAIRES DE CONTACT */

#ms_form-all-page .et_pb_contact_field_options_title,
.ms_contact-form .et_pb_contact_field_options_title {
	display: none;
}

#ms_form-all-page .et_contact_bottom_container,
.ms_contact-form .et_contact_bottom_container {
	float: none;
	margin: 10px 0;
}

/************** formulaire all page ****************/

#ms_form-all-page {
	background-color: #f5f5f5;
}


/* SOCIAL MONARCH */

.et_social_flyin {
    width: 36px !important;
}

.et_monarch .et_social_icon_cancel:after {
font-family: 'ETModules';
content: "\4d";
font-size: 36px;
left: -5px;
}


/* RECAPCHA */

.grecaptcha-badge {
    visibility: collapse !important;
}

/*FORMULAIRES NINJA FORM*/


#page-container .ms_nf-form-title{
	background-color: var(--msp-red);
}

#page-container .ms_nf-form-title h1{
	color: var(--msp-white);
	font-weight: 600;
	letter-spacing: 0.5px;
	text-align: center;
}

#page-container .ms_nf-form-title h1::after{
    content: '';
    height: 65px;
    position: absolute;
    border-bottom: solid 5px;
    width: 100px;
    left: 50%;
	color: var(--msp-black);
    transform: translateX(-50%);
}

#page-container .ms_nf-baseline-form{
	background-color: var(--msp-red);
	margin-bottom: 2em;
}

#page-container .ms_nf-baseline-form .et_pb_text_inner{
    text-align: center;
    width: 42%;
    font-size: 1.2rem;
    color: var(--msp-white);
	margin-left: auto;
    margin-right: auto;
}


#page-container .ms_header-test-form .et_pb_text_inner h3 {
font-size: 1.6rem;
margin-bottom: 80px;
width: fit-content;
margin-left: auto;
margin-right: auto;
position: relative;
}

#page-container .fd_form-ninja-essai {
	width: 100%;
}

#page-container .ms_header-test-form .et_pb_text_inner h3::after {
	content:'';
  	height:70px;
  	box-sizing:border-box;
	position:absolute;
	border-bottom: solid 5px;
	width: 150px;
	color: var(--msp-red);
	left: 50%;
    transform: translateX(-50%)

}

#page-container .ms_hero-form-devis .et_pb_text_inner h3::after {
	content:'';
	height:65px;
	box-sizing:border-box;
	position:absolute;
	border-bottom: solid 3px;
	width: 150px;
	color: var(--msp-red);
	left: 0px;
}

#ms_ninja-form-contact {
	padding-top: 10px !important;
}

#ms_ninja-form-contact .et_pb_main_blurb_image{
	margin-bottom: 15px;
}

.page-id-9642 #page-container form{
	margin-top: -8rem;
}

@media (max-width: 1210px ) {
	#page-container .ms_header-test-form .et_pb_column.et_pb_column_1_2.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough {
		width: auto;
	}

	#page-container  .ms_header-test-form .et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough.et-last-child{
		display: none;
	}
}

#page-container #fd_form-ninja-row {
	border-width: 0px ;
}

#page-container #fd_form-ninja-row .ms_nf-column-1{
	width: 40%;
	margin-right: 0;
}

#page-container #fd_form-ninja-row .ms_nf-column-2{
	width: 61%;
}

@media (max-width: 1210px ) {

	#page-container .ninja-forms-form-wrap{
		width: 90%;
	}

	#page-container #fd_form-ninja-row {
		flex-direction: column;
	}

	#page-container #fd_form-ninja-row .ms_nf-column-1{
		width: 100%;
	}

	#page-container #fd_form-ninja-row .ms_nf-column-2{
		width: 100%;
	}

	#page-container .ms_nf-baseline-form .et_pb_text_inner{
		width: 90%;
		margin-top: 3em;
	}

	#page-container .ms_nf-image{
		text-align: center;
	}

	#page-container .ms_nf-contact{
		padding-top: 2em;
	}

}

#page-container .ms_form-row {
	padding: 0 !important;
}

#page-container .nf-form-content {
		padding: 0;
		max-width: 1600px;
		/* margin: 20px auto; */
		transform: translateY(8rem);
}


.nf-form-content > * {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
}

#page-container .nf-form-content > * > *:nth-child(n+10) {
	width: 100%;
}


@media (min-width: 1361px) {

	#page-container .nf-form-content > * > * {
		width: 80%;
		margin-right: 10%;
		margin-left: 10%;
	}
}

@media (max-width: 1360px) {
	#page-container .nf-form-content > * > * {
		width: 86%;
		margin-right: 7%;
		margin-left: 7%;
	}

	#page-container .nf-form-content > * > *:nth-child(2n) {
		margin-right: 0;
	}
}

@media (max-width: 768px) {
	#page-container .nf-form-content > * > * {
		width: 100%;
		margin-right: 0;
	}
}

#page-container .fd_form-ninja-essai .nf-before-form-content{
	display: none;
}

#page-container .label-right .nf-field-description {
	margin-right: 0;
}
.checkbox-container.label-right .field-wrap {
	align-items: start;
}
#nf-field-9-wrap .ninja-forms-req-symbol {
	display: none;
}

#page-container .nf-form-content .list-select-wrap .nf-field-element>div,
#page-container .nf-form-content textarea {
	background: #f5f5f5;
	border: 1px solid #999;
	color: var(--msp-black);
	font-weight: 400;
}

#page-container .nf-form-content input[type=button] {
	background: var(--msp-red);
	color: var(--msp-white);
	margin-top: 20px;
	width: 100%;
	text-transform: uppercase;
	font-size: 1.2rem;
	letter-spacing: 0.02em;
	border-radius: 5px;
}
#page-container .nf-form-content input[type=button]:hover {
	background: var(--msp-black);
}
#page-container .nf-form-content label {
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
	color: var(--msp-black);
}


#fd_form-ninja-essai h3 {
	display: none;
}

#page-container .nf-form-content label {
	padding-right: 20px;
    display: flex;
	font-weight: 700;
	text-align: left;
}

#page-container .nf-form-content .style-liste-formulaire {
	height: 48px;
    border-radius: 5px;
	background: #f7f7f7;
    border: 1px solid #c4c4c4;
	box-shadow: none;
    color: #787878;
    transition: all .5s;
	font-size: 16px;
    margin: 0;
    padding: 12px;
}

#page-container .nf-error.field-wrap .nf-field-element:after {
	display: none;
}

#page-container .nf-error .nf-error-msg {
	display: none;
}

.nf-form-content .label-above .nf-field-label,
.nf-form-content .label-below .nf-field-label,
.nf-form-content .label-hidden .nf-field-label {
	width: 190px;
	display: flex;
	align-items: center;
}

#page-container .nf-form-content .label-above .nf-field-label {
	margin-bottom: 1em;
}

#page-container .nf-form-content .ms_ninja-form-questions.label-above .nf-field-label {
	margin-bottom: 20px;
	width: auto;
}


#page-container .nf-form-content .list-select-wrap .nf-field-element>div,
#page-container .nf-form-content input:not([type=button]) {
	height: 48px;
	border-radius: 5px;
}

#page-container .nf-form-content .list-select-wrap .nf-field-element>div,
#page-container .nf-form-content input:not([type=button])::after {
	display: none;
}

#page-container .nf-form-content .ms_ninja-form-questions input:not([type=button]) {
	height: 35px;
	max-width: 800px;
}

#page-container .label-above .field-wrap, .label-below .field-wrap {
	flex-direction: row;
}

#page-container .ms_ninja-form-questions.label-above .field-wrap {
	flex-direction: column;
	flex-wrap: wrap;
}

#page-container .list-checkbox-wrap .nf-field-element ul {
display: flex;
flex-wrap: wrap;
}

#page-container .listcheckbox-container .nf-field-element label::before {
	top: -5px;
	color: var(--msp-red)
}

#page-container .listcheckbox-container .nf-field-element label::after {
	top: -2px;
}
#page-container .nf-form-title h3 {
	display: none;
}

#page-container .ms_ninja-form-questions.label-above .nf-field-element {
	text-align: start;
}

#page-container .nf-form-content textarea.ninja-forms-field {
	height: 120px;
	border-radius: 5px;
}

#page-container .nf-form-content .ms_ninja-form-send-button.label-above .nf-field-label{
	width: auto;
}

#page-container .nf-before-form-content .nf-form-fields-required {

font-size: 0.8rem;

}

#page-container .recaptcha-wrap.textbox-wrap .nf-field-label{
	display: none;
}

#page-container .ms_title-inside-form h4{
margin-top: 30px;
}

#page-container .ms_title-inside-form h4 b{
	font-size: 1.2rem;
}

#page-container .ms_ninja-form-politique .checkbox-wrap .nf-field-label label.nf-checked-label:before{
		top: -5px;
		color: var(--msp-red)
}

#page-container .ms_ninja-form-politique{
	margin: 10px 0 30px 0;
}

#page-container .ms_nf-column-1 .ms_nf-methode-title{
    text-align: center;
    font-size: 1.5rem !important;
    font-weight: 600;
    user-select: auto;
    margin: 2em 0 1.2em 0 !important;
}

#page-container .ms_nf-column-1 .ms_nf-methode{
	margin-left: 10%;
	font-size: 1.1rem;
}

#page-container .ms_nf-column-1 .ms_nf-methode span {
	color: var(--msp-red);
    font-weight: 500;
}


#page-container .ms_nf-column-1 .ms_nf-methode-contact {
	font-size: 1.2rem;
  font-weight: 600;
  color: var(--msp-black);
  margin-left: 14%;
  line-height: 1.7;
}
#page-container .ms_nf-column-1 .ms_nf-methode-rdvpipe {
	margin-left: 10%;
	margin-bottom: 40px;
}

#page-container .ms_nf-column-2 {
	background-color: var(--msp-black);
}

#page-container .ms_nf-column-2 .ms_nf-contact {
	background-color: var(--msp-red);
    padding-bottom: 4%;
	margin-bottom: 0;
}

#page-container .ms_nf-column-2 .ms_nf-contact .et_pb_text_inner {
	display: flex;
	justify-content: space-between;
}

#page-container .ms_nf-column-2 .ms_nf-contact .et_pb_text_inner .mp_nf-adress {
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	color: var(--msp-white);
	margin-left: 60px;
}

#page-container .ms_nf-column-2 .ms_nf-contact .et_pb_text_inner .mp_nf-adress::before {
	content: "\e01f";
	font-family: 'ETmodules' !important;
	margin-right: 20px;
	font-size: 2.5rem;
	color: var(--msp-black);
}

#page-container .ms_nf-column-2 .ms_nf-contact .et_pb_text_inner .mp_nf-open-hours {
	display: flex;
	align-items: center;
	color: var(--msp-white);
	font-size: 1.1rem;
	margin-right: 60px;
}

#page-container .ms_nf-column-2 .ms_nf-contact .et_pb_text_inner .mp_nf-open-hours::before {
	content: "\7d";
	font-family: 'ETmodules' !important;
	margin-right: 20px;
	font-size: 2.5rem;
	color: var(--msp-black);
}

@media (max-width: 768px) {
	#page-container .ms_nf-column-2 .ms_nf-contact .et_pb_text_inner {
		flex-direction: column;
	}

	#page-container .ms_nf-column-2 .ms_nf-contact .mp_nf-adress {
		margin-left: 1em !important;
	}

	#page-container .ms_nf-column-2 .ms_nf-contact .mp_nf-open-hours {
		margin-right: 0 !important;
		margin-left: 1em;
		margin-top: 1em;
	}

	#page-container .ms_nf-column-2 .ms_nf-text{
		padding-top: 2em !important;
		padding-bottom: 0 !important;
	}

	#page-container .ms_nf-column-2 .ms_nf-argument{
		margin-left: 1.5em !important;
		font-size: 1.5rem !important;
	}

	#page-container .ms_nf-column-2 .ms_nf-argument span{
		font-size: 2rem !important;
	}
}

#page-container .ms_nf-column-2 .ms_nf-image{
	margin-bottom: 0;
}

#page-container .ms_nf-column-2 .ms_nf-text{
background-color: var(--msp-black);
padding: 6em 0 4em;
height: 54%;
}

#page-container .ms_nf-column-2 .ms_nf-argument {
	margin-left: 3em;
    font-size: 2rem;
	color: var(--msp-white);
    font-weight: 500;
	margin-bottom: 3rem;
	line-height: 1.3;
    max-width: 76%;
	letter-spacing: 0.7px;
}

#page-container .ms_nf-column-2 .ms_nf-argument span {
	font-size: 3rem;
    font-weight: 800;
    color: var(--msp-red);
}

#page-container .ms_nf-column-2 .ms_nf-argument .ms_nf-accroche {
	font-size: 2.2rem
}

#page-container .ms_nf-mention-legal{
	background-color: var(--msp-black);
}

#page-container .ms_nf-mention-legal .et_pb_text_inner{
	color: var(--msp-white);
	text-align: center;
    font-size: .85rem;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

/************************  BLOG ********************************/


#ms_blog-hero {
	min-height: 400px;
	display: flex;
	justify-content: center;

}
#ms_blog-hero #ms_hero-wrapper {
	background-color: rgba(255,255,255,0.8);
    position: absolute;
    bottom: 0;
    z-index: 50;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
		min-height: 225px;
		padding-top: 45px!important;
}

#ms_blog-hero #ms_hero-wrapper #ms_hero-titre {
	text-align: center;
	    width: auto;
	    max-width: initial;
			margin-bottom: 0 !important;
			min-height: 150px;
			display: flex;
    flex-direction: column;
    justify-content: center;
}
#page-container #ms_blog-hero #ms_hero-wrapper #ms_hero-titre h1 {
	color: var(--msp-black);
	line-height: 1.4;
	font-size: 2.8rem;
  padding-bottom: 0;
}


#ms_blog-hero #ms_hero-wrapper #ms_hero-teaser {
	max-width: initial;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#ms_blog {
    margin-top: 50px;
		z-index: 0;
}

#ms_blog.ms_blog-bloc {

    position: relative;
		padding-top: 50px;
}
#ms_blog.ms_blog-bloc article {
    background-color: var(--msp-white);

}

#ms_blog article {
    background-color: #F5F5F5;
		border: none;
		height: 450px;
		position: relative !important;
}

#ms_blog article:hover {
    transform: scale(1.05);
		transition: 0.25s;
}
#ms_blog article .et_pb_image_container {
	max-height: 196px;
	overflow: hidden;
}

#ms_blog article h2.entry-title {
    text-transform: initial;
		font-weight: 400;
		  font-size: 1.8rem;
}

@media (min-width: 1101px) and (max-width: 1350px) {
	#ms_blog article h2.entry-title  {
	    font-size: 1.75rem;
	}
}
@media (min-width: 980px) and (max-width: 1100px) {
	#ms_blog article h2.entry-title  {
	    font-size: 1.5rem;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#ms_blog article h2.entry-title  {
	    font-size: 1.6rem;
	}
}
@media (max-width: 500px) {
	#ms_blog article h2.entry-title  {
	    font-size: 1.7rem;
	}
}

#ms_blog article .entry-title:after {
    content: "";
		display: none;
}
#ms_blog article .post-content-inner {
    position: absolute;
		bottom: 15px;
}
#ms_blog article:hover .post-content-inner {
    position: absolute;
		bottom: 15px;
}
@media (max-width: 767px) {
	#ms_blog article .post-content-inner {
			bottom: 15px;
	}
	#ms_blog article:hover .post-content-inner {
			bottom: 15px;
	}
}

#ms_blog article .post-content-inner p,
#ms_blog article:hover .post-content-inner p {
	 font-size: 0.70rem;
	 text-transform: uppercase;
	 line-height: 1;
	 padding: 0;
	 font-weight: 600;
	 letter-spacing: 0.02em;
}

#page-container .main-content-blog .container {
	max-width: 972px;
	margin-top: 0px;
	padding-top: 20px !important;
}

#page-container .main-content-blog .container .ez-toc-pull-right,
#page-container .main-content-blog .container .ez-toc-title{
	display: none !important;
}

#page-container .main-content-blog .container #ez-toc-container {
	width: 60%;
  border: none;
  background-color: #f5f5f5;
	padding: 20px;
	margin-bottom: 3em;
}

@media (max-width: 1024px) {
	#page-container .main-content-blog .container #ez-toc-container {
		width: 75%;
	}
}

@media (max-width: 767px) {
	#page-container .main-content-blog .container #ez-toc-container {
		width: 100%;
	}
}

#page-container .main-content-blog .container #ez-toc-container a {
	text-transform: initial;
	padding: 0 5px;
	font-weight: 500;
	font-size: 1.15rem;
	line-height: 1.8;
}

#page-container #ez-toc-container.counter-decimal ul.ez-toc-list li a::before {
	color: var(--msp-red) !important;
	font-weight: 700 !important;

}

#page-container .main-content-blog h1 {
	text-transform: initial;
	font-weight: 400;
}

#page-container .main-content-blog h2 {
	margin-top: 25px;
	text-transform: none;
}

#page-container .main-content-blog h2:after {
max-width: 90px;
top: -2px;
}

#page-container .main-content-blog h3 {
	color: var(--msp-red);
	text-transform: initial;
	margin-top: 10px;
	margin-bottom: 9px;
}

#page-container .main-content-blog h4 {
	text-transform: initial;
	margin-top: 8px;
	margin-bottom: 9px;
}

#page-container .main-content-blog li::marker {
	color: #bbb;
}

#page-container .main-content-blog .et_pb_post .entry-content {
font-size: 15px;
}

#page-container .ms_blog-introduction {
	margin: 30px 0 5px 0;
	font-weight: 500;
}

#page-container .ms_blog-banniere {
	margin: 30px 0;
}
.main-content-blog .ms_blog-infos {
	 font-size: 0.95rem;
}
.main-content-blog .ms_blog-infos span {
	 font-weight: 600;
}
.main-content-blog .ms_blog-infos p {
	 display: inline-block;
}

/*** cta ***/
.blog-template-default #ms_blog article h2.entry-title {
		 font-size: 1.7rem;
}

.ms_cta-blog-row h3 {
	 font-weight: 400 !important;
}

.ms_cta-blog-row a.btn-blanc {
	 border: none;
}
.ms_cta-blog-row a.btn-blanc:hover {
	 background-color: var(--msp-black) !important;
	 border: none;
}
@media (max-width: 500px) {
	.ms_cta-blog-row h3 {
		 font-size: 1.5rem !important;
	}
	.ms_cta-blog-row a.btn-blanc {
		 font-size: 0.9rem;
	}
	.ms_cta-blog-row a.btn-blanc::after {
		 top: 1px!important;
	}
	.single-blog h2 + p,
	.single-blog h3 + p,
	.single-blog h4 + p{
		margin-bottom: 1.5rem !important;
	}
	.single-blog h2{
		margin-bottom: 1rem !important;
	}
}

 /* cta spin assist */

 #page-container .meca_cta{
	background-color: #f6f6f6;
 }

 #page-container .meca_cta .et_pb_row{
	display: flex;
    align-items: center;
    flex-direction: row;
 }

 #page-container .meca_cta .et_pb_row .et_pb_column:first-child{
	margin-right: auto;
	width: auto !important;
 }

 #page-container .meca_cta .et_pb_row .et_pb_column:last-child{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
	width: auto !important;
 }

 #page-container .meca_cta .et_pb_row .et_pb_column:last-child .et_pb_module{
	margin: 0;
 }

 #page-container .meca_cta .et_pb_row .et_pb_column:first-child h3.meca span{
	font-weight: inherit;
 }

 #page-container .meca_cta a.meca_mail{
	display: flex;
    align-items: center;
	background-color: var(--msp-black);
    color: var(--msp-white);
    border: 1px solid var(--msp-black);
    text-transform: lowercase;
    padding-right: 1em;
    padding-left: 3.5em;
	font-size: 1.87em;
	height: 75px;
 }

 #page-container .meca_cta a.meca_mail:hover{
	border: 1px solid var(--msp-black);
	background-color: var(--msp-white);
	color: var(--msp-black);
	padding-right: 1em !important;
    padding-left: 3.5em !important;
	font-size: 1.87em;
	height: 75px;
 }

 #page-container .meca_cta a.meca_mail::before{
	margin-left: -2em !important;
 }

 #page-container .meca_cta a.meca_tel{
	display: flex;
    align-items: center;
	border: 1px solid var(--msp-black);
	background-color: var(--msp-white);
	color: var(--msp-black);
	padding-right: 1em;
    padding-left: 3.5em;
	font-size: 1.45em;
	height: 75px;
 }

 #page-container .meca_cta a.meca_tel:hover{
	border: 1px solid var(--msp-black);
	background-color: var(--msp-black);
	color: var(--msp-white);
	padding-right: 1em !important;
    padding-left: 3.5em !important;
	font-size: 1.45em;
	height: 75px;
 }

 #page-container .meca_cta a.meca_cta--btn::before{
	content: attr(data-icon);
	opacity: 1 !important;
 }

 #page-container .meca_cta a.meca_tel::before{
	margin-left: -2em !important;
 }

 #page-container .meca_cta .meca_cta--texte h3{
	font-size: 1.75em;
 }

 @media (max-width:1419px){
	#page-container .meca_cta a.meca_mail{
		font-size: 1.45em;
	 }

	 #page-container .meca_cta a.meca_mail:hover{
		font-size: 1.45em;
	 }

	 #page-container .meca_cta a.meca_tel{
		font-size: 1.35em;
	 }

	 #page-container .meca_cta a.meca_tel:hover{
		font-size: 1.35em;
	 }
 }

 @media (max-width:1303px){
	#page-container .meca_cta .meca_cta--texte h3{
		font-size: 1.45em;
	 }

	 #page-container .meca_cta a.meca_mail{
		font-size: 1.35em;
	 }

	 #page-container .meca_cta a.meca_mail:hover{
		font-size: 1.35em;
	 }

	 #page-container .meca_cta a.meca_tel{
		font-size: 1.25em;
	 }

	 #page-container .meca_cta a.meca_tel:hover{
		font-size: 1.25em;
	 }
 }

 @media (max-width:1149px){

	#page-container .meca_cta .et_pb_row{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	 }

	 #page-container .meca_cta .et_pb_row .et_pb_column:first-child{
		display: contents;
	 }

	 #page-container .meca_cta .meca_cta--texte h3{
		padding-bottom: 2rem;
	 }

	 #page-container .meca_cta .et_pb_row .et_pb_column:first-child h3.meca span{
		display: contents;
	 }

 }

 @media (max-width:696px){
	#page-container .meca_cta .et_pb_row .et_pb_column:last-child{
		flex-direction: column;
		width: 80% !important;
	}

	#page-container .meca_cta .et_pb_row .et_pb_column:last-child .et_pb_module{
		width: 100%;
	}

	#page-container .meca_cta a.meca_mail{
		width: 100%;
	 }

	 #page-container .meca_cta a.meca_tel{
		width: 100%;
	 }
 }

 @media (max-width:427px){
	#page-container .meca_cta .et_pb_row .et_pb_column:last-child{
		width: 90% !important;
	}
 }

 @media (max-width:371px){
	#page-container .meca_cta a.meca_mail{
		font-size: 1.15em;
	 }

	 #page-container .meca_cta a.meca_mail:hover{
		font-size: 1.15em;
	 }

	 #page-container .meca_cta a.meca_tel{
		font-size: 1.15em;
	 }

	 #page-container .meca_cta a.meca_tel:hover{
		font-size: 1.15em;
	 }
 }


/*------------------- PAGES EQUIPEMENTS PERIPHERIQUES + PAGE SOMMAIRE CONSOMMABLE-------------------------- */

/* TITLE */
.single #page-container #et-boc .et-l #ms_equipement-top .ms_titre-categorie {
	margin-bottom: 13px;
	font-weight: 400;
	font-size: 2rem;
	color: var(--msp-red);
	line-height: 1.2em;
}

.single #page-container #et-boc .et-l #ms_equipement-top .et_pb_module.et_pb_text:nth-child(2),
.et-db #page-container #et-boc .et-l .titre-consommable {
	margin: 0;
}


/* REFERENCE */
.et-db #page-container #et-boc .et-l .ms_equipement-reference,
.single #page-container #et-boc .et-l .ms_equipement-reference {
	margin: 0 0 10px;
	font-size: 1.3rem;
}
@media (max-width:980px) {
	.single #page-container #et-boc .et-l #ms_equipement-top .ms_titre-categorie {
	  font-size: 1.75rem;
	}
}
@media (max-width:490px) {
	.single #page-container #et-boc .et-l #ms_equipement-top .ms_titre-categorie,
	.single #page-container #et-boc .et-l .ms_equipement-reference {
		text-align: center;
	}
	.single #page-container #et-boc .et-l #ms_equipement-top .ms_titre-categorie {
	  font-size: 1.5rem;
	}
}


/* TEASER EQUIPEMENT */

.ms_equipement-teaser {
	margin-top: 0px;
	font-size: 1rem;
	line-height: 1.8em;
}

/* titres fiches equipement */
 .et-db #page-container .et-l .ms_equipement-section h3 {
	 font-size: 1.4rem;
    line-height: 1.3;
		text-transform: inherit;
    font-weight: 400;
 }

/****** boutons ********/


/* Bouton contact */
.et-db #page-container #et-boc .et-l .cta-fiche-equipement .sous-titre {
	color: var(--msp-red);
	margin-top: 40px;
	font-size: 1.3rem;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}

/* SMART-SLIDER */

#ms-equipements_slider{
	border: solid 1px var(--msp-black);
}



/* AVANTAGES */

.et-db #et-boc .et-l .ms_avantages-equipements .et_pb_row {
    background-color: #e8e8e8;
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 10% 33%);
    display: flex;
    justify-content: center;
    align-items: center;
    height : 350px;
	width: 100%;
    max-width: 100%;
    padding-top: 130px;
}

.et-db #et-boc .et-l .ms_avantages-equipements .et_pb_row .et_pb_column {
	padding: 55px;
	width: 20%;
}

.et-db #et-boc .et-l .ms_avantages-equipements .et_pb_row .et_pb_text p {
	font-size: 1.3rem;
}



/* FONCTIONNALITES */

.et-db #et-boc .et-l .et_pb_section.ms_equipement-fonction {
	background-color: #f5f5f5;
	padding-top: 50px;
}

.ms_equipement-fonction .et_pb_image {
	overflow: hidden;
}
.ms_equipement-fonction .et_pb_image,
.ms_equipement-fonction .et_pb_image_wrap,
.ms_equipement-fonction .et_pb_image_wrap img {
	height: 100%;
}

.et-db #page-container #et-boc .et-l .ms_equipement-fonction .et_pb_image_wrap img {
	width: auto;
	max-width: initial;
}
.et-db #page-container #et-boc .et-l .ms_equipement-fonction .et_pb_image_wrap {
	display: flex;
	justify-content: center;
}



/* ONGLETS */

.ms_equipement-onglets .et_pb_tabs_controls li a {
	font-size: 1.5rem;
	padding: 20px 50px 20px;
}


.ms_equipement-onglets .et_pb_tab_content h3 {
	padding-top: 30px;
	padding-bottom: 20px;
    font-size: 2rem !important;

}

.ms_equipement-onglets .et_pb_tab_content h4 {
	padding-bottom: 40px;
	color: var(--msp-red) !important;


}

.ms_equipement-onglets .et_pb_tab_content h4::after {
	content: "";
	display: block;
	position: relative;
	width: calc(100% - 90%);
	border-bottom: 3px solid var(--msp-black);
	margin-top: 20px
}

.ms_equipement-onglets .et_pb_tab_content ul {
	line-height: 40px !important;


}

/* GALERIE PHOTOS */

.et-db #et-boc .et-l .ms_galerie-photos{
	background-color: #f5f5f5;
}

.et_pb_gutters3 .ms_galerie-photos .et_pb_column_4_4  .et_pb_grid_item{
	width: 24%;
    margin-right: 1%;
}

.ms_galerie-photos .et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title{
	display: none;
}

/************************* SECTION CONSOMMABLE *************************/

#page-container .consommable h3.item-title {
	font-size: 1.3rem !important;
	min-height: 86px;
}
#page-container .consommable h4.item-subtitle {
	text-transform: none;
    font-size: 1.1rem !important;
    padding: 0 10px 15px 10px;
}

.consommable .dica-item-content {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}



/************************* AUTRES EQUIPEMENTS PRERIPHERIQUES *************************/

.ms_autres-equipements article.type-equipements{
border: none;
margin-bottom: 10px;
}

.ms_autres-equipements .post-content-inner{
	display: none;
}

.ms_autres-equipements .post-meta {
	display: none;
}

#page-container .ms_autres-equipements,
.ms_autres-equipements .vignette-autres-equipements .et_pb_image_wrap {
	position: relative;
}

.ms_autres-equipements .vignette-autres-equipements:hover .et_pb_image_wrap::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 90%;
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(10px);
	z-index: 1;
}

.ms_autres-equipements .vignette-autres-equipements:hover .et_pb_image_wrap::after {
	content: 'En savoir plus';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: solid 1px var(--msp-white);
	border-radius: 5px;
	padding: 0.3rem 0.5rem;
	color: var(--msp-white);
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
	z-index: 2;
}

.et-db #page-container #et-boc .et-l .ms_autres-equipements .vignette-autres-equipements:hover h4 {
	color: var(--msp-red);
}

#page-container .ms_autres-equipements h2.entry-title a {
	color: var(--msp-white) !important;
}

.ms_autres-equipements .et_pb_post .entry-featured-image-url {
	margin-bottom: 0;
}

.et-db #page-container #et-boc .et-l .ms_autres-equipements .vignette-autres-equipements .et_pb_main_blurb_image {
	width: auto;
}

body .ms_autres-equipements .et_pb_blog_grid .type-equipements .et_pb_image_container  {
	margin-bottom: 0;
}

#ms_equipements .equipements{
	margin-bottom: 0;
}

#page-container .ms_autres-equipements .et_pb_row:last-child {
	position: initial;
}

#page-container .ms_autres-equipements .contact-zone,
body.et-db.single #page-container #et-boc .ms_autres-equipements .contact-zone {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #F6F6F6;
    height: 100%;
    width: 33.9%;
	padding: 4rem 3rem;
	border-top-left-radius: 15px;
}

#page-container .ms_autres-equipements .et_pb_row:last-child,
body.et-db.single #page-container #et-boc .ms_autres-equipements .et_pb_row:last-child {
	position: relative;
}


.et-db #page-container .et-l .ms_autres-equipements .contact-zone h3,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone h3 {
	font-size: 30px;
	line-height: 39px;
	text-transform: uppercase;
	font-weight: 400;
}

.et-db #page-container .et-l .ms_autres-equipements .contact-zone h3 span,
.et-db #page-container .et-l .ms_autres-equipements .contact-zone h3,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone h3 span,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone h3 {
	display: block;
	font-weight: 700;
}

.et-db #page-container .et-l .ms_autres-equipements .contact-zone ul,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone ul {
	list-style-type: none;
	border-top: var(--msp-black) solid 1px;
	padding-top: 2rem;
	padding-left: 0;
	margin-top: 1rem;
	width: max-content;
}

.et-db #page-container .et-l .ms_autres-equipements .contact-zone ul li,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone ul li {
	font-size: 30px;
	line-height: 26px;
	font-weight: 500;
}

.et-db #page-container .et-l .ms_autres-equipements .contact-zone ul li:first-child,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone ul li:first-child {
	margin-bottom: 2rem;
}

.et-db #page-container .et-l .ms_autres-equipements .contact-zone ul li:first-child::before,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone ul li:first-child::before {
	content: '\e090';
	font-family: 'ETModules';
	margin-right: 1rem;
}

.et-db #page-container .et-l .ms_autres-equipements .contact-zone ul li:last-child::before,
body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone ul li:last-child::before {
	content: '\e076';
	font-family: 'ETModules';
	margin-right: 1rem;
}


@media(max-width: 1280px) {
	.et-db #page-container .et-l .ms_autres-equipements .contact-zone h3,
	body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone h3 {
		font-size: 25px;
	}

	.et-db #page-container .et-l .ms_autres-equipements .contact-zone ul li,
	body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone ul li {
		font-size: 20px;
	}
}

@media(max-width: 980px) {
	#page-container .ms_autres-equipements .contact-zone,
	body.et-db.single #page-container #et-boc .ms_autres-equipements .contact-zone {
		position: relative;
		width: 100%;
	}

	.et-db #page-container .et-l .ms_autres-equipements .contact-zone h3,
	body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone h3 {
		text-align: center;
	}

	.et-db #page-container .et-l .ms_autres-equipements .contact-zone ul,
	body.et-db.single #page-container #et-boc .et-l .ms_autres-equipements .contact-zone ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.et-db #page-container .et-l .ms_autres-equipements .et_pb_column .et_pb_blurb_content img {
		width: 100%;
		object-fit: cover;
	}

	.et-db #page-container .et-l .ms_autres-equipements .et_pb_column .et_pb_blurb_content {
		display: flex;
		flex-direction: column;
	}
}

/*  PAGE ACCUEIL  */

.home .et_pb_section.et_pb_fullwidth_section{
	padding: 0 !important;
}

/*--------------- MACHINE -----------------/
-----------------------------------------*/

.ms_home-machine-section {
	background-color: #f9f9f9;
}

#page-container .ms_home-machine-title {
	margin: 90px 0 20px 0;
}

#page-container .ms_home-machine-title h2 {
	font-size: 3.5rem !important;
	color: var(--msp-red);
}

#page-container .ms_home-machine-title h2::after {
    width: calc(100% - 80%);
    margin: 30px 0 10px;
    border-bottom: 4px solid var(--msp-black);
}

#page-container .ms_home-machine-title h2 span {
	display: block;
	font-size: 0.5em !important;
	color: var(--msp-black);
	margin: 15px 0 15px 0;
	font-weight: 500;
}

#page-container .ms_home-machine-column2 {
z-index: 0;
}

#page-container .ms_home-machine-column2 .ms_home-machine-picture span {
    display: flex;
    justify-content: center;
}

#page-container .ms_home-machine-column2 .ms_home-machine-picture img {
	max-width: 1100px;
    left: 60px;
}

@media (max-width: 767px) {

	#page-container .ms_home-machine-title {
	margin-top: 1rem;
	}

	#page-container .ms_home-machine-section .ms_home-machine-row{
		padding-top: 0;
	}

	#page-container .ms_home-machine-title h2 {
		font-size: 2rem !important;
		color: var(--msp-red);
		display: flex;
		flex-direction: column;
	}
	#page-container .ms_home-machine-title h2 span {
		font-size: 0.75em !important;
	}
	#page-container .ms_home-machine-column1 .et_pb_module {
		text-align: center;
	}

	#page-container .ms_home-machine-column2 .ms_home-machine-picture img {
		max-width: 650px;
		left: 0px;
	}
	#page-container .ms_home-machine-column1 a.et_pb_button {
		margin-left: auto;
		margin-right: auto;
	}
}

/*--------------- AVANTAGES MACHINE ---------------*/

#page-container .ms_home-machine-section {
	overflow: hidden;
}

#page-container .ms_home-machine-avantages {
	margin-top: 100px;
	position: initial;
}

/*#page-container .ms_home-machine-section::before {
	width: 100%;
	content: " ";
	position: absolute;
	bottom: 0;
	border-bottom: 340px solid #E8E8E8;
	border-left: 0px solid transparent;
	clip-path: polygon(198% -34%, 100% 100%, 0% 100%, 9% 34%);
}*/

#page-container .ms_home-machine-avantages .et_pb_column {
	position: initial;
}

#page-container .ms_home-machine-avantages-column div {
    text-align: center;
	font-size: 1.7rem !important;
    color: var(--msp-black);
	font-weight: 500;
}

#page-container .ms_home-machine-avantages-column div span {
	display: block;
  font-size: 2.7rem !important;
  color: var(--msp-red);
	font-weight: 600;
	padding: 25px 0 25px 0;
}

#page-container .ms_home-machine-avantages-column2 .et_pb_text_inner {
z-index: 1;
}

#page-container .ms_home-machine-avantages-column3 {
	margin-bottom: 0px;
}

#page-container .ms_home-machine-avantages-picture {
	position: absolute;
	z-index: 0;
	margin-bottom: 0;
    bottom: -45px;
    right: -225px;
}

@media (max-width: 1100px) {
	#page-container .ms_home-machine-avantages-column div {
		font-size: 1.3rem !important;
	}

	#page-container .ms_home-machine-avantages-column div span {
		font-size: 1.8rem !important;
		padding: 15px 0;
	}
}

@media (max-width: 980px) {
	#page-container .ms_home-machine-avantages {
	display: flex;
	}
	#page-container .ms_home-machine-title {
		margin: 1rem 0 20px 0;
	}
}

@media (max-width: 768px) {
	#page-container .ms_home-machine-avantages {
		margin-top: 0;
	}

	#page-container .ms_home-machine-section::before {
		border-bottom: 775px solid #E8E8E8;
		clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
	}

	#page-container .ms_home-machine-avantages {
		display: flex;
		flex-direction: column;
		}

	#page-container .ms_home-machine-avantages-column {
		margin-bottom: 65px;
	}

	#page-container .ms_home-machine-avantages-column div {
		font-size: 1.7rem !important;

	}

	#page-container .ms_home-machine-avantages-column div span {
		font-size: 2.4rem !important;
		padding: 25px 0;
	}
}

@media(max-width: 425px){
	#page-container .ms_home-machine-title {
		margin: 0 0 20px 0;
	}
}

/* ------- SECTION TITRE --------------*/
.home .ms_hero.et_pb_section_video + .et_pb_section {
	background-color: #f9f9f9;
}

/* ------- SECTION IMAGES ---------------*/

.home .et_pb_section.et_section_regular.ms_home-images-section {
padding-top: 10px!important;
padding-bottom: 0!important;
background-color: #f9f9f9;
}

.home .ms_home-images-section .ms_home-images-row{
	padding-bottom: 0;
}

/*-------- SECTION NOS MACHINES --------/
--------------------------------------*/

#page-container .ms_home-product-section {
	background-color: #f9f9f9;
}

#page-container .ms_home-product-title h2 {
	margin: auto;
	font-size: 3rem !important;
}

#page-container .ms_home-product-title h2::after {
	width: 33%;
	left: 33%;
	border-bottom: 5px solid var(--msp-red);
}

#page-container .ms_home-product-row2 {
	justify-content: center;
}

#page-container .ms_home-product-section .ms_home-product-row2 .ms_home-product-thumbnail {
	text-align: center;
}

#page-container .ms_home-product-section .ms_home-product-name {
    text-align: center;
	margin-bottom: 25px;
}


/*--------------- CLIENTS ------------/
------------------------------------*/

#page-container .dica_divi_carousel_1 .dica-container .swiper-button-next, .dica_divi_carousel_1 .dica-container .swiper-button-prev {
	position: relative;
	right: 65px;
}

#page-container .dica_divi_carousel_1 .dica-container .swiper-button-next, .dica_divi_carousel_1 .dica-container .swiper-button-prev::before {
	color: var(--msp-black) !important;
}

#page-container .dica_divi_carousel_1 .dica-container .swiper-button-next, .dica_divi_carousel_1 .dica-container .swiper-button-next {
	position: relative;
	left: 65px;
}

#page-container .dica_divi_carousel_1 .dica-container .swiper-button-next, .dica_divi_carousel_1 .dica-container .swiper-button-next::before {
	color: var(--msp-black) !important;
}

@media (max-width: 1024px) {
	#page-container .dica_divi_carousel_1 .dica-container .swiper-button-next, .dica_divi_carousel_1 .dica-container .swiper-button-prev {
		display: none;
	}


	#page-container .dica_divi_carousel_1 .dica-container .swiper-button-next, .dica_divi_carousel_1 .dica-container .swiper-button-next {
		display: none;
	}

}


/**** NOUVELLE SECTION SHOWROOM  **********
*******************************************/

#page-container .section-showroom,
body.et-db.single #page-container #et-boc .section-showroom {
	position: relative;
	padding: 0;
	color: var(--msp-white);
	background-color: var(--msp-black);
}

#page-container .section-showroom::before,
body.et-db.single #page-container #et-boc .section-showroom::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url(images/marque-header-red.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 3;
	pointer-events: none;
	z-index: 0;
}

#page-container .section-showroom-row,
body.et-db.single #page-container #et-boc .section-showroom-row {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	padding: 0;
	width: 100%;
	max-width: none;
}

#page-container .section-showroom-column1,
body.et-db.single #page-container #et-boc .section-showroom-column1 {
	width: 56% !important;
	position: initial;
	z-index: 2;
	padding: 3rem 8rem;
}

#page-container .section-showroom-column1::before,
body.et-db.single #page-container #et-boc .section-showroom-column1::before {
	content: '';
	background-image: url('https://www.mecaspin.fr/wp-content/uploads/2023/07/mecaspin-logo-shape.svg');
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	pointer-events: none;
}

#page-container .section-showroom-column2,
body.et-db.single #page-container #et-boc .section-showroom-column2 {
	width: 34% !important;
	position: initial;
	z-index: 1;
}

#page-container .section-showroom-title,
body.et-db.single #page-container #et-boc .section-showroom-title {
	position: relative;
	margin-bottom: 20px !important;
	padding: 1rem 0;
	padding-left: 2rem;
	width: 106%;
}

#page-container .section-showroom-title h2,
body.et-db.single #page-container #et-boc .section-showroom-title h2 {
	position: relative;
}

#page-container .section-showroom-title h2::before,
body.et-db.single #page-container #et-boc .section-showroom-title h2::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: var(--msp-red);
	width: 40%;
	height: 2px;
}

#page-container .section-showroom-title h2::after,
body.et-db.single #page-container #et-boc .section-showroom-title h2::after {
	display: none;
}

#page-container .section-showroom h3,
body.et-db.single #page-container #et-boc .section-showroom h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: 400;
	text-transform: none;
	color: var(--msp-white);
}

#page-container .section-showroom-text,
body.et-db.single #page-container #et-boc .section-showroom-text {
	margin-bottom: 0.925rem;
	width: 85%;
	padding-left: 2rem;
}

#page-container .section-showroom-phone div.et_pb_text_inner,
body.et-db.single #page-container #et-boc .section-showroom-phone div.et_pb_text_inner {
	display: flex;
	justify-content: flex-start;
}

#page-container .section-showroom-phone div.et_pb_text_inner a:first-child,
body.et-db.single #page-container #et-boc .section-showroom-phone div.et_pb_text_inner a:first-child {
	margin-right: 40px;
}

#page-container .section-showroom-logo-contact,
body.et-db.single #page-container #et-boc .section-showroom-logo-contact {
	position: absolute;
	left: 28%;
	bottom: -1px;
}

#page-container .section-showroom-adress div.et_pb_text_inner,
body.et-db.single #page-container #et-boc .section-showroom-adress div.et_pb_text_inner {
	display: flex;
	align-items: center;
}

#page-container .section-showroom-adress div.et_pb_text_inner a,
body.et-db.single #page-container #et-boc .section-showroom-adress div.et_pb_text_inner a {
	color: var(--msp-white);
}

#page-container .section-showroom-adress div.et_pb_text_inner::before,
body.et-db.single #page-container #et-boc .section-showroom-adress div.et_pb_text_inner::before {
	content: '';
	order: -2;
	width: 1.8rem;
	height: 1.8rem;
	flex-shrink: 0;
	margin-right: 15px;
	background-image: url(images/feather-map-pin.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#page-container .section-showroom-adress div.et_pb_text_inner::after,
body.et-db.single #page-container #et-boc .section-showroom-adress div.et_pb_text_inner::after {
	content: '';
	order: -1;
	width: 5px;
	height: 5px;
	flex-shrink: 0;
	margin-right: 15px;
	background-color: var(--msp-red);
}

#page-container .section-showroom-opening-hours div.et_pb_text_inner,
body.et-db.single #page-container #et-boc .section-showroom-opening-hours div.et_pb_text_inner {
	display: flex;
	align-items: center;
}

#page-container .section-showroom-opening-hours div.et_pb_text_inner::before,
body.et-db.single #page-container #et-boc .section-showroom-opening-hours div.et_pb_text_inner::before {
	content: '';
	order: -2;
	width: 1.8rem;
	height: 1.8rem;
	flex-shrink: 0;
	margin-right: 15px;
	background-image: url(images/ion-ios-timer.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Point rouge entre l'icône et le texte */
#page-container .section-showroom-opening-hours div.et_pb_text_inner::after,
body.et-db.single #page-container #et-boc .section-showroom-opening-hours div.et_pb_text_inner::after {
	content: '';
	order: -1;
	width: 5px;
	height: 5px;
	flex-shrink: 0;
	margin-right: 15px;
	background-color: var(--msp-red);
}

#page-container .section-showroom-column2 .et_pb_image,
body.et-db.single #page-container #et-boc .section-showroom-column2 .et_pb_image {
	position: absolute;
	top: 0;
	right: 0;
	width: 44%;
	height: 100%;
	overflow: hidden;
}

#page-container .section-showroom-column2 .et_pb_image .et_pb_image_wrap,
#page-container .section-showroom-column2 .et_pb_image img,
body.et-db.single #page-container #et-boc .section-showroom-column2 .et_pb_image .et_pb_image_wrap,
body.et-db.single #page-container #et-boc .section-showroom-column2 .et_pb_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-container .section-showroom-column1 .section-showroom-adress,
#page-container .section-showroom-column1 .section-showroom-opening-hours,
body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-adress,
body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-opening-hours {
	position: relative;
	font-size: 22px;
	line-height: 29px;
	margin: 0;
	padding: 1.818rem 0 0;
}

#page-container .section-showroom-column1 .section-showroom-adress,
#page-container .section-showroom-column1 .section-showroom-opening-hours,
#page-container .section-showroom-column1 .section-showroom-phone,
body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-adress,
body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-opening-hours,
body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-phone {
	padding-left: 2rem;
}

#page-container .section-showroom-column1 .section-showroom-phone {
	padding-top: 3.875rem;
}

@media (max-width: 1500px) {
	#page-container .section-showroom-logo-contact,
	body.et-db.single #page-container #et-boc .section-showroom-logo-contact {
		display: none;
	}

	#page-container .section-showroom-phone div a.btn-call,
	body.et-db.single #page-container #et-boc .section-showroom-phone div a.btn-call {
		margin-right: 0px;
		margin-left: 15px;
	}
}

@media (max-width: 1280px) {
	#page-container .section-showroom-phone div a.btn-call,
	body.et-db.single #page-container #et-boc .section-showroom-phone div a.btn-call {
		display: none;
	}

	#page-container .section-showroom .section-showroom-column1,
	body.et-db.single #page-container #et-boc .section-showroom .section-showroom-column1 {
		width: 80% !important;
	}

	#page-container .section-showroom .section-showroom-column2,
	body.et-db.single #page-container #et-boc .section-showroom .section-showroom-column2 {
		width: 20% !important;
	}

	#page-container .section-showroom-column2 .et_pb_image, body.et-db.single #page-container #et-boc .section-showroom-column2 .et_pb_image {
		width: 32%;
	}
}

@media (max-width: 980px) {
	#page-container .section-showroom .section-showroom-column1,
	body.et-db.single #page-container #et-boc .section-showroom .section-showroom-column1 {
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	#page-container .section-showroom-column2,
	body.et-db.single #page-container #et-boc .section-showroom-column2 {
		display: none;
	}

	#page-container .section-showroom-phone div a.btn-call,
	body.et-db.single #page-container #et-boc .section-showroom-phone div a.btn-call {
		display: flex;
	}

	#page-container .section-showroom-title,
	body.et-db.single #page-container #et-boc .section-showroom-title {
		width: 100%;
	}
}

@media (max-width: 768px) {
	#page-container .section-showroom-column,
	body.et-db.single #page-container #et-boc .section-showroom-column {
		margin-left: 1.25%;
		margin-right: 1.25%;
	}

	#page-container .section-showroom-title h2,
	body.et-db.single #page-container #et-boc .section-showroom-title h2 {
		text-align: left;
	}

	#page-container .section-showroom-phone div a.btn-call,
	body.et-db.single #page-container #et-boc .section-showroom-phone div a.btn-call {
		display: none;
	}

	#page-container .section-showroom-phone .et_pb_text_inner,
	body.et-db.single #page-container #et-boc .section-showroom-phone .et_pb_text_inner {
		flex-direction: column;
	}

	#page-container .section-showroom-phone .btn,
	body.et-db.single #page-container #et-boc .section-showroom-phone .btn {
		width: 100%;
		text-align: center;
	}

	#page-container .section-showroom-phone .btn-rdv,
	body.et-db.single #page-container #et-boc .section-showroom-phone .btn-rdv {
		margin-bottom: 1rem;
	}

	#page-container .section-showroom-phone .btn::before,
	body.et-db.single #page-container #et-boc .section-showroom-phone .btn::before {
		margin-left: 0 !important;
	}
}

@media (max-width: 500px) {
	#page-container .section-showroom-title h2,
	body.et-db.single #page-container #et-boc .section-showroom-title h2 {
		font-size: 30px;
		line-height: 40px;
	}

	#page-container .section-showroom-text,
	body.et-db.single #page-container #et-boc .section-showroom-text {
		padding-left: 0;
		width: 100%;
	}

	#page-container .section-showroom-column1 .section-showroom-adress,
	#page-container .section-showroom-column1 .section-showroom-opening-hours,
	#page-container .section-showroom-column1 .section-showroom-phone,
	body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-adress,
	body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-opening-hours,
	body.et-db.single #page-container #et-boc .section-showroom-column1 .section-showroom-phone {
		padding-left: 0;
	}

	body #page-container a.btn.btn-icone,
	body #page-container a.et_pb_button.btn-icone,
	body.et-db #page-container #et-boc a.btn.btn-icone,
	body.et-db #page-container #et-boc a.et_pb_button.btn-icone {
		line-height: 1.5rem !important;
	}

	#page-container .section-showroom-title{
		padding-left: 0;
	}
}

@media(max-width: 375px){
	#page-container .section-showroom-opening-hours div.et_pb_text_inner, body.et-db.single #page-container #et-boc .section-showroom-opening-hours div.et_pb_text_inner,
	#page-container .section-showroom-adress div.et_pb_text_inner a, body.et-db.single #page-container #et-boc .section-showroom-adress div.et_pb_text_inner a{
		font-size: 0.8em;
	}

	#page-container .section-showroom-opening-hours div.et_pb_text_inner::before, body.et-db.single #page-container #et-boc .section-showroom-opening-hours div.et_pb_text_inner::before{
		width: 1.5rem;
	}
}

/*-------------- SERVICES -------------------/
-------------------------------------------*/

/*--------------- IMAGES ---------------*/

#page-container .ms_home-images-row {
	width: 100%;
	max-width: 2500px;
}

#page-container .ms_home-images-row .et_pb_column {
	margin-right: 0;
	width: 33.33%;
}

#page-container .ms_home-images-row .et_pb_column span {
	width: 100%;
}

#page-container .ms_home-images-row .et_pb_column img {
width: 100%;
}

@media (max-width: 980px) {
	#page-container .ms_home-images-row{
		padding-bottom: 0px;
	}
}

/*--------------- EN SAVOIR PLUS ---------------*/

#page-container .ms_home-savoir-plus-section h3 {
	color: var(--msp-red);
}

@media (max-width: 980px) {

	#page-container .ms_home-savoir-plus-section .ms_home-savoir-plus-row2{
		display: flex;
		flex-direction: column-reverse;
	}

	#page-container .ms_home-savoir-plus-section .ms_home-savoir-plus-row2 img{
		margin-top: 30px;
	}

}


/*--------------- BLOG -----------------/
--------------------------------------*/

#page-container .ms_home-blog {
    background-color: var(--msp-black);
}

#page-container .ms_home-blog-title h2 {
    color: var(--msp-white);
}

#page-container .ms_home-blog-title h2::after {
    width: 130%;
    border-bottom: 2px solid var(--msp-white);
}

#page-container .ms_home-blog article {
    background-color: var(--msp-white);
		border: none;
		height: 450px;
		position: relative !important;
}

#page-container .ms_home-blog article:hover {
    transform: scale(1.05);
		transition: 0.25s;
}
#page-container .ms_home-blog article .et_pb_image_container {
	max-height: 196px;
	overflow: hidden;
}

#page-container .ms_home-blog article h2.entry-title {
    text-transform: initial;
		font-weight: 400;
		  font-size: 1.8rem;
}

@media (min-width: 1101px) and (max-width: 1350px) {
	#page-container .ms_home-blog article h2.entry-title  {
	    font-size: 1.75rem;
	}
}
@media (min-width: 980px) and (max-width: 1100px) {
	#page-container .ms_home-blog article h2.entry-title  {
	    font-size: 1.5rem;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#page-container .ms_home-blog article h2.entry-title  {
	    font-size: 1.6rem;
	}
}
@media (max-width: 500px) {
	#page-container .ms_home-blog article h2.entry-title  {
	    font-size: 1.7rem;
	}
}

#page-container .ms_home-blog article .entry-title:after {
    content: "";
		display: none;
}
#page-container .ms_home-blog article .post-content-inner {
    position: absolute;
		bottom: 15px;
}
#page-container .ms_home-blog article:hover .post-content-inner {
    position: absolute;
		bottom: 15px;
}

@media (max-width: 767px) {
	#page-container .ms_home-blog article .post-content-inner {
			bottom: 15px;
	}
	#page-container .ms_home-blog article:hover .post-content-inner {
			bottom: 15px;
	}
}

#page-container .ms_home-blog article .post-meta {
display: none;
}

#page-container .ms_home-blog .pagination {
	display: none;
}

#page-container .ms_home-blog article .post-content-inner p,
#page-container .ms_home-blog article:hover .post-content-inner p {
	 font-size: 0.70rem;
	 text-transform: uppercase;
	 line-height: 1;
	 padding: 0;
	 font-weight: 600;
	 letter-spacing: 0.02em;
}

#page-container .ms_home-blog .ms_home-blog-article div.et_pb_button_module_wrapper {
text-align: center;
}

@media(max-width: 980px){
	.single-blog.et-db #et-boc .et-l .et_pb_row{
		width: 100%;
	}

	.single-blog.et-db #et-boc .et-l .msp-footer .et_pb_row{
		width: 90%;
	}
}

/*--------------- / BLOG ---------------*/

/**  Correction bugs Divi MAJ **/

a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
}


/************************************************************************/
/*************************** DEVELOPPEMENT V2 ****************************/
/*************************************************************************/

/***** BANNIERE VIDEO *********************
*******************************************/

/** structure **/
#page-container .banner-hero {
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
	height: 1px;
	min-height: 700px;
}

#page-container .banner-hero .et_pb_row {
    position: relative;
    display: flex;
    margin: 0 !important;
    max-width: 100%;
    padding: 0;
    height: 100%;
    width: 100%;
}
.banner-hero .et_pb_column {
    margin-right: 0;
}


.banner-hero .et_pb_column:first-child {
    position: relative;
		background-image: linear-gradient(#dedede,rgb(216 216 216 / 35%),rgb(216 216 216 / 0%),rgb(216 216 216 / 0%),rgb(216 216 216 / 35%),#dedede), linear-gradient(to right bottom,#dedede 50%,#e9e9e9 50%);
    padding: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 45%;
}
.banner-hero .et_pb_column:last-child {
    width: 55%;
}

/** Contenu **/
#page-container .banner-hero .et_pb_module.et_pb_text {
    z-index: 2;
    margin-bottom: 1.3rem;
		margin-left: 5%;
}
#page-container .banner-hero h1 {
	font-size: 3.3rem;
	margin-bottom: 15px;
	font-weight: 900;
}
#page-container .banner-hero h1 span {
    font-weight: 500;
	letter-spacing: 0;
}
#page-container .banner-hero h2 {
	font-size: 1.9rem;
	line-height: 2.55rem;
	font-weight: 500;
	text-transform: none;
	margin-bottom: 15px;
	margin-right: 15%;
}
#page-container .banner-hero h2::after {
	display: none !important;
}

.banner-hero ul {
  padding-left: 40px;
}
.banner-hero li {
	font-size: 1.5rem;
	list-style-type: none;
	line-height: 2em;
	position: relative;
	font-weight: 500;
	color: var(--msp-red);
}
.banner-hero li::before {
	position: absolute;
	transform: rotate(8deg);
	font-family: 'ETmodules';
	content: "\4e";
	font-size: 135%;
	color: var(--msp-red);
	float: left;
	margin-left: -1.4em;
	font-weight: 900;
	opacity: 1;
	top: 1px;
}


.banner-hero p {
    margin: 2rem 5rem 0 0;
		width: 80%;
		font-size: 1.3rem;
		line-height: 1.5em;
}

/** autre **/
#page-container .banner-hero .et_pb_button_module_wrapper,
#page-container .banner-hero .et_pb_image.after-banner  {
    margin-bottom: 0;
}
#page-container .zindex-banner {
    z-index: -1 !important;
}
.banner-hero .after-banner {
    display: none;
}
.banner-hero .et_pb_button_module_wrapper {
    z-index: 2;
}
.banner-hero .background-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-hero .et_pb_column:last-child .et_pb_image_wrap,
.banner-hero .et_pb_column:last-child .et_pb_image {
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.banner-hero .background-banner img {
    width: 100%;
    pointer-events: none;
    z-index: -1;
}
.banner-hero .et_pb_column:last-child img {
    width: auto;
    height: 100%;
    max-width: initial;
}
.banner-hero .et_pb_column_1_2 span {
    display: block;
}

/*** bouton ***/
#page-container .banner-hero a {
	background: none;
	border: solid 2px var(--msp-red);
	border-radius: 7px;
	padding: 10px 40px 10px 15px;
	color: var(--msp-red);
	font-size: 1.3rem !important;
	font-weight: 500;
}
#page-container .banner-hero a:hover {
	background: none;
  border: solid 2px var(--msp-black) !important;
  border-radius: 7px;
  padding: 10px 40px 10px 15px;
  color: var(--msp-black) !important;
  font-size: 1.3rem !important;
  font-weight: 500;
  transform: scale(1.03);
  transition: 0.25s;
}

/** responsive **/
@media (min-width: 1365px) {
  .banner-hero p:last-child {
      margin-top: 0.8rem
  }
}
@media (max-width: 1650px) {
  .banner-hero p {
      margin: 2rem 2rem 0 0;
  }
}
@media (max-width: 1550px) {
  .banner-hero p {
      margin: 2rem 1.5rem 0 0;
  }
}
@media (max-width: 1520px) {
  #page-container .banner-hero a {
      margin: 1rem 0;
  }
}
@media (max-width: 1430px) {
  .banner-hero .et_pb_column:first-child {
    padding: 3rem 3.5rem
  }
}
@media (max-width: 1365px) {
    .banner-hero .et_pb_text_inner {
        display: flex;
        flex-wrap: wrap;
        position: inherit;
    }

    .banner-hero .text-banner {
        width: 100%;
    }

    .banner-hero h1 {
        width: 100%;
    }

    .banner-hero .after-banner {
        display: block;
        position: absolute;
        left: 86%;
        bottom: 3rem;
        width: 50px;
        height: 80px;
        z-index: 10;
    }

    .banner-hero .after-banner img {
        width: 100% !important;
    }

    .banner-hero p {
        padding-right: 48px;
        text-align: justify;
        margin: 2rem 0 0 0;
    }

    .banner-hero .et_pb_column:last-child {
        position: absolute;
        top: 0;
        left: 45%;
        height: 100%;
    }
    #page-container .banner-hero a {
        margin: 2rem 0;
    }
}
@media (max-width: 1260px) {
  #page-container .banner-hero h1 {
    font-size: 4.25vw;
  }
  #page-container .banner-hero a {
    font-size: 1.6vw;
  }
}
@media (max-width: 1200px) {
  #page-container .banner-hero h1 {
    font-size: 4.25vw;
  }
  .banner-hero .et_pb_column:first-child {
    padding: 3rem 3rem
  }
}
@media (max-width: 1100px) {
  .banner-hero p {
    padding-right: 1.75rem;
  }
}
@media (max-width: 1024px) {
	#page-container .banner-hero {
			height: 100%;
			min-height: initial;
	}
    .banner-hero .et_pb_row {
        flex-direction: column-reverse;
    }

    .banner-hero .et_pb_column:first-child {
        width: 100%;
    }

    .banner-hero .et_pb_column:last-child {
        position: inherit !important;
        left: 0 !important;
    }

    .banner-hero #video-banner {
        display: block !important;
        height: auto;
        width: 100%;
        margin-bottom: 0;
    }

    .banner-hero .mejs-video {
      margin: 0 !important;
      position: inherit;
      left: 0 !important;
    }
    .banner-hero .et_pb_section_video_bg {
      position: relative;
    }

    .banner-hero .after-banner {
      display: none;
    }
    #page-container .banner-hero h1 {
      font-size: 6vw;
    }
    #page-container .banner-hero a {
      font-size: 2vw;
      margin: 1rem 0;
    }
    .banner-hero .et_pb_column:first-child p:last-child {
      display: block!important;
      width: 100% !important;
      margin-top: 1rem;
    }
}
@media (max-width: 768px) {
  #page-container .banner-hero a {
    font-size: 2.5vw;
  }
  #page-container .banner-hero h1 {
    font-size: 7.5vw;
    padding-bottom: 0;
  }
  .banner-hero .et_pb_column:first-child {
    padding: 2rem 2.5rem 2.5rem 2.5rem;
  }
}
@media (max-width: 680px) {
  #page-container .banner-hero a {
    font-size: 3vw;
  }
  #page-container .banner-hero h1 {
    font-size: 8vw;
  }
  .banner-hero p {
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  #page-container .banner-hero a {
    font-size: 3.5vw;
  }
  #page-container .banner-hero h1 {
    font-size: 9vw;
  }
}

@media (max-width: 425px) {
	#page-container .banner-hero h1 {
		font-size: 2.2rem;
	  }
}


/***** BANNIERE IMAGE *********************
*******************************************/
#page-container .banner-image {
	height: 100%;
}

#page-container .banner-image .et_pb_column:first-child {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: inherit;
	background-color: transparent;
	background-image: inherit;
	padding: 4rem 0;
}

@media(max-width: 1366px) {
	#page-container .banner-image .et_pb_column:first-child {
		padding-left: 5%;
	}

	#page-container .banner-image .et_pb_column:first-child .et_pb_text {
		max-width: none !important;
	}
}

#page-container .banner-image .et_pb_column:first-child .et_pb_text {
	margin-left: 0;
	max-width: 535px;
}

#page-container .banner-image p {
	font-size: 26px;
	line-height: 40px;
	width: 100%;
}

@media(max-width: 1024px) {
	.banner-hero #video-banner {
		padding: 5%;
	}

	.banner-hero #video-banner img {
		width: 100%;
		height: auto;
	}
}

@media(max-width: 768px) {
	#page-container .banner-image h1 {
		flex-direction: column;
	}

	#page-container .banner-image h2 {
		margin-right: 0;
	}

	#page-container .banner-image p {
		text-align: center;
	}

	#page-container .banner-image .et_pb_column:first-child {
		padding: 5%;
	}

	#page-container .banner-image p::after {
		margin-left: auto;
		margin-right: auto;
	}
}

#page-container .banner-image p::after {
	content: '';
	display: block;
	background-color: #E50E20;
	height: 3px;
	width: 100px;
	margin-top: 1rem;
}

@media(min-width: 1024px) {
	.banner-image .et_pb_column:last-child img {
		width: 100%;
		object-fit: contain;
	}
}

@media(max-width: 425px){
	#page-container .banner-image p {
		font-size: 1.2rem;
	}
}


/************** Hotspot **************/

body .tooltipster-base {
	width: 350px;
	height: max-content;
}

body .tooltipster-sidetip .tooltipster-box {
	border-radius: 3px !important;
}

.tooltipster-base .tooltipster-box {
	box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.4);
}

.tooltipster-content {
	text-align: center;
	overflow-y: hidden;
}

.tooltipster-content h4 {
	position: relative;
	color: #E50E20;
	font-size: 15px;
	margin-top: 1rem;
}

.tooltipster-content h4::before {
	content: '';
    display: block;
    position: absolute;
    top: -16px;
    left: 50%;
    width: 30%;
    height: 2px;
    background-color: #E50E20;
    transform: translate(-50%);
}

.tooltipster-content .icon-list {
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}

.tooltipster-content .icon-list img {
	position: relative;
	padding: 0 .5rem;
	border-right: #E50E20 solid 1px;
}

.tooltipster-content .icon-list img:last-child {
	border-right: none;
}

/** bouton **/

body.et-db .tooltipster-base a.et_pb_button {
  padding: 0.50em 1.8em 0.45em 0.8em !important;
  font-size: 1rem !important;
  line-height: 1rem !important;
}

body.et-db .tooltipster-base a.et_pb_button:hover {
	padding: 0.50em 1.8em 0.45em 0.8em !important;
	font-size: 1rem !important;
	background-color:var(--msp-red) !important;
}

body.et-db .tooltipster-base a.et_pb_button:after {
  line-height: 1rem !important;
  font-size: 1rem !important;
}

/***** Section accompagnement *****/
#page-container .section-accompagnement .steps .et_pb_column {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#page-container .section-accompagnement .steps .et_pb_text {
	width: 306px;
	height: 224px;
}

#page-container .section-accompagnement .steps .et_pb_text:first-child .et_pb_text_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4rem;
	height: 100%;
}

#page-container .section-accompagnement .steps .et_pb_text:first-child .et_pb_text_inner::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--msp-red);
	mix-blend-mode: multiply;
}

#page-container .section-accompagnement .steps .et_pb_text:first-child span {
	position: relative;
    font-size: 150px;
    font-weight: 900;
    line-height: 48px;
    color: transparent;
	-webkit-text-stroke: 2px;
    -webkit-text-stroke-color: var(--msp-white);
	z-index: 2;
}

#page-container .section-accompagnement .steps .et_pb_text:first-child span::after {
	content: '.';
}

#page-container .section-accompagnement .steps .et_pb_text:first-child::after {
	content: '\e046';
	display: block;
	font-family: 'ETModules';
	color: var(--msp-red);
	position: absolute;
	top: 50%;
	right: -34%;
	transform: translateY(-50%);
	font-size: 50px;
}

@media(max-width: 1430px) {
	#page-container .section-accompagnement .steps .et_pb_text:first-child::after {
		right: -29%;
	}
}

@media(max-width: 1350px) {
	#page-container .section-accompagnement .steps .et_pb_text:first-child::after {
		right: -25%;
	}
}

@media(max-width: 1280px) {
	#page-container .section-accompagnement .steps .et_pb_text:first-child::after {
		display: none;
	}
}

#page-container .section-accompagnement .steps .et_pb_column:last-child .et_pb_text:first-child::after {
	display: none;
}

#page-container .section-accompagnement .steps h3 {
	font-size: 30px;
	font-weight: 400;
	line-height: 50px;
	color: #323232;
	text-transform: initial;
	text-align: center;
}

#page-container .section-accompagnement .steps h3 span {
	display: block;
	font-size: 43px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--msp-red);
}

#page-container .section-accompagnement .cta {
	position: relative;
}

.et-db:not(.single) #page-container .et_pb_section[class*="bg-"] + .et_pb_section.section-accompagnement .cta::before {
  display: none;
}

#page-container .section-accompagnement .cta h3 {
	text-align: center;
}

#page-container .section-accompagnement .et_pb_code_inner div {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

#page-container .section-accompagnement .et_pb_code_inner .btn-rouge {
	margin-right: 2rem;
}

@media(max-width: 980px) {
	#page-container .section-accompagnement .et_pb_code_inner div {
		flex-direction: column;
	}

	body #page-container .section-accompagnement a.btn.btn-icone,
	body.et-db #page-container #et-boc .section-accompagnement a.btn.btn-icone {
		width: 100%;
	}

	body #page-container .section-accompagnement a.btn.btn-icone::before,
	body.et-db #page-container #et-boc .section-accompagnement a.btn.btn-icone::before {
		margin-left: 0;
	}

	body #page-container .section-accompagnement a.btn.btn-enveloppe,
	body.et-db #page-container #et-boc .section-accompagnement a.btn.btn-enveloppe {
		margin-bottom: 1rem;
	}

	#page-container .section-accompagnement .steps .et_pb_column:not(.et_pb_column:nth-child(3))::after{
		content: '\e046';
        display: block;
        font-family: 'ETModules';
        color: var(--msp-red);
        position: absolute;
        top: 89%;
        font-size: 50px;
		transform: rotate(90deg);
	}

	#page-container .section-accompagnement .steps{
		padding-bottom: 0;
	}

	#page-container .section-accompagnement .steps h3{
		font-size: 27px;
	}

	#page-container .section-accompagnement .et_pb_code_inner div{
		gap: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#page-container .section-accompagnement .et_pb_code_inner div a{
		width: 50%;
		text-align: center;
	}

	#page-container .section-accompagnement .et_pb_code_inner div a.btn-rouge{
		margin-right: 0;
	}

	#page-container .section-accompagnement .et_pb_code_inner div a.btn-rouge::after{
		display: none;
	}

	#page-container .section-accompagnement .et_pb_code_inner div {
		margin-bottom: 1rem;
		gap: 0 !important;
	}
}

@media(max-width: 696px){
	#page-container .section-accompagnement .et_pb_code_inner div{
		gap: 1rem;
	}

	#page-container .section-accompagnement .et_pb_code_inner div a{
		width: 100%;
		text-align: center;
	}
}


/************* Sommaire offre clé en main *************/

#page-container .avantages-cle .et_pb_column:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
}

#page-container .avantages-cle .et_pb_column:first-child p {
	font-size: 80px;
	line-height: 78px;
}

@media(min-width: 980px) {
	#page-container .avantages-cle .et_pb_column:first-child p {
		position: relative;
		word-wrap: normal;
		right: -80px;
		top: 80px;
		transform: rotate(270deg);
	}

}

@media(min-width: 1380px) {
	#page-container .avantages-cle .et_pb_column:first-child p {
		top: 80px;
	}

}

#page-container .avantages-cle ul {
	list-style-type: none;
}

#page-container .avantages-cle ul li {
	font-size: 38px;
	line-height: 78px;
	font-weight: 400;
}

#page-container .avantages-cle ul li::before {
	content: '\4e';
	font-family: 'ETModules';
	color: #E50E20;
	margin-right: 1rem;
}

@media(max-width: 1280px) {
	#page-container .avantages-cle ul li {
		font-size: 32px;
		line-height: 60px;
	}

	#page-container .avantages-cle .et_pb_column:first-child p {
		font-size: 70px;
		line-height: 78px;
	}
}

@media(max-width: 980px) {
	#page-container .avantages-cle ul li {
		font-size: 20px;
	}

	#page-container .avantages-cle .et_pb_column:first-child p {
		font-size: 60px;
	}
}



/***** SECTION CHIFFRES CLES / a ranger avec ancienne section avantage ******
*******************************************************************************/

#page-container .section-chiffres-cles {
	margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f5f5f5;
	overflow: hidden;
}
#page-container .section-chiffres-cles::after {
	position: absolute;
	content: " ";
	background-image: url("https://mecaspin.fr/wp-content/uploads/2021/05/gaine-prefile.svg");
	z-index: 0;
	margin-bottom: 0;
	width: 25%;
	height: 80%;
	display: block;
	right: -12%;
	bottom: 5%;
	background-size: cover;
}
@media  (max-width: 980px) {
	#page-container .section-chiffres-cles {
		padding-top: 0;
	}
}
@media  (max-width: 768px) {
	#page-container .section-chiffres-cles::after {
		display: none;
	}
}



/**** SECTION GAMME PRODUIT **********
**************************************/

.section-gamme-produits .ligne-pack {
    margin-top: 0;
    padding-top: 0;
		top: 125px;
		padding-bottom: 140px;
}

.section-gamme-produits .ligne-pack .et_pb_column {
	background-color: var(--msp-white);
	border-radius: 8px;
	padding: 2rem;
	transition: all .3s ease-in-out;
	margin-right: 2.5%;
	width: 33%;
	text-align: center;
}

.section-gamme-produits .ligne-pack .et_pb_column:hover {
	transform: scale(1.05);
}

/**** photos *****/
.section-gamme-produits .ligne-pack .et_pb_image {
	position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  max-width: 100%;
  z-index: 3;
}


.section-gamme-produits .ligne-pack .et_pb_text {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

#page-container .section-gamme-produits .ligne-pack .et_pb_text p {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.002rem;
	line-height: 1.7em;
}

#page-container .section-gamme-produits .ligne-pack .et_pb_text h3 {
	padding-top: 25px;
	padding-bottom: 35px;
	margin-top: 85px;
	font-size: 1.25rem;
	letter-spacing: 0.5em;
	text-align: center;
}

#page-container .section-gamme-produits .ligne-pack .et_pb_text h3 span {
	font-size: 4.6rem;
	display: block;
	font-weight: 700;
	letter-spacing: 0.05em;
}

@media(max-width: 1450px) {
	#page-container .section-gamme-produits .ligne-pack .et_pb_text h3 span {
		font-size: 4rem;
	}
}

@media(max-width: 1290px) {
	#page-container .section-gamme-produits .ligne-pack .et_pb_text h3 span {
		font-size: 3.2rem;
	}
}

@media(max-width: 1100px) {
	#page-container .section-gamme-produits .ligne-pack .et_pb_text h3 {
		font-size: 1.05rem;
	}

	#page-container .section-gamme-produits .ligne-pack .et_pb_text h3 span {
		font-size: 2.8rem;
	}
}

@media(max-width: 980px) {
	.section-gamme-produits .ligne-pack .et_pb_column {
		width: 100%;
	}

	.section-gamme-produits .ligne-pack .et_pb_column:nth-child(2),
	.section-gamme-produits .ligne-pack .et_pb_column:last-child {
		margin-top: 10rem;
	}
}


/* couleur pack */

#page-container .section-gamme-produits .ligne-pack .pack-starter .et_pb_text h3 span {
 color:var(--msp-red);
}
#page-container .section-gamme-produits .ligne-pack .pack-starter .et_pb_button:hover,
#page-container .section-gamme-produits .ligne-pack .pack-starter:hover .et_pb_button {
	color:var(--msp-white);
  	background-color: var(--msp-red);
	border: solid 2px var(--msp-red);
}
#page-container .section-gamme-produits .ligne-pack .pack-premium .et_pb_text h3 span {
	color:#9BA2A7;
}
#page-container .section-gamme-produits .ligne-pack .pack-premium .et_pb_button {
	color:#9BA2A7;
	border: solid 2px #9BA2A7;
}
#page-container .section-gamme-produits .ligne-pack .pack-premium .et_pb_button:hover,
#page-container .section-gamme-produits .ligne-pack .pack-premium:hover .et_pb_button {
	color:var(--msp-white);
	background-color: #9BA2A7;
}
#page-container .section-gamme-produits .ligne-pack .pack-ultra .et_pb_text h3 span {
	color:#D9AF62;
}
#page-container .section-gamme-produits .ligne-pack .pack-ultra .et_pb_button {
	color:#D9AF62;
	border: solid 2px #D9AF62;
}
#page-container .section-gamme-produits .ligne-pack .pack-ultra .et_pb_button:hover,
#page-container .section-gamme-produits .ligne-pack .pack-ultra:hover .et_pb_button {
	color:var(--msp-white);
	background-color: #D9AF62;
}

#page-container .et_pb_counter_container {
	background-color: #f5f5f5;
	margin-bottom: 16px;
}

#page-container .et_pb_counter_amount,
#page-container .et_pb_counter_container {
	clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
}

#page-container .et_pb_counter_amount {
	background-color: var(--msp-red) !important;
}

.section-gamme-produits .ligne-pack ul.et_pb_counters {
  margin-bottom: 40px;
}
.et_pb_counter_amount_number_inner {
  display: none;
}


.section-gamme-produits ul:not(.section-gamme-produits ul.et_pb_counters) {
    border-top: 1px solid var(--msp-black) ;
		padding-top: 30px;
}
.section-gamme-produits li:not(.section-gamme-produits .et_pb_counters li) {
  font-weight: 600;
	font-size: 21px;
	font-weight: 500;
	list-style: none;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin: 0.6em 0;
  padding-left: 0.6rem;
  position: relative;
}
/* .section-gamme-produits li:not(.section-gamme-produits .et_pb_counters li)::before {
	color: var(--msp-red);
  content: "/";
  font-size: 21px;
  font-style: normal;
  font-weight: 900;
  left: -0.55556rem;
  line-height: 1.5rem;
  margin-right: 0.5rem;
  position: absolute;
  transform: rotate(8deg);
} */

.section-gamme-produits li::before{
	display: none;
}



/********* Machine banner hero single *********/
#page-container .machine_top-bannerhero #ms_produit-top-bar {
	margin-bottom: 4rem;
}
#page-container .et-l:not(.et-l--header) .machine_top-bannerhero #ms_produit-top-bar li::before {
	display: none;
}


#page-container .machine_top-bannerhero #ms_produit-top-btn-essai {
	margin-bottom: 1rem;
}



/**** SECTION CTA - base ********
*********************************/
/*structure*/
 #page-container .section-cta {
	position: relative;
	margin-bottom: 0;
	background-color: var(--msp-red);
	padding: 0;
	overflow: hidden;
}

 #page-container .section-cta::before {
	content: '';
    display: block;
    position: absolute;
    right: -130px;
    bottom: -200px;
    width: 700px;
    height: 628px;
    transform: scale(0.8);
    background-image: url('https://www.mecaspin.fr/wp-content/uploads/2023/08/bg-configuration-pack-mecaspin.svg');
    background-repeat: no-repeat;
 }

 #page-container .section-cta::after {
	content: '';
    display: block;
    position: absolute;
    right: 50px;
    bottom: -75px;
    width: 353px;
    height: 195px;
    transform: scale(0.8);
    background-image: url('https://www.mecaspin.fr/wp-content/uploads/2023/08/cercle-blanc-configuration-pack-mecaspin.svg');
    background-repeat: no-repeat;
 }

 #page-container .section-cta .et_pb_row {
   	width: 100%;
	max-width: inherit;
	padding: 0;
 }

 #page-container .section-cta .et_pb_row .et_pb_column:first-child  {
	display: flex;
	justify-content: flex-end;
	flex: 1 1 auto;
	min-width: 45%;
	margin-right: 50px;
	width: auto;
	max-width: max-content;
 }

 #page-container .section-cta .et_pb_row .text_btn .et_pb_button_module_wrapper{
	margin: auto 0 1rem 0 !important;
 }


 @media(max-width:1034px){
	#page-container .section-cta .et_pb_row .text_btn .et_pb_button_module_wrapper:nth-child(3){
		display: flex;
		justify-content: center;
	 }
 }

 @media(max-width: 980px) {
	#page-container .section-cta .et_pb_row .et_pb_column:first-child {
	    width: 100%;
			max-width: initial;
	  }

	  #page-container .section-cta .et_pb_row .text_btn .et_pb_text,
	  #page-container .section-cta .et_pb_row .text_btn .et_pb_button_module_wrapper{
		justify-content: inherit !important;
		background: inherit !important;
	  }
 }

 #page-container .section-cta .et_pb_column:last-child {
	padding: 50px 0;
	width: auto;
 }

 @media(max-width: 980px) {
	#page-container .section-cta .et_pb_column:last-child {
		margin-left: 5%;
		margin-right: 5% !important;
		width: 90%;
	  }
 }
 @media(max-width: 768px) {

	#page-container .section-cta::after{
		right: initial;
		left: 50%;
		transform: translateX(-50%);
	}

	 #page-container .section-cta .et_pb_column:last-child {
		padding-top: 0;
   }

   #page-container .section-cta .et_pb_row .text_btn{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
   }

   	#page-container .section-cta .et_pb_row .text_btn .et_pb_button_module_wrapper{
		display: flex;
		justify-content: center !important;
  	}

	#page-container .section-cta .et_pb_row .text_btn .et_pb_button_module_wrapper:nth-child(2){
		margin-top: 1rem !important;
	}
 }
 #page-container .section-cta .et_pb_column:last-child .et_pb_module {
	max-width: 600px;
    width: auto;
    margin-right: 50px;
 }
 @media(max-width: 980px) {
	#page-container .section-cta .et_pb_column:last-child .et_pb_module {
	    width: 90%;
		max-width: initial;
		margin: 0 auto;
	  }
 }
 @media(max-width: 768px) {
	 #page-container .section-cta:not(.old) .et_pb_column:last-child .et_pb_module {
		text-align: center;
		display: flex;
		justify-content: center;
   }
 }

 @media(max-width: 480px) {
	#page-container .section-cta .et_pb_column:last-child {
		margin: 0 !important;
	}

	#page-container .section-cta .et_pb_column:last-child h2 {
		font-size: 28px;
	}

	.et-db #page-container #et-boc .section-cta.old .et_pb_column:last-child h3,
	#page-container .section-cta .et_pb_column:last-child h3 {
		font-size: 16px !important;
		line-height: 30px;
	}
 }


/* colonne contenu */

 #page-container .section-cta h2 {
  font-size: 36px;
  font-weight: 600;
	text-transform: inherit;
	color: var(--msp-white);
 }
 #page-container .section-cta h2::after {
	border-bottom: 2px solid var(--msp-white);
 }
 #page-container .section-cta h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
		text-transform: inherit;
		color: var(--msp-white);
 }


 #page-container .section-cta .et_pb_column:last-child p:last-child {
    margin-top: 2rem;
 }

 #page-container .section-cta .et_pb_column:last-child span {
    background-color: #dd5513;
    color: var(--msp-white);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px!important;
    border: 1px solid #dd5513;
    border-radius: 3px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 22px;
    padding-left: 22px;
    letter-spacing: 0.5px;
    cursor: pointer;
    margin-top: 2rem;
    transition: all .3s ease;
 }

 #page-container .section-cta a.btn-noir:hover {
	background-color: var(--msp-white) !important;
	color: var(--msp-red);
 }

 @media(max-width: 980px) {
  #page-container .section-cta .et_pb_column:last-child {
    margin-bottom: 2rem;
  }

  #page-container .section-cta .btn-rdv {
	margin-bottom: 1rem;
  }
 }

 @media(max-width: 600px) {
  #page-container .section-cta .et_pb_column:last-child span  {
    font-size: 13px;
    padding-right: 16px;
    padding-left: 16px;
  }
 }

 @media(max-width: 350px) {
  #page-container .section-cta .et_pb_column:last-child span  {
    font-size: 12px;
    padding-right: 14px;
    padding-left: 14px;
  }
 }

 #page-container .section-cta .et_pb_column:last-child span:hover {
    background-color: var(--msp-black);
 }


/* colonne image */

 #page-container .section-cta .et_pb_column:first-child .et_pb_image_wrap  {
    width: 100%;
    display: flex;
    justify-content: center;
		height: 100%;
 }
	 @media(max-width: 980px) {
		 #page-container .section-cta .et_pb_column:first-child .et_pb_image_wrap  {
 	     display: block;
 	  }
	 }
 #page-container .section-cta .et_pb_column:first-child .et_pb_image  {
    margin-right: 0;
 }
 #page-container .section-cta .et_pb_column:first-child img {
		width: auto;
		height: 100%;
		max-width: initial;
 }
 #page-container .section-cta .et_pb_column:first-child p {
   padding: 0;
 }

@media(max-width: 980px) {
	#page-container .section-cta .et_pb_column:first-child .et_pb_image {
		width: 100%;
	}

	#page-container .section-cta .et_pb_column:first-child img {
		width: 100%;
	}
}

 /***** SECTION ARGUMENT ******
 ******************************/

 #page-container .section-arguments {
	background-color: var(--light-grey);
	justify-content: center;
	margin-top: 0;
	padding-top: 0;
 }
 #page-container .section-arguments .section-arguments-vignettes .et_pb_column .et_pb_text {
	text-align: center;
 }

#page-container .section-arguments .section-arguments-vignettes p {
	padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
    margin-bottom: 40px;
}

#page-container .section-arguments .section-arguments-vignettes .et_pb_column .et_pb_image {
	justify-content: flex-start;
}

#page-container .section-arguments .section-arguments-vignettes .et_pb_column .et_pb_text {
	text-align: left;
}

#page-container .section-arguments .section-arguments-vignettes ul {
	list-style-type: none;
	padding-left: 23px;
}

#page-container .section-arguments .section-arguments-vignettes li {
	position: relative;
	margin-bottom: 15px;
	font-size: 18px;
}

#page-container .section-arguments .section-arguments-vignettes li::before {
	position: absolute;
    transform: rotate(8deg);
    font-family: 'ETmodules';
    content: "\4e";
    font-size: 130%;
    color: var(--msp-red);
    float: left;
    margin-left: -1.2em;
    margin-right: 0.5em;
    font-weight: 900;
    opacity: 1;
}

 #page-container .section-arguments .section-arguments-vignettes .et_pb_column {
   padding: 2rem;
   flex: 1 1 auto;
   border-radius: 7px;
   margin-right: 50px;
	 background-color: var(--msp-white);
 }
 #page-container .section-arguments .section-arguments-vignettes .et_pb_column:first-child {
   margin-left: 0;
 }
 #page-container .section-arguments .section-arguments-vignettes .et_pb_column .et_pb_image {
   margin-bottom: 0;
   display: flex;
	justify-content : center;
 }


 #page-container .section-arguments .section-arguments-vignettes .et_pb_column img {
   width: auto;
   height: 75px;
 }
 #page-container .section-arguments .section-arguments-vignettes .et_pb_column h3 {
   width: 100%;
   font-size: 20px;
   line-height: 28px;
   font-weight: 700;
   padding: 16px 0;
 }

 #page-container .section-arguments .section-arguments-vignettes h2,
 .home #page-container .section-arguments .section-arguments-vignettes p {
   margin: 0 !important;
 }


 @media (max-width: 980px) {
   #page-container .section-arguments {
     position: inherit;
     flex-direction: column;
     align-items: center;
     bottom: 0;
     height: 100%;
     margin-top: 2rem;
   }
	 #page-container .section-arguments .section-arguments-vignettes:first-of-type {
     padding-bottom: 0;
   }
   #page-container .section-arguments .section-arguments-vignettes .et_pb_column {
     height: 100%;
     margin: 0;
     margin-bottom: 2rem;
   }
	 #page-container .section-arguments .section-arguments-vignettes .et_pb_column:last-of-type {
	 	margin-bottom: 0;
	 }
   #page-container #et-boc .et-l .besoin-arguments .et_pb_column {
     padding: 5% !important;
   }
 }


/**** SECTION ZOOM APPLICATION *******
**************************************/

#page-container .section-zoom-application {
	background-color: #f5f5f5;
	padding-top: 19px;
}

#page-container .section-zoom-application .et_pb_column_1_2:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#page-container .section-zoom-application .bloc-application h2 {
  text-transform: initial;
	width: 75%;
	font-size: 2.75rem;
}
#page-container .section-zoom-application .bloc-application h2:after {
    width: calc(100% - 60%);
    margin: 25px 0 15px 0;
}
#page-container .section-zoom-application .bloc-application p {
    font-size: 1.05rem;
}

@media(max-width: 768px) {
	#page-container .section-zoom-application .bloc-application h2 {
		flex-direction: column;
		margin-left: 0;
    margin-right: 0;
    width: 100%;
		font-size: 2rem !important;
		margin-bottom: 12px;
	}
}


/*** SECTION IMAGE ACCORDEON **********************
*******************************************/

#page-container .dipl_image_accordion h4,
#page-container .dipl_image_accordion h3 {
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--msp-white) !important;
}
#page-container .dipl_image_accordion .dipl_image_accordion_item_desc p {
	margin-bottom: 10px;
}
#page-container .dipl_image_accordion .dipl_image_accordion_item {
	border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  margin-right: 15px!important;
}
#page-container .dipl_image_accordion .dipl_image_accordion_item:last-child {
  margin-right: 0!important;
}
#page-container .dipl_image_accordion .dipl_image_accordion_item_content_wrapper {
  align-items: flex-end;
  justify-content: flex-start;
	text-align: left;
	z-index: 2;
}
#page-container .dipl_image_accordion .dipl_image_accordion_item_desc {
	font-size: 16px!important;
	color: var(--msp-white)fff!important;
}

#page-container .dipl_image_accordion .dipl_image_accordion_item.dipl_active_image_accordion_item::before {
	background-position: center center;
	background-size: cover;
}

/** boutons **/
#page-container .dipl_image_accordion a.et_pb_button {
	font-weight: 500 !important;
	color: var(--msp-black) !important;
  border-color: var(--msp-white) !important;
	background-color: var(--msp-white) !important;
}

#page-container .dipl_image_accordion a.et_pb_button::after {
	color: var(--msp-black) !important;
}

#page-container .dipl_image_accordion a.et_pb_button:hover {
	background-color: var(--msp-black) !important;
	color: var(--msp-white)  !important;
	border-color: var(--msp-black) !important;
}

#page-container .dipl_image_accordion .et_pb_button:hover::after {
	color: var(--msp-white) !important;
}


#page-container .dipl_image_accordion .dipl_active_image_accordion_item::after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.3);
}



/**********************************************************/
/***** FICHES PRODUITS OFFRE CLE EN MAIN *****************/
/********************************************************/

/*** !! GLOBAL !! ***********************************
*****************************************************/

/*** BANNER FP PACKS CLE EN MAIN **********************
*******************************************/
#page-container .banner-pack {
	background-color: #f5f5f5;
}
#page-container .banner-pack h1 {
	color: var(--msp-red);
	font-size: 4rem;
}
#page-container .banner-pack h2 {
	text-transform: none;
}
#page-container .banner-pack h2:after {
	margin: 15px 0 0 0;
}
#page-container .banner-pack h3 {
	font-weight: 400;
	line-height: 1.4em;
	font-size: 1.6rem;
}
#page-container .banner-pack h3,
#page-container .banner-pack h3 span {
    text-transform: none;
}
#page-container .banner-pack .teaser {
    margin-top: 0;
}

#page-container .banner-pack .teaser p {
	font-size: 1.3rem;
	letter-spacing: 0.005em;
	line-height: 1.7;
}

#page-container .banner-pack ul {
    padding-top: 15px;
		margin-top: 15px;
}
#page-container .banner-pack li {
	font-weight: 600;
  font-size: 1.5rem;
  font-weight: 500;
  list-style: none;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin: 0.6em 0;
  position: relative;
  line-height: 1.5em;
	color: var(--msp-red);
	padding-left: 6px;
}

#page-container .banner-pack li::before {
	position: absolute;
	transform: rotate(8deg);
	font-family: 'ETmodules';
	content: "\4e";
	font-size: 115%;
	top: 1px;
	color: var(--msp-red);
	float: left;
	margin-left: -1.2em;
	margin-right: 0.5em;
	font-weight: 900;
	opacity: 1;
}

@media(max-width: 980px) {
	#page-container .banner-pack ul {
		padding-top: 15px;
    margin-top: 0px;
    padding-left: 30px;
	}
}
@media(max-width: 768px) {
	#page-container .banner-pack h1 {
		text-align: center;
	}
}


	@media(max-width: 500px) {
		#page-container .banner-pack li {
			font-size: 1.3rem;
		}
		#page-container .banner-pack ul {
			padding-top: 10px;
	    margin-top: 0;
			padding-bottom: 5px;
			padding-left: 10px;
		}
	}

#page-container .banner-pack .dipl_hotspot_item .dipl_marker {
border: solid 2px #bf0101;
border-radius: 50%;
}

#page-container .dipl_masonry_gallery_0 .dipl_masonry_gallery_item:not(#page-container .banner-pack .dipl_masonry_gallery_0 .dipl_masonry_gallery_item) {
	top: 15px !important;
}


/*** Banner hero txt + section gamme produit ***/
#page-container .section-gamme-produits h1,
#page-container .banner-hero_txt h1 {
	font-size: 3.7rem;
	margin-bottom: 40px;
	position: relative;
}

#page-container .section-gamme-produits h1 {
	font-weight: 300;
}
#page-container .section-gamme-produits h1 {
	color: var(--msp-white);
}
#page-container .section-gamme-produits h1 span {
	font-weight: 700;
	display: inline-block;
}
#page-container .section-gamme-produits h1::after,
#page-container .banner-hero_txt h1::after {
content: "";
position: absolute;
bottom: -10px;
width: 20%;
left: 50%;
transform: translateX(-50%);
margin-left: auto;
margin-right: auto;
border-bottom: 4px solid var(--msp-red);
}


#page-container .section-gamme-produits h2,
#page-container .banner-hero_txt h2 {
	text-transform: none;
	font-size: 2.2rem;
	margin-bottom: 75px;
	font-weight: 400;
}
#page-container .section-gamme-produits h2 {
	color: var(--msp-white);
}

@media(max-width: 768px) {
	#page-container .section-gamme-produits h2 {
		flex-direction: column;
	}
}

@media(max-width: 500px) {
	#page-container .section-gamme-produits h1,
	#page-container .banner-hero_txt h1 {
		font-size: 2.2rem;
	}

	#page-container .section-gamme-produits h2,
	#page-container .banner-hero_txt h2 {
		font-size: 1.8rem;
	}
}
@media(max-width: 400px) {
	#page-container .section-gamme-produits h1,
	#page-container .banner-hero_txt h1 {
		font-size: 2rem;
	}
}


#page-container .section-gamme-produits h2 span {
color: var(--msp-white);
font-weight: 700;
display: inline-block;
}
#page-container .section-gamme-produits h2::after,
#page-container .banner-hero_txt h2::after {
display: none;
}

 #page-container .banner-hero_txt h2 {
	margin-bottom: 2rem;
}

#page-container .banner-hero_txt .et_pb_text:first-child,
#page-container .section-gamme-produits .et_pb_text:first-child {
	margin-bottom: 0;
}

#page-container .banner-hero_txt p {
	font-size: 26px;
	line-height: 40px;
}

#page-container .banner-hero_txt p strong {
	display: block;
	font-weight: 700;
}




/*** SECTION TIMELNE **********************
*******************************************/

/*** Timeline principale ***/

#page-container .timeline-row {
	max-width: initial;
	width: 85%;
  	margin-left: 10%;
	margin: 0 auto;
}
@media(min-width: 1520px) {
	#page-container .timeline-row {
		width: 65%;
	}
}

#page-container .timeline-row .et_pb_module.dipl_timeline_item {
	margin-bottom: 60px;
}

#page-container .timeline-row .dipl_timeline_item {
	position: relative;
}

#page-container .timeline-row .dipl_timeline_item {
	position: relative;
}

#page-container .timeline-row .dipl_timeline_item .auto-scroll {
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 4rem;
}

#page-container .timeline-row .dipl_timeline_item .auto-scroll::before {
	content: '\32';
	font-family: 'ETmodules';
}

#page-container .dipl_timeline_item .dipl_item_content {
	display: flex;
	flex: 1;
}

#page-container .dipl_timeline_item .dipl_item_content_inner {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	align-items: flex-start;
	background-color: #f5f5f5;
	border-radius: 7px;
	padding:40px;
}

#page-container .dipl_timeline_item .dipl_image_wrapper {
	height: 350px;
	margin-right: 3%;
}
#page-container .dipl_timeline_item .dipl_image_wrapper img {
	width: auto !important;
}
#page-container .dipl_timeline_item .dipl_item_title {
	display: none;
	position: absolute;
}

#page-container .dipl_timeline_item .dipl_item_desc {
	text-align: left;
  width: 50%;
}
#page-container .dipl_timeline_item .dipl_item_desc h3 {
	font-size: 1.4rem;
}
#page-container .dipl_timeline_item .dipl_item_desc a.btn {
	margin-bottom: 30px;
	margin-top: 10px;
}


/** bulles **/
#page-container .dipl_timeline_item .dipl_stem_center {
	width: 150px !important;
	max-width: 150px;
}
.dipl_timeline .dipl_time_wrapper {
    border-width: 4px;
    background-color: #f5f5f5!important;
    border-color: #eee;
}
#page-container .dipl_timeline .dipl_time_wrapper.dipl_border_fill {
	border-color: var(--msp-black);
}
#page-container .dipl_timeline_0 .dipl_stem {
  background: var(--msp-red)!important;
}
.dipl_timeline_item .dipl_item_time {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 0 !important;
}
#page-container .dipl_timeline_item .dipl_item_content h3 {
	width: fit-content;
}

#page-container .dipl_timeline_item .dipl_item_content h3::after {
	content: "";
  position: relative;
  display: block;
  width: calc(100% - 40%);
  margin: 10px 0;
  border-bottom: 2px solid var(--msp-black);
  left: 0;
}



/**** item machine *****/

#page-container .dipl_timeline .timeline-item-machine {
	width: 100%;
	max-width: initial;
}
#page-container .dipl_timeline .timeline-item-machine .teaser {
	font-size:0.9rem;
	line-height: 1.6em;
}
#page-container .dipl_timeline .timeline-item-machine .et_pb_button {
	margin-bottom: 15px;
}
@media (max-width: 980px) {
	.timeline-item-machine	{
		display: flex;
		flex-direction: column-reverse;
	}
	#page-container .timeline-item-machine h1  {
	margin-bottom: 10px;
	}
}

/*** ITEM MACHINE **********************
*******************************************/

#page-container .item-machine .et_pb_button_module_wrapper {
	margin-bottom: 15px;
}

/*** SECTION ZOOM EQUIPEMENTS PACK **********************
*******************************************/

#page-container .zoom-equipement  {
	background-color: #f5f5f5;
}

#page-container .zoom-equipement.bg-blanc  {
	background-color: var(--msp-white);
}
#page-container .zoom-equipement .et_pb_row:not(.zoom-equipement .et_pb_row.mecaspin-tech)  {
	flex-wrap: wrap;
	padding-left: 225px;
	padding-top: 0;
	margin-bottom: -190px;
	top: -208px;
}

@media(min-width: 980px) {
	#page-container .zoom-equipement .et_pb_row:not(.zoom-equipement .et_pb_row.mecaspin-tech)  {
		top: -217px;
	}
}

#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column)  {
	background-color: var(--msp-white);
	padding: 0;
	margin-bottom: 20px;
	width: calc(33% - 20px);
	margin-right: 20px;
}
#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column):nth-child(3n+3) {
	margin-right: 0;
}
#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column):nth-child(3n+1) {
	margin-left: 20px;
}
#page-container .zoom-equipement.bg-blanc .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column)  {
	background-color: #f5f5f5;
}

#page-container .zoom-equipement .et_pb_image,
#page-container .zoom-equipement .et_pb_text  {
	width: 100%;
}
#page-container .zoom-equipement .et_pb_text  {
	padding: 20px;
}
#page-container .zoom-equipement .et_pb_image:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_image)  {
	margin-bottom: 0;
}
#page-container .zoom-equipement .et_pb_image .et_pb_image_wrap:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_image_wrap)  {
	width: 100%;
	overflow: hidden;
	max-height: 250px;
	height: 100%;
	display: flex;
	align-items: center;
}

#page-container .zoom-equipement img  {
	width: 100%;
}

#page-container .zoom-equipement a  {
margin-bottom: 20px;
}

#page-container .zoom-equipement h3  {
font-size: 1.3rem;
}

/** mecaspin tech  **/
#page-container .zoom-equipement .mecaspin-tech .et_pb_column  {
	width: 210px;
	margin-bottom: 0 !important;
}

#page-container .zoom-equipement .mecaspin-tech  {
	position: sticky;
	top: 80px;
	padding: 0;
}

#page-container .zoom-equipement .mecaspin-tech .et_pb_image  {
	margin: 0;
	width: 100%;
}

#page-container .zoom-equipement .mecaspin-tech img  {
	position: absolute;
	width: 100%;
}

/** avec une seule vignette  **/
#page-container .zoom-equipement.fullwidth .mecaspin-tech  {
	position: static;
	top: 0;
	padding: 0;
}
@media (min-width: 1025px) {
	#page-container .zoom-equipement.fullwidth .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column) {
		width: 100%;
		display: flex;
	}
	#page-container .zoom-equipement.fullwidth .et_pb_image:not(.zoom-equipement.fullwidth .et_pb_row.mecaspin-tech .et_pb_image) {
		width: 40%;
		height: 100%;
		min-width: 300px;
	}
	#page-container .zoom-equipement.fullwidth .et_pb_image_wrap:not(.zoom-equipement.fullwidth .et_pb_row.mecaspin-tech .et_pb_image_wrap) {
	    height: 100%;
	    max-height: initial;
	    width: 100%;
	    overflow: initial;
	}
	#page-container .zoom-equipement.fullwidth .et_pb_image img:not(.zoom-equipement.fullwidth .et_pb_row.mecaspin-tech img) {
		object-fit: cover;
	  height: 100%;
	}
}




@media (max-width: 1500px) {
	#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column)  {
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column):nth-child(3n+3) {
	margin-right: 20px;
	}
	#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column):nth-child(2n+2) {
	margin-right: 0;
	}
	#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column):nth-child(3n+1) {
	margin-left: 0;
	}
	#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column):nth-child(2n+1) {
	margin-left: 20px;
	}
}
@media (max-width: 1024px) {
	#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column)  {
		width: 100%;
		margin-right: 0 !important;
	}
	#page-container .zoom-equipement .et_pb_row .et_pb_column:not(.zoom-equipement .et_pb_row.mecaspin-tech .et_pb_column) {
	margin-left: 0 !important;
	}
}
@media (max-width: 600px) {
	#page-container .zoom-equipement .et_pb_row:not(.zoom-equipement .et_pb_row.mecaspin-tech)  {
		padding-left: 175px;
	}
	#page-container .zoom-equipement .mecaspin-tech .et_pb_column  {
		width: 150px;
	}
}
@media (max-width: 479px) {
	#page-container .zoom-equipement .mecaspin-tech img {
		position: relative;
	}
	#page-container .zoom-equipement .mecaspin-tech {
    position: relative;
    top: 0;
    padding: 0;
	}
	#page-container .zoom-equipement .et_pb_row:not(.zoom-equipement .et_pb_row.mecaspin-tech)  {
		padding-left: 0;
	}
}


/*** SECTION TABLEAU COMPARATIF PACK **********************
*******************************************/

#page-container .tab-comparatif-pack .wptb-custom-html-wrapper {
	text-align: center;
}
#page-container .tab-comparatif-pack .wptb-table-container .wptb-row:first-child td p {
	font-size: 1.2rem !important;
  text-align: center !important;
  color: var(--msp-white) !important;
  padding: 5px;
}
#page-container .tab-comparatif-pack .wptb-table-container .wptb-row:first-child td:first-child p {
  text-align: left !important;
}
#page-container .tab-comparatif-pack .wptb-table-container .wptb-row td p {
	font-size: 16px !important;
	text-align: left !important;
  color: var(--msp-black) !important;
  font-weight: 500;
  letter-spacing: 0.015em;
}
#page-container .tab-comparatif-pack .wptb-custom-html-wrapper .et-pb-icon {
	font-size: 31px;
	color: var(--msp-red) !important;
}


.et-db #page-container .tableau-comparatif,
.et-db #page-container .tableau-comparatif .et_pb_row {
	padding-top: 0;
}

/*** Utils ***/
.displaynone {
	display: none;
}


/*** SECTION CUSTOM GALLERY ***/
.custom-gallery {
	display: flex;
	flex-wrap: wrap;
}

.custom-gallery .et_pb_image {
	height: 250px;
}

#page-container .custom-gallery .et_pb_image:first-child,
#page-container .custom-gallery .et_pb_image:nth-child(2) {
	width: calc(50% - 5px);
	margin-bottom: 0;
	margin-right: 10px;
}
#page-container .custom-gallery .et_pb_image:nth-child(2) {
	margin-right: 0px !important;
}
.custom-gallery .et_pb_image:first-child .et_pb_image_wrap,
.custom-gallery .et_pb_image:first-child .et_pb_image_wrap img,
.custom-gallery .et_pb_image:nth-child(2) .et_pb_image_wrap,
.custom-gallery .et_pb_image:nth-child(2) .et_pb_image_wrap img {
	height: 100%;
	width: auto;
}
.custom-gallery .et_pb_image:last-child {
	margin-top: 10px;
}

.custom-gallery .et_pb_image:last-child,
.custom-gallery .et_pb_image:last-child .et_pb_image_wrap,
.custom-gallery .et_pb_image:last-child img {
	width: 100%;
	height: auto;
}

.custom-gallery .et_pb_image:last-child img {
	height: 1px;
	min-height: 350px;
}
.custom-gallery img {
	object-fit: cover;
}

@media(max-width: 980px) {
	#page-container .custom-gallery .et_pb_image:first-child,
	#page-container .custom-gallery .et_pb_image:nth-child(2) {
		margin-bottom: 15px;
	}
}



/*********** PAGE EQUIPEMENTS PERIPHERIQUES ******
************************************************/

/*** SECTION SOUS CATEGORIE ***/

#page-container .sous-categ .et_pb_row,
.single.et-db #et-boc .et-l .sous-categ .et_pb_row {
	display: flex;
  	justify-content: space-between;
	padding-top: 0px;
	flex-wrap: wrap;
}

#page-container .sous-categ .et_pb_column,
.single.et-db #et-boc .et-l .sous-categ .et_pb_column {
	position: relative;
    transition: transform .3s ease;
    background-color: #f5f5f5;
    width: calc(33% - 50px);
    margin-right: 50px;
	flex: 0 1 auto;
	margin-bottom: 30px;
}
#page-container .sous-categ .et_pb_column:nth-child(3n+3),
.single.et-db #et-boc .et-l .sous-categ .et_pb_column:nth-child(3n+3) {
    margin-right: 0;
}

#page-container .sous-categ .et_pb_column:hover,
.single.et-db #et-boc .et-l .sous-categ .et_pb_column:hover {
	transform: scale(1.05);
}

#page-container .sous-categ .et_pb_column:hover .et_pb_button,
.single.et-db #et-boc .et-l .sous-categ .et_pb_column:hover .et_pb_button {
	background-color: var(--msp-red);
	color: var(--msp-white);
	border-color: var(--msp-red);
}


#page-container .sous-categ .et_pb_text.title,
.single.et-db #et-boc .et-l .sous-categ .et_pb_text.title {
	width: 90%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#page-container .sous-categ .et_pb_column .et_pb_text.title,
#page-container .sous-categ .et_pb_column .et_pb_text.equipement-paragraph {
	margin-bottom: 50px !important;
}

#page-container .sous-categ .et_pb_column .et_pb_text.equipement-text {
	margin-bottom: 55px !important;
}

#page-container .sous-categ .et_pb_column .equipement-paragraph ul {
	padding-bottom: 0;
}

#page-container .sous-categ h2,
.single.et-db #et-boc .et-l .sous-categ h2 {
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	width: 100%;
}

#page-container .sous-categ h2::after {
	content: "";
  position: absolute;
  bottom: -10px;
  width: 20%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: auto;
  margin-right: auto;
  border-bottom: 4px solid var(--msp-red);
}

#page-container .sous-categ .et_pb_text.equipement-paragraph,
.single.et-db #et-boc .et-l .sous-categ .et_pb_text.equipement-paragraph {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
#page-container .sous-categ .et_pb_image,
.single.et-db #et-boc .et-l .sous-categ .et_pb_image {
	height: 200px;
	margin-bottom: 20px;
}

#page-container .sous-categ .et_pb_image_wrap,
.single.et-db #et-boc .et-l .sous-categ .et_pb_image_wrap {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#page-container .sous-categ img,
.single.et-db #et-boc .et-l .sous-categ img {
	width: 100%;
}

#page-container .sous-categ .et_pb_button_module_wrapper,
.single.et-db #et-boc .et-l .sous-categ .et_pb_button_module_wrapper {
	width: 100%;
	margin-bottom: 20px;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
}
@media(max-width: 1366px) {
	#page-container .sous-categ h2,
	.single.et-db #et-boc .et-l .sous-categ h2 {
		font-size: 1.5vw;
	}
}
@media(max-width: 1280px) {
	#page-container .sous-categ h2,
	.single.et-db #et-boc .et-l .sous-categ h2 {
		font-size: 1.8vw;
	}
}
@media(max-width: 980px) {
	#page-container .sous-categ .et_pb_column:nth-child(3n+3),
	.single.et-db #et-boc .et-l .sous-categ .et_pb_column:nth-child(3n+3) {
    margin-right: 30px;
	}
	#page-container .sous-categ .et_pb_column,
	.single.et-db #et-boc .et-l .sous-categ .et_pb_column {
	    width: calc(50% - 30px);
	}
	#page-container .sous-categ .et_pb_column:nth-child(2n+2),
	.single.et-db #et-boc .et-l .sous-categ .et_pb_column:nth-child(2n+2) {
	    margin-right: 0;
	}
	#page-container .sous-categ h2,
	.single.et-db #et-boc .et-l .sous-categ h2 {
		font-size: 2.2vw;
	}
}
@media(max-width: 768px) {
	#page-container .sous-categ h2,
	.single.et-db #et-boc .et-l .sous-categ h2 {
		display: block;
		margin-left: 0;
	}
	#page-container .sous-categ h2:after,
	.single.et-db #et-boc .et-l .sous-categ h2:after {
		display: block;
	}
}
@media(max-width: 690px) {
	#page-container .sous-categ .et_pb_column,
	.single.et-db #et-boc .et-l .sous-categ .et_pb_column {
	    width: calc(100%);
			margin-right: 0 !important;
	}
	#page-container .sous-categ h2,
	.single.et-db #et-boc .et-l .sous-categ h2 {
		font-size: 4.3vw;

	}
}

#page-container .sous-categ li:not(.section-gamme-produits .et_pb_counters li) {
  	font-weight: 600;
	font-size: 21px;
	font-weight: 500;
	list-style: none;
	-webkit-hyphens: auto;
	hyphens: auto;
	margin: 0.6em 0;
	padding-left: 0.6rem;
	position: relative;
}

#page-container .sous-categ li:not(.section-gamme-produits .et_pb_counters li)::before {
	color: var(--msp-red);
	content: "/";
	font-size: 21px;
	font-style: normal;
	font-weight: 900;
	left: -0.55556rem;
	line-height: 1.5rem;
	margin-right: 0.5rem;
	position: absolute;
	transform: rotate(8deg);
	}


/********** Section tableaux comparatif packs **********/
#page-container .mc-table .wptb-preview-table,
#page-container .mc-table .wptb-cell {
	border: none;
}

#page-container .mc-table .wptb-cell {
	padding: 0 !important;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell .wptb-text-container {
	border-radius: 10px;
	padding: 0.8rem 1rem;
    width: 85%;
    margin: auto;
	transition: all .3s ease-in-out;
}

#page-container .wptb-text-container p {
	padding-bottom: 0;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell .wptb-text-container div {
	position: initial !important;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell .wptb-text-container a {
	transition: all .3s ease-in-out;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell .wptb-text-container a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell .wptb-text-container:hover a {
	color: var(--msp-white) !important;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:first-child .wptb-text-container {
	width: 100%;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell p {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

#page-container .mc-table .wptb-ph-element {
	border: none;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:nth-child(1) .wptb-text-container {
	border: 2px solid #323232;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:nth-child(2) .wptb-text-container {
	border: 2px solid #E50E20;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:nth-child(2) .wptb-text-container:hover {
	background-color: #E50E20;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:nth-child(3) .wptb-text-container {
	border: 2px solid #9BA2A7;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:nth-child(3) .wptb-text-container:hover {
	background-color: #9BA2A7
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:nth-child(4) .wptb-text-container {
	border: 2px solid #D9AF62;
}

#page-container .mc-table .wptb-row:first-child .wptb-cell:nth-child(4) .wptb-text-container:hover {
	background-color: #D9AF62;
}

#page-container .mc-table .wptb-row:nth-child(odd):not(#page-container .mc-table .wptb-row:first-child) {
	background-color: #F6F6F6 !important;
}

#page-container .mc-table .wptb-row .wptb-cell:first-child .wptb-text-container {
	border-left: 2px solid #323232;
	border-right: 2px solid #323232;
	font-weight: 500;
	padding: 1rem 0;
}

#page-container .mc-table .wptb-row:last-child .wptb-cell:first-child .wptb-text-container {
	border-bottom: 2px solid #323232;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#page-container .mc-table .wptb-cell .wptb-custom-html-wrapper {
	display: flex;
	justify-content: center;
}

@media(max-width: 1023px) {
	#page-container .mc-table .wptb-row {
		border-top: none !important;
	}

	#page-container .mc-table .wptb-row:nth-child(1) .wptb-cell:first-child .wptb-text-container {
		border-top-left-radius: 10px;
	}

	#page-container .mc-table .wptb-row:nth-child(1) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(5) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(9) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(13) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(17) .wptb-text-container {
		border: 2px solid #323232;
		padding: 1rem 0;
		border-left: none;
		font-weight: 500;
	}

	#page-container .mc-table .wptb-row:nth-child(1) .wptb-cell:last-child .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(5) .wptb-cell:last-child .wptb-text-container:last-child,
	#page-container .mc-table .wptb-row:nth-child(9) .wptb-cell:last-child .wptb-text-container:last-child,
	#page-container .mc-table .wptb-row:nth-child(13) .wptb-cell:last-child .wptb-text-container:last-child,
	#page-container .mc-table .wptb-row:nth-child(17) .wptb-cell:last-child .wptb-text-container:last-child {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	#page-container .mc-table .wptb-row .wptb-cell:first-child p {
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}
}

@media(max-width: 844px) {
	#page-container .mc-table .wptb-row:nth-child(1) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(5) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(9) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(13) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(17) .wptb-text-container {
		font-size: 12px !important;
	}
}

@media(max-width: 699px) {
	#page-container .mc-table .wptb-row:nth-child(21) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(25) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(29) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(33) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(37) .wptb-text-container {
		border: 2px solid #323232;
		padding: 1rem 0;
		border-left: none;
		font-weight: 500;
	}

	#page-container .mc-table .wptb-row:nth-child(21) .wptb-cell:last-child .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(25) .wptb-cell:last-child .wptb-text-container:last-child,
	#page-container .mc-table .wptb-row:nth-child(29) .wptb-cell:last-child .wptb-text-container:last-child,
	#page-container .mc-table .wptb-row:nth-child(33) .wptb-cell:last-child .wptb-text-container:last-child,
	#page-container .mc-table .wptb-row:nth-child(37) .wptb-cell:last-child .wptb-text-container:last-child {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}

@media(max-width: 540px) {
	#page-container .mc-table .wptb-row:nth-child(21) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(25) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(29) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(33) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(37) .wptb-text-container {
		font-size: 12px !important;
	}
}

@media(max-width: 430px) {
	#page-container .mc-table .wptb-row:nth-child(1) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(5) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(9) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(13) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(17) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(21) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(25) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(29) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(33) .wptb-text-container,
	#page-container .mc-table .wptb-row:nth-child(37) .wptb-text-container {
		font-size: 10px !important;
	}
}



/***** Page demande essai *****/

/*** Banner hero demande essai ***/
#page-container .banner_demande-essai {
	padding-top: 0;
}

#page-container .banner_demande-essai .et_pb_row {
	position: relative;
	width: 100%;
	max-width: none;
	padding-top: 0;
}

#page-container .banner_demande-essai .et_pb_column {
	height: 500px;
}

#page-container .banner_demande-essai .et_pb_text {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(50, 50, 50, 0.9);
}

#page-container .banner_demande-essai h1 {
	color: var(--msp-white);
	text-align: center;
	font-size: 64px;
	font-weight: 900;
	line-height: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1rem;
}

#page-container .banner_demande-essai h1::after {
	content: '';
	display: block;
	background-color: var(--msp-red);
	height: 3px;
	width: 15%;
	margin-top: 0.5rem;
}

#page-container .banner_demande-essai .et_pb_text p {
	color: var(--msp-white);
	text-align: center;
	font-size: 38px;
	line-height: 48px;
}

@media(max-width: 600px) {
	#page-container .banner_demande-essai h1 {
		font-size: 54px;
	}

	#page-container .banner_demande-essai .et_pb_text p {
		font-size: 24px;
	}
}

/*** Section étapes demande d'essai ***/
#page-container .etapes_demain-essai {
	position: relative;
    max-width: 1380px;
    width: 90%;
    background-color: var(--msp-white);
    margin: 0 auto;
    top: -150px;
    padding: 4rem 0;
    z-index: 2;
	margin-bottom: -200px;
}

#page-container .etapes_demain-essai .et_pb_text_inner {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#page-container .etapes_demain-essai .number {
    position: relative;
    font-size: 150px;
    font-weight: 900;
    line-height: 48px;
    color: transparent;
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: var(--msp-red);
    z-index: 2;
	margin-bottom: 2rem;
}

#page-container .etapes_demain-essai .number::after {
	content: '.';
}

#page-container .etapes_demain-essai .number:not(#page-container .etapes_demain-essai .et_pb_column:last-child .number)::before {
    content: '';
    display: block;
    background-color: var(--msp-red);
    height: 3px;
    width: 190px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -230px;
}

#page-container .etapes_demain-essai p {
	font-size: 38px;
	line-height: 48px;
}

#page-container .etapes_demain-essai p span {
	font-weight: 700;
}

@media(max-width: 1600px) {
	#page-container .etapes_demain-essai {
		top: -100px;
	}
}

@media(max-width: 1500px) {
	#page-container .etapes_demain-essai .number:not(#page-container .etapes_demain-essai .et_pb_column:last-child .number)::before {
		display: none;
	}
}

@media(max-width: 1350px) {
	#page-container .etapes_demain-essai {
		top: 0;
		margin-bottom: 0;
	}
}

@media(max-width: 980px) {
	#page-container .etapes_demain-essai .et_pb_column {
		margin-top: 2rem;
	}
}


/*** Section réservation demande d'essai ***/
#page-container .essai-reservation .et_pb_row:first-child .et_pb_column:first-child p {
	font-size: 24px;
	font-weight: 700;
	line-height: 48px;
}

#page-container .essai-reservation .et_pb_row:first-child,
#page-container .essai-reservation .et_pb_row:first-child .et_pb_column:last-child {
	position: initial;
}

#page-container .essai-reservation h2 {
	font-size: 46px;
	line-height: 58px;
	margin-bottom: 2rem;
	flex-direction: column;
}

#page-container .essai-reservation h2::after {
	display: block;
	background-color: var(--msp-red);
	height: 4px;
	width: 15%;
	border-bottom: none;
	margin: 0;
	margin-top: .5rem;
}

#page-container .essai-reservation .contact-buttons {
	display: flex;
	flex-direction: column;
}

#page-container .essai-reservation .contact-buttons a {
	color: var(--msp-red);
	font-size: 30px !important;
	font-weight: 700;
	line-height: 26px !important;
	width: max-content;
	padding: 0 !important;
	transition: all .3s ease-in-out;
	margin: .5rem 0;
}

#page-container .essai-reservation .contact-buttons a::before {
	margin-right: 1rem;
}

#page-container .essai-reservation .contact-buttons a:hover {
	color: var(--msp-black);
}

#page-container .essai-reservation .contact-buttons a:first-child {
	margin-bottom: 1rem;
}

#page-container .essai-reservation .separator {
	display: flex;
	align-items: center;
	text-align: center;
	color: var(--msp-red);
	font-size: 24px;
	line-height: 30px;
	margin: 1rem 0;
	font-weight: 600;
}

#page-container .essai-reservation .separator::before,
#page-container .essai-reservation .separator::after {
	content: '';
	background-color: var(--msp-red);
	height: 3px;
	width: 150px;
}

#page-container .essai-reservation .line {
	background-color: var(--msp-red);
	height: 1px;
	width: 150px;
	margin: auto;
}

#page-container .essai-reservation .nf-before-form-content {
	position: relative;
	top: 120px;
}

#page-container .essai-reservation .separator::before {
	margin-right: 1rem;
}

#page-container .essai-reservation .separator::after {
	margin-left: 1rem;
}

#page-container .essai-reservation .btn-rdv {
	cursor: pointer;
	font-size: 22px;
	text-transform: uppercase;
	padding: 1rem 2rem !important;
}

#page-container .essai-reservation .btn-rdv::before {
	margin-right: 1rem;
}

#page-container .essai-reservation .btn-rdv:hover {
	font-size: 22px;
	padding: 1rem 2rem !important;
}

#page-container .essai-reservation .et_pb_column:last-child ul {
	list-style-type: none;
}

#page-container .essai-reservation .et_pb_column:last-child ul li {
	display: flex;
	justify-content: flex-end;
	font-size: 26px;
	line-height: 40px;
}

#page-container .essai-reservation .et_pb_column:last-child ul li:first-child::before {
	content: '\e01f';
	font-family: 'ETModules';
	color: var(--msp-red);
	margin-right: 1rem;
	font-weight: 700;
}

#page-container .essai-reservation .et_pb_column:last-child ul li:last-child::before {
	content: '\7d';
	font-family: 'ETModules';
	color: var(--msp-red);
	margin-right: 1rem;
	font-weight: 700;
}

#page-container .essai-reservation .et_pb_column:last-child ul li:first-child span {
	display: block;
}

#page-container .essai-reservation .et_pb_column:last-child ul li .horaire {
	position: relative;
	padding-left: .5rem;
}

#page-container .essai-reservation .et_pb_column:last-child ul li .horaire::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--msp-red);
	height: 20px;
	width: 2px;
}

@media(min-width: 980px) {
	#page-container .essai-reservation .et_pb_column:last-child ul li span {
		margin-left: .5rem;
	}
}


#page-container .essai-reservation .et_pb_column:last-child .et_pb_image {
	position: absolute;
	right: 0;
}

#page-container .essai-reservation .et_pb_column:last-child .et_pb_image {
	width: 50vw;
}

@media(max-width: 980px) {
	#page-container .essai-reservation .et_pb_column:last-child .et_pb_image {
		display: none;
	}

	#page-container .essai-reservation .et_pb_column:last-child ul li {
		justify-content: flex-start;
		flex-direction: column;
	}

	#page-container .form_demande-essai .nf-form-content > * {
		height: 100% !important;
	}
}

@media(max-width: 768px) {
	#page-container .essai-reservation h2::after {
		margin: auto;
	}
}

@media(max-width: 500px) {
	#page-container .essai-reservation .contact-buttons a {
		font-size: 24px !important;
		line-height: 15px !important;
	}
}



/*** Formulaire demande d'essai ***/
#page-container .form_demande-essai .nf-field-element ul {
	display: flex;
}

#page-container .form_demande-essai .listradio-wrap .nf-field-element label.nf-checked-label:after {
	border-color: var(--msp-red);
}

#page-container .form_demande-essai .listradio-wrap .nf-field-element label.nf-checked-label:before {
    background-color: var(--msp-red);
}

#page-container .form_demande-essai .nf-form-content > * {
	height: 750px;
}

#page-container .form_commande-consommables .nf-form-content > * {
	height: 1520px;
	margin-top: 10rem;
}

#page-container .form_demande-essai .nf-form-content > * > * {
	margin-left: 0;
	width: 100%;
}

#page-container .form_demande-essai .nf-field-container {
	margin-top: 1rem;
}

#page-container .form_demande-essai .nf-form-content .label-above .nf-field-label,
#page-container .form_demande-essai .nf-form-content .label-below .nf-field-label,
#page-container .form_demande-essai .nf-form-content .label-hidden .nf-field-label {
	width: 100%;
}

#page-container .form_demande-essai .info-form {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 2px solid var(--msp-red);
}

#page-container .form_demande-essai .suivez-nous_form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.et-db #page-container #et-boc .form_demande-essai input[type=submit]:hover {
	line-height: initial !important;
}

#page-container .form_demande-essai .suivez-nous_form p {
	font-size: 22px;
	line-height: 28px;
}

#page-container .form_demande-essai .suivez-nous_form p span {
	display: block;
	font-weight: 700;
}

#page-container .form_demande-essai .suivez-nous_form ul {
	display: flex;
	list-style-type: none;
	padding-bottom: 0;
}

#page-container .form_demande-essai .suivez-nous_form ul li {
	display: flex;
	align-items: center;
	margin-right: 1rem;
}

#page-container .form_demande-essai .suivez-nous_form ul li:last-child {
	margin-right: 0;
}

#page-container .form_demande-essai .suivez-nous_form ul li img {
	width: 40px;
}




/*** Contact packs installation ***/
#page-container .formulaire-pack {
	overflow: hidden;
}

#page-container .formulaire-pack .nf-form-content > * {
	height: 100%;
}

#page-container .formulaire-pack .et_pb_column:last-child .et_pb_image {
	position: relative;
}

#page-container .formulaire-pack .et_pb_column:last-child .et_pb_image::before {
    content: '';
    position: absolute;
    top: -75px;
    left: -75px;
    width: 100%;
    height: 100%;
    background-image: url(https://www.mecaspin.fr/wp-content/uploads/Fond-noir.svg);
	background-repeat: no-repeat;
}

#page-container .formulaire-pack .et_pb_column:last-child .et_pb_image {
	width: 48vw;
}

#page-container .formulaire-pack .et_pb_column:last-child .et_pb_code .et_pb_code_inner {
	text-align: right;
}

#page-container .formulaire-pack .et_pb_column:last-child .et_pb_code .et_pb_code_inner .text {
	font-weight: 700;
	padding-bottom: 0;
	font-size: 20px;
	margin-bottom: 1rem;
}

#page-container .formulaire-pack .et_pb_column:last-child .contact-buttons {
	align-items: flex-end;
}

#page-container .formulaire-pack .separator {
	justify-content: flex-end;
	color: #9BA2A7;
}

#page-container .formulaire-pack .separator::before,
#page-container .formulaire-pack .separator::after {
	background-color: #9BA2A7;
}

#page-container .formulaire-pack .et_pb_column:last-child .et_pb_code p {
	display: flex;
	justify-content: flex-end;
}

#page-container .formulaire-pack .et_pb_row:first-child .et_pb_column:first-child p {
	font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

@media(max-width: 980px) {
	#page-container .formulaire-pack .form_demande-essai {
		min-height: inherit;
	}

	#page-container .formulaire-pack .et_pb_column:last-child .et_pb_code .et_pb_code_inner {
		text-align: left;
	}

	#page-container .formulaire-pack .et_pb_column:last-child .contact-buttons {
		align-items: flex-start;
	}

	#page-container .formulaire-pack .separator {
		justify-content: flex-start;
	}

	#page-container .formulaire-pack .et_pb_column:last-child .et_pb_code p {
		justify-content: flex-start;
	}
}

@media(max-width: 500px) {
	#page-container .banner_demande-essai h1 {
		font-size: 35px;
		line-height: 50px;
	}

	#page-container .banner_demande-essai p {
		font-size: 20px;
		line-height: 30px;
	}

	#page-container .formulaire-pack h2 {
		font-size: 32px;
		line-height: 40px;
	}

	#page-container .formulaire-pack .contact-buttons a {
		font-size: 24px !important;
		line-height: 12px !important;
	}

	#page-container .formulaire-pack .et_pb_column:last-child ul li {
		font-size: 22px;
		line-height: 35px;
	}
}






/* Vidéo pop-up */

/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
  top: 0px !important;
  position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}
.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}
.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.video_popup .et_overlay::before {
	content: " " !important;
	background-image: url("/wp-content/uploads/2023/08/video-machine.svg");
	width: 50px;
	height: 47px;
	background-size: contain;
	background-repeat: no-repeat;
}



/*** Spin assist ***/
.et-db #page-container .spin-assist_seo h2 {
	text-align: center;
	margin-bottom: 3rem;
	margin-left: auto;
	margin-right: auto;
	text-transform: capitalize;
}

.et-db #page-container .spin-assist_seo h2::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--msp-red);
	width: 10%;
	height: 5px;
	border: none;
	margin-top: 2rem;
}

.et-db #page-container .spin-assist_seo p {
	font-size: 24px;
	width: 80%;
	margin: auto;
	line-height: 35px;
}


.et-db #page-container .spin-assist_formules {
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	margin: auto;
}

@media(max-width: 1280px) {
	.et-db #page-container .spin-assist_formules {
		width: 80%;
	}
}

.et-db #page-container .spin-assist_formules .et_pb_row {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 0;
	margin-top: 0;
}

.et-db #page-container .spin-assist_formules .et_pb_row:first-child {
	width: 100%;
}

.et-db #page-container .spin-assist_formules .et_pb_row:nth-child(2) .et_pb_column:first-child,
.et-db #page-container .spin-assist_formules .et_pb_row:nth-child(3) .et_pb_column:first-child {
	height: 300px;
	margin-bottom: 1rem;
	margin-right: 0;
}

.et-db #page-container .spin-assist_formules .et_pb_row:nth-child(2) .et_pb_column,
.et-db #page-container .spin-assist_formules .et_pb_row:nth-child(3) .et_pb_column {
	position: relative;
	width: 90%;
	margin: auto 0;
}

@media(max-width: 980px) {
	.et-db #page-container .spin-assist_formules {
		flex-direction: column;
		width: 90%;
	}

	.et-db #page-container .spin-assist_formules .et_pb_row {
		width: 100%;
	}

	.et-db #page-container .spin-assist_formules .et_pb_row:nth-child(2) .et_pb_column:first-child,
	.et-db #page-container .spin-assist_formules .et_pb_row:nth-child(3) .et_pb_column:first {
		height: 400px;
	}
}

.et-db #page-container .spin-assist_formules h2 {
	text-align: center;
	margin: auto;
}

.et-db #page-container .spin-assist_formules h2::after {
	display: none;
}

.et-db #page-container .spin-assist_formules .argument {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--msp-white);
	text-transform: uppercase;
	font-size: 50px;
	font-weight: 900;
}

.et-db #page-container .spin-assist_formules .argument span {
	font-size: 150px;
	line-height: 48px;
	color: transparent;
	-webkit-text-stroke: 2px;
	-webkit-text-stroke-color: var(--msp-white);
	z-index: 2;
	display: block;
	margin-bottom: 4rem;
}

.et-db #page-container .spin-assist_formules .et_pb_image {
	position: relative;
	height: 100%;
}

.et-db #page-container .spin-assist_formules .et_pb_image::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--msp-red);
	mix-blend-mode: multiply;
}

.et-db #page-container .spin-assist_formules .et_pb_image .et_pb_image_wrap,
.et-db #page-container .spin-assist_formules .et_pb_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.et-db #page-container .spin-assist_formules .et_pb_row:last-child {
	padding-top: 0;
}

.et-db #page-container .spin-assist_formules ul {
	list-style-type: none;
	border: 1px solid var(--msp-red);
	border-radius: 10px;
	padding: .5rem 0 .5rem 1rem;
	text-align: left;
}

.et-db #page-container .spin-assist_formules ul li {
	display: flex;
	font-size: 22px;
	font-weight: 600;
	margin: 1rem 0;
}

.et-db #page-container .spin-assist_formules ul li.no {
	color: #bbb;
}

.et-db #page-container .spin-assist_formules ul li::before {
	font-family: 'ETModules';
	content: '\4e';
	color: var(--msp-red);
	margin-right: .5rem;
	font-size: 30px;
}

.et-db #page-container .spin-assist_formules ul li.no::before {
	content: '\4d';
}

.et-db #page-container .spin-assist_gallery {
	padding-top: 0;
}

.et-db #page-container .spin-assist_gallery .et_pb_row {
	max-width: inherit;
	width: 100%;
	padding-top: 0;
}

.et-db #page-container .spin-assist_gallery .et_pb_column {
	width: 25%;
	margin-right: 0;
}

/**************** Page service de maintenance *******************/

#page-container .meca_abonnement .meca_abonnement_texte .et_pb_column{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-container .meca_abonnement .meca_abonnement_texte .choix_texte div{
	margin: 1rem;
}

#page-container .meca_abonnement .meca_abonnement_texte .star{
	display: flex;
	justify-content: center;
	align-items: center;
}

#page-container .meca_abonnement .meca_abonnement_texte .et_pb_column .et_pb_module.bronze,
#page-container .meca_abonnement .meca_abonnement_texte .et_pb_column .et_pb_module.silver,
#page-container .meca_abonnement .meca_abonnement_texte .et_pb_column .et_pb_module.gold{
	width: 26rem;
}

#page-container .meca_abonnement .meca_abonnement_texte .bronze .star::before{
	content: '';
	position: absolute;
	left: 108px;
	top: 0;
    bottom: 0;
    margin: auto;
	width: 60px;
	height: 2px;
	background-color: #AB682C;
}

#page-container .meca_abonnement .meca_abonnement_texte .bronze .star::after{
	content: '';
	position: absolute;
	right: 108px;
	top: 0;
    bottom: 0;
    margin: auto;
	width: 60px;
	height: 2px;
	background-color: #AB682C;
}

#page-container .meca_abonnement .meca_abonnement_texte .brown_star{
	background-image: url('images/brown_star.svg');
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	width: 40px;
    height: 40px;
}

#page-container .meca_abonnement .meca_abonnement_texte .silver .star::before{
	content: '';
	position: absolute;
	left: 88px;
	top: 0;
    bottom: 0;
    margin: auto;
	width: 60px;
	height: 2px;
	background-color: #9BA2A7;
}

#page-container .meca_abonnement .meca_abonnement_texte .silver .star::after{
	content: '';
	position: absolute;
	right: 88px;
	top: 0;
    bottom: 0;
    margin: auto;
	width: 60px;
	height: 2px;
	background-color: #9BA2A7;
}

#page-container .meca_abonnement .meca_abonnement_texte .silver_star{
	background-image: url('images/silver_star.svg');
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	width: 40px;
    height: 40px;
}


#page-container .meca_abonnement .meca_abonnement_texte .gold .star::before{
	content: '';
	position: absolute;
	left: 68px;
	top: 0;
    bottom: 0;
    margin: auto;
	width: 60px;
	height: 2px;
	background-color: #D9AF62;
}

#page-container .meca_abonnement .meca_abonnement_texte .gold .star::after{
	content: '';
	position: absolute;
	right: 68px;
	top: 0;
    bottom: 0;
    margin: auto;
	width: 60px;
	height: 2px;
	background-color: #D9AF62;
}

#page-container .meca_abonnement .meca_abonnement_texte .gold_star{
	background-image: url('images/gold_star.svg');
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	width: 40px;
    height: 40px;
}

#page-container .meca_abonnement .meca_abonnement_texte h3{
	text-align: center;
	font-size: 50px;
	line-height: 40px;
	font-weight: bold;
}

#page-container .meca_abonnement .meca_abonnement_texte p{
	text-align: center;
}

#page-container .meca_abonnement .meca_abonnement_texte p.bold{
	font-weight: 900;
	padding: 0;
}

#page-container .meca_abonnement .meca_abonnement_texte .bronze h3,
#page-container .meca_abonnement .meca_abonnement_texte .bronze p{
	color: #AB682C;
}

#page-container .meca_abonnement .meca_abonnement_texte .silver h3,
#page-container .meca_abonnement .meca_abonnement_texte .silver p{
	color: #9BA2A7;
}

#page-container .meca_abonnement .meca_abonnement_texte .gold h3,
#page-container .meca_abonnement .meca_abonnement_texte .gold p{
	color: #D9AF62;
}

#page-container .meca_service{
	background-color: var(--msp-black);
	color: var(--msp-white);
}

#page-container .meca_service h3{
	color: var(--msp-white);
	margin-bottom: 37px;
	font-size: 38px;
	line-height: 40px;
}

#page-container .meca_service h3::after{
	content: '';
    width: 44px;
    height: 8px;
    position: absolute;
    left: 0;
	top: 65px;
    background-color: var(--msp-red);
}

#page-container .meca_service .service_header h3::after{
	top: 54px;
}

#page-container .meca_service .service_header--text{
	margin-bottom: 158px;
	padding-bottom: 0px !important;
}

#page-container .meca_service .service_header--text .et_pb_column{
	margin-right: inherit;
}

#page-container .meca_service .service_header--text img{
	min-height: 185px;
}

#page-container .meca_service .service_header--text .et_pb_column:first-child{
	border-right: 1px solid var(--msp-red);
}

#page-container .meca_service .service_header--text .et_pb_column .et_pb_module:first-child .et_pb_blurb_content{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-container .meca_service .service_header--text .et_pb_column .et_pb_module:first-child .et_pb_blurb_content p{
	font-weight: bold;
	font-size: 3em;
	line-height: 58px;
	text-transform: uppercase;
}

#page-container .meca_service .service_header--text .service_container--bottom{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding-top: 56px;
}

#page-container .meca_service .service_header--text .service_container--bottom p{
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	position: relative;
	padding-bottom: 1em;
}

#page-container .meca_service .service_header--text .service_container--bottom p.ko{
	color: #464444;
}

#page-container .meca_service .service_header--text .service_container--bottom p.ok::before{
	font-family: 'ETMODULES';
	content: '\4e';
    position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--msp-red);
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid var(--msp-white);
    left: -3.15rem;
    top: calc(50% - 1.2em);
}

 #page-container .meca_service .service_header--text .service_container--bottom p.ko::before{
	font-family: 'ETMODULES';
	content: '\4d';
    position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #464444;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid #464444;
    left: -3.15rem;
    top: calc(50% - 1.2em);
}

#page-container .meca_service .service_main--council .et_pb_text_inner{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

#page-container .meca_service .service_main{
	width: 100vw;
    height: 520px;
    max-width: 1758px;
	padding: 0;
	margin-bottom: 30px;
}

#page-container .meca_service .service_main .et_pb_column{
	width: 100%;
    height: 100%;
	position: relative;
}

#page-container .meca_service .service_main .et_pb_column::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

#page-container .meca_service .service_main .et_pb_column .et_pb_module{
	height: 100%;
    padding-left: 190px;
    display: flex;
    align-items: center;
}

#page-container .meca_service .service_main h3{
	font-size: 38px;
	font-weight: bold;
	line-height: 60px;
}

#page-container .meca_service .service_main p{
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

#page-container .meca_service .service_main--council .et_pb_text_inner p{
	text-align: end;
}

#page-container .meca_service .service_main--council h3::after{
	left: inherit;
	right: 0;
}

#page-container .meca_service .service_main--intervention .et_pb_text_inner,
#page-container .meca_service .service_main--council .et_pb_text_inner,
#page-container .meca_service .service_main--assistance .et_pb_text_inner{
	max-width: 50%;
}

#page-container .meca_service .service_main--council .et_pb_column .et_pb_module{
	display: flex;
    justify-content: end;
}

#page-container .meca_service .service_main--council .et_pb_column .et_pb_module .et_pb_text_inner{
	margin-right: 190px;
}

#page-container .meca_service .service_main--council .et_pb_button_module_wrapper{
	height: 46px !important;
    position: absolute;
    bottom: 5rem;
    right: 0;
    margin-right: 190px;
}

#page-container .meca_service .service_main--council .et_pb_button_module_wrapper a.conseil_btn{
	background: var(--msp-red);
    border: 1px solid var(--msp-red);
    color: var(--msp-white);
	transition: 0.5s;
}

#page-container .meca_service .service_main--council .et_pb_button_module_wrapper a.conseil_btn::after{
	left: auto;
    margin-left: .3em;
    opacity: 1;
	transition: all 50ms ease-in-out 0ms;
}

#page-container .meca_service .service_main--council .et_pb_button_module_wrapper a.conseil_btn:hover{
	background: var(--msp-white);
	color: var(--msp-red);
}

@media(min-width:1100px){
	#page-container .meca_service .service_header--text .et_pb_column:first-child{
		margin-right: 0 !important;
	}
}

@media(min-width:981px){
	#page-container .meca_service .service_header--text{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media(max-width:1595px){
	#page-container .meca_service .service_main--council .et_pb_text_inner{
		max-width: 60%;
	}
}

@media(max-width:1361px){
	#page-container .meca_service .service_main--intervention .et_pb_text_inner,
	#page-container .meca_service .service_main--council .et_pb_text_inner,
	#page-container .meca_service .service_main--assistance .et_pb_text_inner{
		max-width: 70%;
	}
}

@media(max-width:1167px){
	#page-container .meca_service .service_header--text{
		width: 90%;
	}
}


@media(max-width:1194px){
	#page-container .meca_service .service_main--intervention .et_pb_text_inner,
	#page-container .meca_service .service_main--council .et_pb_text_inner,
	#page-container .meca_service .service_main--assistance .et_pb_text_inner{
		max-width: 80%;
	}
}

@media(max-width:1082px){
	#page-container .meca_service .service_main--intervention .et_pb_column .et_pb_module,
	#page-container .meca_service .service_main--council .et_pb_column .et_pb_module:first-child,
	#page-container .meca_service .service_main--assistance .et_pb_column .et_pb_module{
		padding-left: 100px;
	}
}

@media(max-width:1000px){
	#page-container .meca_service .service_main--council .et_pb_text_inner{
		align-items: flex-start;
	}

	#page-container .meca_service .service_main--council .et_pb_text_inner p{
		text-align: start;
	}

	#page-container .meca_service .service_main--council h3::after{
		left: 0;
		right: inherit;
	}
}

@media(max-width:992px){
	#page-container .meca_service .service_main--intervention .et_pb_column .et_pb_module,
	#page-container .meca_service .service_main--council .et_pb_column .et_pb_module:first-child,
	#page-container .meca_service .service_main--assistance .et_pb_column .et_pb_module{
		padding-left: 50px;
	}
}

@media(max-width:980px){
	#page-container .meca_service .service_main--council .et_pb_button_module_wrapper{
		margin-right: 2rem;
	}

	#page-container .meca_service .service_header--text .et_pb_column:first-child{
		border-right: none;
		border-bottom: 1px solid var(--msp-red);
		padding-bottom: 30px;
	}
}

@media(max-width:944px){
	#page-container .meca_service .service_main--intervention .et_pb_column .et_pb_module,
	#page-container .meca_service .service_main--council .et_pb_column .et_pb_module:first-child,
	#page-container .meca_service .service_main--assistance .et_pb_column .et_pb_module{
		justify-content: center;
    	padding: 0;
	}

	#page-container .meca_service .service_main--council .et_pb_column .et_pb_module .et_pb_text_inner {
		margin-right: 0;
	}
}

@media(max-width: 878px){
	#page-container .meca_service .service_main--council h3::after{
		top: 96px;
	}
}

@media(max-width: 630px){
	#page-container .meca_service .service_main--council .et_pb_button_module_wrapper{
		bottom: 3rem;
	}
	#page-container .meca_service .service_header--text .service_container--bottom{
		padding-top: 1rem;
	}
	#page-container .meca_service .service_header--text .service_container--bottom p{
		font-size: 1.2rem;
	}
	#page-container .meca_service .service_header--text .et_pb_column .et_pb_module:first-child .et_pb_blurb_content p{
		font-size: 2.2rem;
	}
	#page-container .meca_service .service_header--text img{
		min-height: inherit;
	}
	#page-container .meca_service .service_header--text {
    	margin-bottom: 3rem;
	}
}

@media(max-width:481px){

	#page-container .meca_service .service_header--text .service_container--bottom{
		gap: 3rem;
	}

	#page-container .meca_service .service_header--text .service_container--bottom p{
		text-align: center;
	}

	#page-container .meca_service .service_header--text .service_container--bottom p.ko::before,
	#page-container .meca_service .service_header--text .service_container--bottom p.ok::before{
		top: inherit;
		bottom: -17px;
		left: 50%;
		transform: translateX(-50%);
	}

	#page-container .meca_service .service_header--text .et_pb_column:first-child{
		padding-bottom: 60px;
	}
}

@media(max-width: 443px){
	#page-container .meca_service .service_main--assistance h3::after{
		top: 96px;
	}
}

@media(max-width:430px){
	#page-container .meca_service .service_main--council .et_pb_button_module_wrapper{
		bottom: 1rem;
	}
}

@media(max-width: 416px){
	#page-container .meca_service .service_main--intervention h3::after{
		top: 96px;
	}
}

@media(max-width: 408px){
	#page-container .meca_service .service_main--council h3::after{
		top: 140px;
	}
}




/********************* Nouvelle Page Sommaire Amenagement d'atelier ***************************/

#page-container .sommaire_amenagement h1{
	text-align: center;
}

#page-container .sommaire_amenagement h1 .big{
	font-size: 1.3em;
}

#page-container .sommaire_amenagement h1::after{
	content: "";
    position: absolute;
    bottom: -10px;
    width: 147px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    border-bottom: 5px solid var(--msp-red);
}

#page-container .sommaire_amenagement.section_top p{
	text-align: center;
	margin-top: 66px;
	font-size: 1.6em;
}

@media(max-width: 1300px){
	#page-container .sommaire_amenagement h1 .big{
		font-size: inherit;
	}

	#page-container .sommaire_amenagement.section_top p{
		font-size: 1.3em;
	}
}

@media(max-width: 763px){
	#page-container .sommaire_amenagement.section_top p{
		font-size: 1.1em;
	}
}

/***************** Section Alimentation ********************/

#page-container .sommaire_amenagement.section_alimentation_menu{
	padding-bottom: 0;
	overflow: hidden;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_row{
	padding-bottom: 0;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner{
	display: flex;
    justify-content: center;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container{
	background: var(--msp-black);
	display: flex;
	padding-right: 1rem;
	gap: 8rem;
	justify-content: end;
	width: 60%;
	align-items: center;
	height: 71px;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .alim,
#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .fil,
#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .expe{
	position: relative;
	color: var(--msp-white);
	font-size: 0.9em;
	line-height: 1.3em;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .alim::before{
    content: "";
    position: absolute;
    left: -102px;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: 29px;
    background-image: url(images/Icone_aimentation.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .alim::after{
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: 3px solid var(--msp-red);
    border-right: 3px solid var(--msp-red);
    background-color: transparent;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .fil::before{
    content: "";
    position: absolute;
    left: -79px;
    top: 50%;
    transform: translateY(-50%);
    width: 63px;
    height: 73px;
    background-image: url(images/icone_filage.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .fil::after{
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: 3px solid var(--msp-red);
    border-right: 3px solid var(--msp-red);
    background-color: transparent;
}

#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .expe::before{
    content: "";
    position: absolute;
    left: -79px;
    top: 50%;
    transform: translateY(-50%);
    width: 63px;
    height: 73px;
    background-image: url(images/icone_expe.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .pack p{
	font-size: 1.6em;
	font-weight: 500;
	line-height: 43px;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .pack .et_pb_text_inner{
	position: relative;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .pack p::before{
    content: '';
    position: absolute;
    left: -47px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 39px;
    height: 2px;
    background-color: var(--msp-red);
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .pack p::after{
    content: '';
    position: absolute;
    right: -47px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 39px;
    height: 2px;
    background-color: var(--msp-red);
}


#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container p{
	color: var(--msp-white);
    padding: 0;
}

#page-container .sommaire_amenagement.section_alimentation_corp{
	padding-top: 0;
	padding-bottom: 0;
	height: 800px;
	border-bottom: 7px solid var(--msp-black);
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg,
#page-container .sommaire_amenagement.section_alimentation_corp .alimImg{
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg.active,
#page-container .sommaire_amenagement.section_alimentation_corp .alimImg.active{
	opacity: 1;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg,
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg .et_pb_image_wrap,
#page-container .sommaire_amenagement.section_alimentation_corp .alimImg,
#page-container .sommaire_amenagement.section_alimentation_corp .alimImg .et_pb_image_wrap{
	height: 100%;
}


#page-container .sommaire_amenagement.section_alimentation_corp .alimImg .et_pb_image_wrap {
	position: initial !important;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg,
#page-container .sommaire_amenagement.section_alimentation_corp .alimImg {
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.5s ease;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg img,
#page-container .sommaire_amenagement.section_alimentation_corp .alimImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg.active,
#page-container .sommaire_amenagement.section_alimentation_corp .alimImg.active {
	visibility: visible;
	opacity: 1;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row{
	background: #F5F5F5;
	height: 100%;
	width: 100%;
    max-width: 100%;
	display: flex;
    justify-content: space-between;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child{
	max-width: 692px;
    margin-right: 0;
    padding-bottom: 0;
	height: 100%;
	padding-top: 0;
	margin-bottom: 0;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2){
    display: flex;
    flex-direction: column;
	justify-content: space-between;
    height: 100%;
	align-items: center;
	width: -webkit-fill-available;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut{
	display: flex;
    justify-content: center;
	height: inherit;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column .para{
	text-align: center;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_para,
#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column .para p{
	font-size: 1.12em;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_txtRed p,
#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .red{
	color: var(--msp-red);
    font-weight: 500;
    letter-spacing: 10px;
    font-size: 16px;
    line-height: 19px;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_image{
	display: contents;
}

#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_image .et_pb_image_wrap{
	margin-bottom: 35px;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_txtTitre h3,
#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut h3{
	font-size: 3.15em;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas{
	padding: 0;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module{
	margin-bottom: auto;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column{
	height: 225px !important;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:hover h4::after{
	display: none;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column h4::after{
	display: block;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column .et_pb_button_module_wrapper{
	display: none;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:hover .et_pb_button_module_wrapper{
	display: flex;
	justify-content: center;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:hover .et_pb_button_module_wrapper a{
	background: #F5F5F5;
	color: var(--msp-black);
	border: 1px solid var(--msp-black);
}

#page-container .sommaire_amenagement.section_spinServ .et_pb_column .et_pb_button_module_wrapper a:hover,
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:hover .et_pb_button_module_wrapper a:hover,
#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:hover .et_pb_button_module_wrapper a:hover{
	background: transparent;
	color: #E50E20;
	border: 1px solid #E50E20;
}

#page-container .sommaire_amenagement.section_spinServ .et_pb_column .et_pb_button_module_wrapper a,
#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:hover .et_pb_button_module_wrapper a:after{
	color: #E50E20;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module{
	width: 100%;
	cursor: initial;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 1rem;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner .hoverPack{
	display: flex;
    width: 100%;
    padding: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner p{
	text-align: center;
	display: flex;
    width: 109px;
    height: 30px;
    background: var(--msp-red);
    color: var(--msp-white);
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 7px;
    margin-bottom: 1rem;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner h4{
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	line-height: 40px;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner h4 span{
	font-size: 40px;
	font-weight: bold;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column{
	justify-content: center !important;
    align-items: center !important;
	flex-direction: column !important;
	display: flex;
	width: 100%;
	color: white;
	transition: background-position 0.5s ease;
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, #F5F5F5 50%, var(--msp-black) 50%);
	background-position: 0 0;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:first-child{
    border-right: 2px solid black;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:hover{
	background-color: var(--msp-black);
	background-position: 0 100%;
	height: 100%;
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column:hover h4{
	color: var(--msp-white);
}

#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column h4::after{
    font-family: 'ETMODULES';
    content: '\21';
    font-size: 32px;
    color: var(--msp-red);
    margin-right: 7px;
    vertical-align: top;
    position: relative;
    bottom: -1rem;
}

@media(min-width: 2000px){
	#page-container .sommaire_amenagement.section_alimentation_corp{
		height: auto;
	}
	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child{
		height: initial;
	}
}

@media(max-width: 1507px){
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container{
		width: 80%;
		justify-content: center;
	}
}

@media(max-width: 1277px){
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container{
		width: 90%;
	}
}

@media(max-width: 1133px){
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container{
		width: 100%;
	}
}

@media(max-width: 1033px){
	#page-container .sommaire_amenagement.section_alimentation_menu{
		width: 100%;
	}
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_row{
		width: 100%;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp{
		height: auto;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row{
		flex-direction: column-reverse;
		padding-top: 2rem;
		justify-content: center;
		align-items: center;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child{
		max-width: 100%;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child .alimImg{
		margin: 0;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child .alimImg .et_pb_image_wrap{
		width: 100%;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child .alimImg .et_pb_image_wrap img{
		height: 400px;
		width: 100%;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner h4{
		font-size: inherit;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner h4 span{
		font-size: inherit;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column{
		width: 90% !important;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child{
		height: 400px;
	}
	#page-container .sommaire_amenagement.section_alimentation_corp #alim2.alimImg.active{
		top: -400px;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg,
	#page-container .sommaire_amenagement.section_alimentation_corp .alimImg{
		position: relative;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child .alimImg .et_pb_image_wrap{
		height: 400px;
	}

}

@media(max-width: 980px){
	#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column h4::after{
		display: none;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_column .et_pb_button_module_wrapper{
		display: flex;
		justify-content: center;
	}


	#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner h4{
		text-align: center;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas .et_pb_module .et_pb_text_inner h4{
		font-size: 20px;
	}
}

@media(max-width: 900px){
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container a::before{
		display: none;
	}

	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container a::after{
		right: -37px !important;
	}

	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container br{
		display: none;
	}
}

@media(max-width: 768px){
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container {
		gap: 6rem;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .alimentation_texte--bas{
		flex-direction: column;
		height: auto;
	}
	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg.active{
		margin-bottom: 0;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:not(:first-child),
	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:first-child{
		border: none !important;
	}
}

@media(max-width: 500px){
	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut h3{
		font-size: 1.6rem !important;
	}
}

@media(max-width: 480px){
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container {
		gap: 4rem;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_image{
		display: none;
	}
}

@media(max-width: 368px){
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container {
		gap: 2rem;
	}
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .alim::after {
		right: -19px !important;
	}
	#page-container .sommaire_amenagement.section_alimentation_menu .et_pb_code_inner .alimentation_menu_container .fil::after {
		right: -20px !important;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp{
		overflow: hidden;
	}
}


    /***************** Section Préfilage ************************/

#page-container .sommaire_amenagement.section_prefilage{
	height: auto;
    padding-top: 0;
	overflow: hidden;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_txtRed,
#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_txtTitre{
	margin-bottom: 1rem;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row{
	display: flex;
    flex-wrap: wrap;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:first-child,
#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2){
	margin: 0;
    flex: 1;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colTxt{
	z-index: 10;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colHide{
	z-index: 0;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(3){
	flex: 1 1 100%;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image{
	height: 100%;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image_wrap{
	height: 100%;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image_wrap img{
	height: 100%;
    object-fit: cover;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colTxt{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	max-width: 531px;
    margin-right: auto !important;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_img{
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-bottom: 0.5rem;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_txtTitre h3{
	text-align: center;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_para p{
	text-align: center;
}

#page-container .sommaire_amenagement.section_prefilage .pack{
	width: 100%;
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: center;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_button_module_wrapper{
	margin-bottom: 1.5rem;
}

#page-container .sommaire_amenagement.section_prefilage .pack p{
	font-size: 34px;
	font-weight: 400;
	line-height: 45px;
	margin: 0 1rem;
}

#page-container .sommaire_amenagement.section_prefilage .pack p:not(.un):after{
    content: "";
    position: absolute;
    bottom: 22px;
    background-color: #D9D9D9;
    height: 2px;
    width: 32px;
    transform: rotate(-58deg);
}

#page-container .sommaire_amenagement.section_prefilage .pack p.active,
#page-container .sommaire_amenagement.section_prefilage .pack p:hover{
	color: var(--msp-red);
	cursor: pointer;
	font-weight: bold;
}

#page-container .sommaire_amenagement.section_prefilage .pack .et_pb_text_inner{
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

#page-container .sommaire_amenagement.section_prefilage .pack .et_pb_text_inner p{
	padding: 0;
}

#page-container .sommaire_amenagement.section_prefilage .pack .et_pb_text_inner p.un{
	order: 4;
}

#page-container .sommaire_amenagement.section_prefilage .pack .et_pb_text_inner p.deux{
	order: 3;
}

#page-container .sommaire_amenagement.section_prefilage .pack .et_pb_text_inner p.trois{
	order: 2;
}

#page-container .sommaire_amenagement.section_prefilage .pack .et_pb_text_inner p.quatre{
	order: 1;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    font-size: 24px;
    line-height: 0;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p {
    /*display: none;*/

	opacity: 0;
	position: absolute;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p.active {
	opacity: 1;
	position: absolute;
	bottom: -35px;
    display: block;
	font-size: 400px;
	font-weight: 300;
	line-height: 74px;
	color: rgba(245, 245, 245, 1.25);
	padding: 0;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .et_pb_text_inner{
	position: relative;
    top: 10rem;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control.left {
    right: 10px;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control.left::after{
	font-family: 'ETMODULES';
    content: '\23';
    font-size: 32px;
    color: var(--msp-red);
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control.right {
    left: 10px;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control.right::after{
	font-family: 'ETMODULES';
    content: '\24';
    font-size: 32px;
    color: var(--msp-white);
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colImg{
	display: flex;
    position: relative;
    width: 80%;
    max-width: 100%;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colImg .img{
	width: 100%;
    /*display: none;*/

	opacity: 0;
	position: absolute;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colImg .img.active{
    display: block;
	opacity: 1;
	position: absolute;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-controls{
	margin-top: 20px;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control{
	background-color: rgba(255,255,255,0.68);
    border: none;
    color: var(--msp-white);
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
    line-height: 0;
    margin: 0 10px;
	height: 7.5rem;
    width: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control.right{
	background-color:var(--msp-red);
	color: var(--msp-white);
}


#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-controls_container{
	position: absolute;
    bottom: 0;
    right: 0;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_button_module_wrapper .et_pb_button{
	background-color: var(--msp-red) !important;
	color: var(--msp-white);
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_button_module_wrapper .et_pb_button:hover{
	background-color: var(--msp-white) !important;
	color: var(--msp-black);
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_button_module_wrapper .et_pb_button::after{
	margin-left: 0.5em;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colHide .et_pb_module:first-child{
	opacity: 0;
	transform: translateX(-100%);
	transition: transform 1s ease-in-out, opacity 2.5s ease-in-out;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colHide .et_pb_module:first-child.visible{
	transform: translateX(0);
	opacity: 1;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colImg{
	opacity: 0;
	transform: translateX(100%);
	transition: transform 1s ease-in-out, opacity 2.5s ease-in-out;
}

#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colImg.visible{
	transform: translateX(0);
	opacity: 1;
}

@media(max-width: 1726px){
	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-controls_container{
		right: 193px;
	}
}

@media (max-width: 1479px) {
	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p.active {
		font-size: 330px;
	}
}

@media (max-width: 1318px) {
	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p.active {
		font-size: 290px;
	}
}

@media(max-width: 1260px){
	#page-container .sommaire_amenagement.section_prefilage .et_pb_row{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:first-child,
	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2){
		width: 100%;
		max-width: inherit;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(3){
		width: 100%;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colImg.visible{
		flex: inherit;
		height: 900px;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .et_pb_text_inner{
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: -6.5rem;
	}
	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colImg.visible{
		height: 850px;
	}


	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image_wrap{
		height: 100%;
		display: flex;
		justify-content: center;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image_wrap img{
		width: auto;
		height: 100% !important;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .et_pb_text_inner{
		justify-content: flex-start;
		top: 6.5rem;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column.prefilage_colImg.visible {
		height: 400px;
		position: relative ;
		display: inherit ;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colImg .img {
		width: 100%;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* Transition pour l'effet de fondu */
		height: 400px !important;
		display: inherit;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colImg .img.active {
		opacity: 1;
		visibility: visible;
		position: absolute;
		top: 0;
		left: 0;
		height: 400px !important;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image_wrap img{
		height: initial;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2){
		height: 400px;
		position: relative ;
		display: inherit ;
		flex: inherit;
	}

}

@media(max-width: 980px) {
	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image_wrap{
		height: 93%;
		display: inherit;
		justify-content: inherit;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2) .et_pb_image_wrap img{
		width: inherit;
		height: initial;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .et_pb_text_inner{
		top: -6.5rem;
		margin-top: 8rem;
	}
}

@media(max-width: 630px){
	#page-container .sommaire_amenagement.section_prefilage .pack p:not(.un):after{
		display: none;
	}

	#page-container .sommaire_amenagement.section_prefilage .pack p{
		margin: 0 0.5rem;
	}
}

@media(max-width: 425px){
	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2).visible .et_pb_image_wrap img{
		height: 80% !important;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .et_pb_text_inner{
		top: -5rem;
		margin-top: 2rem;
		justify-content: center;
	}


	#page-container .sommaire_amenagement.section_prefilage .pack p{
		margin: 0 0.2rem;
	}
}

@media(max-width: 375px){
	#page-container .sommaire_amenagement.section_prefilage .et_pb_row .et_pb_column:nth-child(2).visible .et_pb_image_wrap img{
		height: 70% !important;
	}
}

@media(max-width: 372px){
	#page-container .sommaire_amenagement.section_prefilage .pack p {
		font-size: 23px !important;
	}
}

@media (max-width: 1202px) {
	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p.active {
		font-size: 260px;
	}
}

@media (max-width: 1142px) {
	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p.active {
		font-size: 190px;
	}
}

@media(max-width: 546px){
	#page-container .sommaire_amenagement.section_prefilage .pack p{
		font-size: 27px;
	}
}

@media(max-width: 470px){
	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column .et_pb_text_inner p,
	#page-container .sommaire_amenagement.section_prefilage .prefilage_gauche_txtRed .et_pb_text_inner p{
		text-align: center;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-control{
		height: 5rem;
		width: 5rem;
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p.active {
		font-size: 136px;
	}
}

@media(max-width: 460px){
	#page-container .sommaire_amenagement.section_prefilage .pack p{
		font-size: 25px;
	}
}

@media(max-width: 425px){
	#page-container .sommaire_amenagement.section_prefilage .pack p:not(.un):after{
		transform: rotate(90deg);
	}

	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide .carousel-controls_container{
		left: 50%;
		transform: translateX(-50%);
	}
}

@media(max-width: 375px) {
	#page-container .sommaire_amenagement.section_prefilage .prefilage_colHide p.active {
		font-size: 115px;
	}

	#page-container .sommaire_amenagement.section_prefilage .et_pb_button_module_wrapper .et_pb_button{
		font-size: 1rem;
	}
}


/********** section assemblage ***************/

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark{
	color: var(--msp-white);
	height: auto;
	overflow: hidden;
}
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row{
	background: var(--msp-black);
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:first-child{
	order: 2;
	height: auto;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:last-child{
	order: 1;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut{
	padding-bottom: 0;
	padding-top: 0;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column .et_pb_module.h3_container{
	margin-bottom: 0.2rem;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column .et_pb_module.para{
	margin-bottom: 5rem;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column{
	background: var(--msp-black);
	margin: auto;
}
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:first-child{
	border-right: inherit;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_module .et_pb_text_inner h4{
	color: var(--msp-white);
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:not(:first-child){
	border-right: 2px solid #464444;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column{
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	display: flex;
	width: 100%;
	color: white;
	transition: background-position 0.5s ease;
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, var(--msp-black) 50%, #464444 50%) !important;
	background-position: 0 0;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:hover {
	background-color: #464444 !important;
	background-position: 0 100%;
}

/* Style initial */
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(1),
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(2) {
	background: linear-gradient(to bottom, #464444 50%, var(--msp-black) 50%) no-repeat !important;
	background-size: 100% 200% !important;
	background-position: 0 0 !important;
	transition: background-position 0.5s ease-out !important;
}

/* Effet hover */
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(1):hover,
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(2):hover {
	background-position: 0 100% !important;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(1):hover .et_pb_button_module_wrapper a,
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(2):hover .et_pb_button_module_wrapper a{
	background: #464444;
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(1):hover .et_pb_button_module_wrapper a:hover,
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:nth-child(2):hover .et_pb_button_module_wrapper a:hover{
	background: var(--msp-black);
}


#page-container .sommaire_amenagement.section_spinServ .et_pb_column .et_pb_button_module_wrapper a,
#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .alimentation_texte--bas .et_pb_column:hover .et_pb_button_module_wrapper a{
	background: var(--msp-black);
	color: var(--msp-white);
	border: 1px solid var(--msp-black);
}

#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut h3 {
	color: var(--msp-white);
	text-align: center;
}

@media (max-width: 1300px) {

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column{
		width: 80%;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark{
		height: auto;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row{
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding-top: 5rem;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:first-child{
		max-width: 100%;
		max-height: 400px;

		width: 100%;
		display: flex;
		height: 400px;
		position: relative;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark #assemblage1,
	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark #assemblage2,
	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark #assemblage3{
		position: absolute !important;
		top: 0 !important;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg.active img{
		height: 400px;
		width: 100%;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .assemblageImg .et_pb_image_wrap{
		width: 100%;
	}


	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark #assemblage1.assemblageImg.active{
		top: 0;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark #assemblage2.assemblageImg.active{
		top: -522px;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark #assemblage3.assemblageImg.active{
		top: -800px;
	}

}

@media(max-width: 768px){
	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:not(:first-child):after{
		content: "";
		position: absolute;
		bottom: 0;
		width: 22rem;
		height: 1px;
		background: #9BA2A7;
	}

	.sommaire_amenagement.section_alimentation_corp .et_pb_row .alimentation_texte--bas .et_pb_column:first-child:after{
		content: "";
		position: absolute;
		bottom: 0;
		width: 22rem;
		height: 1px;
		background: var(--msp-black);
	}
}

@media(max-width: 480px){
	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row{
		padding-top: 3.5rem;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp.assemblageDark .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut .et_pb_column .et_pb_module.para {
		margin-bottom: 3rem;
	}

	#page-container .sommaire_amenagement.section_alimentation_corp .et_pb_row .et_pb_column:nth-child(2) .alimentation_texte--haut {
		padding-top: 0;
		padding-bottom: 1.5rem;
	}
}

/********* section spinServ ****************/

#page-container .sommaire_amenagement.section_spinServ .enteteSpinServ .et_pb_text_inner{
	display: flex;
	justify-content: center;
}

#page-container .sommaire_amenagement.section_spinServ .enteteSpinServ h2{
	font-size: 50px;
	line-height: 60px;
}

#page-container .sommaire_amenagement.section_spinServ .enteteSpinServ h2:after{
	display: none;
}

#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .et_pb_column{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .et_pb_column .et_pb_module{
	text-align: center;
}

#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .et_pb_column .et_pb_module:first-child{
	margin: 0 0 50px 0;
}

#page-container .sommaire_amenagement.section_spinServ{
	padding-bottom: 0;
}

#page-container .sommaire_amenagement.section_spinServ .corpSpinServ{
	display: flex;
	position: relative;
	padding-bottom: 0;
}

#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .colRight,
#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .colLeft{
	height: 100%;
	flex: 1;
}

#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .colMiddle{
	width: 2px;
	background-color: #464444;
}

@media(max-width: 1269px){
	#page-container .sommaire_amenagement.section_spinServ .corpSpinServ{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .et_pb_column{
		width: auto;
	}

	#page-container .sommaire_amenagement.section_spinServ .corpSpinServ .et_pb_column .et_pb_module:last-child{
		display: contents;
	}
}

@media(max-width: 900px){
	#page-container .sommaire_amenagement.section_spinServ .enteteSpinServ h2{
		gap: 0.5rem;
	}
}

@media(max-width: 425px){
	#page-container .sommaire_amenagement.section_spinServ .enteteSpinServ{
		padding-bottom: 0;
	}
}

/**************************************************/
/*********** Dev Page PAck et section *************/

/******** Section Alimentation fils et gaines white (class="alimFilsGainesWhite") & black (class="alimFilsGainesBlack") **********/
#page-container .alimFilsGainesWhite h2:after{
	border-bottom: 4px solid #E50E20;
	width: calc(100% - 62%);
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_column img{
	width: 100%;
	object-fit: cover;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body{
	padding-top: 0;
}


#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_column{
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	height: 576px;
	background: var(--msp-black);
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_column .et_pb_module:nth-child(2){
	z-index: 999;
	background: #E50E20;
	margin-top: -5rem;
	max-width: 100%;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_column .alimFilsGainesWhite_bottom--absol .et_pb_text_inner{
	min-width: 300px;
}

#page-container .section_souhait .souhait--colMiddle .conteneurPackAbso p,
#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_column .alimFilsGainesWhite_bottom--absol p{
	position: absolute;
	top: -29px;
	left: 50%;
	transform: translate(-50%);
	padding: 1rem;
	background: var(--msp-black);
	color: #E50E20;
	font-size: 1.8rem;
	letter-spacing: 16px;
}

#page-container .section_souhait .souhait--colMiddle .conteneurPackAbso,
#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .conteneurPackAbso{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 37px;
}

#page-container .section_souhait .conteneurPackAbso h3 span,
#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .conteneurPackAbso span{
	font-size: 2em;
}

#page-container .section_souhait .souhait--colMiddle .conteneurPackAbso h3,
#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body h3{
	margin: 0.8rem 2rem;
	text-align: center;
	line-height: 1;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .alimFilsGainesWhite_bottom--p .et_pb_text_inner{
	display: flex;
	justify-content: center;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .alimFilsGainesWhite_bottom--p p{
	text-align: center;
	color: var(--msp-white);
	max-width: 90%;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .alimFilsGainesWhite_body--Img{
	margin: 0;
	width: 100%;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .alimFilsGainesWhite_body--Img .et_pb_image_wrap{
	width: 100%;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .alimFilsGainesWhite_body--Img img{
	max-height: 100%;
	height: 262px;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper{
	position: absolute;
	bottom: 4rem;
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a{
	color: var(--msp-white);
	width: 186px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a:hover{
	background: #E50E20;
}

#page-container .section_souhait .et_pb_button_module_wrapper a:after,
#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a:after{
	color: var(--msp-white);
	right: 15px;
}

@media(max-width: 768px){
	#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper{
		position: inherit;
		bottom: inherit;
	}
}

/************* version dark *****************/

#page-container .atelierBlack,
#page-container .alimFilsGainesDark{
	background: var(--msp-black);
	color: var(--msp-white);
}

#page-container .atelierBlack h2,
#page-container .alimFilsGainesDark h2{
	color: var(--msp-white) !important;
}

#page-container .alimFilsGainesDark .alimFilsGainesWhite_body .et_pb_column .et_pb_module:nth-child(2){
	background: var(--msp-black);
}

#page-container .alimFilsGainesDark .alimFilsGainesWhite_body h3{
	color: var(--msp-white);
}

#page-container .alimFilsGainesDark .alimFilsGainesWhite_body .et_pb_column .alimFilsGainesWhite_bottom--absol p{
	background: #E50E20;
	color: var(--msp-white);
}

#page-container .alimFilsGainesDark .alimFilsGainesWhite_body .et_pb_column{
	background: #E50E20;
}

#page-container .alimFilsGainesDark .alimFilsGainesWhite_body .et_pb_button_module_wrapper a{
	border: 1px solid var(--msp-white);
}

#page-container .alimFilsGainesDark .alimFilsGainesWhite_body .et_pb_button_module_wrapper a:hover{
	background: var(--msp-black);
}

@media(max-width: 768px){
	#page-container .alimFilsGainesWhite h2{
		flex-direction: column;
	}

	#page-container .alimFilsGainesWhite h2:after{
		display: block;
		left: 50%;
		transform: translateX(-50%);
	}

	#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_column .alimFilsGainesWhite_bottom--absol .et_pb_text_inner{
		min-width: inherit;
	}

	#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_column{
		height: auto;
		padding-bottom: 2rem;
	}

	#page-container .alimFilsGainesWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a{
		position: inherit;
	}

}

/******** Section packs aménagement d'atelier white (class="atelierWhite") & black (class="atelierBlack") **********/

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_column .et_pb_module:nth-child(2){
	background: inherit;
	margin-top: 0;
}

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_column{
	background: #F5F5F5;
}

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_column .alimFilsGainesWhite_bottom--absol p {
	color: var(--msp-white);
	background: var(--msp-black);
}

#page-container .atelierWhite .alimFilsGainesWhite_body h3 {
	color: var(--msp-black);
	font-size: 36px !important;
}

#page-container .atelierWhite .alimFilsGainesWhite_body h3 span{
	color: var(--msp-black);
	font-size: 40px !important;
}

#page-container .atelierWhite .alimFilsGainesWhite_body .alimFilsGainesWhite_bottom--p p {
	color: var(--msp-black);
}

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a{
	background: transparent;
	border: 1px solid var(--msp-black);
	color: var(--msp-black);
}

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a:after{
	color: var(--msp-black);
}

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a:hover {
	background: var(--msp-black);
	color: var(--msp-white);
}

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_button_module_wrapper a:hover:after{
	color: var(--msp-white);
}

#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_column {
	height: 681px;
}

@media(min-width:981px) and (max-width:1439px){
	#page-container .atelierWhite .alimFilsGainesWhite_body .et_pb_column .alimFilsGainesWhite_bottom--absol .et_pb_text_inner{
		min-width: inherit;
	}

	#page-container .atelierWhite .alimFilsGainesWhite_body h3 {
		color: var(--msp-black);
		font-size: 25px !important;
	}

	#page-container .atelierWhite .alimFilsGainesWhite_body h3 span {
		color: var(--msp-black);
		font-size: 27px !important;
	}
}

@media(max-width: 425px){
	#page-container .atelierWhite .alimFilsGainesWhite_body h3 {
		color: var(--msp-black);
		font-size: 31px !important;
	}

	#page-container .atelierWhite .alimFilsGainesWhite_body h3 span {
		color: var(--msp-black);
		font-size: 35px !important;
	}
}

@media(max-width: 375px){
	#page-container .atelierWhite .alimFilsGainesWhite_body h3 {
		color: var(--msp-black);
		font-size: 26px !important;
	}

	#page-container .atelierWhite .alimFilsGainesWhite_body h3 span {
		color: var(--msp-black);
		font-size: 29px !important;
	}
}


/******** Section HEADER page Packs (class="section_headerPack") **********/

#page-container .section_headerPack{
	min-height: 552px;
	display: flex;
	justify-content: center;
	align-items: end;
	padding: 0;
}

#page-container .section_headerPack .et_pb_row{
	background-color: rgba(34, 34, 34, 0.95);
	margin: 0;
	padding: 0;
	max-width: 1031px;
	min-height: 364px;
}

#page-container .section_headerPack .et_pb_row .headerPack h1{
	color: var(--msp-white);
	text-align: center;
	margin-bottom: 37px;
}

#page-container .section_headerPack .et_pb_row .headerPack h1:after{
	content: "";
	position: absolute;
	width: 87px;
	border-bottom: 3px solid #E50E20;
	left: 50%;
	transform: translateX(-50%);
}



#page-container .section_headerPack .et_pb_row .headerPack{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 364px;
	color: var(--msp-white);
}

#page-container .section_headerPack .et_pb_row .headerPack p.upper{
	position: absolute;
	top: -29px;
	left: 50%;
	transform: translate(-50%);
	padding: 1rem;
	background: #E50E20;
	color: var(--msp-white);
	letter-spacing: 16px;
	font-size: 2.25em;
	font-weight: 500;
	line-height: 48px;
}

#page-container .section_headerPack .et_pb_row .headerPack p.txt{
	max-width: 90%;
	text-align: center;
}

@media(max-width: 1075px){
	#page-container .section_headerPack .et_pb_row .headerPack h1{
		padding-top: 60px;
	}

	#page-container .section_headerPack .et_pb_row .headerPack p.txt{
		margin-bottom: 1rem;
	}
}

@media (max-width: 981px) {
  #page-container .section_headerPack .et_pb_row .headerPack p.upper{
    font-size: 1.25em;
    letter-spacing: 14px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
	#page-container .section_headerPack .et_pb_row .headerPack h1{
		font-size: 3.1em;
	}
}

@media(min-width: 425px){
	#page-container .section_headerPack .et_pb_row .headerPack h1 span{
		font-size: 1.3em;
	}
}

/******** Section Footer Spin Appro - page Packs (class="footerSpinAppro") **********/

#page-container .footerSpinAppro{
	background-size: 74% auto;
	background-position: right -109% bottom -19%;
	min-height: 780px;
	background-color: #F6F6F6;
}

#page-container .footerSpinAppro img{
	margin-bottom: 74px;
}

#page-container .footerSpinAppro h2{
	padding-bottom: 35px;
}

#page-container .section_souhait h2:after,
#page-container .footerSpinAppro h2:after{
	display: none;
}

#page-container .footerSpinAppro p{
	margin-bottom: 42px;
}

#page-container .footerSpinAppro .et_pb_button_module_wrapper a{
	background: var(--msp-black);
	color: var(--msp-white);
	border: none;
}

#page-container .footerSpinAppro .et_pb_button_module_wrapper a:after{
	color: #E50E20;
}

#page-container .footerSpinAppro .et_pb_button_module_wrapper a:hover{
	background: #E50E20;
	color: var(--msp-black);
	border: none;
}

#page-container .footerSpinAppro .et_pb_button_module_wrapper a:hover:after{
	color: var(--msp-black);
}

@media(max-width: 868px){
	#page-container .footerSpinAppro {
		background-size: 67% auto;
		background-position: right -1% bottom -6%;
	}
}

@media(max-width: 768px){
	#page-container .footerSpinAppro {
		background-size: 74% auto;
		background-position: right -28% bottom 0%;
	}
	#page-container .footerSpinAppro h2{
		margin: 0;
		text-align: start;
		flex-direction: column;
	}
}

@media(max-width: 425px){
	#page-container .footerSpinAppro {
		background-size: 83% auto;
		background-position: right -93% bottom 0%;
	}
}

/******** Section pack CTA - page Packs (class="packCta") **********/
#page-container .packCta{
	background: var(--msp-white);
}

#page-container .packCta a.meca_mail{
	background: #E50E20;
	border: 1px solid #E50E20;
}

#page-container .packCta a.meca_tel{
	color: #E50E20;
	border: 1px solid #E50E20;
}

#page-container .packCta a.meca_mail:hover{
	background: var(--msp-white);
	color: #E50E20;
	border: 1px solid #E50E20;
}

#page-container .packCta a.meca_tel:hover{
	background: #E50E20;
	border: 1px solid #E50E20;
	color: var(--msp-white);
}

/******** Section souhait - page Packs (class="section_souhait") **********/

#page-container .section_souhait .souhait_corp{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	background: var(--msp-black);
	color: var(--msp-white);
}

#page-container .section_souhait .souhait--colLeft{
	width: 50%;
	height: 100%;
	max-height: 100%;
	margin-right: auto;
}

#page-container .section_souhait .souhait--colLeft .et_pb_image_wrap{
	width: 100%;
}

#page-container .section_souhait .souhait--colMiddle{
	position: absolute;
	z-index: 999;
	background: #E50E20;
	max-width: 331px;
	min-height: 155px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

#page-container .section_souhait .souhait--colRight{
	width: 50%;
	padding-left: 237px;
	padding-right: 83px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#page-container .section_souhait .et_pb_button_module_wrapper a{
	color: var(--msp-white);
	width: 205px;
	height: 41px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#page-container .section_souhait .et_pb_button_module_wrapper a:hover{
	background: #E50E20;
	color: var(--msp-white);
}

#page-container .section_souhait .et_pb_button_module_wrapper a:after:hover{
	color: #E50E20;
}

@media(max-width:1460px){
	#page-container .section_souhait .souhait_corp{
		display: flex;
		flex-direction: column;
		height: 681px;
	}

	#page-container .section_souhait .souhait--colMiddle{
		top: inherit;
		transform: translateX(-50%) translateY(-36%) !important;
	}


	#page-container .section_souhait .souhait--colRight{
		padding: 2rem;
		position: relative;
		top: -7rem;
		width: 100%;
	}

	#page-container .section_souhait .souhait--colLeft{
		width: 100%;
	}

	#page-container .section_souhait .souhait--colLeft img{
		min-height: 262px;
		max-height: 400px;
		width: 100%;
		object-fit: cover;
		height: 262px;
	}
}

@media(max-width: 768px){
	#page-container .section_souhait h2{
		margin: 0;
		text-align: start;
		flex-direction: column;
	}

	#page-container .section_souhait .souhait--colRight p{
		text-align: center;
	}

	#page-container .section_souhait .et_pb_button_module_wrapper{
		display: flex;
		justify-content: center;
	}
}

@media(max-width: 425px){
	#page-container .section_souhait .souhait--colMiddle{
		max-width: 240px;
	}
}


/******** Section Equipements - page Packs (class="equipe") **********/

#page-container .equipe{
	min-height: 565px;
}

#page-container .equipe .et_pb_row{
	max-width: 100%;
	width: 100%;
}

#page-container .equipe .et_pb_row .et_pb_text_inner{
	display: flex;
	justify-content: center;
	align-items: center;
}

#page-container .equipe .main-container{
	display: flex;
	max-width: 1366px;
	width: 90%;
}

#page-container .equipe .main-container .left-section{
	min-height: 425px;
}

#page-container .equipe .right-section{
	position: absolute;
	right: 0;
	max-width: 538px;
	margin-left: 5rem;
}

#page-container .equipe .buttonsDetails-container{
	display: flex;
}

#page-container .equipe .buttons-container div{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
	position: relative;
}

#page-container .equipe .details-container{
	max-width: 530px;
}

#page-container .equipe .buttonsDetails-container{
	gap: 2rem;
}

#page-container .equipe .buttonsDetails-container button{
	margin-left: 1.8rem;
	padding-left: 4.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 329px;
	height: 46px;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #C4C4C4;
	background: var(--msp-white);
	cursor: pointer;
	border: none;
}

#page-container .equipe .buttons-container div p{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	left: 5rem;
	color: #C4C4C4;
}

#page-container .equipe .buttons-container div:before{
	content: "";
	position: absolute;
	width: 5px;
	background: #C4C4C4;
	height: 62px;
	left: 0;
}

#page-container .equipe .buttons-container div:has(> button.focus):before{
	background: var(--msp-black);
}

#page-container .equipe .buttons-container div p:after{
	content: "";
	position: absolute;
	width: 2rem;
	background: #C4C4C4;
	height: 2px;
	transform: rotate(-67deg);
	right: -1.5rem;
}

#page-container .equipe .buttonsDetails-container button.focus{
	color: var(--msp-white);
	background: var(--msp-black);
}

#page-container .equipe .buttons-container div p:has(+ button.focus){
	color: var(--msp-white);
}

#page-container .equipe .buttons-container div p:has(+ button.focus):after{
	background: #E50E20;
}

#page-container .outils h2,
#page-container .equipe h2{
	padding-bottom: 3rem;
}

#page-container .outils h2 span,
#page-container .equipe h2 span{
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #C4C4C4;
}

#page-container .outils h2:after,
#page-container .equipe h2:after{
	display: none;
}

#page-container .outils div.colLeft_resume,
#page-container .equipe #equipment-resume{
	padding-bottom: 24px;
	margin-bottom: 30px;
	border-bottom: 2px solid #C4C4C4;
}

#page-container .outils a.outillage-button{
	font-weight: 700;
}

#page-container .outils a.outillage-button,
#page-container .equipe .details-container a{
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}

#page-container .outils a.outillage-button:after,
#page-container .equipe .details-container a:after{
	font-family: 'ETMODULES';
	content: '\24';
	text-align: center;
	margin-right: 10px;
	margin-left: 1rem;
	color: #E50E20;
	font-size: 1.2em;
}

@media(max-width: 1500px){
	#page-container .equipe .main-container{
		flex-direction: column;
	}

	#page-container .equipe .et_pb_row .et_pb_text_inner{
		flex-direction: column;
	}

	#page-container .equipe .right-section{
		display: flex;
		justify-content: center;
		position: relative;
		margin: 2rem 0 0 0;
		width: 100%;
		height: 400px;
		max-width: 100%;
	}

	#page-container .equipe .right-section img{
		height: 100%;
		width: 90%;
		object-fit: cover;
	}
}

@media(max-width: 1200px){
	#page-container .equipe .right-section{
		height: 350px;
	}
}

@media(max-width: 1000px){
	#page-container .equipe .right-section{
		height: 300px;
	}
}

@media(max-width: 835px){
	#page-container .equipe .buttonsDetails-container{
		flex-direction: column;
	}

	#page-container .equipe .buttons-container div{
		justify-content: flex-start;
	}
}

@media(max-width: 768px){
	#page-container .equipe h2{
		margin: 0;
		text-align: start;
		flex-direction: column;
	}
}

@media(max-width: 425px){
	#page-container .equipe .buttonsDetails-container button{
		margin-left: 1rem;
	}

	#page-container .equipe .buttons-container div p{
		left: 2.8rem;
	}
}

@media(min-width: 1501px) and (max-width: 1567px){
	#page-container .equipe .details-container {
		max-width: 466px;
	}
}

/******** Section Outillages - page Packs (class="outils") **********/
#page-container .outils{
	background: #F5F5F5;
	background-position: right -7% bottom 0%;
	background-repeat: no-repeat;
	padding-bottom: 0;
}

#page-container .outils .et_pb_row{
	padding-bottom: 0;
}

#page-container .outils .top--outillage{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 85px;
}

#page-container .outils h2{
	padding: 0;
}

#page-container .outils .top--outillage .btn_outillage--container{
	display: flex;
	justify-content: center;
	align-items: center;
}

#page-container .outils .top--outillage .btn-outillage{
	border: none;
	color: var(--msp-white);
	padding: 10px;
	cursor: pointer;
	font-size: 24px;
	line-height: 0;
	margin: 0 10px;
	height: 56px;
	width: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #C4C4C4;
}

#page-container .outils .top--outillage .btn-outillage.left:after{
	font-family: 'ETMODULES';
	content: '\23';
	font-size: 32px;
	color: var(--msp-white);
}

#page-container .outils .top--outillage .btn-outillage.right:after{
	font-family: 'ETMODULES';
	content: '\24';
	font-size: 32px;
	color: var(--msp-white);
}

#page-container .outils .body--outillage{
	display: flex;
	justify-content: center;
	gap: 86px;
}

#page-container .outils .miSection{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: start;
	width: 50%;
}

#page-container .outils .miSection_text--outillage{
	max-width: 260px;
	max-height: 100%;
	margin-bottom: 2rem;
}

#page-container .outils h3{
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}

#page-container .outils .miSection_image--outillage{
	max-width: 329px;
	padding: 0;
	height: 100%;
	display: flex;
	align-items: end;
	margin-left: 48px;
}

#page-container .outils .miSection_image--outillage{
	max-height: 100%;
}

#page-container .outils picture{
	height: 329px;
	display: block;
}

#page-container .outils img{
	object-fit: cover;
	height: 100%;
}

#page-container .outils div.colLeft_resume{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media(max-width: 1250px){
	#page-container .outils .body--outillage{
		flex-direction: column;
		height: auto;
	}

	#page-container .outils .miSection_text--outillage{
		max-width: 100%;
	}

	#page-container .outils .miSection_image--outillage{
		max-height: 329px;
		max-width: 329px;
	}

	#page-container .outils .miSection{
		width: 100%;
	}

	#page-container .outils picture{
		min-width: 329px;
	}
}

@media(max-width: 981px) {
	#page-container .outils .miSection{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#page-container .outils .miSection_image--outillage{
		padding-top: 1rem;
		padding-left: 0;
		max-height: inherit;
		max-width: inherit;
		width: 100%;
		margin: 0;
	}

	#page-container .outils .miSection_text--outillage{
		width: 100%;
	}

	#page-container .outils img{
		max-height: 300px;
		width: 100%;
	}

	#page-container .outils picture{
		width: 100%;
	}
}

@media(max-width: 768px){
	#page-container .outils h2{
		margin: 0;
		text-align: start;
		flex-direction: column;
	}
}

@media(max-width: 425px){
	#page-container .outils .top--outillage{
		margin-bottom: 3rem;
	}

	#page-container .outils .body--outillage{
		gap: 2.5rem;
	}
}




/** *** *** Formulaire(s) *** *** **/

.et_pb_contact p input,
.et_pb_contact p textarea,
form.contact .ginput_container input,
form.contact .ginput_container textarea,
.essai-reservation .ginput_container input,
.essai-reservation .ginput_container textarea{
    background-color: #fff;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #7f7f7f;
    font-size: 14px;
    padding: 16px;
	height: 100%;
	box-shadow: none;
    border: 1px solid #7f7f7f;
}

.gform_heading .gform_required_legend{
	display: none;
}
.gform-theme--framework input[type=submit] , .gform-theme--framework input[type=submit]::after, .gform-theme--framework input[type=submit]::before{
	box-sizing: initial;
}


/** *** *** Fin Formulaire(s) *** *** **/

/* Fiche produit new */
.listes-bouton {
    display: flex;
    flex-wrap: wrap;
    gap: 25%;
    flex-direction: row;
}

@media (max-width: 1440px){
.listes-bouton a{
	margin-bottom: 15px;
}
}


/* Page sommaire produit */
.custom-equipment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
}


/* **************************************************** */
/* section row avec download - page sommaire equipement */
/* **************************************************** */

body #page-container .et_pb_section:has(.download_section)::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--msp-black);
    opacity: 0.79;
    mix-blend-mode: multiply;
    z-index: 1;
    max-height: 100vh;
}

body #page-container .et_pb_section:has(.download_section) p{
	font-size: 1.75rem;
	line-height: 1.428em;
}


body #page-container .et_pb_section.bg-grey:has(+ .et_pb_section .download_section) h3{
	text-transform: initial !important;
}


/* =============================================================================
   CP-FAQ CONTENEUR
   -----------------------------------------------------------------------------
   ============================================================================= */
.et-db #page-container #et-boc .et-l .wp-faq-schema-wrap.wp-faq-schema-accordion {
    width: 100%;
}

.et-db #page-container #et-boc .et-l .wp-faq-schema-wrap.wp-faq-schema-accordion h2{
	font-weight: bold;
}

/* =============================================================================
   RESET jQuery UI
   ============================================================================= */
.et-db #page-container #et-boc .et-l .wp-faq-schema-items.ui-accordion {
    border: none;
    background: none;
    box-shadow: none;
}

/* =============================================================================
   FAQ
   ============================================================================= */
.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    border: none;
    border-radius: 0;
    background: var(--msp-beige);
    line-height: 1.45;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    font-size: 1.375rem;
	padding: 0 1.5rem 1.25rem 0;
}

.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header:first-child{
	padding: 1.25rem 1.5rem 1.25rem 0;
}

/* Supprimer la bordure basse et le padding quand le panneau est ouvert */
.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header.ui-state-active {
    border-bottom: none;
    padding-bottom: 0;
}

.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-content ul{
	padding: 0 0 23px 0;
}

/* =============================================================================
   ICÔNE — cercle avec chevron / croix
   ============================================================================= */
/* Masquer le triangle jQuery UI */
.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header .ui-icon {
    display: none;
}

/* Cercle fermé : chevron bas */
.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header::after {
    content: '\33';
    font-family: 'ETmodules';
    flex-shrink: 0;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    color: var(--msp-black);
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Cercle ouvert : croix rouge */
.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header.ui-state-active::after {
    content: '\32';
	color: var(--msp-grey-base);
}

/* =============================================================================
   CONTENU / RÉPONSE (div.ui-accordion-content)
   ============================================================================= */
.et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-content {
    padding: 0.5rem 1.5rem 1.25rem 0;
    border: none;
	background: var(--msp-beige);
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */
@media(max-width: 980px){
    .et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header::after {
        width: 1.9rem;
        height: 1.9rem;
        font-size: 1em;
    }
}
@media (max-width: 768px) {
    .et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header {
        padding: 1rem;
        font-size: 0.95rem;
        gap: 1rem;
    }

    .et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-content {
        padding: 0.5rem 1rem 1rem 1rem;
    }
}
@media (max-width: 375px) {
    .et-db #page-container #et-boc .et-l .wp-faq-schema-items .ui-accordion-header {
        padding: 1rem;
        font-size: 0.95rem;
        gap: 0.5rem;
    }
}


/* =============================================================================
   SECTION CHIFFRES CLES
   -----------------------------------------------------------------------------
   ============================================================================= */
.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_column {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_blurb{
	margin-bottom: 0;
}

.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_main_blurb_image{
	min-height: 5rem;
}

.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_blurb_content {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_blurb_description{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: inherit;
}

.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_blurb_description p:first-child{
	font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: 7px;
}

.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_blurb_description p{
	text-align: center;
	font-size: 0.875rem;
	line-height: normal;
}

@media(max-width: 1200px){
	.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_column {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 3rem;
	}
}

@media(max-width: 900px){
	.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_column {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width: 550px){
	.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_column {
		grid-template-columns: 1fr;
		row-gap: 2rem;
	}
	.et-db #page-container #et-boc .et-l .et_pb_section:has(.chiffres-cles) .et_pb_main_blurb_image {
    	min-height: inherit;
	}
}

/* =============================================================================
   Nouvelle SECTION Découvrez nos services
   -----------------------------------------------------------------------------
   ============================================================================= */
.et-db #page-container #et-boc .et-l .et_pb_section:has(.services-discovery){
	padding-bottom: 0;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery{
	max-width: inherit;
	margin: 0;
	width: 100%;
	padding-bottom: 0;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_column{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_text{
	grid-column: 1 / -1;
	place-items: center;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_text_inner{
	width: min(calc(100% - 2rem), 42rem);
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_text_inner :is(h2, p){
	width: 100%;
	text-align: center;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb{
	position: relative;
	margin-bottom: 0;
	padding: 4rem;
	cursor: pointer;
	isolation: isolate;
	overflow: hidden;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb::after{
	content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    background-color: var(--msp-black);
    opacity: 0.75;
    mix-blend-mode: multiply;
    pointer-events: none;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb_content{
	z-index: 2;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb span{
	align-items: flex-start;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .fake-btn{
	display: flex;
    justify-content: space-between;
    align-items: center;
	width: 50%;
	color: var(--msp-white);
	padding: 0.625rem 1.312rem;
	background-color: #222;
	opacity: 0.75;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb:hover .fake-btn{
	width: 50%;
	color: var(--msp-white);
	padding: 0.625rem 1.312rem;
	background-color: var(--msp-red);
	opacity: 1;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .fake-btn::after{
	content: '\35';
    color: var(--msp-red);
    font-family: 'ETmodules';
    font-size: 1.5rem;
    font-weight: 700;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb:hover .fake-btn::after{
	color: var(--msp-white);
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery :is(h2, h3){
	position: relative;
	margin-bottom: 0.937rem; /* calcule de la marge sans le padding natif */
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery :is(h2, h3):before{
	content: '';
    position: absolute;
    background-color: var(--msp-red);
    height: 3px;
	bottom: 0;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery h2:before{
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery h3:before{
	left: 0;
	width: 31px;
}

.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery p{
	padding-bottom: 1.625rem;
}

@media(min-width: 2000px){
	.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_column{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media(max-width: 768px){
	.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_column{
		grid-template-columns: minmax(0, 1fr);
	}
}

@media(max-width: 425px){
	.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb {
    	padding: 2rem 0;
	}

	.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row.services-discovery .et_pb_blurb_content{
		width: 90%;
    	margin: 0 auto;
	}
}

/* =============================================================================
   Entete-cta => utilisé pour le moment sur page sommaire tableautier
   -----------------------------------------------------------------------------
   ============================================================================= */
   .et-db #page-container #et-boc .et-l .et_pb_section .entete-cta p{
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.3em;
	color: var(--msp-red);
	margin-bottom: 1.56rem;
   }

   .et-db #page-container #et-boc .et-l .et_pb_section .entete-cta .cta-container{
	display: flex;
	gap: 1.875rem;
	align-items: center;
	flex-wrap: wrap;
   }

   /* ==========================================================
   PLAN DU SITE HTML MECASPIN - V13
   ========================================================== */

.mecaspin-html-sitemap {
    --mps-text: #666;
    --mps-title: #222;
    --mps-line: #b5b5b5;
    --mps-column-gap: 48px;
    --mps-row-gap: 42px;

    width: 100%;
    max-width: 1180px;
    margin: 50px auto 70px;
}


/* ==========================================================
   GRILLE
   ========================================================== */

.mecaspin-sitemap-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--mps-column-gap);
    row-gap: var(--mps-row-gap);
    align-items: start;
}


/* ==========================================================
   COLONNE
   ========================================================== */

.mecaspin-sitemap-section {
    min-width: 0;
    margin: 0;
    padding: 0;
}


/* ==========================================================
   TITRE DE RUBRIQUE
   ========================================================== */

.mecaspin-sitemap-title {
    display: block;
    width: 100%;

    margin: 0 0 13px;
    padding: 0 0 8px;

    border-bottom: 1px solid var(--mps-line);

    color: var(--mps-title);

    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;

    text-decoration: none;
    text-transform: uppercase;
}


/*
 * Le titre peut être un <a> ou un <div>.
 * On garde exactement le même aspect.
 */
a.mecaspin-sitemap-title,
a.mecaspin-sitemap-title:visited {
    color: var(--mps-title);
    text-decoration: none;
}


a.mecaspin-sitemap-title:hover,
a.mecaspin-sitemap-title:focus {
    color: var(--mps-title);
    text-decoration: none;
}


/* ==========================================================
   LISTE DE LIENS
   ========================================================== */

.mecaspin-sitemap-links {
    margin: 0;
    padding: 0;
}


.mecaspin-sitemap-link {
    margin: 0 0 7px;
    padding: 0;

    color: var(--mps-text);

    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
}


.mecaspin-sitemap-link a,
.mecaspin-sitemap-link a:visited {
    color: var(--mps-text);
    text-decoration: none;
}


.mecaspin-sitemap-link a:hover,
.mecaspin-sitemap-link a:focus {
    color: var(--mps-title);
    text-decoration: underline;
}


/* ==========================================================
   SOUS-NIVEAUX
   ========================================================== */

.mecaspin-sitemap-depth-3 {
    padding-left: 12px;
}


.mecaspin-sitemap-depth-4 {
    padding-left: 24px;
}


.mecaspin-sitemap-depth-5,
.mecaspin-sitemap-depth-6 {
    padding-left: 36px;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 900px) {

    .mecaspin-sitemap-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 35px;
        row-gap: 38px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 600px) {

    .mecaspin-html-sitemap {
        margin-top: 35px;
        margin-bottom: 50px;
    }


    .mecaspin-sitemap-grid {
        grid-template-columns: 1fr;
        row-gap: 32px;
    }


    .mecaspin-sitemap-title {
        margin-bottom: 12px;
    }
}