/*Variables couleurs - site groupe */

:root {
  --primary: #084154; /*couleur principal des textes, couleur la plus foncée*/
  --secondary: #8ecde2;
  --tertiary: #1c8bb0;
  --accent: #f1f5f8; /*couleur claire : fond du site, texte sur fond foncé, titres*/
}

h2,
h3 {
  color: var(--primary) !important;
  font-size: 35px;
}

p,
li {
  color: var(--primary);
}

.et_pb_section {
  background-color: var(--accent);
}

/*Fond du site*/

#main-content {
  background-color: var(--accent);
}

/*Content fond coloré*/

.p-content li,
.p-content p,
.p-content a {
  color: var(--accent);
}


/*Home : carousel des actions */

.blurb-button {
  background-color: var(--secondary);
  color: var(--accent);
}

.blurb-button:hover {
  text-decoration: underline;
}

.caroussel-content {
  color: var(--accent);
}

.et_pb_blurb_description p {
  color: var(--accent);
  padding-bottom: 3rem;
}

.et_pb_blurb {
  background-image: linear-gradient(
    0deg,
    rgba(142, 205, 226, 0.2),
    rgba(142, 205, 226, 0.2),
  ) !important;
  position: relative;
}

.et_pb_blurb:hover {
  background-image: linear-gradient(
    0deg,
    rgba(142, 205, 226, 0.7),
    rgba(142, 205, 226, 0.7),
  ) !important;
  position: relative;
}

.et_pb_blurb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover; /* Ajustez selon vos préférences */
  background-position: center; /* Ajustez selon vos préférences */
  z-index: -1;
}

.et_pb_blurb_0,
.et_pb_blurb_0:before {
  background-image: url("./images/pv-constat.webp"); /* Même image que l'état normal */
}

.et_pb_blurb_1,
.et_pb_blurb_1:before {
  background-image: url("./images/redaction-actes.webp"); /* Même image que l'état normal */
}

.et_pb_blurb_2,
.et_pb_blurb_2:before {
  background-image: url("./images/conseil.webp"); /* Même image que l'état normal */
}

.et_pb_blurb_3,
.et_pb_blurb_3:before {
  background-image: url("./images/contentieux-locatif.webp"); /* Même image que l'état normal */
}

.et_pb_blurb_4,
.et_pb_blurb_4:before {
  background-image: url("./images/recouvrement.webp");
}

/*Footer*/

.bouton-pictogramme::after,
.adresse-footer::before {
  color: var(--accent);
  background-color: var(--tertiary);
}

.picto-offices:hover{
  color: var(--tertiary);
}

/**formulaire de contact*/

.wpcf7-submit {
  background: var(--tertiary);
  color: var(--accent);
}

/*Bouton + pictogramme*/

.btn-primary {
  background-color: var(--accent) !important;
}

.btn-primary:hover {
  background-color: var(--tertiary) !important;
  color: var(--accent) !important;
}

.bouton-pictogramme:hover::after {
  color: var(--primary);
  background-color: var(--primary);
}

.btn-file {
  background-color: var(--primary) !important;
  color: var(--accent) !important;
}
/*Menu*/

.picto-menu::before {
  color: var(--primary);
}

/*MODULES*/

.btn-bar{
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
}

.btn-services {
  color: var(--accent);
  background-color: var(--tertiary);
  padding: 15px;
  border-radius: 20px;
  margin: 10px;
}

.btn-services:hover {
  color: var(--primary);
  background-color: var(--secondary);
}

#svg-horodatage{
  color : var(--tertiary);
}

.module-ul{
  list-style-type: circle !important;
  padding: 15px 0 30px 3em !important;
}

.texte-container{
  margin: 5rem 0;
}