/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');


/**** GENERAL ****/
:root {
	--dark-blue: #012D46;
	--main-blue: #005880;
	--med-blue: #1B87B8;
	--light-blue: #A6DBFA;
	--pale-blue: #D6F0FF;
	--main-yellow: #FAB30C;
	--med-yellow: #FFD46F;
	--lightyellow: #F7F4EC;
	--dark-gray: #373B3E;
	--main-gray: #747474;
	--med-gray: #DCE1E6;
	--light-gray: #F3F3F3;
	--bleu-turquoise :#75B8FF;
}

.row {
	width: 100%;
	max-width: 1400px;
	padding-left: 60px;
	padding-right: 60px;
	margin: auto;
}

.btnListe>div {
	gap: 10px 10px !important;
}

.btnListe>div a.brz-btn {
	text-align: left !important;
}

.icone-bleu span.brz-icon.brz-span {
    position: relative;
}
.icone-bleu span.brz-icon.brz-span:after {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    background: var(--dark-blue);
    z-index: 0;
    border-radius: 50%;
}
.icone-bleu span.brz-icon.brz-span svg {
    z-index: 2;
}



@media screen and (min-width:767px) and (max-width:1000px) {
	.row {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (max-width:767px) {
	.row {
		padding-left: 20px;
		padding-right: 20px;
	}
}

#header [data-row*=middle] .ct-container,
[data-footer*="type-1"] .ct-footer [data-row*="middle"] .ct-container {
	max-width: 1400px !important;
}

.ct-container {
	padding-left: 60px;
	padding-right: 60px;
}
.header-custom-container {
    margin-right: 0 !important;
}
.ct-header-text {
	display:none;
}

@media screen and (min-width:1000px) and (max-width:1200px) {
	#header [data-row*=middle] .ct-container {
		padding-left: 40px;
		padding-right: 40px;
	}
	:is(#menu-menu-particuliers, #menu-menu-principal, #menu-menu-professionnels, #menu-menu-principal-1, #menu-menu-professionnels-1, #menu-menu-particuliers-1) a{
		font-size: 15px!important;
	}
	#menu-menu-particuliers, #menu-menu-professionnels, #menu-menu-principal {
		gap: 20px!important;
	}
}
@media screen and (min-width:767px) and (max-width:1000px) {
	.ct-container {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (max-width:767px) {
	.ct-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Titres et Textes */
.h1Bold {
	font-size: 60px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0;
	font-family: 'Titillium Web' !important;
}

.h2Bold {
	font-size: 46px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0;
	font-family: 'Titillium Web' !important;
}

.h4Bold {
	font-size: 32px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0;
	font-family: 'Titillium Web' !important;
}

.h4Reg {
	font-size: 32px;
	line-height: 1em;
	font-weight: 500;
	letter-spacing: 0;
	font-family: 'Titillium Web' !important;
}

.h5Bold {
	font-size: 26px;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0;
	font-family: 'Titillium Web' !important;
}

.h5Reg {
	font-size: 26px;
	line-height: 1em;
	font-weight: 500;
	letter-spacing: 0;
	font-family: 'Titillium Web' !important;
}

.h6Reg {
	font-size: 22px;
	line-height: 1em;
	font-weight: 500;
	letter-spacing: 0;
	font-family: 'Titillium Web' !important;
}

.txtEce {
	font-size: 16px;
	line-height: 1.3em;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Montserrat' !important;
}

.txtEceBold {
	font-size: 16px;
	line-height: 1.3em;
	font-weight: 700;
	letter-spacing: 0;
	font-family: 'Montserrat' !important;
}

p {
	margin-block-end: unset !important;
}

@media screen and (min-width:767px) and (max-width:1000px) {
	.h1Bold {
		font-size: 56px;
	}

	.h2Bold {
		font-size: 46px;
	}

	.h4Reg, .h4Bold {
		font-size: 28px;
	}

	.h5Reg, .h5Bold  {
		font-size: 24px;
	}

	.h6Reg {
		font-size: 20px;
	}

	.txtEce,
	.txtEceBold {
		font-size: 15px;
	}
}

@media screen and (max-width:767px) {
	.h1Bold {
		font-size: 50px;
	}

	.h2Bold {
		font-size: 40px;
	}

	.h4Bold {
		font-size: 24px;
	}

	.h4Reg {
		font-size: 24px;
	}

	.h5Reg {
		font-size: 22px;
	}

	.h6Reg {
		font-size: 18px;
	}

	.txtEce,
	.txtEceBold {
		font-size: 14px;
	}
}

/* BOX SHADOW */

.box-shadow-solutions-pro>.brz-bg {
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16) !important;
}

/*** Boutons ***/
.brz-btn .brz-span {
	white-space: break-spaces !important;
}

/* Titilium Jaune */
.btnJaune,
.grandBtnJaune,
.btnBlanc {
	border-radius: 24px;
	background: var(--main-yellow);
	box-shadow: 0px 2px 16px 0px rgba(1, 45, 70, 0.16);
	position: relative;
	font-weight: 700;
	color: var(--dark-blue);
	text-align: center;
	line-height: 1em;
	height: fit-content;
	font-family: 'Titillium Web' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
	display: flex;
    align-items: center;
    gap: 10px;
}

.btnJaune,
.btnBlanc {
	font-size: 18px;
	padding: 8px 28px;
}

.btnBlanc {
	background: white !important;
}

.grandBtnJaune {
	font-size: 22px;
	padding: 8px 34px;
}

.btnJaune:hover,
.grandBtnJaune:hover {
	color: var(--dark-blue);
}

/* Titilium Bleu dégradé */
.btnBleu {
	border-radius: 24px;
	background: linear-gradient(180deg, var(--main-blue) 60%, var(--dark-blue) 100%);
	color: white;
	box-shadow: 0px 2px 16px 0px rgba(1, 45, 70, 0.16);
	position: relative;
	padding: 8px 28px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	font-family: 'Titillium Web' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
}

.btnBleu:hover {
	color: white;
}

/* Montserrat Bleu*/
.btnSimpleB {
	border-radius: 24px;
	background: var(--dark-blue);
	border: 2px solid var(--dark-blue);
	color: white;
	padding: 8px 28px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	align-items: center;
	display: flex;
	gap: 10px;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
}

.btnSimpleB:hover {
	background: white;
	color: var(--dark-blue);
}

/* Montserrat Jaune */
.btnSimpleJ {
	border-radius: 24px;
	background: var(--main-yellow);
	border: 2px solid var(--main-yellow);
	color: var(--dark-blue);
	padding: 8px 28px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	align-items: center;
	display: flex;
	gap: 10px;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
}

.btnSimpleJ:hover {
	background: var(--dark-blue);
	border: 2px solid var(--dark-blue);
	color: white;
}

/* Montserrat Bleu sans fond */
.btnClair {
	border-radius: 24px;
	background: transparent;
	border: 2px solid var(--dark-blue);
	color: var(--dark-blue);
	position: relative;
	padding: 8px 28px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	align-items: center;
	display: flex;
	gap: 10px;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
}

.btnClairD {
	border-radius: 24px;
	background: transparent;
	border: 2px solid var(--dark-gray);
	color: var(--dark-gray);
	position: relative;
	padding: 8px 28px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	align-items: center;
	display: flex;
	gap: 10px;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
}

.btnClairJ {
	border-radius: 24px;
	background: transparent;
	border: 2px solid var(--main-yellow);
	color: var(--main-yellow);
	position: relative;
	padding: 8px 28px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	align-items: center;
	display: flex;
	gap: 10px;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
}

.btnClairT{
	border-radius: 24px;
	background: var(--bleu-turquoise);
	border: 2px solid var(--bleu-turquoise);
	color: white;
	position: relative;
	padding: 8px 28px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	align-items: center;
	display: flex;
	gap: 10px;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;	
}
.btnClairW {
	border-radius: 24px;
	background: transparent;
	border: 2px solid white;
	color: white;
	position: relative;
	padding: 8px 28px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	line-height: 1em;
	height: fit-content;
	align-items: center;
	display: flex;
	gap: 10px;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: nowrap;
}

.btnClair svg {
	max-height: 16px;
}

.btnClair svg path {
	stroke: var(--dark-blue);
	transition: 0.3s ease-in-out;
}

.btnClair:hover {
	background: var(--dark-blue);
	color: white;
}

.btnClair:hover svg path {
	stroke: white;
}

.btnClairD:hover {
	background: var(--dark-gray);
	color: white;
}

.btnClairT:hover{
	background: var(--dark-blue);
	border: 2px solid var(--dark-blue);
	color: white;
}

.btnClairJ:hover {
	background: var(--main-yellow);
	color: white;
}

@media screen and (min-width:767px) and (max-width:1000px) {
	.btnClair,
	.btnClairW,
	.btnClairJ,
	.btnSimpleJ,
	.btnSimpleB,
	.btnBleu,
	.btnJaune,
	.btnClairT{
		padding: 8px 26px;
		font-size: 17px;
	}
	.grandBtnJaune {
		font-size: 20px;
	}
}

@media screen and (max-width:767px) {
	.btnClair,
	.btnClairW,
	.btnClairJ,
	.btnSimpleJ,
	.btnSimpleB,
	.btnBleu,
	.btnJaune {
		font-size: 16px;
		padding: 6px 24px;
	}
	.grandBtnJaune {
		font-size: 18px;
	}
}

/**** CTA ****/

#cta {
	position: fixed;
	bottom: 50%;
	right: 0;
	transform: translateY(100%);
	z-index: 999;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: end;
	pointer-events: none;
}

#cta a {
	border-radius: 30px 0 0 30px !important;
	width: fit-content !important;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 8px 20px 8px 20px !important;
	transition: 0.3s ease-in-out;
	font-weight: 700;
	line-height: normal;
	pointer-events: auto;
	box-shadow: 0 2px 16px 0 rgba(1, 45, 70, 0.16);
}

#cta a {
	transform: translate(calc(100% - 60px), 0%);
}
#cta a:hover {
	transform: translate(0%, 0%);
	color: var(--dark-blue);
}

.btnCtaWhite {
	background: white;
	color: var(--dark-blue);*/
}
.btnCtaBlue {
	background: #75B8FF;
	color: white;
}
#cta .btnCtaBlue:hover {
	color: white !important;
}
.btnCtaBlue svg * {
	fill: white;
	stroke: white;
}

.btnCtaYellow {
	background: #FAB30C;
	color: var(--dark-blue);
}
.btnCtaYellow svg * {
	fill: var(--dark-blue);
	stroke: var(--dark-blue);
}

#cta a img,
#cta a svg {
	width: 30px;
}
@media screen and (max-width:1000px) {
	#cta {
		display: none !important;
	}
}

.after-linear::after {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background:linear-gradient(0deg, #FEFEFE 50px, rgba(254, 254, 254, 0.00) 350px);
	pointer-events:none;
}


/**************** HEADER ********************/
#header [data-column=end] {
	justify-content: end;
}

#header [data-column="end"] [data-items] {
	align-items: start !important;
}

#header [data-row*=middle] {
	background: linear-gradient(90deg, rgba(254, 254, 254, 0.50) 7.22%, rgba(254, 254, 254, 0.10) 62.5%) !important;
	box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16) !important;
	backdrop-filter: blur(5px) !important;
	-webkit-backdrop-filter: blur(5px) !important;
}

body:is(.page-id-3994, .page-id-5846) #header [data-row*=middle] {
	background: white !important;
}

.professionnels-container,
.particuliers-container,
.default-header-container {
	display: flex;
	align-items: center;
	padding: 12px 40px;
	gap: 16px;
	border-radius: 0px 0px 24px 24px;
	width: fit-content;
	margin-left: auto;
}

.particuliers-container {
	background: var(--Bleu-bouton, #75B8FF);
}

.professionnels-container {
	background: var(--main-yellow);
}

.default-header-container {
	background: #373B3E;
}

.default-header-container .yellow,
.default-footer .yellow {
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	border-radius: 24px;
	background: #FAB30C;
	display: flex;
	padding: 4px 16px;
	align-items: center;
	gap: 8px;
	height: 100%;
	min-height: 34px;
	color: #012D46;
}

.default-header-container .yellow:hover,
.default-footer .yellow:hover {
	background: white;
	color: #FAB30C;
}

.default-header-container .blue,
.default-footer .blue {
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	border-radius: 24px;
	background: #75B8FF;
	display: flex;
	padding: 4px 16px;
	align-items: center;
	gap: 8px;
	height: 100%;
	min-height: 34px;
	color: white;
}

.default-header-container .blue:hover,
.default-footer .blue:hover {
	background: white;
	color: #75B8FF;
}

.professionnels-container span,
.particuliers-container span,
.default-header-container span {
	color: var(--Blanc, #FEFEFE);
	text-align: center;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.professionnels-container a,
.particuliers-container a {
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	border-radius: 24px;
	background: var(--Blanc, #FEFEFE);
	display: flex;
	padding: 4px 16px;
	align-items: center;
	gap: 8px;
	height: 100%;
	min-height: 34px;
}

.particuliers-container a {
	color: var(--Bleu-bouton, #75B8FF);
}

.particuliers-container a:hover {
	background: var(--Bleu-bouton, #75B8FF);
	color: var(--Blanc, #FEFEFE);
	outline: 2px solid white;
}

.particuliers-container a:hover svg * {
	fill: var(--Blanc, #FEFEFE);
	stroke: var(--Blanc, #FEFEFE);
}

.professionnels-container a {
	color: var(--main-yellow);
}

.professionnels-container a:hover {
	background: var(--main-yellow);
	color: var(--Blanc, #FEFEFE);
	outline: 2px solid white;
}

.professionnels-container a:hover svg * {
	fill: var(--Blanc, #FEFEFE);
	stroke: var(--Blanc, #FEFEFE);
}

.particuliers-menu,
.professionnels-menu,
.default-menu {
	padding: 24px 0;
}

#menu-menu-particuliers,
#menu-menu-professionnels,
#menu-menu-principal {
	gap: 24px;
}

:is(#menu-menu-particuliers, #menu-menu-principal, #menu-menu-professionnels, #menu-menu-principal-1, #menu-menu-professionnels-1, #menu-menu-particuliers-1) a {
	color: var(--Bleu-900, #012D46);
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

:is(#menu-menu-principal-1, #menu-menu-professionnels-1, #menu-menu-particuliers-1) {
	padding: 0;
	flex-direction: column;
	gap: 16px !important;
}

#menu-menu-particuliers a:hover,
#menu-menu-principal a:hover,
#menu-menu-professionnels a:hover {
	text-decoration: underline;
}

#menu-menu-particuliers .sub-menu {
	display: none;
	width: fit-content;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	border-radius: 24px;
	background: linear-gradient(51deg, #75B8FF 38.23%, rgba(117, 184, 255, 0.50) 73.72%);
	box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(5px);
	/*background: white;*/
}

#menu-menu-particuliers .sub-menu a {
	/*color: var(--dark-blue);*/
	color: white;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

#menu-menu-particuliers .sub-menu a:hover {
	text-decoration: underline;
}

#menu-menu-professionnels .sub-menu {
	display: none;
	width: fit-content;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	border-radius: 24px;
	/*background: white;*/
	background: linear-gradient(51deg, #FAB30C 38.23%, rgba(250, 179, 12, 0.50) 73.72%);
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(5px);
}

#menu-menu-professionnels .sub-menu a {
	color: #012D46;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

#menu-menu-professionnels .sub-menu a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 1025px) {
	.main-navigation ul ul {
		position: absolute;
		z-index: 1;
		list-style: none;
		margin: 0;
		top: 100%;
	}
}


/* Mega menu */
/*
#mega-menu-item-148>a {
	cursor: default !important;
	pointer-events: none;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
	background: white !important;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1 li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
	width: 700Px !important;
	padding: 10px;
	background: white;
}

#header [data-column=middle],
#header-menu-1 {
	width: 100% !important;
}

#mega-menu-wrap-menu_1 {
	width: 100% !important;
	justify-content: end;
	display: flex;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1 {
	text-align: center !important;
}

#mega-menu-wrap-menu_1 a.mega-menu-link {
	font-family: 'Titillium Web' !important;
	color: var(--dark-blue) !important;
	font-weight: 700 !important;
	font-size: 18px !important;
}

#mega-menu-wrap-menu_1 #mega-menu-menu_1>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
	font-weight: 500 !important;
	font-size: 16px !important;
	color: var(--dark-gray) !important;
}


.menuMobileLiens {
	display: none;
	flex-direction: column;
	gap: 10px;
}

.menuMobileLiens a {
	text-align: left;
	width: fit-content;
}

@media screen and (max-width:999px) {
	.menuMobileLiens {
		display: flex;
	}
}

#btnHeader {
	padding: 14px 32px 18px 32px !important;
	width: max-content;
	max-width: unset !important;
	font-size: 18px;
}

#linksBtnHeader {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
}

.linkBtnHead.pros {
	border-radius: 24px 0 0 24px;
	background: linear-gradient(180deg, var(--main-blue) 60%, var(--dark-blue) 100%);
	box-shadow: 0px 2px 16px 0px rgba(1, 45, 70, 0.16);
	color: white;
	padding: 1px 24px;
	line-height: normal;
	font-size: 15px;
}

.linkBtnHead.particuliers {
	border-radius: 0px 24px 24px 0;
	background: white;
	box-shadow: 0px 2px 16px 0px rgba(1, 45, 70, 0.16);
	color: var(--dark-blue);
	padding: 1px 24px;
	line-height: normal;
	font-size: 15px;
}
*/


/* Menu mobile */
button.ct-toggle-close {
	--theme-icon-color: var(--dark-blue) !important;
}
@media screen and (max-width:1000px){
	:is(#menu-menu-particuliers, #menu-menu-principal, #menu-menu-professionnels, #menu-menu-principal-1, #menu-menu-professionnels-1, #menu-menu-particuliers-1) a{
		    font-size: 18px;
		font-weight: 400;
	}
	
	.professionnels-container a, .particuliers-container a{
		padding: 8px 20px;
	}
}


/******************** FOOTER BRIZY (plus utilisé / pages globales ?) ************************/
div#block-8 {
	display: flex;
	flex-wrap: wrap;
}

.footerRow1,
.footerRow2,
.footerRow3 {
	width: 100%;
	margin-top: 50px;
}

.footerRow1 {
	display: flex;
	justify-content: space-between;
}

.footerRow2 {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.liensUtiles {
	display: flex;
	gap: 60px;
}

.liensUtiles a {
	color: var(--Bleu-900, #012D46);
	font-family: "Titillium Web";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.liensUtiles :is(.first-col-footer, .second-col-footer) {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.sub-menufooter {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sub-menufooter a {
	color: var(--Bleu-900, #012D46);
	font-family: "Montserrat";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.footerEncart {
	display: flex;
	padding: 28px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-radius: 24px;
	height: fit-content;
	max-width: 30%;
}

.footerEncart.default-footer {
	background: var(--dark-gray);
}

.footerEncart span {
	color: var(--Blanc, #FEFEFE);
	text-align: center;
	font-family: "Titillium Web";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
}

.footerEncart.footer-professionnels {
	background: var(--main-yellow);
}

.footerEncart.footer-professionnels a {
	color: var(--main-yellow);
	font-family: 'Titillium Web';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	border-radius: 24px;
	background: var(--Blanc, #FEFEFE);
	display: flex;
	padding: 8px 24px;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	text-align: center;
	width: fit-content;
}

.footerEncart.footer-professionnels a:hover {
	background: var(--main-yellow);
	color: var(--Blanc, #FEFEFE);
	outline: 2px solid white;
}

.footerEncart.footer-professionnels a:hover svg * {
	fill: var(--Blanc, #FEFEFE);
	stroke: var(--Blanc, #FEFEFE);
}

.footerEncart.footer-particuliers {
	background: var(--Bleu-bouton, #75B8FF);
}

.footerEncart.footer-particuliers a {
	color: var(--Bleu-bouton, #75B8FF);
	font-family: 'Titillium Web';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px;
	border-radius: 24px;
	background: var(--Blanc, #FEFEFE);
	display: flex;
	padding: 8px 24px;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	text-align: center;
}

.footerEncart.footer-particuliers a:hover {
	background: var(--Bleu-bouton, #75B8FF);
	color: var(--Blanc, #FEFEFE);
	outline: 2px solid white;
}

.footerEncart.footer-particuliers a:hover svg * {
	fill: var(--Blanc, #FEFEFE);
	stroke: var(--Blanc, #FEFEFE);
}

.logoWrap {
	width: 15%;
}

.logoWrap img {
	/* width: 70%; */
	height: auto;
	object-fit: contain;
}

.boutonsWrap {
	display: flex;
	flex-direction: column;
	gap: 22px;
	justify-content: center;
}

.etudeWrap {
	display: flex;
	justify-content: end;
}

#btnFooter {
	padding: 0 0 0 32px !important;
	max-width: unset !important;
	text-align: left !important;
	display: flex;
	gap: 20px;
	align-items: center;
}

#linksBtnFooter {
	display: flex;
}

.linkBtnFooter.pros {
	border-radius: 24px 0 0 24px;
	background: linear-gradient(180deg, var(--main-blue) 60%, var(--dark-blue) 100%);
	box-shadow: 0px 2px 16px 0px rgba(1, 45, 70, 0.16);
	color: white;
	padding: 4px 24px;
	line-height: normal;
}

.linkBtnFooter.particuliers {
	border-radius: 0px 24px 24px 0;
	background: white;
	box-shadow: 0px 2px 16px 0px rgba(1, 45, 70, 0.16);
	color: var(--dark-blue);
	padding: 4px 24px;
	line-height: normal;
}

.estimationsWrap {
	display: flex;
	gap: 20px;
	justify-content: end;
}

.mainLink {
	font-family: 'Titillium Web' !important;
}

a.secondLink {
	margin: 15px 0 5px;
}

.separateur {
	display: flex;
	height: 0.5px;
	width: 100%;
	background: var(--main-gray);
}

.menuFooter {
	justify-content: space-between;
	text-align: left;
	padding: 30px;
	background: white;
}

ul#menu-menu-footer {
	display: flex;
	gap: 60px;
}

ul#menu-menu-footer ul {
	padding: 0;
}

ul#menu-menu-footer>li>a {
	font-weight: 700;
}

ul#menu-menu-footer a {
	margin-bottom: 15px;
	display: flex;
}

.footerRowOne {
	display: block;
}

.adresse,
.contact {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-bottom: 0;
}

.showroom {
	font-weight: 700;
}

.footerRowOne .separateur {
	margin-top: 40px;
}

.mobile-only {
	display: none;
}

@media screen and (max-width:1200px) {
	#menu-menu-footer {
		flex-direction: column;
		gap: 30px !important;
	}

	.footerRow1 {
		flex-wrap: wrap;
		gap: 30px;
	}
}

@media screen and (max-width:999px) {

	.footerRow1 {
		flex-direction: column;
		gap: 30px;
	}

	.mobile-only {
		display: block;
	}

	.liensUtiles {
		flex-direction: column;
		gap: 30px;
	}

	.logoWrap img {
		max-width: 300px;
	}

	.footerEncart {
		max-width: 100%;
	}

	.boutonsWrap {
		align-items: start;
	}
}

@media screen and (max-width:767px) {
	.logoWrap img {
		max-width: 200px;
	}

	#menu-menu-footer {
		flex-direction: column;
		gap: 30px;
	}

	/* .footerRow2 {
		grid-template-columns: 1fr;
	} */

	.adresse,
	.adresse span {
		display: block;
	}

	.contact {
		width: fit-content;
		gap: 10px;
		margin-bottom: 14px;
		flex-direction: column;
		align-items: start;
	}
}

@media screen and (max-width:500px) {
	.estimationsWrap {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: start;
	}

	#btnFooter {
		padding: 10px 32px 0 32px !important;
		gap: 0px;
		flex-direction: column;
	}

	#linksBtnFooter {
		transform: translateY(50%);
	}

	.contact .btnClair {
		max-width: calc(100vw - 50px);
		white-space: normal;
	}
}

.grecaptcha-badge {
	display: none !important;
}


@media screen and (max-width: 999px) {
	.header-custom-container {
		display: flex;
		flex-direction: column-reverse;
	}

	:is(.default-header-container, .professionnels-container, .particuliers-container) {
		flex-direction: column;
		align-items: start;
		border-radius: 24px;
		padding: 24px;
	}

	.menu-item-has-children {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 8px;
	}

	.menu-item-has-children .sub-menu {
		gap: 8px;
		display: flex;
		flex-direction: column;
	}

	#header [data-column="end"] [data-items] {
		align-items: center !important;
	}

}

.button-display {
	cursor: pointer;
}

.button-display:hover .text * {
	text-decoration: underline;
}

#header [data-items] {
	position: relative;
}

.span-logo--pro, .span-logo--part{
	display: flex;
	padding: 5px 20px;
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
	color: var(--Blanc, #FEFEFE);
	text-align: center;
	font-family: 'Montserrat';
	font-size: 14px;
	font-style: normal;
	line-height: 24px;
	position: absolute;
	bottom: -20px;
	width: max-content;
	left: 50%;
    transform: translateX(-50%);
	margin:0!important;
}


.span-logo--pro {
	/*background: var(--Orange-900, #FAB30C);*/
	background: var(--Dgrad-bleu, linear-gradient(180deg, var(--Bleu-700, #005880) 60%, var(--Bleu-900, #012D46) 100%));
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	font-weight: 700;
}

.span-logo--part {
	background: var(--Bleu-bouton, #75B8FF);
	font-weight: 400;
	border-radius: 13px;
}

@media screen and (min-width:1000px){
	#header div[data-column="start"] {
		width: fit-content !important;
	}
	#header div[data-items="primary"] {
		width: fit-content!important;
	}
} 
@media screen and (max-width: 999px) {

	.span-logo--pro,
	.span-logo--part {
		position: inherit;
		padding: 5px 10px;
		font-size: 13px;
		bottom: unset;
		left: unset;
		transform: translateX(0%);
		margin: auto 10px!important;
		border-radius: 10px;
	}
}

.hidden-on-start {
	opacity: 0;
	visibility: hidden;
}


/************************************ FOOTER CUSTOM *****************************************/


/*** FOOTER Global ***/

.footer-ece{
    background: var(--light-gray);
    padding: 60Px 0 30px;
}
.footer-wrap {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-logo {
    width: 240px;
}
.footer-logo img{
    width: 100%;
}
.footer-ctas {
    padding: 30px;
    border-radius: 20px;
    color: white;
	display: flex;
    gap: 20px;
	justify-content: space-between;
}
.footer-ctas-btns{
	display: flex;
    gap: 20px;
	justify-content: center;
}
.footer-ctas>span{
	align-self:center;
}


.footer-menu {
    display: flex;
    flex-direction: column;
    gap: 18px;
	width: 18%;
}

.footer-bloc {
    background: white;
    padding: 24px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    gap: 18px;
	height:auto;
}

.footer-bloc-menu {
    display: grid;
    gap: 10px 25px;
    grid-template-columns: 1fr ;
}
.footer-bloc-1 .footer-bloc-menu {
	grid-template-columns: 1fr 1fr;
}

.footer-bottom {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.coordonnees-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.adresse-footer{
	display: flex;
    gap: 10px;
    align-items: center;
}
.contact-footer{
	display: flex;
    gap: 20px;
    align-items: center;
}

.mentions-footer {
    text-align: center;
    font-size: 14px;
}
.sep-x, .sep-x-mob {
    height: 1px;
    width: 100%;
    background: var(--dark-blue);
}
.sep-x-mob{
	display:none;
}
.btnFooter{
	border-radius: 30px;
	position: relative;
	font-weight: 700;
	text-align: center;
	line-height: 1em;
	font-family: 'Montserrat' !important;
	transition: 0.3s ease-in-out;
	white-space: normal;
	word-break: break-word;
	font-size: 18px;
	padding: 8px 24px;
	display: flex;
    align-items: center;
    gap: 10px;
} 
.btnFooter svg path{
	transition: 0.3s ease-in-out;	
}

.reseaux-sociaux{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	align-items:center;
}
a.reseau-social svg{
	height:30px;
	width:auto;
}

/*** FOOTER PROS ***/

.footer-top {
    display: flex;
    gap: 30px 40px;
    justify-content: space-between;
    align-items: center;
}

.footer-mid {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}


#footer-pros .footer-menu{
	width: 18%;
}
#footer-pros .footer-bloc-1{
	width: 45%;
}
#footer-pros .footer-bloc-2{
	width: 26%;
}

#footer-pros .footer-ctas{
	background: var(--main-yellow);
	max-width: calc(100% - 280px);
}
#footer-pros .contact-footer a.btnBlanc{
	color: var(--main-yellow);
}

.btnPros{
	background:white;
	border: 1px solid white;
	color: var(--main-yellow);
}
.btnPros:hover{
	border: 1px solid white;
	color: white;
	background:var(--main-yellow);
}
.btnPros svg path{
	stroke: var(--main-yellow);
}
.btnPros:hover svg path{
	stroke: white;
}
#footer-pros a.reseau-social svg path{
	stroke : transparent!important;
	fill : var(--main-yellow);
}
@media screen and (max-width:1200px){
	#footer-pros .footer-menu{
		width:22%;
	}
	#footer-pros .footer-bloc-2{
		width:25%;
	}
	#footer-pros .footer-bloc-1{
		width:31%;
	}
	#footer-pros .footer-bloc-1 .footer-bloc-menu {
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width:991px){
	.footer-mid {
		flex-wrap: wrap;
	}
	#footer-pros .footer-menu {
        width: calc(50% - 15px);
    }
	#footer-pros .footer-bloc-1{
		 width: calc(60%);
	}
	#footer-pros .footer-bloc-1 .footer-bloc-menu {
        grid-template-columns: 1fr 1fr;
    }
	#footer-pros .footer-bloc-2{
		 width: calc(40% - 30px);
	}
}
@media screen and (max-width:650px){
	#footer-pros .footer-menu, #footer-pros .footer-bloc-1, #footer-pros .footer-bloc-2 {
        width: 100%;
	}
	
	#footer-pros .footer-bloc-1 .footer-bloc-menu{
		grid-template-columns: 1fr;
	}
}

/*** FOOTER PARTICULIERS ***/
.footer-main {
    display: flex;
    gap: 30px;
}
.footer-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
	width: 300px;
}
.footer-right {
    display: flex;
    flex-direction: column;
	gap: 30px;
	width: calc(70% - 360px) ;
}
.footer-center{
    width: 30%;
}

#footer-particuliers .footer-menu{
	width: 100%;
}
#footer-particuliers .footer-bloc-1{
	width: 100%;
}

#footer-particuliers .footer-ctas{
	background: var(--bleu-turquoise);
	flex-direction: column;
    max-width: 300px;
}
#footer-particuliers .contact-footer a.btnBlanc{
	color:  var(--bleu-turquoise);
}

.btnParticuliers{
	background:white;
	border: 1px solid white;
	color: var(--bleu-turquoise);
}
.btnParticuliers:hover{
	border: 1px solid white;
	color: white;
	background:var(--bleu-turquoise);
}
#footer-particuliers .contact-footer svg path{
	stroke: var(--bleu-turquoise)!important;
}
#footer-particuliers a.reseau-social svg path{
	stroke : transparent!important;
	fill : var(--bleu-turquoise);
}
@media screen and (max-width:1200px){
	#footer-particuliers  .footer-bloc-1 .footer-bloc-menu {
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width:991px){
	.footer-main {
		display: flex;
		flex-wrap:wrap;
		gap: 30px;
	}
	.footer-left{
		align-items: center;
		width:100%;
	}
	.footer-center {
		width: 30%;
	}
	.footer-right{
		flex-direction: row;
		width: calc(70% - 30px);
	}
	#footer-particuliers .footer-ctas-btns br{
		display:none;
	}
}
@media screen and (max-width:767px){
	.footer-center, .footer-right{
		width:100%;
		gap: 20px;
	}
}
@media screen and (max-width:550px){
	.footer-right {
		flex-direction: column;
	}
}

/*** FOOTER RESPONSIVE ***/

@media screen and (max-width:1300px){
	.footer-ctas {
		flex-wrap: wrap;
		justify-content:start;
	}
	.footer-ctas-btns{
		width:100%;
	}
}

@media screen and (max-width:991px){
	.footer-ece {
		padding: 50Px 0 20px;
	}
	.footer-top {
		flex-direction: column;
	}
	.footer-ctas {
		max-width: 100%!important;
		width: 100%;
		justify-content: center;
		padding: 25px!important;
	}
	.footer-ctas-btns {
        justify-content: center;
    }
}
@media screen and (max-width:767px){
	.footer-ece {
		padding: 40Px 0 20px;
	}
	.footer-ctas {
		padding: 20px!important;
	}
	.footer-ctas-btns {
		flex-wrap: wrap;
		gap: 10px;
	}
	.footer-bloc{
		padding: 20px;
	}
	.adresse-footer, .contact-footer{
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
	
}
@media screen and (max-width:650px){
	.footer-logo {
		max-width: 200px;
	}	
	.sep-x-mob{
		display:flex;
	}
	.footer-menu-2 {
		margin-top: -10px;
	}
	
}


/******* CONTACT SUR (presque) TOUTES LES PAGES ***********/

body .section-contact-particuliers, body .section-contact-pros{
	display:none!important;
}

/* Sous pages particuliers */
body.page-id-4015 .section-contact-particuliers, body.parent-pageid-4015 .section-contact-particuliers, body.parent-pageid-1042 .section-contact-particuliers{
	display:flex!important;
}

/* Sous pages pros */
body.page-id-4021 .section-contact-pros, body.parent-pageid-4021 .section-contact-pros, body.parent-pageid-4023 .section-contact-pros{
	display:flex!important;
}


/*** COMPLIANZ ***/
body.cmplz-document main{
	margin: 150px auto;
}

body.cmplz-document main h1{
	font-size:70px!important;
}
body.cmplz-document main p{
	font-size:16px!important;
}
@media screen and (max-width:992px){
	body.cmplz-document main{
		margin: 100px 40px;
	}
	body.cmplz-document main h1{
		font-size:52px!important;
	}
}
@media screen and (max-width:767px){
	body.cmplz-document main{
		margin: 100px 20px;
	}
	body.cmplz-document main h1{
		font-size:45px!important;
	}
}