.elementor-widget-section [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-section [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-1044 .elementor-element.elementor-element-af8930c:not(.elementor-motion-effects-element-type-background), .elementor-1044 .elementor-element.elementor-element-af8930c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://www.cas-agglodijonnaise.fr/wp-content/uploads/2025/02/fond-cas.webp");background-position:center center;background-size:cover;}.elementor-1044 .elementor-element.elementor-element-af8930c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1044 .elementor-element.elementor-element-af8930c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-column [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-column [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-1044 .elementor-element.elementor-element-373e2b6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1044 .elementor-element.elementor-element-373e2b6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF80;}.elementor-1044 .elementor-element.elementor-element-373e2b6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1044 .elementor-element.elementor-element-373e2b6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon-list [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-icon-list [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-icon-list ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1044 .elementor-element.elementor-element-e756416 > .elementor-widget-container{margin:50px 0px 20px 0px;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-item:not(:last-child):after{content:"";height:25%;border-color:#ddd;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1044 .elementor-element.elementor-element-e756416{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-1044 .elementor-element.elementor-element-e756416 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-heading [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-heading .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1044 .elementor-element.elementor-element-15638d1 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1044 .elementor-element.elementor-element-15638d1{text-align:left;}.elementor-1044 .elementor-element.elementor-element-15638d1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;letter-spacing:-1px;color:#000000;}.elementor-1044 .elementor-element.elementor-element-589d4fd > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-1044 .elementor-element.elementor-element-589d4fd{text-align:left;}.elementor-1044 .elementor-element.elementor-element-589d4fd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:38px;font-weight:500;line-height:1.2em;letter-spacing:-1px;color:#004388;}.elementor-1044 .elementor-element.elementor-element-99b0317 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-99b0317{text-align:left;}.elementor-1044 .elementor-element.elementor-element-99b0317 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:35px;font-weight:500;font-style:italic;line-height:1.2em;letter-spacing:-1px;color:#6984A0;}.elementor-widget-html [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-html [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-html ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-1044 .elementor-element.elementor-element-a9ae1b0 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-044191c > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-044191c{text-align:left;}.elementor-1044 .elementor-element.elementor-element-044191c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:35px;font-weight:500;font-style:italic;line-height:1.2em;letter-spacing:-1px;color:#6984A0;}.elementor-1044 .elementor-element.elementor-element-c228f69 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-9308695 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-9308695{text-align:left;}.elementor-1044 .elementor-element.elementor-element-9308695 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:35px;font-weight:500;font-style:italic;line-height:1.2em;letter-spacing:-1px;color:#6984A0;}.elementor-1044 .elementor-element.elementor-element-341a05c > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-edc8b27 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-edc8b27{text-align:left;}.elementor-1044 .elementor-element.elementor-element-edc8b27 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:35px;font-weight:500;font-style:italic;line-height:1.2em;letter-spacing:-1px;color:#6984A0;}.elementor-1044 .elementor-element.elementor-element-a13d733 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-widget-text-editor [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-text-editor [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1044 .elementor-element.elementor-element-adcf339 > .elementor-widget-container{margin:45px 0px -30px 0px;}.elementor-1044 .elementor-element.elementor-element-adcf339{text-align:left;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-button .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-button .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-button .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-button .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-button ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-button .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-button .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-1044 .elementor-element.elementor-element-6ed059a .elementor-button{background-color:#007AEA;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;box-shadow:8px 8px 10px 0px rgba(0, 0, 0, 0.28);border-style:solid;border-width:1px 1px 1px 1px;border-color:#007AEA;border-radius:15px 15px 15px 15px;padding:10px 48px 10px 48px;}.elementor-1044 .elementor-element.elementor-element-6ed059a .elementor-button:hover, .elementor-1044 .elementor-element.elementor-element-6ed059a .elementor-button:focus{background-color:#FFFFFF;color:#007AEA;border-color:#007AEA;}.elementor-1044 .elementor-element.elementor-element-6ed059a{width:var( --container-widget-width, 101.318% );max-width:101.318%;--container-widget-width:101.318%;--container-widget-flex-grow:0;}.elementor-1044 .elementor-element.elementor-element-6ed059a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1044 .elementor-element.elementor-element-6ed059a .elementor-button:hover svg, .elementor-1044 .elementor-element.elementor-element-6ed059a .elementor-button:focus svg{fill:#007AEA;}.elementor-1044 .elementor-element.elementor-element-7763229 > .elementor-widget-container{margin:45px 0px -30px 0px;}.elementor-1044 .elementor-element.elementor-element-7763229{text-align:left;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-1044 .elementor-element.elementor-element-98b5153 .elementor-button{background-color:#FF7400;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;box-shadow:8px 8px 10px 0px rgba(0, 0, 0, 0.28);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FF7400;border-radius:50px 0px 50px 0px;padding:25px 60px 25px 60px;}.elementor-1044 .elementor-element.elementor-element-98b5153 .elementor-button:hover, .elementor-1044 .elementor-element.elementor-element-98b5153 .elementor-button:focus{background-color:#FFFFFF;color:#FF7400;border-color:#FF7400;}.elementor-1044 .elementor-element.elementor-element-98b5153 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-1044 .elementor-element.elementor-element-98b5153 .elementor-button:hover svg, .elementor-1044 .elementor-element.elementor-element-98b5153 .elementor-button:focus svg{fill:#FF7400;}@media(min-width:1025px){.elementor-1044 .elementor-element.elementor-element-af8930c:not(.elementor-motion-effects-element-type-background), .elementor-1044 .elementor-element.elementor-element-af8930c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-a9ae1b0 */.mon-carre1 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre1::after {
  content: "Montant : 250€ \a \a Pièces à fournir : certificat de mariage ; attestation du tribunal";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre1:hover {
  height: 200px;
}

.mon-carre1:hover .titre,
.mon-carre1:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre1:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0bbdb7 */.mon-carre2 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre2::after {
  content: "Montant : 150€ \a \a Pièces à fournir : acte de naissance ou attestation du tribunal ";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre2:hover {
  height: 200px;
}

.mon-carre2:hover .titre,
.mon-carre2:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre2:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81ce9af */.mon-carre3 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre3::after {
  content: "Montant : 1550€ \a \a Pièce à fournir : certificat de décès";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre3:hover {
  height: 200px;
}

.mon-carre3:hover .titre,
.mon-carre3:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre3:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22b85ec */.mon-carre4 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre4::after {
  content: "Montant : 300€ \a \a Pièce à fournir : certificat de décès";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre4:hover {
  height: 200px;
}

.mon-carre4:hover .titre,
.mon-carre4:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre4:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88257ed */.mon-carre5 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre5::after {
  content: "Montant : 300€ \a \a Pièce à fournir : certificat de décès";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre5:hover {
  height: 200px;
}

.mon-carre5:hover .titre,
.mon-carre5:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre5:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c228f69 */.mon-carre6 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre6::after {
  content: "Argent (20 ans) :\a 170 € \a \a Vermeil (30 ans) : \a 190 € \a \a Or (35 ans) : \a 250 € \a \a Grand Or (40 ans) : \a 300 €";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre6:hover {
  height: 300px;
}

.mon-carre6:hover .titre,
.mon-carre6:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre6:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-682ba41 */.mon-carre7 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre7::after {
  content: "Acte de bravoure dûment établi \a \a Montant : 200€ \a \a Conditions : minimum 5 ans dans la collectivité";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre7:hover {
  height: 250px;
}

.mon-carre7:hover .titre,
.mon-carre7:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre7:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c76be5 */.mon-carre8 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre8::after {
  content: "Montant : 600€ \a \a Conditions : minimum 5 ans dans la dernière collectivité";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre8:hover {
  height: 200px;
}

.mon-carre8:hover .titre,
.mon-carre8:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre8:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82d3dab */.mon-carre15 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre15::after {
  content: "30 € sous forme de chèques Cadhoc \a \a Condition : \a Avoir au moins un enfant de 0 à 14 ans";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre15:hover {
  height: 200px;
}

.mon-carre15:hover .titre,
.mon-carre15:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre15:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-341a05c */.mon-carre9 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre9::after {
  content: "Montant : \a de 30 € à 150 € \a selon QF \a \a Conditions : \a Maxi 5 demi-journées par an pour l’adhérent et son conjoint \a \a Pièces à fournir : \a  facture d’un organisme agrée ; certificat médical";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre9:hover {
  height: 350px;
}

.mon-carre9:hover .titre,
.mon-carre9:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre9:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-510e064 */.mon-carre10 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre10::after {
  content: "Montant : 200€ \a \a Conditions : \a 1 fois tous les 3 ans \a \a Pièces à fournir : copie du bail ou attestation d’achat du notaire";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre10:hover {
  height: 240px;
}

.mon-carre10:hover .titre,
.mon-carre10:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre10:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0dde7a */.mon-carre11 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre11::after {
  content: "Montant : 310€ \a \a Conditions : le refus pour dépassement de ressources n’ouvre pas droit à cette aide – 1 fois tous les 3 ans€ \a \a Pièces à fournir : lettre de refus de l’organisme HLM ; copie du bail";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre11:hover {
  height: 310px;
}

.mon-carre11:hover .titre,
.mon-carre11:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre11:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a13d733 */.mon-carre12 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre12::after {
  content: "Montant : 30€ \a \a Pièce à fournir : \a  facture";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre12:hover {
  height: 200px;
}

.mon-carre12:hover .titre,
.mon-carre12:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre12:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d23afc7 */.mon-carre13 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre13::after {
  content: "Sous forme de plan d’épargne sur 3 mois, souscrit auprès du CAS pour les actifs \a \a Montant de l’épargne de 150 € à 300 € : chèques-vacances ANCV bonifiés de 30 € à 150 €, selon QF et participation de l’agent";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
  display: block;
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre13:hover {
  height: 310px;
}

.mon-carre13:hover .titre,
.mon-carre13:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre13:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b1cf79 */.mon-carre14 {
  width: 200px;
  height: 200px;
  background: linear-gradient(180deg, #007AEA, #004388);
  display: flex;
  flex-direction: column; /* Empile le logo et le titre */
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  font-family: 'Inter', sans-serif;
  transition: height 0.3s ease-out, opacity 0.3s ease-out;
  position: relative;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
}

/* Icône (logo) */
.logo {
  font-size: 30px; /* Taille de l'icône */
  margin-bottom: 20px; /* Espacement de 20px sous l'icône */
}

/* Texte au survol */
.mon-carre14::after {
  content: "Montant de l’épargne de 45 € à 120 € : coupons-sports ANCV bonifiés de 25 %, soit de 15 € à 40 €, selon participation de l’agent";
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  color: white;
  font-size: 14px;
  text-align: center;
  width: 90%;
  font-family: 'Inter', sans-serif;
  white-space: pre-line; /* Permet de conserver les sauts de ligne */
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  line-height: 24px; /* Ajoute environ 10px d’espace entre les phrases */
}

/* Au survol : agrandissement en hauteur et affichage du texte */
.mon-carre14:hover {
  height: 200px;
}

.mon-carre14:hover .titre,
.mon-carre14:hover .logo {
  opacity: 0; /* Masque le logo et le titre */
}

.mon-carre14:hover::after {
  opacity: 1;
}/* End custom CSS */