.elementor-kit-6{--e-global-color-primary:#517FD8;--e-global-color-secondary:#7FA3F9;--e-global-color-text:#002428;--e-global-color-accent:#654A1D;--e-global-color-c007528:#BCCFFB;--e-global-color-eae0ca3:#C8B68E;--e-global-color-7844563:#003633;--e-global-color-8721ceb:#C9FF6A;--e-global-typography-primary-font-family:"Hanken";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Hanken";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Hanken";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Hanken";--e-global-typography-accent-font-weight:600;--e-global-typography-6e1182d-font-family:"Larken Bold";--e-global-typography-bcd8602-font-family:"Larken italic";color:var( --e-global-color-text );font-family:"Hanken", Sans-serif;font-size:19px;font-weight:400;line-height:1.2em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#517FD800;font-family:"Hanken", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-text );padding:20px 40px 20px 40px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:10px;}.elementor-kit-6 a{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-kit-6 h1{color:var( --e-global-color-primary );font-size:45px;line-height:1.2em;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-size:35px;line-height:1.2em;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-size:28px;line-height:1.2em;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-size:24px;line-height:1.2em;}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-size:20px;line-height:1.2em;}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-size:16px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */::selection {
    color: #002428;
  background: #517fd8;
}


html, body {
    overflow-x: hidden;
}

.elementor-widget-text-editor p {
    margin-top: 0;
}
.elementor-widget-text-editor p strong {
    color: #517fd8;
}

.elementor-widget-text-editor ul {
    margin-bottom: 15px;
}

.elementor-heading-title, .elementor-heading-title a, .titre-cpie {
    font-family: "larken", sans-serif;
font-weight: 700;
font-style: normal;
}
.elementor-heading-title span {
    font-family: "larken", sans-serif;
font-weight: 500;
font-style: italic;
}

.elementor-icon-box-title {
    margin: 0;
}

a.elementor-button-link {
    position: relative;
    z-index: 1;
}
a.elementor-button-link::before {
    content: "";
    position: absolute;
    display:block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url("https://greenbox.cpie-haut-jura.org/wp-content/uploads/2025/07/fond-bouton.svg") center center no-repeat;
    background-size: 100% 100%;
    transition: all 0.2s ease;
    transform-origin: center center;
    z-index: -1;
}

.bouton-clair a.elementor-button-link::before {
   background: url("https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/fond-bouton-clair.svg") center center no-repeat !important;
    background-size: 100% 100% !important;
}

.bouton-download a.elementor-button-link::before {
   background: url("https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/fond-bouton-dwl.svg") center center no-repeat !important;
    background-size: 100% 100% !important;
}

a.elementor-button-link:hover {
    animation: jelly-doux 0.5s ease forwards;
}


@keyframes jelly-doux {
  0%,100% { transform: scale(1, 1); }
  25%      { transform: scale(0.95, 1.05); }
  50%      { transform: scale(1.05, 0.95); }
  75%      { transform: scale(0.98, 1.02); }
}

.lien-invisible {
     position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.lien-invisible a.elementor-button-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    animation: none;
    font-size: 0;
    color: rgba(255,255,255,0);
}
.lien-invisible a.elementor-button-link::before {
    display: none;
}

/**  titre avec fond bleu clair **/
.titre-bg, .titre-bg-h2 {
    position: relative;
    z-index:1;
}

.titre-bg::before {
    content: attr(data-titre);
    position: absolute;
    left: 0px;
    top: calc(50% - 48px);
    color: #bccffb;
    font-size: 6em;
    font-family: "larken", sans-serif;
font-weight: 700;
font-style: normal;
z-index: -1;
opacity: 0.2;
line-height: 1;
white-space: nowrap;
}

.titre-bg-h2::before {
    content: attr(data-titre);
    position: absolute;
    left: 0px;
    top: calc(50% - 32px);
    color: #bccffb;
    font-size: 4em;
    font-family: "larken", sans-serif;
font-weight: 700;
font-style: normal;
z-index: -1;
opacity: 0.2;
line-height: 1;
white-space: nowrap;
}

@media screen and (max-width: 768px) {
    
    .titre-bg::before {
        font-size: 45px;
        top: 20px;
        left: 15px;
        white-space: normal;
    }
     .titre-bg-h2::before {
        font-size: 35px;
        top: 15px;
        left: 10px;
        white-space: normal;
    }
    
}


.flip-cpie .elementor-flip-box__layer {
    mask-image: url('https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/forme-cpie.svg');
    -webkit-mask-image: url('https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/forme-cpie.svg'); /* Compatibilité Safari */
    mask-size: contain;
    mask-repeat: no-repeat;
        mask-position: center center;
}

.flip-cpie .elementor-flip-box::after {
    content: "";
    position: absolute;
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/highlight.png) center center no-repeat;
    background-size: cover;
width: 93px;
height: 68px;
right: -20px;
top: -20px;
transition: all ease 0.5s;
opacity: 0;
}

.flip-cpie:hover .elementor-flip-box::after {
opacity: 1;
}

.flip-cpie.membre .elementor-flip-box::after {
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/icon-email.svg) center center no-repeat;
    background-size: cover;
width: 60px;
height: 60px;
right: 0px;
top: 0px;
opacity: 1;
}

.flip-cpie.membre:hover .elementor-flip-box::after {
opacity: 0;
}

.flip-cpie.membre .elementor-flip-box__button {
    padding: 10px;
}
.flip-cpie.membre .elementor-flip-box__button i {
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/lettre.png) center center no-repeat;
    background-size: contain;
width: 31px;
height: 31px;
display: block;
}

.date-event {
    position: relative;
    padding: 10px;
    width: 80px;
    height:80px;
    text-align: center;
    display: flex;
    justify-content: center;
    z-index:1;
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/forme-cpie-2.svg) center center no-repeat;
    background-size: 100% 100%;
}
.date-event2 {
    position: relative;
    padding: 10px;
    width: 80px;
    height:80px;
    text-align: center;
    display: flex;
    justify-content: center;
    z-index:1;
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/forme-cpie.svg) center center no-repeat;
    background-size: 100% 100%;
}

.date-event:nth-child(even) {
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/forme-cpie.svg) center center no-repeat;
    background-size: 100% 100%;
}

.date-event .elementor-icon-list-item, .date-event2 .elementor-icon-list-item {
    max-width: 45px;
    word-break: keep-all !important;
}
mark {
    background: #bccffb;
    color: var(--e-global-color-primary);
    padding-left: 5px;
    padding-right: 5px;
}

.text-vert mark {
      background: #003633;
    color: #c9ff6a;
}

.effet-doc {
    position: relative;
      transition: all 0.3s;
}
.effet-doc:hover {
    transform: scale(1.05);
}
.effet-doc::before, .effet-doc::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s;
}
.effet-doc::before {
  transform: rotate(10deg);
  background: #002428;
}
.effet-doc::after {
  transform: rotate(-10deg);
  background: #bccffb;
}

.effet-doc:hover::before, .effet-doc:hover::after {
  transform: rotate(0);
}

.cat-article {
    padding: 10px;
    min-width: 120px !important;
    text-align: center;
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2025/07/fond-bouton.svg) center center no-repeat;
    background-size: 100% 100%;
}

.category-nature .cat-article {
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/fond-bouton-vert2.svg) center center no-repeat;
    background-size: 100% 100%;
}
.category-formation .cat-article {
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/fond-bouton-fonce.svg) center center no-repeat;
    background-size: 100% 100%;
}
.category-eau .cat-article {
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/fond-bouton-eau.svg) center center no-repeat;
    background-size: 100% 100%;
}
.category-geologie .cat-article {
    background: url(https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/fond-bouton-dwl.svg) center center no-repeat;
    background-size: 100% 100%;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hanken';
	font-display: auto;
	src: url('https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/04/hankengrotesk-variablefont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Larken Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/larken-bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Larken italic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://greenbox.cpie-haut-jura.org/wp-content/uploads/2026/05/larken-medium-italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */