.elementor-1296 .elementor-element.elementor-element-fceedec{width:var( --container-widget-width, 102.726% );max-width:102.726%;background-color:#FFFFFF;background-image:url("https://ladysvtc.com/wp-content/uploads/2025/10/tache-couleur-1.png");--container-widget-width:102.726%;--container-widget-flex-grow:0;background-position:-34px 495px;background-repeat:no-repeat;background-size:95% auto;}.elementor-1296 .elementor-element.elementor-element-fceedec.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-1296 .elementor-element.elementor-element-fceedec{background-position:126px 773px;background-size:76% auto;}}@media(max-width:767px){.elementor-1296 .elementor-element.elementor-element-fceedec{background-position:-56px 1800px;}}/* Start custom CSS for html, class: .elementor-element-fceedec */:root {
    --cross: url('https://ladysvtc.com/wp-content/uploads/2026/06/small-cross.png');
    --arrow: url('https://ladysvtc.com/wp-content/uploads/2026/06/really-small-arrow.png');
        /*REMPLACER CES LIENS POUR METTRE A JOUR LES IMAGES*/
}

/*note: boutons ("toggles"): ligne 81
        premier bouton ("first_toggle") : ligne 69
        button:hover : ligne 89 ;
        !important utilisé ligne 90
        */

body {
    counter-reset: section;
    }   /* counting reset */

h5:before {
    counter-increment: section;
    content: counter(section) ". ";
    }   /* pour le nombre à coté des questions*/
    
    
.question {
  margin-bottom: 0;
  margin-top: 0;
  
  text-align: left;
  }
  
.reponse {
    margin-top: 0;
    margin-bottom: 0px;
    padding-bottom: 5px;
    
    text-align: left;
    max-height: 120px;
    height: 0;
    transition: height 1s, max-height 1s;
    overflow: hidden;
    }

.square {
    border-style: none;
    border-radius: 10px 10px 10px 10px;
    background-color: #f3f3ff;
    margin-bottom: 50px;
    transition: color 1s, height 1s;
    margin-left: 15px;
    margin-right: 15px;
}
    
.toggles {      /*aka buttons*/
    border-style: none;
    float: right;
    position: relative;
    top: -2px;
    bottom: 0;
    height: 33px;
    width: 40px;
    background-color: white;
    background-size: 40px 30px;
    background: var(--arrow);
    }
    
button:hover:not(#toggleAll) {
    background-color: #cc3366 !important; /*Le bouton "déplier/replier tout" annule l'effet ajouté par Wordpress sur les boutons, donc on recrée cet effet ici, car visiblement ça fonctionne; couleur alternative: #e5e5ff / couleur imposée par wordpress: cc3366*/
}
button:focus {
     background-color: #cc3366 !important; /*comme au dessus; mais ici c'est une autre partie de l'effet*/
}
#toggleAll {
    color: black;
    border-color: black;
    display: block;
    margin-left: auto;
    margin-bottom: 20px;
    }/* End custom CSS */