*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#f7f1e7;color:#1f1f1f;line-height:1.6}a{color:inherit}.site-header{background:rgba(31,26,23,.96);color:white;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{max-width:1200px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;font-size:24px;font-weight:800;letter-spacing:.3px}nav a{text-decoration:none;margin-left:20px;font-weight:700;font-size:14px;opacity:.92}.menu-btn{display:none;background:#c9a15b;color:white;border:0;border-radius:12px;padding:8px 12px;font-size:24px}.hero{min-height:88vh;background-size:cover;background-position:center;display:flex;align-items:center;color:white;padding:70px 22px}.hero-content{max-width:980px;margin:auto;text-align:center}.badge{display:inline-block;background:#c9a15b;color:white;border-radius:999px;padding:8px 16px;font-weight:800;margin-bottom:18px}.badge.dark{background:#1d1510}.hero h1{font-size:clamp(38px,8vw,82px);line-height:1.02;margin-bottom:20px}.hero p{font-size:clamp(17px,3vw,22px);max-width:760px;margin:0 auto 30px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;border:0;background:#c9a15b;color:white;text-decoration:none;padding:15px 26px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:0 15px 32px rgba(0,0,0,.18)}.btn-light{background:white;color:#1d1510}section{padding:72px 22px}.container{max-width:1200px;margin:auto}.title{text-align:center;margin-bottom:42px}.title h2,.about h2,.contact-card h2{font-size:clamp(30px,5vw,48px);color:#1d1510;line-height:1.12}.title p{color:#6b5d50;margin-top:10px}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.card{background:white;padding:28px;border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.08);transition:.25s}.card:hover{transform:translateY(-6px)}.card h3{color:#a8792d;font-size:23px;margin-bottom:10px}.about{background:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.about img{width:100%;border-radius:28px;box-shadow:0 20px 50px rgba(0,0,0,.16)}.ticks{margin-top:22px;list-style:none}.ticks li{margin:10px 0}.ticks li:before{content:'✓';color:#c9a15b;font-weight:900;margin-right:8px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.gallery-item{border:0;background:white;border-radius:22px;overflow:hidden;text-align:left;box-shadow:0 15px 35px rgba(0,0,0,.1);cursor:pointer;transition:.25s}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:255px;object-fit:cover;display:block}.gallery-item span{display:block;padding:13px 15px;font-weight:800;color:#1d1510}.contact-card{background:linear-gradient(135deg,#0f0b08,#a8792d);color:white;border-radius:32px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:start}.contact-card h2{color:white}.form{display:grid;gap:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form input,.form select,.form textarea{width:100%;border:0;border-radius:16px;padding:15px;background:white;color:#222;font-size:15px}.form textarea{min-height:135px;resize:vertical}.hide{display:none!important}footer{background:#0f0b08;color:white;padding:30px 22px}.footer-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer a{color:white}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:99;display:none;align-items:center;justify-content:center;padding:64px 18px 28px}.lightbox.active{display:flex}.lightbox figure{max-width:min(1100px,92vw);max-height:88vh;text-align:center;color:white}.lightbox img{max-width:100%;max-height:72vh;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.lightbox figcaption{margin-top:12px}.lightbox small{display:block;opacity:.75;margin-top:3px}.lightbox p{opacity:.88}.lb-close{position:absolute;right:18px;top:16px;background:white;color:#111;border:0;border-radius:999px;padding:11px 18px;font-weight:900;cursor:pointer}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:999px;border:0;background:white;color:#111;font-size:44px;line-height:40px;cursor:pointer}.lb-prev{left:18px}.lb-next{right:18px}.legal{background:white;border-radius:26px;padding:34px;box-shadow:0 18px 45px rgba(0,0,0,.08)}.legal h1{color:#1d1510;font-size:42px;margin-bottom:16px}.legal h2{margin-top:26px;color:#a8792d}.admin-wrap{max-width:980px;margin:40px auto;padding:20px}.admin-panel{background:white;border-radius:24px;padding:26px;box-shadow:0 18px 45px rgba(0,0,0,.09)}.admin-row{display:grid;grid-template-columns:100px 1fr 1fr auto;gap:10px;align-items:center;margin:12px 0}.admin-row img{width:100px;height:72px;object-fit:cover;border-radius:12px}@media(max-width:780px){.menu-btn{display:block}#menu{display:none;position:absolute;left:0;right:0;top:67px;background:#0f0b08;padding:15px 22px}#menu.open{display:grid;gap:10px}nav a{margin:0}.about-grid,.contact-card,.grid2{grid-template-columns:1fr}.footer-grid{display:block;text-align:center}.footer-grid p{margin:9px 0}.lb-arrow{width:44px;height:44px;font-size:34px}.lb-prev{left:8px}.lb-next{right:8px}.admin-row{grid-template-columns:1fr}.admin-row img{width:100%;height:190px}.contact-card{padding:28px 20px}section{padding:56px 18px}}
.company-details{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.08)}
.company-details p{margin:0 0 12px}.company-details a{color:white;text-decoration:underline}.credits{font-size:12px;opacity:.72;letter-spacing:.8px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-panel h2{margin-top:28px;color:#a8792d}.notice{padding:12px 15px;border-radius:14px;margin:12px 0;background:#edf9ed;color:#146314;font-weight:700}.error{padding:12px 15px;border-radius:14px;margin:12px 0;background:#fff0f0;color:#a4001d;font-weight:700}.small-muted{font-size:13px;color:#6b5d50}.danger{background:#7b1f1f}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.admin-tabs a{background:#f7f1e7;border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:800}.gallery-note{font-size:13px;color:#6b5d50;margin-top:8px}@media(max-width:780px){.admin-grid{grid-template-columns:1fr}}

.page-hero{background:linear-gradient(135deg,#fff,#f7f1e7);padding:80px 22px 50px}.page-hero h1{font-size:clamp(38px,7vw,72px);line-height:1.05;color:#1d1510}.page-hero p{max-width:820px;margin-top:16px;color:#6b5d50;font-size:18px}.center-actions{text-align:center;margin-top:28px}.featured-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.copyright-box{margin:16px 0 22px;padding:15px 18px;border-radius:16px;background:#fff8e8;border:1px solid #e5c482;color:#4c3417;font-size:14px}.checkline{display:flex;align-items:center;gap:8px}.admin-row{grid-template-columns:90px 70px 1fr 1fr auto auto}.form input[type="checkbox"]{width:auto;padding:0}.admin-panel input[type="email"],.admin-panel input[type="text"],.admin-panel input[type="password"],.admin-panel input[type="number"]{border:1px solid #eee}@media(max-width:980px){.featured-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-row{grid-template-columns:1fr}}@media(max-width:620px){.featured-gallery{grid-template-columns:1fr}}

/* Corrections SitePrime admin + réalisations */
.center-actions{display:block;text-align:center;margin:32px auto 0;clear:both}.center-actions .btn{display:inline-block}.admin-card{margin-top:24px;padding-top:18px;border-top:1px solid #eee}.admin-card label,.admin-panel label{font-weight:700;color:#1d1510;font-size:14px;margin-bottom:4px;display:block}.admin-card input,.admin-card textarea,.admin-card select,.admin-panel input,.admin-panel textarea{border:1px solid #ddd!important;border-radius:14px;background:#fff}.admin-grid>div{display:grid;gap:6px}.copyright-box{font-size:15px;line-height:1.55}.admin-row{grid-template-columns:90px 82px 1fr 1fr auto auto;align-items:end;background:#faf7f2;border:1px solid #eee;border-radius:16px;padding:10px}.admin-row .checkline{margin-bottom:14px}.admin-login .small-muted{display:none}@media(max-width:980px){.admin-row{grid-template-columns:1fr}.admin-row img{width:100%;height:190px}.admin-row .checkline{margin-bottom:0}}


/* Correction finale : bouton Réalisations centré et séparé des images */
.realisations-cta-row{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:40px;
    clear:both;
}
.btn-realisations{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    text-align:center;
}
@media(max-width:620px){
    .realisations-cta-row{margin-top:28px;}
    .btn-realisations{width:100%;max-width:330px;}
}

/* SitePrime force button layout */
#gallery .realisations-cta-row{grid-column:1/-1!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:45px auto 0!important;text-align:center!important;clear:both!important;}
#gallery .btn-realisations{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:16px 34px!important;text-align:center!important;width:auto!important;}

/* Version finale SitePrime — admin simple + mobile premium */
.realisations-cta-row{
  grid-column:1 / -1 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:42px auto 0 !important;
  clear:both !important;
  text-align:center !important;
}
.btn-realisations{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px 34px !important;
  text-align:center !important;
  width:auto !important;
  max-width:100% !important;
}
.admin-toplinks{text-align:right;margin-bottom:12px}.upload-box{background:#faf7f2;border:1px solid #eee;border-radius:18px;padding:18px;margin:18px 0 26px}.upload-box h3{margin-top:0;color:#a8792d}.admin-row{grid-template-columns:100px 72px minmax(130px,1fr) minmax(150px,1.2fr) auto auto auto!important;gap:12px!important;align-items:end!important}.admin-row img{width:100px;height:75px;object-fit:cover;border-radius:12px}.danger-check{color:#8a1b1b}.admin-card .btn{margin-top:14px}.admin-tabs{position:sticky;top:0;z-index:5;background:white;padding:8px 0}.admin-panel h1{font-size:clamp(28px,5vw,42px)}
@media(max-width:980px){
  .admin-wrap{margin:16px auto;padding:12px}.admin-panel{padding:18px;border-radius:18px}.admin-row{grid-template-columns:1fr!important;align-items:stretch!important}.admin-row img{width:100%;height:210px}.admin-tabs{position:static}.admin-tabs a{flex:1;text-align:center}.admin-grid{grid-template-columns:1fr!important}.admin-toplinks{text-align:center}.copyright-box{font-size:13px}.upload-box{padding:14px}.form input,.form textarea,.form select{font-size:16px}.admin-card{scroll-margin-top:20px}
}
@media(max-width:620px){
  .container{width:100%}.hero{min-height:72vh;padding:58px 16px}.hero-content h1{font-size:42px}.hero-actions{display:grid;gap:12px}.hero-actions .btn{width:100%;text-align:center;justify-content:center}.title h2{font-size:34px}.title p{font-size:15px}.services{grid-template-columns:1fr}.gallery{grid-template-columns:1fr!important}.gallery-item img{height:235px}.featured-gallery{grid-template-columns:1fr!important}.contact-card{border-radius:22px}.footer-grid{gap:8px}.footer-grid p{line-height:1.5}.realisations-cta-row{margin-top:30px!important}.btn-realisations{width:100%!important;max-width:340px!important;padding:15px 20px!important}.lb-close{right:10px;top:10px;padding:10px 14px}.lightbox{padding:70px 12px 24px}.lightbox img{max-height:66vh}.admin-panel h2{font-size:24px}.checkline{padding:6px 0}.admin-row img{height:195px}
}


/* Correction champs ajout photos - SitePrime */
.upload-box .admin-grid{
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-items:end;
}
.upload-box input[type="text"],
.upload-box input:not([type]),
.admin-panel input[type="text"],
.admin-panel input[type="email"],
.admin-panel input[type="password"],
.admin-panel input[type="number"]{
  min-height:48px;
  padding:13px 15px!important;
  font-size:16px;
  line-height:1.3;
  width:100%;
}
.upload-box label{
  margin-top:10px;
}
.upload-box .checkline{
  margin-top:12px;
}
@media(max-width:780px){
  .upload-box .admin-grid{
    grid-template-columns:1fr!important;
    gap:14px;
  }
  .upload-box input[type="file"]{
    width:100%;
  }
}


/* Correction finale champs admin - simple et lisible */
.admin-panel input[type="text"],
.admin-panel input[type="email"],
.admin-panel input[type="password"],
.admin-panel input[type="number"],
.admin-panel textarea,
.upload-box input[type="text"],
.upload-box textarea,
.admin-row input[type="text"],
.admin-row input[type="number"]{
  width:100% !important;
  min-height:50px !important;
  padding:13px 14px !important;
  border:1px solid #d8d0c5 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#222 !important;
  font-size:16px !important;
  line-height:1.35 !important;
  box-shadow:none !important;
  outline:none !important;
}
.admin-panel textarea,
.upload-box textarea{
  min-height:96px !important;
  resize:vertical !important;
}
.upload-box .admin-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:20px !important;
  align-items:start !important;
}
.admin-row{
  align-items:start !important;
}
.admin-row label,
.upload-box label,
.admin-card label{
  font-size:15px !important;
  line-height:1.25 !important;
}
.checkline{
  font-size:14px !important;
  line-height:1.3 !important;
}
@media(max-width:780px){
  .upload-box .admin-grid{
    grid-template-columns:1fr !important;
  }
  .admin-panel input[type="text"],
  .admin-panel input[type="email"],
  .admin-panel input[type="password"],
  .admin-panel input[type="number"],
  .admin-panel textarea,
  .upload-box input[type="text"],
  .upload-box textarea{
    min-height:52px !important;
    font-size:16px !important;
  }
}


/* SitePrime - champs admin avec coins légèrement coupés, pas ovales */
.admin-panel input,
.admin-panel textarea,
.upload-box input,
.upload-box textarea,
.admin-row input{
  border-radius:4px !important;
}
.admin-panel input[type="file"]{
  border-radius:4px !important;
}
.admin-panel input[type="file"]::file-selector-button{
  border-radius:4px !important;
  padding:8px 12px !important;
  border:1px solid #cfc6b8 !important;
  background:#fff !important;
  cursor:pointer;
}

/* SitePrime final - gestion des photos en cartes simples */
.admin-panel input,
.admin-panel textarea,
.upload-box input,
.upload-box textarea,
.admin-photo-card input,
.admin-photo-card textarea{
  border-radius:2px !important;
}
.upload-box textarea{
  min-height:92px !important;
}
.admin-photo-card{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:18px;
  padding:18px;
  margin:18px 0;
  background:#faf7f2;
  border:1px solid #e7dfd4;
  border-radius:10px;
  align-items:start;
}
.admin-photo-preview img{
  width:140px;
  height:100px;
  object-fit:cover;
  border-radius:6px;
  display:block;
}
.admin-photo-preview span{
  display:block;
  font-size:12px;
  color:#6b5d50;
  margin-top:7px;
  word-break:break-word;
}
.admin-photo-fields{
  display:grid;
  grid-template-columns:95px 1fr;
  gap:14px;
  align-items:start;
}
.admin-photo-fields .field-description{
  grid-column:1 / -1;
}
.admin-photo-card input[type="text"],
.admin-photo-card input:not([type]),
.admin-photo-card input[type="number"],
.admin-photo-card textarea{
  width:100% !important;
  min-height:48px !important;
  padding:12px 13px !important;
  border:1px solid #d8d0c5 !important;
  border-radius:2px !important;
  background:#fff !important;
  font-size:16px !important;
  line-height:1.35 !important;
  box-shadow:none !important;
}
.admin-photo-card textarea{
  min-height:96px !important;
  resize:vertical !important;
}
.admin-photo-options{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 16px;
  padding-top:6px;
  border-top:1px solid #eadfce;
}
.admin-photo-options .checkline{
  background:#fff;
  border:1px solid #eee;
  border-radius:6px;
  padding:10px 12px;
  font-size:15px !important;
  font-weight:700;
}
.admin-photo-options input[type="checkbox"]{
  width:auto !important;
  min-height:auto !important;
  padding:0 !important;
}
.admin-row{display:none!important;}
@media(max-width:780px){
  .admin-photo-card{grid-template-columns:1fr;padding:14px;gap:14px;}
  .admin-photo-preview img{width:100%;height:210px;}
  .admin-photo-fields{grid-template-columns:1fr;}
  .admin-photo-options{grid-template-columns:1fr;}
}

/* SitePrime - gestion galerie finale en 4 colonnes, champs editables */
.photos-table{
  width:100%;
  border:1px solid #d8d0c5;
  border-radius:10px;
  overflow:hidden;
  background:#fbf8f2;
  margin-top:18px;
}
.photos-table-head{
  display:grid;
  grid-template-columns:170px 1.25fr 1.55fr 220px;
  gap:18px;
  padding:14px 16px 10px;
  font-weight:800;
  font-size:18px;
  color:#1f1f1f;
  border-bottom:1px solid #d8d0c5;
}
.photo-edit-row{
  display:grid;
  grid-template-columns:170px 1.25fr 1.55fr 220px;
  gap:18px;
  align-items:start;
  padding:14px 16px;
  border-bottom:1px solid #e4dccf;
  background:#fffdf9;
}
.photo-edit-row:last-child{border-bottom:0;}
.photo-preview-cell img{
  width:150px;
  height:105px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  border:1px solid #ddd;
}
.photo-preview-cell small{
  display:block;
  margin-top:6px;
  font-size:12px;
  color:#6b5d50;
  word-break:break-word;
}
.position-title-cell,
.description-cell,
.settings-cell{
  display:grid;
  gap:8px;
}
.position-title-cell label,
.description-cell label{
  font-weight:800;
  color:#1f1f1f;
  margin:0;
}
.position-title-cell input[type="number"]{
  max-width:92px;
}
.photo-edit-row input:not([type="checkbox"]),
.photo-edit-row textarea{
  width:100% !important;
  min-height:44px !important;
  padding:10px 12px !important;
  border:1px solid #cfc6b8 !important;
  border-radius:2px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:16px !important;
  line-height:1.35 !important;
  box-shadow:none !important;
  outline:none !important;
}
.photo-edit-row textarea{
  min-height:104px !important;
  resize:vertical !important;
}
.settings-cell .checkline{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  background:transparent !important;
  border:0 !important;
  padding:3px 0 !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#111 !important;
  line-height:1.25 !important;
}
.settings-cell input[type="checkbox"]{
  width:20px !important;
  height:20px !important;
  min-height:20px !important;
  padding:0 !important;
  margin:0 !important;
  accent-color:#1a73e8;
}
.admin-photo-card,.admin-row{display:none!important;}
@media(max-width:900px){
  .photos-table{border-radius:8px;}
  .photos-table-head{display:none;}
  .photo-edit-row{
    grid-template-columns:1fr;
    gap:14px;
    padding:16px;
  }
  .photo-preview-cell img{
    width:100%;
    height:220px;
  }
  .position-title-cell input[type="number"]{max-width:120px;}
  .settings-cell .checkline{font-size:15px!important;}
}


/* William Bert - palette or premium */
body{background:#f7f1e7;color:#17120d;}
.site-header, footer{background:#0f0b08;}
.hero-photo{background-position:center;}
.badge,.btn{background:#c9a15b;color:#ffffff;}
.btn{box-shadow:0 18px 42px rgba(75,49,12,.24);}
.btn-light{background:#fff;color:#1d1510;}
.card h3,.legal h2,.admin-panel h2,.upload-box h3{color:#a8792d;}
.contact-card{background:linear-gradient(135deg,#0f0b08,#4b3212 58%,#a8792d);}
.gallery-item,.card,.legal,.admin-panel{box-shadow:0 18px 45px rgba(51,32,9,.10);}
.ticks li:before{color:#c9a15b;}
.photos-table,.photo-edit-row,.upload-box{border-radius:2px!important;}
.photo-preview-cell img{border-radius:2px!important;}
.admin-panel input,.admin-panel textarea,.upload-box input,.upload-box textarea,.photo-edit-row input:not([type="checkbox"]),.photo-edit-row textarea{border-radius:2px!important;}


/* Correction contraste badges William Bert */
.badge{background:#c9a15b!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.18)!important;}
.badge.dark{background:#1a120c!important;color:#ffffff!important;border:1px solid #c9a15b!important;}


/* --- CORRECTION FINALE CONTRASTE BADGES WILLIAM BERT --- */
.badge,
.badge.dark,
.hero .badge,
.about .badge,
.page-hero .badge,
.hero-content .badge,
section .badge {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.badge.dark,
.about .badge.dark,
.page-hero .badge.dark {
  background:#1a120c !important;
  border:1px solid #c9a15b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.badge *,
.badge.dark *,
.hero .badge *,
.page-hero .badge * {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}


/* --- SitePrime admin: logo + favicon --- */
.logo{display:flex;align-items:center;gap:10px;min-height:42px;}
.logo img{display:block;max-height:58px;max-width:220px;width:auto;object-fit:contain;}
.visual-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#faf7f2;border:1px solid #e8dfd2;border-radius:2px;padding:18px;margin:12px 0 24px;}
.visual-box input[type="file"]{padding:12px;background:#fff;border:1px solid #cfc6b8!important;border-radius:2px!important;}
.visual-preview{background:#fff;border:1px solid #e0d6c8;border-radius:2px;padding:12px;min-height:90px;}
.admin-logo-preview{display:block;max-width:260px;max-height:90px;width:auto;height:auto;object-fit:contain;margin-top:8px;background:#16100b;padding:10px;border-radius:2px;}
.visual-actions{display:flex;gap:18px;flex-wrap:wrap;grid-column:1/-1;}
@media(max-width:780px){.visual-box{grid-template-columns:1fr}.logo img{max-height:46px;max-width:170px}}


/* --- FIX PREVIEW LOGO ADMIN : jamais plus grand que la zone blanche --- */
.visual-preview,
.logo-preview-box{
  max-width:100% !important;
  overflow:hidden !important;
  text-align:center !important;
}
.visual-preview img,
.visual-preview .admin-logo-preview,
.admin-logo-preview,
.admin-panel img.admin-logo-preview{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(100%, 420px) !important;
  max-height:120px !important;
  object-fit:contain !important;
  margin:12px auto 0 auto !important;
  background:#16100b !important;
  padding:10px !important;
  border-radius:2px !important;
}
@media(max-width:780px){
  .visual-preview img,
  .visual-preview .admin-logo-preview,
  .admin-logo-preview,
  .admin-panel img.admin-logo-preview{
    max-width:100% !important;
    max-height:90px !important;
  }
}


/* SitePrime admin left menu redesign */
.sp-admin-shell{min-height:100vh;display:flex;background:#0b1020;color:#eaf0ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.sp-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#0f172a,#070b16);border-right:1px solid rgba(255,255,255,.08);padding:22px 16px;z-index:20;box-shadow:10px 0 40px rgba(0,0,0,.25)}
.sp-brand{padding:12px 12px 22px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}.sp-brand span{display:block;font-size:24px;font-weight:900;letter-spacing:-.04em}.sp-brand small{color:#93a4c7;font-weight:700}
.sp-sidebar nav{display:flex;flex-direction:column;gap:8px}.sp-sidebar nav a{color:#d7e2ff;text-decoration:none;padding:13px 14px;border-radius:14px;background:transparent;font-weight:800;transition:.18s}.sp-sidebar nav a:hover,.sp-sidebar nav a:focus{background:rgba(96,165,250,.16);color:#fff;transform:translateX(3px)}
.sp-main{margin-left:260px;width:calc(100% - 260px);padding:30px;}.sp-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:radial-gradient(circle at top left,rgba(59,130,246,.25),transparent 36%),linear-gradient(135deg,#111827,#0b1224);box-shadow:0 24px 80px rgba(0,0,0,.28);margin-bottom:20px}.sp-hero h1{margin:0;color:#fff;font-size:34px;line-height:1.05}.sp-hero p{margin:8px 0 0;color:#b7c5e5}.sp-kicker{color:#60a5fa!important;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.12em}.sp-outline{white-space:nowrap;color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.18);padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);font-weight:900}
.sp-main .admin-card,.sp-main .copyright-box{background:#111827!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:22px!important;box-shadow:0 16px 50px rgba(0,0,0,.22)!important;color:#eaf0ff!important}.sp-main h2,.sp-main h3,.sp-main label{color:#f8fbff!important}.sp-main .small-muted,.sp-main .gallery-note,.sp-main p{color:#aebddd}.sp-main input,.sp-main textarea,.sp-main select{background:#0b1224!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:14px!important}.sp-main input::placeholder,.sp-main textarea::placeholder{color:#6f7d99}.sp-main .btn{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;border:none!important;border-radius:14px!important;padding:13px 20px!important;color:#fff!important;font-weight:900!important}.sp-main .notice{background:rgba(16,185,129,.13)!important;border:1px solid rgba(16,185,129,.35)!important;color:#bbf7d0!important;border-radius:16px!important;padding:14px 16px!important;margin:16px 0!important}.sp-main .error{background:rgba(239,68,68,.13)!important;border:1px solid rgba(239,68,68,.35)!important;color:#fecaca!important;border-radius:16px!important;padding:14px 16px!important;margin:16px 0!important}.sp-main .photo-edit-row,.sp-main .photos-table-head,.sp-main .upload-box,.sp-main .visual-box{background:#0b1224!important;border-color:rgba(255,255,255,.1)!important;color:#eaf0ff!important}
@media(max-width:900px){.sp-admin-shell{display:block}.sp-sidebar{position:relative;width:auto;bottom:auto}.sp-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.sp-main{margin-left:0;width:auto;padding:16px}.sp-hero{display:block}.sp-outline{display:inline-block;margin-top:14px}}


/* ToTo Animation — identité rose bébé et noir */
:root{--toto-pink:#f7b8d2;--toto-pink-soft:#fff0f6;--toto-black:#111014;--toto-white:#ffffff;--toto-hot:#ed6fa7;}
body{background:var(--toto-pink-soft);color:var(--toto-black);}
.site-header,footer{background:var(--toto-black);}
.logo{font-weight:1000;font-size:30px;letter-spacing:-.08em;color:var(--toto-pink)!important;}
.site-header nav a{color:#fff!important}.site-header nav a:hover{color:var(--toto-pink)!important}
.hero-toto{min-height:680px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.85) 0 7%,transparent 7.3%),radial-gradient(circle at 88% 62%,rgba(17,16,20,.13) 0 8%,transparent 8.3%),linear-gradient(135deg,var(--toto-pink) 0 62%,#ffd9e8 62%);display:flex;align-items:center;padding:110px max(6vw,30px) 80px;}
.hero-toto:after{content:"ToTo";position:absolute;right:2vw;bottom:-8vw;font-size:25vw;font-weight:1000;letter-spacing:-.12em;color:rgba(17,16,20,.08);line-height:.8;}
.hero-toto .hero-content{position:relative;z-index:2;max-width:780px}.hero-toto h1{color:var(--toto-black);font-size:clamp(48px,7vw,92px);line-height:.93;letter-spacing:-.06em;margin:20px 0}.hero-toto h1 em{font-style:normal;color:#fff;text-shadow:3px 3px 0 var(--toto-black)}.hero-toto p{color:#30252a;font-size:21px;max-width:670px}.hero-bubbles span{position:absolute;z-index:1;font-size:54px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.15));animation:totoFloat 4s ease-in-out infinite}.hero-bubbles span:nth-child(1){right:16%;top:18%}.hero-bubbles span:nth-child(2){right:6%;top:38%;animation-delay:.7s}.hero-bubbles span:nth-child(3){right:25%;bottom:15%;animation-delay:1.4s}.hero-bubbles span:nth-child(4){right:7%;bottom:8%;animation-delay:2s}@keyframes totoFloat{50%{transform:translateY(-14px) rotate(5deg)}}
.badge,.btn{background:var(--toto-black)!important;color:#fff!important;border-color:var(--toto-black)!important}.btn{box-shadow:7px 7px 0 var(--toto-hot)!important;border-radius:12px!important}.btn:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--toto-hot)!important}.btn-light{background:#fff!important;color:var(--toto-black)!important}.badge.dark{background:var(--toto-black)!important;border-color:var(--toto-pink)!important}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:1000;color:var(--toto-hot);margin-bottom:8px}.eyebrow.light{color:var(--toto-pink)}
.title h2,.about h2{letter-spacing:-.045em}.services{gap:20px}.card{border:3px solid var(--toto-black);border-radius:18px!important;box-shadow:8px 8px 0 var(--toto-pink)!important;transition:.2s}.card:hover{transform:translateY(-6px) rotate(-1deg)}.card h3,.legal h2,.admin-panel h2,.upload-box h3{color:var(--toto-black)}.service-icon{font-size:44px;margin-bottom:14px}
.about{background:var(--toto-black);color:#fff}.about h2,.about p,.about li{color:#fff}.about-grid{align-items:center}.about-visual{min-height:400px;background:var(--toto-pink);border-radius:32px;border:4px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(2deg);box-shadow:16px 16px 0 var(--toto-hot)}.about-visual strong{font-size:78px;line-height:1;letter-spacing:-.1em;color:var(--toto-black)}.about-visual small{font-size:18px;font-weight:900;color:var(--toto-black)}.toto-face{width:180px;height:180px;border:10px solid var(--toto-black);border-radius:50%;position:relative;margin-bottom:20px}.eye{position:absolute;width:22px;height:30px;background:var(--toto-black);border-radius:50%;top:55px}.eye:nth-child(1){left:42px}.eye:nth-child(2){right:42px}.smile{position:absolute;width:78px;height:38px;border-bottom:10px solid var(--toto-black);border-radius:0 0 60px 60px;left:41px;bottom:35px}
.ticks li:before{color:var(--toto-pink)}.gallery-item{border:3px solid var(--toto-black);border-radius:18px!important;box-shadow:8px 8px 0 var(--toto-pink)!important;overflow:hidden}.gallery-item img{background:#fff0f6}.gallery-item span{background:var(--toto-black)!important;color:#fff!important}.contact-card{background:linear-gradient(135deg,var(--toto-black),#2f2027 65%,var(--toto-hot));border-radius:28px!important}.contact-card input,.contact-card textarea,.contact-card select{border-radius:12px!important}.page-hero{background:var(--toto-pink)!important;color:var(--toto-black)!important}.page-hero h1,.page-hero p{color:var(--toto-black)!important}
.sp-admin-shell{background:#120f12}.sp-sidebar{background:linear-gradient(180deg,#111014,#261820)}.sp-brand span{color:var(--toto-pink)}.sp-sidebar nav a:hover,.sp-sidebar nav a:focus{background:rgba(247,184,210,.15)}.sp-kicker{color:var(--toto-pink)!important}.sp-hero{background:radial-gradient(circle at top left,rgba(247,184,210,.25),transparent 36%),linear-gradient(135deg,#171217,#0e0b0e)}.sp-main .btn{background:linear-gradient(135deg,var(--toto-hot),var(--toto-pink))!important;color:var(--toto-black)!important}.sp-main .admin-card,.sp-main .copyright-box{background:#171217!important}.sp-main input,.sp-main textarea,.sp-main select,.sp-main .photo-edit-row,.sp-main .photos-table-head,.sp-main .upload-box,.sp-main .visual-box{background:#0e0b0e!important}
@media(max-width:780px){.hero-toto{min-height:620px;padding-top:100px}.hero-toto h1{font-size:48px}.hero-toto p{font-size:18px}.hero-bubbles{display:none}.about-visual{min-height:320px}.about-visual strong{font-size:62px}}