.elementor-10847 .elementor-element.elementor-element-1b9d580:not(.elementor-motion-effects-element-type-background), .elementor-10847 .elementor-element.elementor-element-1b9d580 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10847 .elementor-element.elementor-element-1b9d580{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-10847 .elementor-element.elementor-element-1b9d580 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-10847 .elementor-element.elementor-element-ac83d33.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10847 .elementor-element.elementor-element-ac83d33.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10847 .elementor-element.elementor-element-ac83d33 > .elementor-element-populated{padding:0px 0px 0px 10px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-10847 .elementor-element.elementor-element-863716c{z-index:2;}.elementor-10847 .elementor-element.elementor-element-863716c img{width:100%;max-width:100%;height:36px;}.elementor-bc-flex-widget .elementor-10847 .elementor-element.elementor-element-2add820.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10847 .elementor-element.elementor-element-2add820.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10847 .elementor-element.elementor-element-2add820.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-10847 .elementor-element.elementor-element-2add820 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-10847 .elementor-element.elementor-element-2add820 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10847 .elementor-element.elementor-element-3a855d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10847 .elementor-element.elementor-element-3a855d2 .elementor-menu-toggle{margin:0 auto;}.elementor-10847 .elementor-element.elementor-element-3a855d2 .elementor-nav-menu .elementor-item{font-family:"mr-eaves-modern", Sans-serif;font-size:22px;font-weight:400;}.elementor-10847 .elementor-element.elementor-element-3a855d2 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:15px;padding-right:15px;padding-top:6px;padding-bottom:6px;}.elementor-10847 .elementor-element.elementor-element-3a855d2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-10847 .elementor-element.elementor-element-3a855d2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-10847 .elementor-element.elementor-element-3a855d2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-10847 .elementor-element.elementor-element-3a855d2 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-10847 .elementor-element.elementor-element-3a855d2 div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-10847 .elementor-element.elementor-element-3a855d2 div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10847 .elementor-element.elementor-element-142df20 .elementor-icon-wrapper{text-align:right;}.elementor-10847 .elementor-element.elementor-element-142df20 .elementor-icon{font-size:35px;}.elementor-10847 .elementor-element.elementor-element-142df20 .elementor-icon svg{height:35px;}.elementor-bc-flex-widget .elementor-10847 .elementor-element.elementor-element-d4cde1f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-10847 .elementor-element.elementor-element-d4cde1f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-9b2ca79.elementor-social-icon{background-color:#FFFFFF00;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-9b2ca79.elementor-social-icon i{color:#FFFFFF00;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-9b2ca79.elementor-social-icon svg{fill:#FFFFFF00;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-126b56c.elementor-social-icon{background-color:#00000000;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-126b56c.elementor-social-icon i{color:#FFFFFF00;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-126b56c.elementor-social-icon svg{fill:#FFFFFF00;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-487d91d.elementor-social-icon{background-color:#00000000;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-487d91d.elementor-social-icon i{color:#FFFFFF00;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-repeater-item-487d91d.elementor-social-icon svg{fill:#FFFFFF00;}.elementor-10847 .elementor-element.elementor-element-65b09d4{--grid-template-columns:repeat(3, auto);--icon-size:22px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-widget-container{text-align:center;}.elementor-10847 .elementor-element.elementor-element-65b09d4 > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-10847 .elementor-element.elementor-element-fa32573{--display:flex;}.elementor-10847 .elementor-element.elementor-element-fa32573:not(.elementor-motion-effects-element-type-background), .elementor-10847 .elementor-element.elementor-element-fa32573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10847 .elementor-element.elementor-element-21c3990 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-10847 .elementor-element.elementor-element-21c3990.elementor-element{--align-self:center;}.elementor-10847 .elementor-element.elementor-element-21c3990{text-align:center;}.elementor-10847 .elementor-element.elementor-element-21c3990 .elementor-heading-title{font-size:35px;font-weight:800;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-10847 .elementor-element.elementor-element-932b586.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-10847 .elementor-element.elementor-element-932b586{text-align:left;color:var( --e-global-color-secondary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10847 .elementor-element.elementor-element-ea7f2ff .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFE800;border-radius:30px 30px 30px 30px;}.elementor-10847 .elementor-element.elementor-element-ea7f2ff > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-10847 .elementor-element.elementor-element-ea7f2ff.elementor-element{--align-self:center;}.elementor-10847 .elementor-element.elementor-element-a00d172:not(.elementor-motion-effects-element-type-background), .elementor-10847 .elementor-element.elementor-element-a00d172 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#171816;}.elementor-10847 .elementor-element.elementor-element-a00d172{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:10px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-10847 .elementor-element.elementor-element-a00d172 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-10847 .elementor-element.elementor-element-863716c{text-align:left;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-10847 .elementor-element.elementor-element-ac83d33{width:16.12%;}.elementor-10847 .elementor-element.elementor-element-2add820{width:66.282%;}.elementor-10847 .elementor-element.elementor-element-d4cde1f{width:16.872%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10847 .elementor-element.elementor-element-ac83d33{width:20%;}.elementor-10847 .elementor-element.elementor-element-2add820{width:80%;}}@media(min-width:2400px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-10847 .elementor-element.elementor-element-932b586{width:var( --container-widget-width, 540.54px );max-width:540.54px;--container-widget-width:540.54px;--container-widget-flex-grow:0;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-10847 .elementor-element.elementor-element-ac83d33.elementor-column{width:60%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-10847 .elementor-element.elementor-element-2add820.elementor-column{width:40%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-10847 .elementor-element.elementor-element-65b09d4 .elementor-widget-container{text-align:left;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-10847 .elementor-element.elementor-element-a00d172{padding:60px 0px 60px 0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-3a855d2 */.menu-item-2203{
    border: solid 2px !important;
    border-color: #FFE800  !important;
    border-radius: 30px;
 
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4c53645 */.a{
    font-family: playfair-display, serif;
    font-weight: 700;
    font-style: normal;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-848b4e3 */:root {
    --color: black;
}

h1 {
    font-size: 2em !important;
}

body {
    background-color: black;
    margin: 0;
    padding: 0;
}
.container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: center;
  margin: 40px auto;
}

.card {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    width: auto;
    height: 240px;
    background: #fff;
    border: 15px solid transparent;
    border-image: url("https://demi-sel.net/wp-content/uploads/2025/11/dentelle.svg") 8 round;
    cursor: pointer;
    margin: 10px;
}

.card.locked {
    opacity: 0.5;
    pointer-events: auto;
}

.card::before {
    content: "";
    position: absolute;
    inset: 10px;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 0 0 10px #fff;
}

.contenu {
    position: absolute;
}

.contenu h1 {
    font-size: xxx-large;
}

.popup {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.popup-content {
    background: #fff;
    margin: 3% auto;
    padding: 20px;
    border-radius: 8px;
    width: 500px;
    height: 525px;
    max-width: 90%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
}

.popup-content img {
    max-width: 100%;
    height: 400px;
    display: block;
    margin: 0 auto;
}

.img-recette {
    height: 450px !important;
    cursor: zoom-in;
}

.img-quiztime {
    height: auto !important;
}

.img-seule {
    height: 450px !important;
    margin-top: 20px !important;
    cursor: zoom-in;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    cursor: pointer;
}

.btn-site {
    display: inline-block;
    padding: 12px 30px;
    background: #F1EDE2;
    color: #333;
    text-decoration: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(241, 237, 226, 0.4);
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid #D4CFC0;
    margin-top: 30px;
}

.btn-site:hover {
    background: #E5E0D3;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(241, 237, 226, 0.6);
    border-color: #C4BFB0;
}

.btn-site:active {
    transform: translateY(0);
}

.btn-coreff {
    background: #DF0100;
    color: #fff;
    box-shadow: 0 4px 15px rgba(223, 1, 0, 0.4);
    border: 2px solid #B00100;
}

.btn-coreff:hover {
    background: #C00100;
    box-shadow: 0 6px 20px rgba(223, 1, 0, 0.6);
    border-color: #900000;
    color: #fff;
}

.btn-elaia {
    background: #2A4A70;
    color: #fff;
    box-shadow: 0 4px 15px rgba(42, 74, 112, 0.4);
    border: 2px solid #1E3450;
}

.btn-elaia:hover {
    background: #1E3450;
    box-shadow: 0 6px 20px rgba(42, 74, 112, 0.6);
    border-color: #152738;
    color: #fff;
}

.btn-createurdesaveurs {
    background: #AD8C4D;
    color: #fff;
    box-shadow: 0 4px 15px rgba(173, 140, 77, 0.4);
    border: 2px solid #8A6F3D;
}

.btn-createurdesaveurs:hover {
    background: #8A6F3D;
    box-shadow: 0 6px 20px rgba(173, 140, 77, 0.6);
    border-color: #6F5830;
    color: #fff;
}

.quiz-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 800px;
  margin: 30px auto;
}

.quiz-btn {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background: #7ecdec;
  border: 3px solid #FFD700;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.quiz-btn:hover:not(.answered) {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4);
  background: #7ecdec;
    border: 3px solid #FFD700;
}

.quiz-btn.answered {
  pointer-events: none;
}

.quiz-btn.correct {
  background: #4CAF50;
  border-color: #4CAF50;
}

.quiz-btn.wrong {
  background: #f44336;
  border-color: #f44336;
}

.quiz-letter {
  background: #FFD700;
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 20px;
  margin-right: 15px;
  flex-shrink: 0;
}

.quiz-btn.correct .quiz-letter,
.quiz-btn.wrong .quiz-letter {
  background: #fff;
}

.quiz-text {
  color: #000;
  font-weight: 500;
  text-align: left;
}

.quiz-note {
  font-weight: bold;
}

.quiz-message {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  min-height: 30px;
}

.quiz-message.success {
  color: #4CAF50;
}

.quiz-message.error {
  color: #f44336;
}

.card-1  { grid-column: 1; grid-row: 1; }
.card-10 { grid-column: 2 / span 2; grid-row: 1; }
.card-20 { grid-column: 4; grid-row: 1; }
.card-24 { grid-column: 5; grid-row: 1; }
.card-5  { grid-column: 6; grid-row: 1 / span 2; height: auto;}

.card-11 { grid-column: 1; grid-row: 2; width: 109%; }
.card-19 { grid-column: 2; grid-row: 2; left: 18%; width: 92%;}
.card-26 { grid-column: 3; grid-row: 2; left: 19%; width: 110%; }
.card-22 { grid-column: span 2; grid-row: 2; left: 19%; width: 76%;}

.card-23 { grid-column: 1; grid-row: 3; width: 117%; height: 50%; }
.card-6  { grid-column: 2; grid-row: 3; left: 35%; width: 100%; }
.card-31 { grid-column: 3; grid-row: 3 / span 2; height: auto; left: 48%; }
.card-27 { grid-column: 4; grid-row: 3; left: 53%; }
.card-15 { grid-column: 5; grid-row: 3; left: 52%; width: 128%;}

.card-29 { grid-column: 1; grid-row: 4; top: -42%; width: 109%; }
.card-21 { grid-column: 2; grid-row: 4; left: 29%; width: 105%;}
.card-12 { grid-column: 4; grid-row: 4; left: 53%; width: 105%;}
.card-3  { grid-column: 5; grid-row: 4; left: 76%; width: 104%;}

.card-13 { grid-column: 1; grid-row: 5; top: -42%; width: 109%; height: 135%;}
.card-4  { grid-column: 2; grid-row: 5; left: 28%;}
.card-17 { grid-column: 3; grid-row: 5; left: 29%; width: 95%;}
.card-28 { grid-column: 4; grid-row: 5; left: 35%; width: 112%;}
.card-9  { grid-column: 5; grid-row: 5; left: 59%; width: 121%;}

.card-25 { grid-column: 1; grid-row: 6 / span 2; height: auto; width: 95%;}
.card-18 { grid-column: 2; grid-row: 6; width: 92%; left: 14%;}
.card-2  { grid-column: 3; grid-row: 6; left: 14%; width: 105%;}
.card-7  { grid-column: 4; grid-row: 6; left: 29%; width: 155%;}
.card-16 { grid-column: 5; grid-row: 6; left: 95%; width: 85%;}

.card-14 { grid-column: 2; grid-row: 7; left: 14%; }
.card-30 { grid-column: 2; grid-row: 7; left: 114%; width: 217%; }
.card-8  { grid-column: 4; grid-row: 7; left: 140%; width: 140%;}

.card-1::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-1.webp);
    
}

.card-10::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-10.webp);
    
}

.card-20::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-20.webp);
    
}

.card-24::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-24.webp);
    
}

.card-5::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-5.webp);
    
}

.card-11::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-11.webp);
    
}

.card-19::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-19.webp);
    
}

.card-26::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-26.webp);
    
}

.card-22::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-22.webp);
    
}

.card-23::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-23.webp);
    
}

.card-6::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-6.webp);
    
}

.card-31::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-31.webp);
    
}

.card-27::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-27.webp);
    
}

.card-15::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-15.webp);
    
}

.card-29::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-29.webp);
    
}

.card-21::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-21.webp);
    
}

.card-12::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-12.webp);
    
}

.card-3::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-3.webp);
    
}

.card-13::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-13.webp);
    
}

.card-4::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-4.webp);
    
}

.card-17::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-17.webp);
    
}

.card-28::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-28.webp);
    
}

.card-9::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-9.webp);
    
}

.card-25::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-25.webp);
    
}

.card-18::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-18.webp);
    
}

.card-2::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-2.webp);
    
}

.card-7::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-7.webp);
    
}

.card-16::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-16.webp);
    
}

.card-14::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-14.webp);
    
}

.card-30::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case-30.webp);
    
}

.card-8::before {
    background: url(https://demi-sel.net/wp-content/uploads/2025/11/case_8.webp);
    
}

.wrapper {
  width: 1400px;              /* largeur d’origine */
  position: relative;
  left: 50%;
  transform-origin: top center;
  transform: translateX(-50%) scale(1);
}

 /* Desktop */
@media (min-width: 1200px) {
  .wrapper {
    transform: translateX(-50%) scale(1);
  }

  /*.popup-content {*/
  /*      padding: 35px;*/
  /*  }*/
}

/* Tablette */
@media (max-width: 992px) {
  .wrapper {
    transform: translateX(-50%) scale(0.5);
    height: 500px;
  }
  
  #popupText {
      margin-top: 15px;
  }
  
  .img-anecdote-julien {
      max-height: none !important;
      height: auto !important;
      margin-top: 35px !important;
  }

  /*.popup-content {*/
  /*      padding: 20px;*/
  /*  }*/
}

/* Smartphone */
@media (max-width: 600px) {
  .wrapper {
    transform: translateX(-50%) scale(0.4);
  }
  
  #popupText {
      margin-top: 15px;
  }

  /*.popup-content {*/
  /*      padding: 15px;*/
  /*      overflow-y: auto;*/
  /*  }*/
    
    .close {
        /*font-size: 22px;*/
        right: 15px;
    }
    
    .popup-content img {
        max-height: 60vh;
        object-fit: contain;
    }
}

/* Très petits smartphones */
@media (max-width: 400px) {
  .wrapper {
    transform: translateX(-50%) scale(0.275);
  }
  
  #popupText {
      margin-top: 15px;
  }

  /*.popup-content {*/
  /*      padding: 12px;*/
  /*  }*/
    
    .close {
        /*font-size: 20px;*/
        right: 10px;
        top: 5px;
    }
}/* End custom CSS */