/*style icon */
.icon-blue img {
filter: invert(19%) sepia(56%) saturate(441%) hue-rotate(167deg) brightness(96%) contrast(89%);}

/* page A propos */
.img-covers img, .img-covers span {
width: 100% !important;
height: 100% !important;
}

.img-500 {
max-width: 580px !important;
width: 100%;
height: 380px;
overflow: hidden;
border-radius: 12px;
}
.img-315 {
max-width: 315px !important;
width: 100%;
height: 315px;
position: absolute !important;
bottom: -80px !important;
left: -80px !important;
overflow: hidden;
border-radius: 12px;
animation: anim-315 8s linear infinite;
}
.img-600 {
  max-width: 700px !important;
  width: 100%;
  height: 480px;
  border-radius: 12px;
  overflow: hidden;
}
@keyframes anim-315 {
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-30px);
}
100% {
    transform: translateY(0px);
}
}
.img-covers img {
transform: scale(1);
transition: 0.65s all;
object-fit: cover;
}
.img-covers:hover img {
transform: scale(1.3);
}

.ligne-piliers .item-pilier {
  width: calc(25% - 20px);
  box-shadow: 0px 0px 30px 10px #eceff7;
  border-radius: 12px;
  background-color: #fff !important;
  overflow: hidden;
}
.ligne-piliers .et_pb_column {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.ligne-piliers h3 {
 margin-bottom: 15px;
}
.ligne-piliers .et_pb_blurb_content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.ligne-piliers .item-pilier:before {
    content: "";
    display: block;
    width: 0%;
    height: 0%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #294057;
    border-radius: 60px 0 0 0;
    transition: all .4s !important;
}
.ligne-piliers .item-pilier:hover:before {
  width: 120%;
  height: 120%;
}
.ligne-piliers .item-pilier:hover .et_pb_blurb_container {
  color: #fff;
}
.ligne-piliers .item-pilier:hover .et_pb_blurb_container h3{
  color: #fff;
}
.ligne-piliers .item-pilier:hover img {
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(309deg) brightness(104%) contrast(101%);
}
.ligne-services-peintures .et_pb_column {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.ligne-services-peintures .services-peinture {
  width: calc(25% - 20px);
  box-shadow: 0px 0px 30px 10px #eceff7;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.ligne-services-peintures .services-peinture.bg-blue { 
background-color: #294057;
}
.ligne-services-peintures .services-peinture .et_pb_blurb_description{
  text-align: center;
}
.ligne-services-peintures .services-peinture:before {
    content: "";
    display: block;
    width: 0%;
    height: 0%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #293f57;
    border-radius: 60px 0 0 0;
    transition: all .4s !important;
}
.ligne-services-peintures .services-peinture.bg-blue:before {
background-color: #fff;
}
.ligne-services-peintures .services-peinture:hover:before {
  width: 120%;
  height: 120%;
}
.services-peinture .et_pb_blurb_content:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 65px;
    left: 0;
    background-color: #ededed;
}
.services-peinture.bg-blue:hover img {
filter: invert(19%) sepia(56%) saturate(441%) hue-rotate(167deg) brightness(96%) contrast(89%);
}
.services-peinture.bg-blue img {
filter: invert(100%) sepia(79%) saturate(2%) hue-rotate(125deg) brightness(106%) contrast(100%);
}
.services-peinture:hover img {
filter: invert(100%) sepia(79%) saturate(2%) hue-rotate(125deg) brightness(106%) contrast(100%);
}
.services-peinture:hover .et_pb_blurb_description { color: #fff;}
.services-peinture.bg-blue:hover .et_pb_blurb_description { color: #232323;}
.services-peinture.bg-blue .et_pb_blurb_description { color: #fff;}

/* Responsive */
@media(max-width: 980px) {
.flex-row-reverse {
display: flex;
flex-direction: column-reverse;
}
}
@media(max-width: 767px) {
.ligne-piliers .item-pilier {
width: calc(45% - 20px);
}
.ligne-services-peintures .services-peinture {
width: calc(45% - 20px);
}
}
@media(max-width: 580px) {
.ligne-piliers .item-pilier {
width: 100%;
}
.ligne-services-peintures .services-peinture {
width: 100%;
}
}

/* page platrerie */
.ligne-platrerie .item-platrerie {
  width: calc(33.33% - 17px);
  min-height: 450px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.ligne-platrerie h3 {
  margin-bottom: 30px;
  text-transform: uppercase;
}
.ligne-platrerie .et_pb_column {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.ligne-platrerie .et_pb_blurb_description {
  max-height: 0;
}
.ligne-platrerie .et_pb_blurb_content {
  position: absolute;
  bottom: 0%;
  left: 25px;
  transition: 0.45s all;
  
}
.ligne-platrerie .item-platrerie:hover .et_pb_blurb_content {
   transition: 0.65s all;
  bottom: 60%;
}
.ligne-platrerie .item-platrerie:hover .et_pb_blurb_description {
  max-height: auto;
  max-width: 333px;
}
.ligne-platrerie .item-platrerie:before {
    content: "";
    display: block;
    width: 0%;
    height: 0%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #293f5794;
    border-radius: 60px 0 0 0;
    transition: all 0.65s !important;
}
.ligne-platrerie .item-platrerie:hover:before {
   width: 120%;
  height: 120%;
}

/* page realisation */
.realisation-projet .et_pb_portfolio_items {
display: flex;
gap: 25px;
flex-wrap: wrap;
}
.realisation-projet .et_pb_portfolio_item {
width:  calc(33.33% - 17px);
height: 380px;
border-radius: 12px;
overflow: hidden;
}

.realisation-projet .et_pb_portfolio_item .et_portfolio_image {
height: 100%;
}
.realisation-projet .et_pb_portfolio_item .et_portfolio_image img {
height: 100%;
object-fit: cover;
filter: brightness(70%)
}
.realisation-projet h2.et_pb_module_header {
position: absolute;
bottom: 30px;
color: #fff;
text-transform: uppercase;
margin: 0 auto;
right: 0;
left: 0;
text-align: center;
font-size: 22px;
z-index: 10;
}
.galerie-realisations .et_pb_gallery_items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.galerie-realisations .et_pb_gallery_item {
    width: 285px !important;
    margin: 0px 0px 0px 0px !important;
}
.galerie-realisations img {
    height: 320px !important;
    object-fit: cover;
    border-radius:  12px !important;
}
.galerie-realisations .et_pb_gallery_item .et_overlay {
  border-radius: 5px !important;
  background-color: #00000082 !important;
}
.galerie-realisations .et_pb_gallery_item .et_overlay:before {
    font-size: 20px !important;
    left: 55% !important;
    top: 55%;
  color: #fff !important;
}
.galerie-realisations .et_pb_gallery_pagination {
border-top: 0px solid #000 !important;
}
.galerie-realisations .et_pb_gallery_pagination ul li a {
color: #000 !important;
}


/* Responsive */
@media (max-width:980px) {
.img-315 {
height: 235px;
left: 0px !important;
}
.flex-row-reverse {
display: flex;
flex-direction: column-reverse;
}
.ligne-mobile-block .et_pb_column.et_pb_column_empty {
display: block !important;
}
.ligne-platrerie .item-platrerie {
  width: calc(55% - 17px);
}
.section-galerie .et_pb_row et_pb_row_1 {
display: flex;
flex-direction: column;
}
}

@media (max-width: 767px) {
.ligne-platrerie .item-platrerie {
  width: calc(70% - 17px);
}
}

@media (max-width: 580px) {
.ligne-platrerie .item-platrerie {
  width: 100%;
}
.ligne-platrerie .item-platrerie:hover .et_pb_blurb_description {
max-width: 280px;
}
.ligne-platrerie .item-platrerie:hover .et_pb_blurb_content {
bottom: 68%;}
}

@media (max-width: 360px) {
.ligne-platrerie .item-platrerie:hover .et_pb_blurb_description {
max-width: 240px;
}
}

/* realisation */
.et_pb_gallery_image img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.section-galerie .slider-nav .et_pb_gallery_item {
width: 100% !important;}

.section-galerie .slider-for .et_pb_gallery_item {
width: 100% !important;
}
.section-galerie .slider-for .et_pb_gallery_item a, .section-galerie .slider-fors .et_pb_gallery_item a {
cursor: pointer !important;
pointer-events: visible !important;}
.slick-gallery .et_pb_gallery_item a {
  pointer-events: none; /* empêche le clic */
  cursor: default;
}
.slick-gallery .et_overlay {
display: none !important;
}
.slider-nav .slick-list {
	padding: 0 !important;
}
.slider-nav .et_pb_gallery_items {
overflow:visible !important;}
.slider-nav .slick-slide span, .slider-nav .slick-slide img, .slider-nav .slick-slide .et_pb_module  {
	width: 100%;
	height: 100% !important;
}
.slider-nav .slick-prev, .slider-nav .slick-next {
	position: absolute;
    top: 45%;
    z-index: 999;
    font-size: 0;
    background: inherit;
    padding: 10px;
	border: none;
	cursor: pointer;
}
.slider-nav .slick-prev {
   left: -25px;
	transform: rotate(180deg);
}
.slider-nav .slick-next {
   right: -15px;
}
.slider-nav .slick-slide {
	max-width: 220px;
	width: 100% !important;
	height: 200px;
	margin-right: 12px;
}
.slider-nav .et_pb_gallery_image {
height: 100% !important;
}
.slider-nav .et_pb_gallery_item  {
height: 100% !important;}
.slider-nav .slick-slide>div {
	height: 100% !important;
}
.slider-nav .slick-slide img {
	width: 100% !important;
	object-fit: cover;
}

.slider-nav .slick-prev:after, .slider-nav .slick-next:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left:0;
	background: url("/wp-content/uploads/2025/09/angle-de-la-fleche-droite-1.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.slider-for .et_pb_gallery_image{
	height: 420px;
}
.slider-for .slick-slide {
height: 420px;
margin-bottom: 30px !important;}
.slider-for .et_pb_gallery_image span {
	height: 100% !important;
	width: 100% !important;
}
.slider-for .et_pb_gallery_image landscape img {
	height: 100% !important;
	width: 100% !important;
}
.slider-for .slick-slide img {
	width: 100% !important;
	object-fit: cover;
}
.section-galerie h2 {
position: relative;
margin-bottom: 40px;}
.section-galerie h2:after {
    content: "";
    width: 200px;
    height: 4px;
    background-color: #333333;
    position: absolute;
    bottom: -13px;
    left: 0;
}

.section-galerie ul li:before, .description-realisation ul li:before {
content: "";
width: 18px;
height: 18px;
background-image: url(/wp-content/uploads/2025/09/signe-de-coche.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -25px;
top: 4px;
}
.section-galerie ul li, .description-realisation ul li {
position: relative;
list-style: none !important;
margin-bottom: 10px;
margin-left: 25px !important;
}

/* sans contenu */
.slider-navs .slick-list {
	padding: 0 !important;
}
.slider-navs .et_pb_gallery_items {
overflow:visible !important;}
.slider-navs .slick-slide span, .slider-navs .slick-slide img, .slider-navs .slick-slide .et_pb_module  {
	width: 100%;
	height: 100% !important;
}
.slider-navs .slick-prev, .slider-navs .slick-next {
	position: absolute;
    top: 45%;
    z-index: 999;
    font-size: 0;
    background: inherit;
    padding: 10px;
	border: none;
	cursor: pointer;
}
.slider-navs .slick-prev {
   left: -25px;
	transform: rotate(180deg);
}
.slider-navs .slick-next {
   right: -15px;
}
.slider-navs .slick-slide {
	max-width: 226px;
	width: 100% !important;
	height: 200px;
	margin-right: 12px;
}
.slider-navs .et_pb_gallery_image {
height: 100% !important;
}
.slider-navs .et_pb_gallery_item  {
height: 100% !important;}
.slider-navs .slick-slide>div {
	height: 100% !important;
}
.slider-navs .slick-slide img {
	width: 100% !important;
	object-fit: cover;
}

.slider-navs .slick-prev:after, .slider-navs .slick-next:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left:0;
	background: url("/wp-content/uploads/2025/09/angle-de-la-fleche-droite-1.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.slider-fors .et_pb_gallery_image{
	height: 420px;
}
.slider-fors .slick-slide {
height: 420px;
margin-bottom: 30px !important;}
.slider-fors .et_pb_gallery_image span {
	height: 100% !important;
	width: 100% !important;
}
.slider-fors .et_pb_gallery_image landscape img {
	height: 100% !important;
	width: 100% !important;
}
.slider-fors .slick-slide img {
	width: 100% !important;
	object-fit: cover;
}
/* section galerie */
.section-galerie .title-desc:before {
content:"";
width: 28px;
height: 28px;
background-image: url(/wp-content/uploads/2025/09/remodelage.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 4px;
}
.section-galerie .title-desc {
position: relative;
padding-left: 40px;
display: block;}
.deux-title:before {
content:"";
width: 15px;
height: 15px;
background-image: url(/wp-content/uploads/2025/09/fleche-droites.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 27px;
left: 4px;
}
.deux-title {
position: relative;
display: block !important;
padding-left: 26px;}
.realisation-tout .et_pb_portfolio_filters {
display: none !important;}

@media(max-width: 980px) {
.section-galerie .slider-nav .et_pb_gallery_item {
width: 100% !important;}
.section-galerie .slider-for .et_pb_gallery_item {
width: 100% !important;
}
.section-galerie .et_pb_column .et_pb_grid_item:nth-child(n) {
width: 100% !important;}
.section-galerie .et_pb_column .et_pb_grid_item:nth-child(n) a, .section-galerie .et_pb_column .et_pb_grid_item:nth-child(n) img{
height: 100% !important;
display: block;}
.slider-nav .slick-prev:after, .slider-navs .slick-prev:after {
transform: rotate(180deg);
left: 5px;
}
.slider-nav .slick-next:after, .slider-navs .slick-next:after {
left: 5px;
}
.realisation-projet .et_pb_portfolio_item {
width: calc(40% - 17px);}
}
@media(max-width: 767px) {
.section-galerie h2:after {
width: 170px;}
.section-galerie {
padding-top: 40px !important;
padding-bottom: 40px !important;} 
.description-realisation {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.realisation-projet .et_pb_portfolio_item {
width: calc(60% - 17px);}
}
@media(max-width: 580px) {
.realisation-projet .et_pb_portfolio_item {
width: 100% !important;}
}

/* plan du site */
.sitemap-liste h3, .sitemap-liste br {
    display:none;
}
.sitemap-liste ul {
    list-style-type:none;
    padding-bottom:0;
    list-style: none !important;
}
.sitemap-liste li {
    position:relative;
    padding-bottom:20px;
    transition: 0.45s;
    margin-left: 0;
}
.sitemap-liste li:before {
    content:'';
    background-image: url("/wp-content/uploads/2025/09/fleche-droites.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    position:absolute;
    top:5px;
    left:-25px;
    filter: invert(22%) sepia(20%) saturate(1108%) hue-rotate(170deg) brightness(92%) contrast(92%);
    font-size:25px;
}
.sitemap-liste li a {
  color: #000 !important;
}
.sitemap-liste li a:hover {
  color: #293f57 !important;
}
.sitemap-liste li:hover {
  margin-left: 10px;
}
@media(max-width: 980px) {
.sitemap-liste li:before {
left: -20px;}}