/* DEFAULT */
:root {
	--bleu:#0497d1;
	--noir:#1f1e1c;
	--blanc:#fff;
	--gris-clair:#dadada;
	--gris-fonce:#828282;
}

/**** GLOBAL CSS ****/
body #page-container a {
  text-decoration: none !important;
}

/****RESUME *****/
#page-container .et_pb_main_blurb_image{
  margin-bottom:0;
}
#page-container .et_pb_blurb_content{
  margin-left:0;
}

/**** DESACTIVE SCROLL PAGE ****/
body #page-container{
    overflow: hidden !important;
}

/**** DESACTIVE SCROLL ON POPUP ****/
body.mfp-zoom-out-cur {
    overflow: hidden !important;
}

/**** COOKIEYES CUSTOM CSS ****/
.cky-btn-revisit-wrapper {
  width: 30px !important;
  height: 30px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
  height: 20px !important;
  width: 20px !important;
}
.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences {
	color:var(--bleu) !important;
    border-color: var(--bleu) !important;
}
.cky-btn-accept {
	color: var(--blanc) !important;
    background-color:var(--bleu) !important;
    border-color:var(--bleu) !important;
}
.cky-btn:hover {
    background: var(--bleu) !important;
    border-color: var(--bleu) !important;
    color: var(--blanc) !important;
	opacity:1 !important;
}
.cky-btn-revisit-wrapper {
	background-color:var(--bleu) !important;
}
body.mfp-zoom-out-cur .mfp-bg.mfp-fade.mfp-ready, body.mfp-zoom-out-cur .mfp-wrap {
    position: fixed !important;
    top: 0 !important;
}

/* BUTTON SCROLL TO TOP */
.et_pb_scroll_top.et-pb-icon {
	background: var(--bleu) !important;
    border: 1px solid var(--gris-clair);
    border-right: none !important;
}

/* HEADER */
.et_pb_menu__logo-wrap, 
.header .et_pb_row_1_tb_header.et_pb_row {
	transition:all 400ms ease-in-out;
}
.scrolled-down .header .et_pb_menu__logo-wrap {
	max-width:180px !important;
}
.scrolled-down .header .et_pb_row_1_tb_header.et_pb_row {
	padding-top:7px !important;
	padding-bottom:7px !important;
}
.header .et_pb_menu .et_pb_menu__menu>nav>ul>li {
	align-items:center !important
}
.header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	height:55px !important;
}
.rs-coor>div {
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.header .coor-item {
	margin-left: 0 !important;
}
.rs-coor .coor-item:first-child {
	margin-right: 20px !important;
}
.rs-coor .coor-item:first-child {
    margin: 0 20px 0 0 !important;
}
.coor-item>.et_pb_blurb_content {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.coor-item:first-child .et_pb_main_blurb_image {
	margin-right: 5px;
}
.coor-item .et_pb_main_blurb_image {
	margin-right: 10px;
}
.rs {
	justify-content: flex-end !important;
}
.dtb-menu {
	position: relative;
}
.et_pb_menu__logo-wrap {
	width: 160px !important;
}
.et_pb_menu--style-left_aligned .et_pb_menu__logo {
	margin-right: 0 !important;
}
.et_pb_menu__wrap {
	width: calc(100% - 180px) !important;
}
.header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li a {
	position: relative;
	display: block;
	height: auto !important;
	padding: 5px 0 !important;
}
.header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li a:before {
	content: '';
	background: var(--gris-fonce);
	height: 1px;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 400ms ease-in-out;
}
.header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li a:hover:before {
	width: 100%;
}
#menu-menu-principal>li:last-child {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
  	background:var(--bleu);
  	height: 55px;
    border-radius: 50px;
  	padding:0 20px !important;
  	transition:all 400ms ease-in-out;
  	display: flex;
  	align-items: center;
  	justify-content: flex-end;
}
.btn, .et_pb_button {
	background:var(--bleu) !important;
  	height: 55px;
    border-radius: 50px !important;
  	padding:0 20px !important;
  	transition:all 400ms ease-in-out !important;
  	display: flex !important;
  	align-items: center !important;
  	justify-content: flex-end !important;
  	overflow: hidden !important;
  	position: relative !important;
  	color: var(--blanc) !important;
  	width: fit-content !important;
}
#menu-menu-principal>li:last-child:before,
.btn:before, .et_pb_button:before {
	content: "" !important;
    position: absolute !important;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.3 !important;
}
#menu-menu-principal>li:last-child:after,
.btn:after, .et_pb_button:after {
	content: '' !important;
	background: url('/wp-content/uploads/2025/07/arrow.svg') center no-repeat;
	background-size: 100% !important;
	width: 23px;
	height: 23px;
	display: block !important;
	margin-left: 7px;
	-webkit-filter: brightness(1) invert(1);
    filter: brightness(1) invert(1);
    position: relative !important;
}
#menu-menu-principal>li:last-child a {
	color:var(--blanc) !important;
	text-transform: uppercase;
	transition:all 400ms ease-in-out;
}
.et_pb_button_module_wrapper {
	display: inline-block !important;
}
@keyframes shine {
	0% {
    left: -100px;
	}
	60% {
	    left: 100%;
	}
	100% {
	    left: 100%;
	}
}
#menu-menu-principal>li:last-child:hover:before,
.btn:hover:before, .et_pb_button:hover:before {
	-webkit-animation: shine 1.5s ease-out infinite;
    animation: shine 1.5s ease-out infinite;
}
#menu-menu-principal>li:last-child:hover {
    background: var(--bleu) !important;
}
.header .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li:last-child a:before {
	display: none !important;
}

/*MENU BURGER*/
.mobile_menu_bar {
	background:var(--bleu);
	-webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}
.mobile_menu_bar:before {
	color:var(--blanc) !important;
}
.et_mobile_menu li a {
    display: block;
    padding: 10px 35px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: #666;
}
@media (max-width: 1200px){
	.et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end !important;
    }
}
@media (max-width:980px){
	.header .coor {
		width: 80% !important;
	}
	.header .rs {
		width: 20% !important;
	}
	.et_pb_menu__logo-wrap {
		max-width:180px !important;
	}
	.header .et_pb_row_1_tb_header {
		padding:10px 0 !important;
	}
	.et_pb_menu .et_mobile_menu {
        padding: 0 !important;
    }
	.et_pb_menu .et_mobile_nav_menu {
		margin:0 !important;
	}
	.et_mobile_menu {
		top:110% !important;
	}
	.et_mobile_menu .menu-item-has-children>a {
		background-color:transparent !important;
	}
	.header .sub-menu, 
	.header .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
		background-color: var(--bleu) !important;
		padding-left: 0 !important;
	}
	.et_mobile_menu li li {
		padding-left: 20px !important;
	}
	.header .et_pb_menu_0_tb_header.et_pb_menu .sub-menu li.current-menu-item a {
		color: var(--gris-fonce) !important;
	}
}
@media (max-width:600px){
	.et_mobile_menu li a {
		padding: 10px 20px !important;
	}
}


/* PAGE ACCUEIL */
h1, .h1 {
	font: 600 70px/80px 'Outfit', Helvetica, Arial, Lucida, sans-serif !important;
}
h1 em, .h1 em {
	color: var(--bleu);
	font-style: normal !important;
}
.bannier h1 strong, .bannier .h1 strong {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	font-size: 24px !important;
}
.bannier h1 strong:before, 
.bannier .h1 strong:before,
.stitre:before,
.stitre.center:after {
	content: '';
	width: 40px;
	height: 2px;
	background: var(--bleu);
	margin-right: 16px;
}
.bannier h1 strong:after, 
.bannier .h1 strong:after {
	content: '';
	width: 40px;
	height: 2px;
	background: var(--bleu);
	margin-left: 16px;
}
.blc-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 50px 0 0;
}
.blc-btn a {
	margin: 0 16px;
	color: var(--blanc);
	font-size: 16px !important;
	position: relative;
	overflow: hidden;
}
.blc-btn a:last-child {
	background: transparent !important;
	border: 1px solid var(--bleu) !important;
	transition: all 400ms ease-in-out;
}
.blc-btn a:last-child:hover {
	background: var(--blanc) !important;
	border-color: var(--blanc) !important;
	color: var(--bleu) !important;
}
.blc-btn a:last-child:hover:after {
	filter: brightness(0) invert(0) !important;
} 
.et-pb-arrow-prev, .et-pb-arrow-next {
	width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50%;
    border: 1px solid var(--bleu);
    display: flex;
    justify-content: center;
    align-items: center;
}
.et-pb-arrow-prev:hover, .et-pb-arrow-next:hover {
	background-color: var(--bleu) !important;
}
.hov-img {
	position: relative;
	overflow: hidden;
	border-radius: 24px;
}
.hov-img .et_pb_image_wrap  {
	width: 100% !important;
}
.img-coupe img {
	width: 100% !important;
	height: 300px !important;
	object-fit: cover;
	object-position: center;
}
.hov-img img {
	width: 100% !important;
	transform: scale(1.0);
	transition: all 400ms ease-in-out;
}
.hov-img:hover img {
	transform: scale(1.1);
}
.stitre {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	color: var(--bleu);
	text-transform: uppercase;
	margin-bottom: 20px;
}
.stitre:before, .stitre.center:after {
	width: 50px !important;
}
.stitre.center {
	justify-content: center !important;
}
.stitre.center:after {
	margin-right: 0 !important;
	margin-left: 16px;
}
.service {
	overflow: hidden;
	border-radius: 24px;
	flex-wrap: wrap;
}
.service, .item-service, .item-service>div {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.item-service, 
.item-service .et_pb_main_blurb_image,
.item-service .et_pb_blurb_container {
	width: 50%;
	position: relative;
}
.item-service>div {
	width: 100% !important;
}
.item-service .et_pb_image_wrap {
	display: block;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.item-service img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.item-service .et_pb_blurb_container {
	background: #F5F7F9;
	transition: all 400ms ease-in-out;
	padding: 40px;
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.item-service .et_pb_blurb_container:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -30px;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-right: 30px solid #F5F7F9;
	border-bottom: 30px solid transparent;
	transition: all 400ms ease-in-out;
}
.item-service-reverse>div {
	flex-direction: row-reverse !important;
}
.item-service-reverse .et_pb_blurb_container:before {
	left: inherit !important;
	right: -30px;
	transform: rotate(-180deg);
}
.item-service .et_pb_module_header {
	margin-bottom: 10px;
}
.item-service .et_pb_module_header:before {
	content: '';
	background-size: contain !important;
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 36px;
}
.item-service1 .et_pb_module_header:before {
	background: url(/wp-content/uploads/2025/07/maconnerie.svg) center no-repeat;
}
.item-service2 .et_pb_module_header:before {
	background: url(/wp-content/uploads/2025/07/toiture.svg) center no-repeat;
}
.item-service3 .et_pb_module_header:before {
	background: url(/wp-content/uploads/2025/07/carrelage.svg) center no-repeat;
}
.item-service4 .et_pb_module_header:before {
	background: url(/wp-content/uploads/2025/07/maconnerie.svg) center no-repeat;
}
.item-service .btn {
	margin-top: 10px;
	background: transparent !important;
	border: 1px solid var(--gris-fonce);
	color: var(--noir) !important;
}
.item-service .btn:after {
	filter: brightness(0) invert(0) !important;
}
.item-service .btn:hover {
	background: var(--bleu) !important;
	border-color: var(--bleu) !important;
	color: var(--blanc) !important;
}
.item-service .btn:hover:after {
	filter: brightness(1) invert(1) !important;
}
.item-service:hover .et_pb_blurb_container {
	background: var(--noir);
}
.item-service:hover .et_pb_blurb_container:before {
	border-right: 30px solid var(--noir) !important;
}
.item-service:hover .btn,
.item-service4 .btn {
	border-color: var(--blanc) !important;
	color: var(--blanc) !important;
}
.item-service:hover .btn:after,
.item-service4 .btn:after {
	filter: brightness(1) invert(1) !important;
}
.item-service:hover .et_pb_module_header,
.item-service4 .et_pb_blurb_container p {
	color: var(--blanc) !important;
}
.item-service:hover .btn:hover {
	border-color: var(--bleu) !important;
}
.item-service4 .et_pb_blurb_container,
.item-service4 .btn {
	background: var(--bleu) !important;
}
.item-service4 .btn:hover {
	background: var(--blanc) !important;
	color: var(--noir) !important;
}
.item-service4 .btn:hover:after {
	filter: brightness(0) invert(0) !important;
}
.item-service4 .et_pb_blurb_container:before,
.item-service4:hover .et_pb_blurb_container:before {
	border-right: 30px solid var(--bleu) !important;
}
.valeur {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 5%;
}
.item-valeur .et_pb_blurb_container {
	background: #f5f7f9;
	width: 245px;
	height: 245px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	transition: all 400ms ease-in-out;
}
.item-valeur, 
.item-valeur .et_pb_main_blurb_image {
	width: 245px;
	height: 245px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.item-valeur .et_pb_main_blurb_image img {
	display: block;
	width: 245px;
	height: 245px;
	object-fit: cover;
	object-position: center;
}
.item-valeur .et_pb_blurb_description, 
.item-valeur .et_pb_blurb_container, 
.item-valeur .et_pb_blurb_container {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}
.item-valeur .et_pb_blurb_container:before {
	content: '';
	background-size: contain !important;
	width: 80px;
	height: 80px;
	display: block;
	margin-bottom: 10px;
	transition: all 400ms ease-in-out;
}
.item-valeur .et_pb_blurb_container:before {
    filter: invert(72%) sepia(80%) saturate(6366%) hue-rotate(169deg) brightness(94%) contrast(97%);
}
.item-valeur:hover .et_pb_blurb_container:before {
    filter: invert(99%) sepia(67%) saturate(816%) hue-rotate(186deg) brightness(113%) contrast(100%);
}
.item-valeur1 .et_pb_blurb_container:before {
	background: url(/wp-content/uploads/2025/08/gestion-du-temps.png) center no-repeat;
}
.item-valeur2 .et_pb_blurb_container:before {
	background: url(/wp-content/uploads/2025/08/cartes.png) center no-repeat;
}
.item-valeur3 .et_pb_blurb_container:before {
	background: url(/wp-content/uploads/2025/08/transparence.png) center no-repeat;
}
.item-valeur4 .et_pb_blurb_container:before {
	background: url(/wp-content/uploads/2025/08/qualite.png) center no-repeat;
}
.item-valeur .et_pb_blurb_description:before {
	content: '';
	background: var(--bleu);
	width: 1px;
	height: 68px;
	margin: 0 auto;
}
.item-valeur:hover .et_pb_blurb_container {
	background: #1f1e1c91 !important;
}
.item-valeur:hover .et_pb_blurb_container:before {
	transform: rotateY(-180deg) !important;
}
.item-valeur:hover .et_pb_blurb_description p {
	color: var(--blanc) !important;
}
.accomp .blc-btn {
	margin-top: 0 !important;
}
.accomp .et_pb_button_module_wrapper {
	display: flex !important;
	justify-content: center;
}
.cta {
	display: flex;
	align-items: flex-end;
}
.cta .blc-btn {
	justify-content: flex-start !important;
}
.cta .blc-btn a {
	margin: 0 32px 0 0 !important;
}

@media (max-width: 1200px){
	h1, .h1 {
    	font: 600 50px / 60px 'Outfit', Helvetica, Arial, Lucida, sans-serif !important;
	}
	.et-pb-arrow-prev, .et-pb-arrow-next {
	    width: 50px;
	    height: 50px;
	}
}
@media (max-width: 980px){
	.et_pb_section_2 .et_pb_column_5 {
	    justify-content: flex-start !important;
	}
	.text-center .stitre {
		justify-content: center !important;
	}
	.text-center .stitre:after {
	    content: '';
	    width: 50px;
	    height: 2px;
	    background: var(--bleu);
	    margin-left: 16px;
	}
	.text-center .et_pb_button_module_wrapper,
	.home .et_pb_section_2 .et_pb_column_5, 
	.home .et_pb_section_2 .et_pb_column_5 .et_pb_button_module_wrapper {
		display: flex !important;
		justify-content: center !important;
	}
	.text-center .et_pb_button,
	.home .et_pb_section_2 .et_pb_column_5 .et_pb_button {
		justify-content: center !important;
	}
	.text-center .et_pb_column_1,
	.ct1 {
		display: flex;
    	flex-direction: column-reverse;
	}
	.img-center {
		display: none !important;
	}
	.service {
		flex-direction: column !important;
	}
	.ct1 .img-coupe {
		width: 100%;
	}
	.img-coupe img {
	    height: auto !important;
	}
	.item-service {
		width: 100% !important;
	}
	.item-service2>div {
		flex-direction: row-reverse !important;
	}
	.item-service2 .et_pb_blurb_container:before {
		left: inherit !important;
		right: -30px;
		transform: rotate(-180deg);
	}
	.item-service3>div {
		flex-direction: row !important;
	}
	.item-service3 .et_pb_blurb_container:before {
		left: -30px !important;
		right: inherit;
		transform: rotate(0deg);
	}
	.valeur {
	    flex-wrap: wrap;
	    column-gap: 10%;
    	row-gap: 40px;
	}
}
@media (max-width: 768px){
	h1, .h1 {
        font: 600 30px / 46px 'Outfit', Helvetica, Arial, Lucida, sans-serif !important;
    }
    .service {
        gap: 20px;
    }
    .item-service .et_pb_blurb_content {
    	flex-direction: column !important;
    }
    .item-service, 
    .item-service .et_pb_main_blurb_image, 
    .item-service .et_pb_blurb_container {
    	width: 100%;
    }
    .item-service .et_pb_image_wrap {
	    position: relative !important;
	}
	.item-service img {
	    height: 400px;
	}
	.valeur {
        row-gap: 20px;
    }
    .blc-btn {
	    margin: 30px 0 0;
	    flex-direction: column;
	}
	.blc-btn a {
		margin: 0 0 20px 0 !important;
	}
	.cta .blc-btn a {
	    margin: 0 0 20px 0 !important;
	}
	.et_pb_button.blc-btn {
		flex-direction: row !important;
	}
}


/* PAGE MACONNERIE GENERALE */
.bannier-page h1 strong {
	margin-bottom: 0 !important;
}


/* FOOTER */
.coor-foot .et_pb_image_wrap {
	width: 40px !important;
    margin: 0 !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible !important;
}
.coor-foot .et_pb_image_wrap img {
	width: 18px !important;
	height: auto !important;
}