/**
 * Theme Name:       Twenty Twenty-Five Child
 * Theme URI:        https://orblackdecorfr.com/
 * Description:      Thème enfant de Twenty Twenty-Five avec personnalisations custom
 * Template:         twentytwentyfive
 * Version:          2.0.0
 * Author:           ObeeOuane270
 * Author URI:       https://orblackdecorfr.com/
 * Text Domain:      twentytwentyfive-child 
 * License:          GPL v2 or later
 * License URI:      https://www.gnu.org/licenses/gpl-2.0.html
 */






 /**HEADER*/

.wp-block-group-is-layout-flow{

  
    position:fixed!important;
    top:-2em!important;
    width:100%!important;
    z-index:1000;
}

.wp-elements-35d1cf1768ee2e199c5094324d5f7e88{
  height:7.25rem;
}


 /**LOGO*/

 .custom-logo{

padding: 1rem 0 1rem 0!important;
width:130px!important;
height:auto!important;
 }

.custom-logo-link:focus{
  outline: 0!important;
}





/**BOUTON BURGER*/

.wp-block-navigation__responsive-container-open > svg:nth-child(1){
  width:50px!important;
  height:auto!important;
}

.wp-block-navigation__responsive-container-open{
  position:relative!important;
  padding:0 0 1rem 3rem!important;
}

.wp-block-navigation__responsive-container-open:focus{
  outline: 0!important;
}




/**BOUTON FERMER*/

.wp-block-navigation__responsive-container-close > svg:nth-child(1){
  width:40px!important;
  height:auto!important;
  position:relative;
  top:-0.5rem!important;
  left:1rem;
}

.wp-block-navigation__responsive-container-close:focus{
  outline: 0!important;
}



/**BOUTON NUMERO*/

div.is-vertical:nth-child(2) > button:nth-child(1) > div:nth-child(1) > svg:nth-child(1){
  width:30px!important;
  height:auto!important;
  display:block!important;
}



/* Force la couleur et le rendu du SVG du bouton téléphone quel que soit le SVG chargé selon la page */

div.is-vertical > button:nth-child(1) svg .cls-1 {
  stroke: #404040 !important;
  fill: #404040 !important;
}

div.is-vertical > button:nth-child(1) svg .cls-2,
div.is-vertical > button:nth-child(1) svg .cls-3 {
  fill: #E3A72F !important;
  stroke: #404040 !important;
}





div.is-vertical:nth-child(2) > button:nth-child(1) > div:nth-child(1){
  display:flex;
  justify-content: center;
  align-items: center;
  position:relative;
width:9rem!important;
  height: 2.1rem!important;
  gap:0.5rem;
   position:relative!important;
  top:0.3rem!important;

    
 
}

div.is-vertical:nth-child(2) > button:nth-child(1){
  display :flex;
  width:9rem!important;
  height: 3rem!important;
  border-radius: 60px !important;
   background-color: #424f61;
   color:#F5F5F5;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 600;
   border:1px solid #F5F5F5;
     position:relative!important;
  top:1rem!important;
  
  cursor: pointer!important;
  pointer-events: auto!important;
 

  
}

div.is-vertical:nth-child(2) > button:nth-child(1):focus{
 outline: 0!important; 
  
}

div.is-vertical:nth-child(2) > button:nth-child(2){
  display :flex;
  justify-content: center!important;
  align-items: center!important;
  width:9rem!important;
  height: 3rem!important;
  border-radius: 60px !important;
   background-color: #424f61;
   color:#F5F5F5;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 600;
   border:none;
     position:relative!important;
  top:1rem!important;
  

}

div.is-vertical:nth-child(2) > button:nth-child(2):focus{
 outline: 0!important; 
}





/* Classe pour cacher le bouton numéro */
.hidden {
  display: none !important;
}




/**ANIMATION BOUTON NUMERO*/


div.is-vertical:nth-child(2) > button:nth-child(2) {
	-webkit-animation-name: fadeInOpacity;
	        animation-name: fadeInOpacity;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	        animation-timing-function: ease-in;
	-webkit-animation-duration: 0.3s;
	        animation-duration: 0.3s;
}

@-webkit-keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.wp-elements-b9bd85e8577086165768ec0d09b05863{
  max-height:116px!important;
}



/**NAVIGATION*/

div.alignwide:nth-child(3){
  position : relative!important;
  top :1.62rem !important;
}

header nav ul li:hover{
background-color:rgba(245, 245, 245, 0.75)!important;
color:#404040;
}

header nav ul li {
    transition: background-color 0.3s ease, color 0.3s ease;
}

header nav ul li a:hover{
  text-decoration:none;
}

header nav ul li a:focus{
   outline: 0!important; 
}




 /**ONGLET ACCUEIL*/

ul.items-justified-center > li:nth-child(1){

  position :relative!important;
  padding:19px 20px 23px 20px!important;

}




 /**ONGLET PEINTURE*/

ul.items-justified-center > li:nth-child(2){
  position :relative!important;
  padding:19px 20px 23px 20px!important;
}




 /**ONGLET REVETEMENT DES MURS*/

ul.items-justified-center > li:nth-child(3){
    position :relative!important;
  padding:10px 20px 10px 20px!important;
}
ul.is-responsive > li:nth-child(3){
  text-align:center!important;
}




 /**ONGLET REVETEMENT DES SOLS*/

ul.items-justified-center > li:nth-child(4){
    position :relative!important;
  padding:10px 20px 10px 20px!important;
}
ul.items-justified-center > li:nth-child(4) > a:nth-child(1){
  text-align:center!important;
}




 /**ONGLET AUTRES PRESTATIONS*/

li.wp-block-navigation-item:nth-child(5){
    position :relative!important;
  padding:10px 20px 10px 20px!important;
}
li.wp-block-navigation-item:nth-child(5) > a:nth-child(1){
  text-align:center!important;
}




 /**ONGLET PHOTOS DES REALISATIONS*/

li.wp-block-navigation-item:nth-child(6){
    position :relative!important;
  padding:10px 20px 10px 20px!important;
}
li.wp-block-navigation-item:nth-child(6) > a:nth-child(1){
  text-align:center!important;
}




/**ONGLET BLOG*/

li.wp-block-navigation-item:nth-child(7){
  position :relative!important;
  padding:19px 20px 23px 20px!important;
}




/**ONGLET CONTACT*/

li.wp-block-navigation-item:nth-child(8){
  position :relative!important;
  padding:19px 20px 23px 20px!important;
}




/**ONGLET OBTENIR UN DEVIS*/

li.wp-block-navigation-item:nth-child(9){
    position :relative!important;
  padding:10px 20px 10px 20px!important;
  
}
li.wp-block-navigation-item:nth-child(9) > a:nth-child(1){
  text-align:center!important;
  
}





  /**BLOC TITRE*/
h2.wp-block-heading{
   position:sticky!important;
   z-index:900;
   top: 44px!important;
}

  /**PRESENTATION*/


.wp-container-core-group-is-layout-cdb53e01{

background-position: top 110px right!important;

}




  /**PRESTATIONS*/

  /**PEINTURE*/

.wp-container-core-group-is-layout-8bf8daab > figure:nth-child(1){
  z-index:20;
}

.wp-container-core-group-is-layout-8bf8daab > h3:nth-child(2){
  z-index:20;
}

section.peinture{
   width: 20rem;
    height: 25rem;
    top: 0;
    left: 0;
}

section.voletpeinture {
   
   
    width: 20rem;
    max-height:0;  
   
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}

section.voletpeinture p{
 opacity:0;
}

.blocboutonpeinture{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  margin-bottom:10px;
  z-index:20;
}




 /**ANIMATION VOLET PEINTURE*/

section.peinture:hover ~ section.voletpeinture,
section.peinture:hover section.voletpeinture {
  
    max-height:28rem;
    
  -webkit-transition:0.5s ease-in-out;
  transition:0.5s ease-in-out;
}

section.peinture:hover ~ section.voletpeinture p,
section.peinture:hover section.voletpeinture p {
  
 opacity:1;
  
 transition: opacity 500ms;
}




/**ANIMATION BOUTON PEINTURE*/

section.peinture:hover ~ .boutonpeinture > a:nth-child(1),
section.peinture:hover .boutonpeinture > a:nth-child(1) {
 background-color:#424f61!important;
 color:#F5F5F5!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}

.boutonpeinture > a:nth-child(1):focus{
   outline: 0!important; 
}



 /**RDMURS*/

.rdmurs > div:nth-child(1) > div:nth-child(1) > figure:nth-child(1){
  z-index:20;
}

.rdmurs > div:nth-child(1) > div:nth-child(1) > h3:nth-child(2){
  z-index:20;
}

.rdmurs{
   width: 20rem;
    height: 25rem;
    top: 0;
    left: 0;
}

.voletrdmurs {
   
   
    width: 20rem;
    max-height:0;  
   
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}

section.voletrdmurs p{
 opacity:0;
}

.blocboutonrdmurs{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  margin-bottom:10px;
  z-index:20;
}




 /**ANIMATION VOLET RDMURS*/

section.rdmurs:hover ~ section.voletrdmurs,
section.rdmurs:hover section.voletrdmurs {
  
    max-height:25rem;
    bottom:0;
  -webkit-transition:0.5s ease-in-out;
  transition:0.5s ease-in-out;
}

section.rdmurs:hover ~ section.voletrdmurs p,
section.rdmurs:hover section.voletrdmurs p {
  
 opacity:1;
  
 transition: opacity 500ms;
}




/**ANIMATION BOUTON RDMURS*/

section.rdmurs:hover ~ .boutonrdmurs > a:nth-child(1),
section.rdmurs:hover .boutonrdmurs > a:nth-child(1) {
 background-color:#424f61!important;
 color:#F5F5F5!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}

.boutonrdmurs > a:nth-child(1):focus{
   outline: 0!important; 
}




 /**RDSOLS*/

section.wp-block-group:nth-child(3) > div:nth-child(1) > div:nth-child(1) > figure:nth-child(1){
  z-index:20;
}

section.wp-block-group:nth-child(3) > div:nth-child(1) > div:nth-child(1) > h3:nth-child(2){
  z-index:20;
}

section.rdsols{
   width: 20rem;
    height: 25rem;
    top: 0;
    left: 0;
}

section.voletrdsols {
   
   
    width: 20rem;
    max-height:0;  
   
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}

section.voletrdsols p{
 opacity:0;
}

.blocboutonrdsols{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  margin-bottom:10px;
  z-index:20;
}




 /**ANIMATION VOLET RDSOLS*/

section.rdsols:hover ~ section.voletrdsols,
section.rdsols:hover section.voletrdsols {
  
    max-height:30rem;
    bottom:0;
  -webkit-transition:0.5s ease-in-out;
  transition:0.5s ease-in-out;
}

section.rdsols:hover ~ section.voletrdsols p,
section.rdsols:hover section.voletrdsols p {
  
 opacity:1;
  
 transition: opacity 500ms;
}




/**ANIMATION BOUTON RDSOLS*/

section.rdsols:hover ~ .boutonrdsols > a:nth-child(1),
section.rdsols:hover .boutonrdsols > a:nth-child(1) {
 background-color:#424f61!important;
 color:#F5F5F5!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}

.boutonrdsols > a:nth-child(1):focus{
   outline: 0!important; 
}




/**AUTRES*/

section.wp-block-group:nth-child(4) > div:nth-child(1) > div:nth-child(1) > figure:nth-child(1){
  z-index:20;
}

section.wp-block-group:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h3:nth-child(2){
  z-index:20;
}

section.autres{
   width: 20rem;
    height: 25rem;
    top: 0;
    left: 0;
}

section.voletautres {
   
   
    width: 20rem;
    max-height:0;  
   
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}

section.voletautres p{
 opacity:0;
}

.blocboutonautres{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  margin-bottom:10px;
  z-index:20;
}




 /**ANIMATION VOLET AUTRES*/

section.autres:hover ~ section.voletautres,
section.autres:hover section.voletautres {
  
    max-height:30rem;
    bottom:0;
  -webkit-transition:0.5s ease-in-out;
  transition:0.5s ease-in-out;
}

section.autres:hover ~ section.voletautres p,
section.autres:hover section.voletautres p {
  
 opacity:1;
  
 transition: opacity 500ms;
}




/**ANIMATION BOUTON AUTRES*/

section.autres:hover ~ .boutonautres > a:nth-child(1),
section.autres:hover .boutonautres > a:nth-child(1) {
 background-color:#424f61!important;
 color:#F5F5F5!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}

.boutonautres > a:nth-child(1):focus{
   outline: 0!important; 
}




 /**POINTS FORTS*/

 /**SAVOIR FAIRE*/

h3.alignfull{
  text-align:center!important;
}

.wp-elements-23{
  text-align:center!important;
}




 /**ECOUTE*/

.wp-elements-24{
  text-align:center!important;
}

.wp-elements-25{
  text-align:center!important;
}




 /**RESPECT*/

.wp-elements-26{
  text-align:center!important;
}

.wp-elements-27{
  text-align:center!important;
}




 /**QUALITE*/

.wp-elements-28{
  text-align:center!important;
}

.wp-elements-29{
  text-align:center!important;
}




  /**MES RÉALISATIONS*/

div.cb-button-prev::after{
  color:#404040!important;
}

div.cb-button-prev:focus{
  outline: 0!important;
}

div.cb-button-next::after{
  color:#404040!important;
}

div.cb-button-next:focus{
  outline: 0!important;
}




  /**AVIS CLIENTS*/

.wp-image-12{
  width:35px;
  height:auto;
 } 

div.alignwide:nth-child(2) > div:nth-child(1){
   display: flex;
   position:relative;
   right:5.5rem;
}

div.alignwide:nth-child(2) > div:nth-child(1) > a:nth-child(1) {
	vertical-align: middle;
	align-items: center;
	display: flex;
   border-radius: 60px!important;
    -webkit-transform:scale(1.1);
  transform:scale(1.1);
  gap : 1rem;
 
}

div.alignwide:nth-child(2) > div:nth-child(1):hover{

  
   border-radius: 60px !important;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  -webkit-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out

}




  /**FOURNISSEURS*/

.wp-image-168{
  width:300px!important;
  height:auto!important;
}

.wp-image-168:hover{

  -webkit-transform:scale(1.1)!important;
  transform:scale(1.1)!important;
  -webkit-transition:0.2s ease-in-out!important;
  transition:0.2s ease-in-out!important;
}

.wp-image-169{
  width:250px!important;
  height:auto!important;
}

.wp-image-169:hover{

  -webkit-transform:scale(1.1)!important;
  transform:scale(1.1)!important;
  -webkit-transition:0.2s ease-in-out!important;
  transition:0.2s ease-in-out!important;
}


  /**BOUTON ME CONTACTER*/

 .wp-image-20{
  width:25px;
  height:auto;
 } 

 .mecontacter{
display: flex;
 }

.mecontacter > a:nth-child(1) {
	vertical-align: middle;
	align-items: center;
	display: flex;
   border-radius: 60px !important;
    -webkit-transform:scale(1.1);
  transform:scale(1.1);
  gap : 1rem;

 
}

.mecontacter:hover{

  
   border-radius: 60px !important;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  -webkit-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out

}

.mecontacter > a:nth-child(1):focus{

  
   outline: 0!important;

}





/**BOUTON OBTENIR UN DEVIS*/

.wp-image-19{
  width:25px;
  height:auto;
  
 } 

.obtenirundevis{
display: flex;

 }

.obtenirundevis > a:nth-child(1) {
	vertical-align: middle;
	align-items: center;
	display: flex;
   border-radius: 60px !important;
    -webkit-transform:scale(1.1);
  transform:scale(1.1);
  gap : 1rem;

 
}

.obtenirundevis:hover{

  
   border-radius: 60px !important;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  -webkit-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out

}

.obtenirundevis > a:nth-child(1):focus{

   outline: 0!important;

}




/**BOUTONS RS*/

.wp-image-17{
  width:50px!important;
  height:auto!important;
 } 

.wp-image-18{
  width:50px!important;
  height:auto!important;
 } 

.wp-image-17:hover{
  -webkit-transform:scale(1.1)!important;
  transform:scale(1.1)!important;
  -webkit-transition:0.2s ease-in-out!important;
  transition:0.2s ease-in-out!important;
}

.wp-image-18:hover{
  -webkit-transform:scale(1.1)!important;
  transform:scale(1.1)!important;
  -webkit-transition:0.2s ease-in-out!important;
  transition:0.2s ease-in-out!important;
}



  
 /**PAGE BLOG**/

.wp-block-query{
  padding-top: 9rem;
}

li.wp-block-post{
  display:flex;
  justify-content: center;
  text-align: center;
}

li.wp-block-post:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
  background-color:none!important;
}



 /**FORMULAIRES**/


div.has-custom-blanc-fum-e-color:nth-child(2){
  padding-top:13rem!important;
}


.wp-elements-8807e445942744622120bf8791cacf8e{
  text-align:center;
}

div.email p{
  display:flex;
  justify-content: center;
  align-items: center;
  margin:0!important;
  padding:0!important;
}


.wpcf7-form p{
  font-family: "Inter", sans-serif;
  font-size:14px;
  font-style : normal;
  color: #F5F5F5;
}

/* Messages d'erreur Contact Form 7 */
.wpcf7-not-valid-tip,
.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7-validation-errors,
.wpcf7-acceptance-missing,
.wpcf7-mail-sent-ng {
  color: #FFB833 !important;
  opacity: 0.8 !important;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output a {
  border-color: #F5F5F5 !important;
}

.premierepartie{
  display:grid;
width: 33%;
  justify-content:center;
 
  gap:0;
  padding:2rem;

}

.secondepartie{
  display:grid!important;

  width: 26%;
   gap:1rem;
    padding:7.8rem 2rem 2rem 2rem;
    margin:0 0 0 5rem;
}

.wpcf7-form{
  display:flex!important;
  flex-wrap: wrap!important;
  
}

.wpcf7-list-item{
  margin:0!important;
  padding:0!important;

  
}

.secondepartie > p:nth-child(2){
width:900px!important;
height:100px!important;
}

input[type="checkbox"] {

  width: 25px!important;
  height: 25px!important;
background-color: #F5F5F5!important;
  
}

input[type="checkbox"]:checked {
 
  accent-color: #F5F5F5 !important;      /* Couleur d'accent pour les checkboxes natives */
  color: #E3A72F!important; /* Couleur du texte pour les checkboxes natives */
}

input[type="checkbox"]:focus {

  outline: 0!important;
   
}

input[type="checkbox"]:hover {

background-color: #F5F5F5!important;
   
}


.wpcf7-select {
  font-style: normal !important;
}


  /**BOUTON ENVOYER MA DEMANDE*/

.secondepartie > p:nth-child(3){
  display:flex!important;
 justify-content:left!important;
 margin:2rem 0 0 3.25rem;
  
 
}

.secondepartie > p:nth-child(3) > button:nth-child(1){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 5px 0 10px!important;
 background-color:#424f61!important;
  border-radius:60px;
  border:1px solid #F5F5F5;
  white-space:nowrap;
  color:#F5F5F5!important;
font-family: "Inter", sans-serif;
  font-size:14px;
  font-weight:600;
  padding:0.3rem 0.8rem 0.3rem 0.5rem!important;
  gap:0.5rem;
}

.secondepartie > p:nth-child(3) > button:nth-child(1) > svg:nth-child(2){
  width:28px!important;
  height: 28px!important;

  
}

/* Masque le spinner CF7 pour éviter le chevauchement */
.secondepartie > p:nth-child(3) > button:nth-child(1) .wpcf7-spinner{
  display:none;
}

.secondepartie > p:nth-child(3) > button:nth-child(1):hover{

  
   border-radius: 60px !important;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  -webkit-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out;
  cursor:pointer;

}

.secondepartie > p:nth-child(3) > button:nth-child(1):focus{
   outline: 0!important; 
}

.required > p:nth-child(1){
  display:flex;
  gap:4rem;

}

.required > p:nth-child(1) > label:nth-child(3){

  position:relative;
 top:2.5rem;
 right:4.4rem;
 white-space:nowrap;
}

select.wpcf7-form-control{
  padding:10px;
  border-radius: 6px;
  border:none;
  font-family: "Inter", sans-serif;
  font-size:14px;
  
  font-style : normal;

  background-color:#F5F5F5;
}  

select.wpcf7-form-control{
 color:#404040a8;
 
} 

.required > p:nth-child(1) > label:nth-child(1) > span:nth-child(2){
  font-family: "Inter", sans-serif!important;
  font-size:14px!important;
  font-style : normal!important;
  background-color:#F5F5F5;
}

input{

  padding:10px;
  border-radius: 6px;
  border:none;
  padding:10px;
  border-radius: 6px;
  border:none;
  font-family: "Inter", sans-serif;
  font-size:14px;
  font-style : normal;
  background-color:#F5F5F5;
  width:300px;
}

input::placeholder {
  color: #404040a8;
  opacity: 1;
}

.secondepartieetapedeux > p:nth-child(2) > label:nth-child(1) > span:nth-child(2) > textarea:nth-child(1){
  height:50px!important;
}

.secondepartieetapetrois > p:nth-child(2) > label:nth-child(1) > span:nth-child(2) > textarea:nth-child(1){
  height:50px!important;
}

textarea{
padding:10px;
border-radius: 6px;
border:none;
padding:10px;
border-radius: 6px;
border:none;
font-family: "Inter", sans-serif;
font-size:14px;
font-style : normal;
color: #404040;
background-color:#F5F5F5;
width:300px;
}

.wpcf7-list-item > label:nth-child(1) > input:nth-child(1){
  position:relative;
  width:3rem;
  height:auto;
}

.wpcf7-list-item-label::before{
  gap:0;
}

.wpcf7-list-item{
  padding-left:3rem;
}

.wpcf7-form{
  display:flex!important;
  justify-content:center;
}

 /**FORMULAIRE OBTENIR UN DEVIS*/
/**ETAPE 1*/

fieldset.fieldset-cf7mls:nth-child(1){
 
width:50%;

}



 /**BOUTON SUIVANT*/


#cf7mls-next-btn-cf7mls_step-1{
  
border-radius:60px;
background-color:#F5F5F5;
color:#424F61!important;
font-family: "Inter", sans-serif;
font-size:16px;
font-style : normal;
font-weight:600;
padding:0.5rem 0 0.5rem 0;
margin-top:3rem;

}

#cf7mls-next-btn-cf7mls_step-1:hover{
background-color:#424F61!important;
color:#F5F5F5!important;
border:1px solid #F5F5F5;
}

/**ETAPE 2*/



.etapedeux{
display:flex!important;
flex-wrap: wrap!important;
justify-content: center!important;
align-items:center!important;
}

.premierepartieetapedeux{
display:grid;
width: 40%;
justify-content:center;
gap:1rem;
padding:2rem;
}

.secondepartieetapedeux{
display:grid!important;
width: 30%;
gap:1rem;
padding:2rem 2rem 2rem 5rem;
}

.secondepartieetapedeux > p:nth-child(1){
display:grid!important;
grid-template-columns: 3fr 2fr!important;
gap:1.5rem!important;  
}

div.cf7mls-btns:nth-child(4){
display:flex!important;
gap:60rem!important;
position:relative!important;
bottom:3rem!important;
}

 /**BOUTON PRECEDENT*/

#cf7mls-back-btn-cf7mls_step-2{
border-radius:60px;
background-color:#F5F5F5;
color:#424F61!important;
font-family: "Inter", sans-serif;
font-size:16px;
font-style : normal;
font-weight:600;
padding:0.5rem 0 0.5rem 0;
margin-top:3rem;
}

#cf7mls-back-btn-cf7mls_step-2:hover{
background-color:#424F61!important;
color:#F5F5F5!important;
border:1px solid #F5F5F5;
}

 /**BOUTON SUIVANT*/

#cf7mls-next-btn-cf7mls_step-2{
border-radius:60px;
background-color:#F5F5F5;
color:#424F61!important;
font-family: "Inter", sans-serif;
font-size:16px;
font-style : normal;
font-weight:600;
padding:0.5rem 0 0.5rem 0;
margin-top:3rem;
}

#cf7mls-next-btn-cf7mls_step-2:hover{
background-color:#424F61!important;
color:#F5F5F5!important;
border:1px solid #F5F5F5;
}


/**ETAPE 3*/

.etapetrois{
display:grid!important;
justify-content: center!important;
align-items:center!important;
}

.premierepartieetapetrois{
display:flex!important;
justify-content:center;
flex-wrap: wrap!important;
gap:1rem;
padding:2rem;
}

.secondepartieetapetrois{
display:grid!important;
gap:1rem;
padding:2rem 2rem 2rem 2rem;
}

.piecetravail{
display:grid!important;
grid-template-columns: 1fr 1fr!important;
gap:1.5rem!important;
}

/**BOUTON PRECEDENT*/
#cf7mls-back-btn-cf7mls_step-3{
border-radius:60px;
background-color:#F5F5F5;
color:#424F61!important;
font-family: "Inter", sans-serif;
font-size:16px;
font-style : normal;
font-weight:600;
padding:0.5rem 0 0.5rem 0;
margin-top:3rem;
}

#cf7mls-back-btn-cf7mls_step-3:hover{
background-color:#424F61!important;
color:#F5F5F5!important;
border:1px solid #F5F5F5;
}

 /**BOUTON SUIVANT*/

#cf7mls-next-btn-cf7mls_step-3{
border-radius:60px;
background-color:#F5F5F5;
color:#424F61!important;
font-family: "Inter", sans-serif;
font-size:16px;
font-style : normal;
font-weight:600;
padding:0.5rem 0 0.5rem 0;
margin-top:3rem;
}

#cf7mls-next-btn-cf7mls_step-3:hover{
background-color:#424F61!important;
color:#F5F5F5!important;
border:1px solid #F5F5F5;
}

/**ETAPE 4*/

.etapequatre > div:nth-child(1) > p:nth-child(1){
display:flex!important;
justify-content:center!important;
}

.rgbd{
display:flex!important;
justify-content:center!important;
}

.rgbd > p:nth-child(1){
padding-left:22rem;
}

span.last:nth-child(1){
width:37%!important;
}

.etapequatre > p:nth-child(3){
display:flex!important;
justify-content:center!important;
}


/**BOUTON PRECEDENT*/

.cf7mls-btns-last-step{
margin-top:3rem;
}

#cf7mls-back-btn-cf7mls_step-4{
border-radius:60px;
background-color:#F5F5F5;
color:#424F61!important;
font-family: "Inter", sans-serif;
font-size:16px;
font-style : normal;
font-weight:600;
padding:0.5rem 0 0.5rem 0;
margin-top:3rem;
}

#cf7mls-back-btn-cf7mls_step-4:hover{
background-color:#424F61!important;
color:#F5F5F5!important;
border:1px solid #F5F5F5;
}

 /**BOUTON ENVOYER MA DEMANDE*/

.etapequatre > p:nth-child(3){
padding-right:15rem;
}

.etapequatre > p:nth-child(3) > button:nth-child(1){
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 5px 0 10px!important;
background-color:#424f61!important;
border-radius:60px;
border:1px solid #F5F5F5;
white-space:nowrap;
color:#F5F5F5!important;
font-family: "Inter", sans-serif;
font-size:14px;
font-weight:600;
padding:0.3rem 0.8rem 0.3rem 0.5rem!important;
gap:0.5rem;
}

.etapequatre > p:nth-child(3) > button:nth-child(1) > svg:nth-child(2){
width:28px!important;
height:28px!important;
flex-shrink:0!important; 
}

/* Masque le spinner CF7 pour éviter le chevauchement */
.etapequatre > p:nth-child(3) > button:nth-child(1) .wpcf7-spinner{
display:none;
}

.etapequatre > p:nth-child(3) > button:nth-child(1):hover{
border-radius: 60px !important;
-webkit-transform:scale(1.1);
transform:scale(1.1);
-webkit-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
cursor:pointer;
}

.etapequatre > p:nth-child(3) > button:nth-child(1):focus{
outline: 0!important;   
}

  /**ENVOI DU MESSAGE*/

.wpcf7-response-output{
height:20px!important;
}

  /**PLAN DU SITE*/

.wsp-pages-list{
display : grid; 
list-style-type: none!important;
text-align: center;
font-size : 3rem;
padding : 0 0 5rem 0!important;
text-underline-position: none!important;
}

li.page_item > a{
text-decoration:none!important;
}

li.page_item > a:hover{
text-decoration:underline!important;
}

 /**GESTION DES COOKIES*/

#cmplz-document{
padding-top: 5rem;
padding-left:9rem;
padding-right:9rem;
padding-bottom:5rem;
}

#cmplz-document > h2{
background-color:#424F61!important;
color:#F5F5F5!important;
padding-top:3rem;
 }



  /**NAV FOOTER*/

footer.wp-block-template-part{
margin:0!important;
}

footer nav ul li a:hover{
color:#E3A72F!important;
opacity:0.8!important;
text-decoration:none!important;
}

footer nav ul li a:focus{
outline: 0!important; 
}



 /**PROGRESS BAR*/

.quote-progress {

--track: #F5F5F5;
--fill: #E3A72F;
--done: #E3A72F;
--text: #F5F5F5;
--steps-count: 4;
--dot-size: 30px;
--dot-font-size: 14px;
--dot-font-weight: 700;
--dot-text-default: #F5F5F5;
--dot-text: #F5F5F5;
--dot-text-done: #F5F5F5;
--dot-text-current: #F5F5F5;

  
  width: 100%;
  box-sizing:border-box;

  margin:0;
  color: var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background-color:#424F61;
   border: top 1px solid #F5F5F5;
   position:fixed;
    left:50%;
   top:5.33rem!important; 
    transform:translateX(-50%);
   z-index:100;
} 


div.wp-block-group:nth-child(4){
z-index:300;
}

.quote-progress__top {
position: relative;
padding: 1.6rem 0 2.3rem 0;
 

}

.quote-progress__track {
height: 5px;
background: var(--track);
margin: 0;

  
 
  overflow: hidden;
}

.quote-progress__fill {
height: 100%;
width: 0%;
background: #E3A72F !important;
transition: width 220ms ease;
}

.quote-progress__steps {
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  display: grid;
  grid-template-columns: repeat(var(--steps-count), 1fr);
  align-items: start;
  padding: 0;
  margin: 0;
  list-style: none;
 

}

.quote-progress__step {
  display: grid;
  justify-items: center;
  align-items: start;
  gap: 1px;
  text-align: center;
  font-size: 12px;
  user-select: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-style:italic;
  min-width:0;


}

.quote-progress__dot {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 999px;
  background: #424F61;
  border: 2px solid #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F5F5F5 !important;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  transition: background 220ms ease, border-color 220ms ease;
}

.quote-progress__label {
  display:block;
  max-width:100%;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
  text-wrap:balance;
}


/* done steps */

.quote-progress__step.is-done .quote-progress__dot {
  background: var(--done);
  border-color: var(--done);
  color: var(--dot-text-done);
}





/* current step */

.quote-progress__step.is-current .quote-progress__dot {
  background: var(--fill);
  border-color: var(--fill);
  color: var(--dot-text-current);
}




 /**ERREUR 404*/

.wp-block-search__label{
  display:none!important;
}


.gm-style > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(3) > img:nth-child(1){
  background-color:red!important;
}


/**RESPONSIVE*/

/**LOGO*/

@media (max-width: 599px){
  .custom-logo{
    position:absolute!important;
    top:1.2rem!important;
  

  }

}

@media (min-width: 599px){
  .custom-logo{
    width:160px!important;
    height:auto!important;
  

  }

}

/**RESPONSIVE BOUTON NUMERO*/

@media (max-width: 599px){
  div.is-vertical:nth-child(2){
    position:relative;
    left:5rem;
   padding:0 0 0 0!important;

  }
}


/**RESPONSIVE BLOC TITRE*/

@media (max-width: 599px){
  div.is-vertical:nth-child(2){
    position:relative;
    left:5rem;
   padding:0 0 0 0!important;

  }
}










/**RESPONSIVE ILLUSTRATIONS*/
 
/**PRESENTATION*/

@media (max-width: 599px) {
  .wp-elements-2{
    position:sticky!important;
    top:44px!important;
  }
}

@media (min-width: 599px) {
  .wp-image-2053{
    display:none!important;
  }
}

@media (max-width: 599px) {
  .wp-image-2053{
    position:relative!important;
    top:0!important;
    z-index:10!important;
  }
}


/**RESPONSIVE PHOTOS DE REALISATION*/

@media (max-width: 599px) {
  .wp-elements-41f1a1f33c7c79f82d6c115549d197e6{
        position:sticky!important;
    padding-top:3.8rem!important;
  }
}

/**PEINTURE*/

/**PEINTURE INTERIEURE*/



 @media (min-width: 599px) {
  .wp-image-2052{
    display:none;
  }

}

 @media (max-width: 599px) {
 .wp-elements-2{
    position:sticky!important;
    padding-top:3.8rem!important;

 }

} 




/**PEINTURE EXTERIEURE*/

@media (max-width: 599px) {
   .has-text-align-left{

    position:sticky!important;
    padding-top:3.8rem!important;
  }
}



 @media (min-width: 599px) {
  .wp-image-2051{
    display:none;
  }

}

 @media (max-width: 599px) {

.is-vertically-aligned-top{
  display:none;
}
 }
 @media (max-width: 599px) { 
div.wp-block-column:nth-child(2){
margin:-2.15em 0 0 0;
}

}





/**REVETEMENT DES MURS*/

/**ENDUIT DECORATIF*/

  @media (max-width: 599px) {
   .wp-elements-8345266894e619b19bbe7301b53b0f99{

    position:sticky!important;
    padding-top:3.8rem!important;
  }
}


 @media (min-width: 599px) {
 .wp-image-2089{
    display:none;
  }

}

 @media (max-width: 599px) {
   .wp-image-1082{
     padding: 1.6rem 0 0 0 !important;
  }


 }


/**PAPIER PEINT*/

 @media (min-width: 599px) {
  .wp-image-2090{
    display:none;
  }

}


/**REVETEMENT DES SOLS*/

/**PARQUET*/

  @media (max-width: 599px) {
   .wp-elements-590285608cbbc8072f8b658a42983970{

    position:sticky!important;
    padding-top:3.8rem!important;
  }
}

 @media (min-width: 599px) {
  .wp-image-2062{
    display:none;
  }

}





/**LINO*/

 @media (min-width: 599px) {
  .wp-image-2060{
    display:none;
  }

}




/**CARRELAGE*/

  @media (max-width: 599px) {
.wp-elements-8{

    position:sticky!important;
    padding-top:3.8rem!important;
  }
}

 @media (min-width: 599px) {
  .wp-image-2056{
    display:none;
  }

}





/**AUTRES PRESTAIONS*/

/**FRESQUE MURALE*/

  @media (max-width: 599px) {
   .wp-elements-dda6d594c40a185ed86cd37e788525c1{

    position:sticky!important;
    padding-top:3.8rem!important;
  }
}

 @media (min-width: 599px) {
  .wp-image-2059{
    display:none;
  }

}






/**PEINTURE TROMPE L'OEIL*/

 @media (min-width: 599px) {
.wp-image-2055{
    display:none;
  }
 }
  @media (max-width: 599px) { 
.bloc-trompe{
  margin:0 0 0 0!important;
}
  }

/**PATINE*/

  @media (max-width: 599px) {
   .wp-elements-5c34bae5234fae335ace536b8c985b8c{

    position:sticky!important;
    padding-top:3.8rem!important;
  }
}

 @media (min-width: 599px) {
 .wp-image-2063{
    display:none;
  }

}



/**TERRASSE*/

 @media (min-width: 599px) {
  .wp-image-2054{
    display:none;
  }

}
  @media (max-width: 599px) { 
.bloc-terrasse{
  margin:0 0 0 0!important;
}
  }

/**CONSEILS DECO*/

  @media (max-width: 599px) {
   .wp-elements-7eeee2fb888ff35f331bdf6cd01299cc{

    position:sticky!important;
    padding-top:3.8rem!important;
  }
}

 @media (min-width: 599px) {
  .wp-image-2057{
    display:none;
  }

}



/**RESPONSIVE PRESTATIONS*/

@media (max-width: 900px) {

section.peinture{
   width: 20rem;
   height: 24.75rem;
    top: 0;
    left: 0;
   
}

  section.voletpeinture {
   
   
    width: 20rem;
    max-height:25rem;  
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}
section.voletpeinture p{
 opacity:1;
}


section.peinture:hover ~ .boutonpeinture > a:nth-child(1),
section.peinture:hover .boutonpeinture > a:nth-child(1) {
 background-color:#F5F5F5!important;
 color:#424F61!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}

section.rdmurs{
   width: 20rem;
   height: 24.75rem;
    top: 0;
    left: 0;
}

  section.voletrdmurs {
   
   
    width: 20rem;
    max-height:25rem;  
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}
section.rdmurs p{
 opacity:1;
}

section.rdmurs:hover ~ .boutonrdmurs > a:nth-child(1),
section.rdmurs:hover .boutonrdmurs > a:nth-child(1) {
 background-color:#F5F5F5!important;
 color:#424F61!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}





section.rdsols{
   width: 20rem;
   height: 24.5rem;
    top: 0;
    left: 0;
}

  section.voletrdsols {
   
   
    width: 20rem;
    max-height:26rem;
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}
section.rdsols p{
 opacity:1;
}

section.rdsols:hover ~ .boutonrdsols > a:nth-child(1),
section.rdsols:hover .boutonrdsols > a:nth-child(1) {
 background-color:#F5F5F5!important;
 color:#424F61!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}








section.autres{
   width: 20rem;
   height: 24.25rem;
    top: 0;
    left: 0;
}

  section.voletautres {
   
   
    width: 20rem;
    max-height:25rem;  
    border-radius: 0 0 12px 12px;
     z-index: 1;
    
}
section.autres p{
 opacity:1;
}


section.autres:hover ~ .boutonautres > a:nth-child(1),
section.autres:hover .boutonautres > a:nth-child(1) {
 background-color:#F5F5F5!important;
 color:#424F61!important;
-webkit-transition:0.6s ease-in-out;
  transition:0.6s ease-in-out;

}
}




/**RESPONSIVE HEADER*/

@media (min-width: 599px) {
.wp-elements-addfb6b5167da1acbe244569248f07d8{

height: 168px!important;
}
}

@media (min-width: 599px) {
li.wp-block-navigation-item:nth-child(9){

white-space: nowrap!important;
}
}




/**RESPONSIVE REALISATIONS*/

 @media (min-width: 599px) {
  div.wp-block-group:nth-child(10){
    display:none;
  }

}

@media (max-width: 599px) {
   div.wp-block-group:nth-child(9){
   display:none;
    
  }

}




/**RESPONSIVE AVIS CLIENTS*/

 @media (min-width: 599px) {
  #swiper-wrapper-9704323316e2124d{
    display:block;
  }

}

 @media (min-width: 599px) {
 div.has-global-padding:nth-child(3){
   background-size: 100% auto!important;   
  }

}

 @media (max-width: 599px) {
div.alignwide:nth-child(2) > div:nth-child(1){
 
   position:relative!important;
   right:0!important;
  }

}

 @media (max-width: 599px) {
div.alignwide:nth-child(2){
   display:flex!important;
   justify-content: center!important; 
   position:relative!important;
   right:0!important;
  }

}



/**PAGE BLOG*/

@media (max-width: 599px) {
 h2.wp-block-heading:nth-child(2){
  position:relative!important;
  top:70px!important;
  }

}

/**RESPONSIVE ERREUR 404*/

@media (min-width: 599px) {
 .wp-image-1040{
    display:none!important;
  }

 }


@media (max-width: 599px) {

.wp-image-1040{
    position:relative;
    top:4rem!important;
  }

  div.is-content-justification-left:nth-child(1){
   
   padding-top:0!important;

  }
}

/**RESPONSIVE FORMULAIRE*/

@media (max-width: 599px) {

.premierepartie{
  width:100%;
   padding-left:6rem;
  }


.secondepartie{
  width:100%;
      padding-left:3rem;
  }
}

.secondepartie > p:nth-child(3){
  justify-content: center;
}

@media (min-width: 599px) {

.secondepartie > p:nth-child(3){
  justify-content: right;

  }
}
/**RESPONSIVE FORMULAIRE DEVIS*/

/**ETAPE 1*/

@media (max-width: 599px) {

fieldset.fieldset-cf7mls:nth-child(1){
  display:grid!important;
justify-content: center!important;
padding-left:3rem;
  }

input{

  padding:10px;
  border-radius: 6px;
  border:none;
  padding:10px;
  border-radius: 6px;
  border:none;
  font-family: "Inter", sans-serif;
  font-size:14px;
  font-style : normal;
  background-color:#F5F5F5;
  width:300px!important;
}

#cf7mls-next-btn-cf7mls_step-1{
  

  margin-top:3rem;
  margin-right:3rem;
}
}

/**ETAPE 2*/

@media (max-width: 599px) {

fieldset.fieldset-cf7mls:nth-child(1){
  display:grid!important;
justify-content: center!important;
padding-left:3rem;
  }

.premierepartieetapedeux > p:nth-child(2) > label:nth-child(1) > span:nth-child(2) > textarea:nth-child(1){

  
  width:300px!important;
}
.secondepartieetapedeux > p:nth-child(2) > label:nth-child(1) > span:nth-child(2) > textarea:nth-child(1){
  width:200px!important;
}

fieldset.fieldset-cf7mls:nth-child(2) > div:nth-child(4){
display:flex!important;  
gap:12rem!important;
}

.secondepartieetapedeux{
width:100%!important;
}


.secondepartieetapedeux > p:nth-child(1){
width:200px!important;

}
.typeintervention > span{
   width:220px!important;
  
 
}
}

/**ETAPE 3*/

@media (max-width: 599px) {

.etapetrois{
  display:grid!important;
  justify-content: left!important;
  align-items:left!important;
}


.secondepartieetapetrois{
  width:80%!important;
}

fieldset.fieldset-cf7mls:nth-child(3) > div:nth-child(4){
  display:flex!important;  
gap:12rem!important;
}
.secondepartieetapetrois > p:nth-child(2) > label:nth-child(1) > span:nth-child(2) > textarea:nth-child(1){
    width:200px!important;
}
}

/**ETAPE 4*/

@media (max-width: 599px) {
.etapequatre > div:nth-child(1) > p:nth-child(1){
display:flex!important;
 justify-content: left!important;
 padding-left:2rem!important;
}
.etapequatre > div:nth-child(1) > p:nth-child(1) > label:nth-child(3){
  position:absolute!important;
  top: 1.25em!important;
  left: 2rem!important;

}
.message{
  width:300px!important;
}

span.last:nth-child(1){
  width:30%!important;
   padding-left:2rem!important;
}

.etapequatre > p:nth-child(3){
  display:flex!important;
  justify-content: left!important;
  padding-left:5.5rem!important;
}
.rgbd > p:nth-child(1){
padding-left:0;
}
.etapequatre > div:nth-child(1) > p:nth-child(1) > label:nth-child(3){
  display:flex;
  justify-content:right;
}



}

/**RESPONSIVE BARRE DE PROGRESSION*/

@media (max-width: 599px) {
  .quote-progress {
    --dot-size: 26px;
    top: 6.9rem;
   
  }

  .quote-progress__top {
    padding: 1.2rem 0 2.2rem 0;
  }

  .quote-progress__steps {
    top: 8px;
    gap: 0.35rem;
  }

  .quote-progress__step {
    font-size: 11px;
    line-height: 1.2;
    gap: 0.35rem;
  }

  .quote-progress__dot {
    font-size: 16px;
  }

  .quote-progress__label {
    max-width: 5.5rem;
    font-size: 10px;
    line-height: 1.15;
  }
}



  .quote-progress__steps {
    gap: 0.2rem;
  }

  .quote-progress__label {
    max-width: 4.6rem;
    font-size: 9px;
  }

  /**RESPONSIVE ERREUR 404*/

  @media (max-width: 599px) {

.wp-image-1040{
  top:2rem!important;
  }
  .wp-block-heading{
    display:flex;
    justify-content:center;
    margin-top:4rem!important;
  }
}