/*
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Stephane D - Menestys Consulting
Author URI: https://menestys-consulting.fr/
*/

body {background-color:#f4f2f2;}
h2 {color:#141414; font-size:42px;}


.bloc-projet {height:450px;}

/* ===== BLOC A PROPOS ===== */

.bloc-apropos {
  background: #f4f2f2;
  padding: 90px 0;
  overflow: visible;
}

.bloc-apropos .bloc-apropos-row {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: 0;
  position: relative;
}

/* Colonne gauche */
.bloc-apropos .bloc-apropos-left {
  width: 62% !important;
  background: #d8ca9b;
  padding: 120px 30px 80px 23vw !important;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  min-height: 470px;
  display: flex;
  flex-direction: column;
  justify-content: center;
	background-image:url("https://carrelage.menestys-consulting.fr/wp-content/uploads/2026/03/logo-vector.png");
	background-repeat:no-repeat;
	background-position:center left;
	background-size:28%;
}


/* Titre */
.bloc-apropos .bloc-apropos-left h2 {
  font-size: 36px!important;
  line-height: 1.2;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0 0 35px 0;
}

/* Texte */
.bloc-apropos .bloc-apropos-left p {
  font-size: 14px;
  line-height: 1.75;
  color: #2f2f2f;
  max-width: 420px;
  margin: 0 0 18px 0;
}

/* Bouton */
.bloc-apropos .bloc-apropos-btn .et_pb_button,
.bloc-apropos .bloc-apropos-btn a {
  display: inline-block;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  background: transparent;
  padding: 14px 26px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 14px;
  text-decoration: none;
  margin-top: 22px;
}

/* Colonne droite */
.bloc-apropos .bloc-apropos-right {
  width: 38%;
  position: relative;
  margin-left: -50px;
  margin-top: 55px;
  margin-bottom: -55px;
  z-index: 2;
  display: flex;
  align-items: stretch;
}

/* Image */
.bloc-apropos .bloc-apropos-image,
.bloc-apropos .bloc-apropos-image .et_pb_image_wrap {
  width: 100%;
  height: 100%;
  display: block;
}

.bloc-apropos .bloc-apropos-image img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: block;
  object-fit: contain;
	top:20%;
}

.bloc-blog {
	margin-top:-50px!important;
}

.bloc-blog h2 {
	font-size: 36px!important;
  line-height: 1.2;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0 0 35px 0;
}
.bloc-blog .et_flex_column_24_24_phone {margin-top:15px!important;}

.footer-columns {
  display: flex;
  gap: 80px;
}

.footer-col h4 {
  color: #c9b58a; /* couleur dorée */
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 500;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  transition: opacity 0.3s ease;
}

.footer-col ul li a:hover {
  opacity: 0.7;
}

.footer-contact h4 {
  color: #c9b58a;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 500;
}

.footer-contact p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.6em;
}

.footer-contact a {
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.footer-contact a:hover {
  opacity: 0.7;
}

/* Responsive */
@media (max-width: 980px) {
  .bloc-apropos {
    padding: 50px 20px;
  }

  .bloc-apropos .bloc-apropos-row {
    flex-direction: column;
    max-width: 100%;
  }

  .bloc-apropos .bloc-apropos-left,
  .bloc-apropos .bloc-apropos-right {
    width: 100%;
    margin: 0;
  }

  .bloc-apropos .bloc-apropos-left {
    padding: 50px 30px;
    min-height: auto;
  }

  .bloc-apropos .bloc-apropos-left::before {
    display: none;
  }

  .bloc-apropos .bloc-apropos-image img {
    min-height: auto;
    height: auto;
  }
}






/* ============================================
   MOBILE (<=767px) - Header, Hero, Realisations
   ============================================ */

@media (max-width: 767px) {

  /* ================================================
     HEADER
     ================================================ */

  .et_pb_section_0_tb_header,
  .et_pb_section_0_tb_header .et_pb_row {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

			.menestys-realisations-wrap {
				color:#fff;
				padding:0px 20px;
			}

#megamenu {padding-bottom:15px!important;}

  .et_pb_row_2_tb_header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  padding: 10px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Colonne logo */
.et_pb_column_4_tb_header {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Logo */
.et_pb_image_0_tb_header,
.et_pb_image_0_tb_header .et_pb_image_wrap {
  display: block !important;
  margin: 0 !important;
}

.et_pb_image_0_tb_header img {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  max-height: 40px !important;
}

/* Wrapper interne du menu */
.et_pb_menu_0_tb_header,
.et_pb_menu_0_tb_header .et_pb_menu_inner_container,
.et_pb_menu_0_tb_header .et_pb_menu__wrap {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 0 !important;
}

/* Colonne 3 complètement masquée */
.et_pb_column_6_tb_header {
  display: none !important;
}

  .et_pb_text_4_tb_header a {
    font-size: 10px !important;
    padding: 7px 10px !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
    display: inline-block !important;
  }
  
  .bt-parler-monprojet {display:none!important;}

 /* ================================================
     HERO (section_20)
     ================================================ */

  .hero {
    padding: 0 !important;
    min-height: 520px !important;
    background-attachment: scroll !important;
    background-image: url('https://carrelage.menestys-consulting.fr/wp-content/uploads/2026/03/amb-livingceramics-still-sand-ductile-relief-fade-hr-01-1.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .hero .et_pb_column_52 { display: none !important; }

  .hero .et_pb_column_53 {
    width: 100% !important;
    min-height: 450px !important;
    padding: 60px 24px 48px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    background: transparent !important;
    text-align: center !important;
  }

  .hero .et_pb_text_76 .et_pb_text_inner,
  .hero .et_pb_text_76 .et_pb_text_inner * {
    font-size: 32px !important;
    line-height: 1.15 !important;
    color: #ffffff !important;
    text-align: center !important;
  }
 
  .heroint {
	  padding-left:30px!important;
	  padding-right:30px!important;
  }
  
  
  h1 {
	font-size: 32px !important;
    line-height: 1.15 !important;
  }
  
  h2 {
	font-size: 30px !important;
    line-height: 1.15 !important;
  }
  
  h3 {
	font-size: 22px !important;
    line-height: 1.15 !important;
  }

  .hero .et_pb_text_77 .et_pb_text_inner,
  .hero .et_pb_text_77 .et_pb_text_inner * {
    font-size: 17px !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-bottom: 0px !important;
    line-height: 1.6 !important;
  }

  .et_pb_text_78 .et_pb_text_inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  .et_pb_text_78 a {
    font-size: 11px !important;
    padding: 13px 20px !important;
    display: inline-block !important;
    letter-spacing: 0.08em !important;
    min-width: 240px !important;
    text-align: center !important;
  }
  
  /* Titre */
.bloc-apropos .bloc-apropos-left h2 {
  font-size: 36px!important;
  line-height: 1.2;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0;
}
  
  
  /* ================================================
     Format (section_21)
     ================================================ */

.format {
	background-color:#d8ca9b;
	
}
/*#d8ca9b*/
  

  /* ================================================
     BLOC PROJET (section_22)
     ================================================ */

  .et_pb_section_22.bloc-projet {
    padding: 0 !important;
    height: auto !important;
  }

  .et_pb_row_32 {
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .votre-methode .et_pb_column_55 {
    width: 100% !important;
    order: 1 !important;
    
  }

  .et_pb_column_55 .et_pb_image_wrap {
    display: block !important;
    width: 100% !important;
    height: 280px !important;
    overflow: hidden !important;
  }

  .et_pb_column_55 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  #post-13 .et_pb_column_56 {
    width: 100% !important;
    order: 2 !important;
    padding: 36px 20px 40px !important;
    box-sizing: border-box !important;
  }

  .bloc-projet .et_pb_text_79 .et_pb_text_inner * {
    font-size: 36px !important;
    line-height: 1.25 !important;
	text-align:center;
  }

  .et_pb_text_80 .et_pb_text_inner p {
    font-size: 17px !important;
    line-height: 1.6 !important;
	text-align:center;
  }
  .et_pb_text_81 .et_pb_text_inner div {
    margin-top:0!important;
	text-align:center;
  }
  .bloc-projet {margin-bottom:0!important;}
  

  /* ================================================
     VOTRE PROJET, NOTRE METHODE (section_23)
     ================================================ */
	.votre-methode {background-size:100%!important;}
	
	.methode-bloc1, .methode-bloc2, .methode-bloc3,.methode-bloc4 {width:100%!important;}

  /* ================================================
     INSPIRATION / GALERIE (section_24)
     ================================================ */

  .inspiration{
    padding: 40px 0 50px !important;
    overflow: hidden !important;
  }

  .inspiration .et_pb_row_35 {
    padding: 0 20px 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .inspiration .et_pb_column_59 {
    width: 100% !important;
    padding: 0 !important;
  }

  .inspiration .et_pb_text_88 .et_pb_text_inner * {
	font-size: 36px !important;
    line-height: 1.25 !important;
	text-align:center;
  }

  .inspiration .et_pb_row_36 {
    padding: 0 !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none !important;
    max-width: 100% !important;
    gap: 0 !important;
  }

  .inspiration .et_pb_row_36::-webkit-scrollbar {
    display: none !important;
  }

  .inspiration .et_pb_column_60 {
    min-width: 100% !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    padding: 0 6px !important;
  }

  .inspiration .et_pb_column_60 img {
    width: 100% !important;
    height: 380px !important;
    object-fit: cover !important;
    display: block !important;
	margin-top:-50px;
  }
  
  .Section-faq {
	  display: flex!important;
      flex-direction: column !important;
  }
  .section-faq .et_pb_column_60 
  
  .fleche-hd:hover {background-color:#D8CA9B; border-radius:25px;}

  /* ================================================
     POURQUOI NOUS CHOISIR (section_25)
     ================================================ */

  .reassurance {
    padding: 50px 0 60px !important;
	background-color:#c8b86a !important;
	background-image:none!important;
  }
  
  .reassurance .et_pb_column{
    row-gap:0!important;
  }

  .et_pb_row_37 {
    padding: 0 20px 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .et_pb_column_62 {
    width: 100% !important;
    padding: 0 !important;
  }

  #post-13 .et_pb_text_92 .et_pb_text_inner * {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .et_pb_row_38 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    padding: 0 12px !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .et_pb_column_63,
  .et_pb_column_64,
  .et_pb_column_65,
  .et_pb_column_66,
  .et_pb_column_67 {
    width: 100% !important;
    min-width: 100% !important;
    padding: 16px 12px !important;
    box-sizing: border-box !important;
  }

  /* ================================================
     CTA "VOTRE PROJET" (section_26)
     ================================================ */

  .parlonsen {
    padding: 50px 0 !important;
  }

  .et_pb_row_39 {
    flex-direction: column !important;
    padding: 0 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .et_pb_column_68 {
    display: none !important;
  }

  #post-13 .et_pb_column_69 {
    width: 100% !important;
    padding: 50px 30px !important;
    text-align: center !important;
  }

  #post-13 .et_pb_text_99 .et_pb_text_inner * {
    font-size: 26px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin-bottom: 12px !important;
  }

  .et_pb_text_100 .et_pb_text_inner p {
    font-size: 14px !important;
    text-align: center !important;
    margin-bottom: 24px !important;
    line-height: 1.6 !important;
  }

  .et_pb_text_101 .et_pb_text_inner {
    text-align: center !important;
  }

  .et_pb_text_101 a {
    display: inline-block !important;
    padding: 12px 24px !important;
    font-size: 11px !important;
  }
  
.parlonsen h2 {
    font-size:36px!important; text-align:center!important; margin-top:35px!important;
  }

 
  .parlonsen .et_pb_text_inner {
    text-align:center!important;
  }

  .parlonsen p {
   padding-left:30px; padding-right:30px;
  }

  /* ================================================
     A PROPOS (section_27 / .bloc-apropos)
     ================================================ */
	 
.bloc-apropos .bloc-apropos-left {
  width: 100% !important;
  background: #d8ca9b;
  padding: 120px 30px 80px 30px !important;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  min-height: 470px;
  display: flex;
  flex-direction: column;
  justify-content: center;
	background-image:url("https://carrelage.menestys-consulting.fr/wp-content/uploads/2026/03/logo-vector.png");
	background-repeat:no-repeat;
	background-position:center left;
	background-size:28%;
}	 

  .et_pb_section_27.bloc-apropos {
    padding: 0 0 50px !important;
	margin-top:60px!important;
  }

  .et_pb_row_40 {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .et_pb_column_70 {
    width: 100% !important;
    order: 2 !important;
    padding: 36px 20px 40px !important;
    box-sizing: border-box !important;
  }

  .et_pb_column_71 {
    width: 100% !important;
    order: 1 !important;
    padding: 0 !important;
  }

  .et_pb_column_71 img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    display: block !important;
  }

  #post-13 .et_pb_text_102 .et_pb_text_inner * {
    font-size: 22px !important;
    margin-bottom: 16px !important;
  }

  /* ================================================
     BIEN CHOISIR - BLOG CARDS (section_28)
     ================================================ */

  .et_pb_section_28 {
    padding: 50px 0 60px !important;
  }

  .et_pb_row_41 {
    padding: 0 20px 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .et_pb_column_72 {
    width: 100% !important;
    padding: 0 !important;
  }

  .et_pb_text_106 .et_pb_text_inner * {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .et_pb_row_42 {
    flex-direction: column !important;
    padding: 0 20px !important;
    gap: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .et_pb_column_73,
  .et_pb_column_74,
  .et_pb_column_75 {
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .et_pb_column_73 img,
  .et_pb_column_74 img,
  .et_pb_column_75 img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
  }

  /* ================================================
     FAQ (section_29)
     ================================================ */

  .et_pb_section_29 {
    padding: 50px 0 60px !important;
  }

  .et_pb_row_43 {
    padding: 0 20px 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .et_pb_column_76 {
    width: 100% !important;
    padding: 0 !important;
  }

  .et_pb_text_111 .et_pb_text_inner * {
    font-size: 36px !important;
    margin-bottom: 10px !important;
  }

  .et_pb_row_44 {
    flex-direction: column !important;
    padding: 0 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .et_pb_column_77 {
    width: 100% !important;
    padding: 0 !important;
  }

  /* ================================================
     FOOTER
     ================================================ */

  .et_pb_section_0_tb_footer {
    padding: 40px 0 !important;
  }

  .et_pb_row_0_tb_footer {
    flex-direction: column !important;
    padding: 0 20px !important;
    gap: 32px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .et_pb_column_0_tb_footer,
  .et_pb_column_1_tb_footer,
  .et_pb_column_2_tb_footer {
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .et_pb_column_1_tb_footer {
    display: flex !important;
    justify-content: center !important;
    order: -1 !important;
  }
  
  .et_pb_image_0_tb_footer {
	  text-align:center!important;
	  width:100%!important;
  }

  .et_pb_image_0_tb_footer img {
    max-height: 117px !important;
    width: auto !important;
	
  }

}