.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5a77494:#FCF1E6;--e-global-color-d43ebd7:#102542;--e-global-color-9f1b113:#631733;--e-global-color-9461806:#AF8392;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Century Gothic regular";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-5a77494 );color:var( --e-global-color-9f1b113 );font-family:"Century Gothic regular", Sans-serif;font-size:20px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-9461806 );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{color:var( --e-global-color-9f1b113 );font-family:"Bodini MT", Sans-serif;font-size:40px;}.elementor-kit-9 h2{color:var( --e-global-color-9f1b113 );font-family:"Bodini MT", Sans-serif;font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-9{font-size:16px;}.elementor-kit-9 h1{font-size:30px;}.elementor-kit-9 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:550px){.elementor-kit-9{font-size:16px;}.elementor-kit-9 h1{font-size:28px;}.elementor-kit-9 h2{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* image scotch */

/* ===== INCLINAISONS (1 = normal, 0 = aucune, 0.5 = moitié) ===== */
:root{--incl:0.5}
@media (max-width:1024px){:root{--incl:0}} /* tablette et mobile */
@media (max-width:550px){:root{--incl:0}}  /* mobile seulement */

/* ===== CARTES PHOTO SCOTCHÉES (toutes tailles d'écran) ===== */
[id^="scotch-"],.image-scotchee{--rot:-1deg;position:relative;transform:rotate(calc(var(--rot) * var(--incl)));box-shadow:0 14px 34px rgba(16,37,66,.2)}
[id^="scotch-"]::after,.image-scotchee::after{content:"";position:absolute;left:50%;top:-16px;width:90px;height:26px;margin-left:-45px;background:rgba(175,131,146,.45);transform:rotate(0deg);z-index:3;pointer-events:none}
[id^="scotch-"] img,.image-scotchee img{cursor:zoom-in}
#scotch-2,#scotch-4{--rot:-0.50deg}
#scotch-3 {--rot:0.50deg}

/* ===== ANIMATION DE POSE (tous écrans : c'est le script qui décide où elle joue) ===== */
/* --sc = grossissement de départ de la carte (réduit sur petits écrans pour ne pas déborder) */
:root{--sc:1.18}
@media (max-width:1024px){:root{--sc:1.08}}
@media (max-width:550px){:root{--sc:1.04}}

.colle-pret{opacity:0;transform:translateY(-40px) scale(var(--sc)) rotate(calc((var(--rot) - 6deg) * var(--incl)));box-shadow:0 40px 60px rgba(16,37,66,.25)}
.colle-pret::after{opacity:0}
.colle-go{animation:colle-carte 1.2s cubic-bezier(.3,.7,.3,1) forwards}
.colle-fixe::after{animation:colle-scotch .45s cubic-bezier(.2,.8,.3,1) both}

@keyframes colle-carte{
  0%{opacity:0;transform:translateY(-40px) scale(var(--sc)) rotate(calc((var(--rot) - 6deg) * var(--incl)));box-shadow:0 40px 60px rgba(16,37,66,.25)}
  35%{opacity:1}
  65%{opacity:1;transform:translateY(0) scale(.98) rotate(calc((var(--rot) + 1deg) * var(--incl)));box-shadow:0 8px 16px rgba(16,37,66,.2)}
  82%{transform:translateY(0) scale(1.01) rotate(calc((var(--rot) - .7deg) * var(--incl)))}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(calc(var(--rot) * var(--incl)));box-shadow:0 14px 34px rgba(16,37,66,.2)}
}
@keyframes colle-scotch{
  0%{opacity:0;transform:translateY(-26px) scale(1.5) rotate(calc(-12deg * var(--incl)))}
  70%{opacity:1;transform:translateY(2px) scale(.96) rotate(calc(-1deg * var(--incl)))}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
}


/* ===== IMAGE EN GRAND (clic sur une carte photo) ===== */
.sc-dlg{border:0;padding:0;margin:auto;background:transparent;overflow:visible;max-width:none;max-height:none}
.sc-dlg::backdrop{background:rgba(16,37,66,.88)}
.sc-dlg img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;background:#fffaf4}
.sc-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;padding:0;background:#102542;font-size:0;color:transparent;cursor:pointer;z-index:2}
.sc-x::before,.sc-x::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;background:#fff}
.sc-x::before{transform:rotate(45deg)}
.sc-x::after{transform:rotate(-45deg)}

/* image scotch */

/* Section « Le projet » */
#projet-rond{width:min(100%,600px);border-radius:50%;overflow:hidden;border:3px solid #102542;box-shadow:0 18px 40px rgba(16,37,66,.28)}
#projet-rond img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 55%}





/* VERSION PC */
#jardin-texte {
    background: #efdfd6;
    padding: 36px 40px;
}

#scotch-5 {
    margin-left: -50px;
    z-index: 2;
}

/* VERSION TABLETTE */
@media screen and (max-width: 1024px) {
    #jardin-texte {
        padding: 28px 25px;
    }

    #scotch-5 {
        margin-left: -25px;
    }
}

/* VERSION MOBILE */
@media screen and (max-width: 550px) {
    #jardin-texte {
        padding: 20px 20px;
    }

    #scotch-5 {
        margin-left: 0;
    }
}


/* Photo « Un jardin à soi » centrée sur tablette et mobile */
@media (max-width:1024px){
  *:has(> #scotch-5){flex-direction:column!important;align-items:center!important}
  #jardin-texte{width:100%!important}
  #scotch-5{align-self:center;width:85%!important;margin:-30px auto 0!important}
}
@media (max-width:550px){
  #scotch-5{width:90%!important}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.athenaz13.pilet-renaud.ch/wp-content/uploads/2026/10/CenturyGothicPaneuropeanRegular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bodini MT';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.athenaz13.pilet-renaud.ch/wp-content/uploads/2026/10/Bodoni-MT-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */