/* --- app.css --- */
/* ============================================================
   app.css — izgal.com — CSS centralisé (remplace 5 fichiers)
   Palette : Bleu marine #1B4F72 + Corail #E8734A + Vert #27AE60
   Typo    : Inter (UI) + Outfit (titres) — Google Fonts
   ============================================================ */

/* ── DESIGN TOKENS ─────────────────────────────────────── */
:root {
  --c-primary:   #1B4F72;
  --c-primary-l: #2E86C1;
  --c-accent:    #E8734A;
  --c-accent-d:  #CF5F39;
  --c-green:     #27AE60;
  --c-bg:        #F4F7FB;
  --c-surface:   #FFFFFF;
  --c-dark:      #1A1D2E;
  --c-dark2:     #252840;
  --c-text:      #2C3E50;
  --c-muted:     #7F8C8D;
  --c-border:    #DDE3EA;
  --c-header-bg: rgba(27,79,114,0.97);
  --c-nav-link:  #FFFFFF;
  --shadow-sm:   0 2px 8px rgba(0,0,0,.08);
  --shadow-md:   0 4px 20px rgba(0,0,0,.12);
  --shadow-lg:   0 8px 40px rgba(0,0,0,.16);
  --radius:      8px;
  --radius-lg:   16px;
  --transition:  .25s cubic-bezier(.4,0,.2,1);
  --header-h:    72px;
}

/* ── RESET / BASE ───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: 'Inter', Arial, sans-serif;
  background: var(--c-bg);
  color: var(--c-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img, embed, object, video { max-width: 100%; height: auto; display: block; }
a { color: var(--c-primary-l); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--c-accent); }
h1,h2,h3,h4,h5,h6 { font-family: 'Outfit', 'Inter', sans-serif; line-height: 1.2; color: var(--c-primary); }
h2 { font-size: 1.6rem; margin-bottom: 1rem; }
h3 { font-size: 1.2rem; margin-bottom: .6rem; }
p  { margin-bottom: .9rem; }
ul { list-style: none; }

/* ── GRID / LAYOUT ──────────────────────────────────────── */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}
.content { padding-top: 20px; }
.content.right { float: right; }

/* Colonnes flexbox moderne */
.row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; }
.one_half  { flex: 1 1 calc(50% - 10px); }
.one_third { flex: 1 1 calc(33.33% - 14px); }
.two_third { flex: 2 1 calc(66.66% - 10px); }
.one_fourth{ flex: 1 1 calc(25% - 15px); }
.one_fifth { flex: 1 1 calc(20% - 16px); }
.one_sixth { flex: 1 1 calc(16.66% - 18px); }

/* Désactivation des anciens floats qui causaient des déformations */
.lastcolumn { margin-right: 0 !important; }
.info::after, .footer::after { content:''; display:table; clear:both; }

/* ── SÉPARATEURS ────────────────────────────────────────── */
div.line          { height:3px; background: linear-gradient(90deg, var(--c-primary), var(--c-accent)); border:none; margin:0; display:block; }
div.sepContainer  { height:3px; background:var(--c-border); border-left:4px solid var(--c-primary-l); display:block; margin:20px 0; border-radius:2px; }
div.sepContainer1 { height:3px; background:var(--c-border); border-left:4px solid var(--c-primary-l); display:block; margin:10px 0 30px; border-radius:2px; }
div.sepContainer2 { height:3px; background:var(--c-border); border-left:4px solid var(--c-primary-l); display:block; margin:5px 0; border-radius:2px; }
div.blankSeparator  { height:1px; margin:20px 0; display:block; }
div.blankSeparator1 { height:1px; margin:25px 0; display:block; }
div.blankSeparator2 { height:1px; margin:10px 0; display:block; }

/* ── HEADER / NAVIGATION ────────────────────────────────── */
#header {
  background: var(--c-header-bg);
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: var(--shadow-md);
  border-bottom: 3px solid var(--c-accent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all var(--transition);
}
#header.scrolled {
  --header-h: 68px; /* Un peu plus grand aussi en scroll */
  background: rgba(27,79,114,0.85);
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(16px);
}
.header { display: flex; align-items: center; justify-content: space-between; height: var(--header-h); transition: height var(--transition); }
.logo { display:flex; align-items:center; }
.logo img { height: 64px; width: auto; filter: drop-shadow(0 2px 4px rgba(0,0,0,.3)); transition: all var(--transition); }
#header.scrolled .logo img { height: 48px; }
.logo img:hover { transform: scale(1.05); }

/* Menu principal */
.mainmenu { display:flex; align-items:center; }
ul.sf-menu { display:flex; align-items:center; gap:2px; }
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu li { position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:100%; z-index:200; visibility: visible; opacity: 1; transform: translateY(0); }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em; visibility: hidden; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:100%; top:0; visibility: visible; }

.sf-menu > li > a {
  display: flex; align-items: center; gap: 6px;
  padding: 10px 14px;
  color: var(--c-nav-link);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: var(--radius);
  transition: background var(--transition), color var(--transition);
  white-space: nowrap;
}
.sf-menu > li > a:hover,
.sf-menu > li:hover > a { background: rgba(255,255,255,.15); color: #fff; }

/* Badge accent pour l'item actif */
.sf-menu li a#visited { background: var(--c-accent); }

/* Icônes menu */
span.home { display:inline-flex; align-items:center; }
span.home img { width:18px; height:18px; filter:brightness(10); opacity:.85; }

/* Sous-menus */
.sf-menu ul {
  position: absolute;
  top: -999em;
  left: 0;
  min-width: 200px;
  background: var(--c-dark2);
  border-radius: 0 0 var(--radius) var(--radius);
  box-shadow: var(--shadow-lg);
  border-top: 3px solid var(--c-accent);
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity var(--transition), transform var(--transition);
}
.sf-menu ul li { width: 100%; }
.sf-menu ul li a {
  display:block; padding:12px 18px;
  color: #cdd5e0;
  font-size: 0.875rem;
  font-weight:400;
  border-bottom:1px solid rgba(255,255,255,.06);
  transition: background var(--transition), padding-left var(--transition), color var(--transition);
}
.sf-menu ul li a:hover { background: var(--c-primary); color:#fff; padding-left:24px; }
.sf-menu li ul li { border:none; }

/* ── MENU RESPONSIVE ────────────────────────────────────── */
#mainmenu { visibility:visible; }
#responsive-menu { display:none; float:left; }
#responsive-menu select {
  background: var(--c-primary);
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: var(--radius);
  font-size: .9rem;
  width: 100%;
  cursor: pointer;
}

/* ── HERO SLIDER ────────────────────────────────────────── */
.flexslider {
  position:relative; overflow:hidden;
  background:#fff;
  border-bottom: 4px solid var(--c-primary);
}
.flexslider .slides > li { display:none; -webkit-backface-visibility:hidden; }
.flexslider .slides > li:first-child { display:block; }
.flexslider .slides img { width:100%; object-fit:cover; max-height:480px; }
.flex-caption {
  position:absolute; bottom:0; left:0; right:0;
  background: linear-gradient(transparent, rgba(27,79,114,.85));
  color:#fff; padding:30px 20px 16px;
  font-family:'Outfit', sans-serif;
}
.flex-direction-nav { height:0; }
.flex-direction-nav a {
  width:44px; height:44px; margin:-22px 0 0;
  display:flex; align-items:center; justify-content:center;
  background: rgba(27,79,114,.75);
  border-radius:50%;
  position:absolute; top:50%; cursor:pointer;
  text-indent:-9999em;
  transition: background var(--transition), transform var(--transition);
}
.flex-direction-nav a::after { content:''; display:block; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; }
.flex-direction-nav .flex-next { right:14px; }
.flex-direction-nav .flex-next::after { transform: rotate(45deg); }
.flex-direction-nav .flex-prev { left:14px; }
.flex-direction-nav .flex-prev::after { transform: rotate(-135deg); }
.flex-direction-nav a:hover { background: var(--c-accent); transform: scale(1.1); }
.flex-control-nav { position:absolute; bottom:10px; width:100%; text-align:center; }
.flex-control-nav li { display:inline-block; margin:0 3px; }
.flex-control-nav a { width:10px; height:10px; display:block; border-radius:50%; background:rgba(255,255,255,.5); cursor:pointer; transition: background var(--transition); }
.flex-control-nav a.flex-active { background:#fff; }
.no-js .slides > li:first-child { display:block; }

/* ── CARTES SOS / BOX THREE ─────────────────────────────── */
.boxthree .one_third {
  background: var(--c-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border-bottom: 3px solid transparent;
  overflow: hidden;
  transition: all var(--transition);
}
.boxthree .one_third:hover {
  border-bottom-color: var(--c-accent);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.boxthreeleft, .boxthreecenter, .boxthreeright { padding:16px; }
.boxthree img { width:100%; height:200px; object-fit:cover; border-radius:var(--radius) var(--radius) 0 0; }
.boxthree h3 { border-bottom:1px solid var(--c-border); padding-bottom:8px; margin-bottom:8px; font-size:1rem; }
a.simple { color:var(--c-accent); font-size: 0.875rem; font-weight:600; display:inline-flex; align-items:center; gap:4px; }
a.simple:hover { color:var(--c-accent-d); }

/* ── CLIENTS (galerie photos accueil) ───────────────────── */
.clients { background:var(--c-surface); padding:20px; }
.clients h2 { text-align:center; color:var(--c-primary); }
.clients img {
  border-radius:var(--radius);
  border-bottom:4px solid var(--c-border);
  opacity:.75;
  transition: opacity var(--transition), transform var(--transition), border-color var(--transition);
  width:100%; height:120px; object-fit:cover;
}
.clients img:hover { opacity:1; transform:scale(1.04); border-color:var(--c-accent); }

/* ── BOUTONS ────────────────────────────────────────────── */
.buttonhome, button, input[type="submit"], .button {
  display: inline-flex; align-items:center; gap:6px;
  background: var(--c-accent);
  color: #fff !important;
  border: none;
  padding: 9px 20px;
  border-radius: var(--radius);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
  text-decoration: none;
}
.buttonhome:hover, button:hover, input[type="submit"]:hover, .button:hover {
  background: var(--c-accent-d);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(232,115,74,.35);
}
input[type="reset"] {
  background: var(--c-muted); color:#fff; border:none;
  padding:9px 20px; border-radius:var(--radius); cursor:pointer;
  transition: background var(--transition);
}
input[type="reset"]:hover { background:#606873; }

/* ── FORMULAIRES ────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
input[type="date"], select, textarea {
  border: 1px solid var(--c-border);
  background: var(--c-surface);
  border-radius: var(--radius);
  padding: 9px 14px;
  font-size: .9rem;
  color: var(--c-text);
  width: 100%;
  transition: border-color var(--transition), box-shadow var(--transition);
  font-family: 'Inter', sans-serif;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--c-primary-l);
  box-shadow: 0 0 0 3px rgba(46,134,193,.18);
  outline: none;
}
label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--c-text);
  text-transform: uppercase;
  letter-spacing: .04em;
  display: block;
  margin-bottom: 5px;
}
form#inscription_form,
form#contact_form {
  background: var(--c-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 24px;
}
form#inscription_form .name,
form#contact_form .name { padding-top: 0; }

/* ── BLOG ───────────────────────────────────────────────── */
.post, .postone {
  background: var(--c-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 20px;
  margin-bottom: 24px;
  border-left: 4px solid var(--c-primary);
  transition: box-shadow var(--transition), transform var(--transition);
}
.post:hover, .postone:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
.blog img, .singleblog img {
  background: var(--c-bg);
  padding: 6px;
  border-radius: var(--radius);
  margin-bottom: 10px;
  border:1px solid var(--c-border);
}
.blog img:hover, .singleblog img:hover { opacity:.85; }
.blog p.meta, .singleblog p.meta {
  font-size: 0.875rem;
  background: var(--c-bg);
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  padding:8px 14px;
  color:var(--c-muted);
  margin-bottom:12px;
}
.singleblog h4 { color:var(--c-primary); font-style:italic; border-left:3px solid var(--c-accent); padding-left:10px; }

/* ── SIDEBAR ────────────────────────────────────────────── */
.sidebar h3, .contactsidebar h3 {
  background: linear-gradient(135deg, var(--c-primary), var(--c-primary-l));
  color: #fff; padding:8px 14px; border-radius:var(--radius);
  font-size:.95rem;
}
ul.blogList li, ul.contactsidebarList li {
  padding:8px 14px;
  border-bottom:1px solid var(--c-border);
  background: url('../images/raster.png') left no-repeat;
}

/* ── TABS ───────────────────────────────────────────────── */
ul.tabs {
  display:flex;
  background: var(--c-primary);
  border-radius: var(--radius) var(--radius) 0 0;
  overflow:hidden;
  margin: 0 0 0 0;
}
ul.tabs li a {
  display:block; padding:12px 22px;
  color:rgba(255,255,255,.7);
  font-size: 0.875rem;
  font-weight:600;
  border-right:1px solid rgba(255,255,255,.15);
  transition: background var(--transition), color var(--transition);
}
ul.tabs li a.active { background: var(--c-accent); color:#fff; }
ul.tabs li a:hover:not(.active) { background:rgba(255,255,255,.12); color:#fff; }
ul.tabs-content > li { display:none; padding:16px; background:var(--c-surface); }
ul.tabs-content > li.active { display:block; }

/* ── TOGGLE ─────────────────────────────────────────────── */
.toggle-trigger {
  display:block; padding:10px 14px 10px 36px;
  background: var(--c-bg) url('../images/about/toggle.png') no-repeat 8px center;
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  color:var(--c-text);
  font-weight:600;
  cursor:pointer;
  transition: background-color var(--transition);
}
.toggle-trigger.active { background-color: var(--c-primary); color:#fff; }
.toggle-trigger:hover { background-color: #dae8f0; }
.toggle-container { padding:10px 14px; border:1px solid var(--c-border); border-top:none; border-radius:0 0 var(--radius) var(--radius); }

/* ── PAGINATION ─────────────────────────────────────────── */
ul.pagination { display:flex; gap:6px; padding:20px 0 10px; }
ul.pagination li a {
  display:flex; align-items:center; justify-content:center;
  width:38px; height:38px;
  background:var(--c-surface);
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  font-weight:600;
  color:var(--c-text);
  transition: background var(--transition), color var(--transition);
}
ul.pagination li a:hover,
ul.pagination li a#currentPage { background:var(--c-primary); color:#fff; border-color:var(--c-primary); }

/* ── FOOTER ─────────────────────────────────────────────── */
#footer {
  background: var(--c-dark);
  padding: 48px 0 24px;
  border-top: 4px solid var(--c-accent);
}
.footer h3 {
  color: var(--c-accent);
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer p, .footer ul li { color: #a0aec0; font-size: 0.875rem; line-height: 1.7; }
.footer ul li {
  padding: 5px 0;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.footer ul li:first-child { border-top:none; }
.footer ul li:last-child { border-bottom:none; }
.footer ul li a { color: #a0aec0; transition: color var(--transition), padding-left var(--transition); }
.footer ul li a:hover { color: var(--c-accent); padding-left: 5px; }
#tweets li { color: #a0aec0; line-height:1.5em; }
#tweets li a { color: var(--c-accent); }

/* ── COPYRIGHT ──────────────────────────────────────────── */
#copyright {
  background: #111322;
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 12px 0;
}
p.copyright { font-size: 0.875rem; color: #6b7280; }
p.copyright a { color: #a0aec0; }
p.copyright a:hover { color: var(--c-accent); }

/* Utilitaires Footer */
.footer-stats li { margin-bottom: 8px; border:none !important; }
.footer-stats i { width: 24px; color: var(--c-accent); }
#footer a i { transition: transform var(--transition); }
#footer a:hover i { transform: scale(1.2); color: var(--c-accent); }
.footer-links a { color: #6b7280; transition: color var(--transition); }
.footer-links a:hover { color: #fff; }

/* ── MODALE LOGIN (dialog) ──────────────────────────────── */
dialog#mydialog {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: var(--c-surface);
  border: none;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: 28px;
  min-width: 320px;
  max-width: 460px;
  z-index: 9999;
}
dialog#mydialog::backdrop { background: rgba(10,15,30,.6); backdrop-filter:blur(4px); }
.boutons { text-align: right; margin-top: 16px; }
.boutons button { background: var(--c-muted); font-size: 0.875rem; padding:7px 16px; }

/* ── COOKIE BANNER ──────────────────────────────────────── */
#cookieBubble {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: var(--c-dark) !important;
  border-top: 3px solid var(--c-accent) !important;
  color: #a0aec0 !important;
  font-size: 0.875rem !important;
  padding: 12px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  z-index: 9000 !important;
}
#cookieBubble a { color: var(--c-accent) !important; }
#cookieBubble button { background: var(--c-accent) !important; border:none !important; padding:6px 16px !important; }

/* ── CARTES ANIMAUX (Redesign) ─────────────────────────── */
.pet-card {
  background: var(--c-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: transform var(--transition), box-shadow var(--transition);
  text-align: center;
  border: 1px solid var(--c-border);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pet-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: var(--c-primary-l);
}
.pet-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-bottom: 1px solid var(--c-border);
}
.pet-card-body {
  padding: 16px;
  flex-grow: 1;
}
.pet-card h4 {
  margin: 0 0 8px;
  color: var(--c-primary);
  font-size: 1.1rem;
}
.pet-card p {
  font-size: 0.875rem;
  color: var(--c-muted);
  margin-bottom: 5px;
}
.pet-card .btn-card {
  background: var(--c-primary);
  color: #fff;
  padding: 8px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.875rem;
  width: 100%;
  display: block;
}

/* ── CARTES VÉTÉRINAIRES (Redesign) ────────────────────── */
.vet-card {
  background: var(--c-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 20px;
  text-align: center;
  border-top: 4px solid var(--c-accent);
  transition: transform var(--transition), box-shadow var(--transition);
  height: 100%;
}
.vet-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}
.vet-card .vet-icon {
  width: 60px;
  height: 60px;
  background: var(--c-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  color: var(--c-accent);
  font-size: 1.5rem;
}
.vet-card h4 {
  color: var(--c-primary);
  margin-bottom: 10px;
}
.vet-card p {
  font-size: 0.875rem;
  color: var(--c-muted);
  margin-bottom: 15px;
}
.vet-card .vet-socials {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}
.vet-card .vet-socials a {
  color: var(--c-primary-l);
  font-size: 1.2rem;
  transition: color var(--transition);
}
.vet-card .vet-socials a:hover {
  color: var(--c-accent);
}

/* ── UTILITAIRES ────────────────────────────────────────── */
span.red   { color: #e74c3c; }
span.green { color: var(--c-green); }
span.color { background:var(--c-accent); color:#fff; padding:3px 8px; border-radius:4px; font-weight:600; }
span.left  { padding:0 10px; border-right:1px solid var(--c-border); }
.info a { color:var(--c-primary-l); transition:color var(--transition), margin-left var(--transition); }
.info a:hover { color:var(--c-accent); margin-left:4px; }

/* ── MENU HAMBURGER (Bouton) ──────────────────────────────── */
.mobile-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 32px;
  height: 22px;
  cursor: pointer;
  z-index: 1010;
  flex-shrink: 0; /* Ne se compresse jamais */
  padding: 2px 0;
}
.mobile-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background: #ffffff;          /* Blanc : visible sur fond bleu foncé */
  border-radius: 3px;
  transition: all var(--transition);
}
.mobile-toggle.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); background: var(--c-accent); }
.mobile-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-toggle.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); background: var(--c-accent); }

/* ── RESPONSIVE TABLETTE (959px) ────────────────────────── */
@media (max-width: 959px) {
  :root { --header-h: 60px; }
  .sf-menu > li > a { padding: 8px 10px; font-size: 0.875rem; }
  .flex-caption { display:none; }
  
  /* Grille passe en 2 colonnes sur tablette */
  .one_third, .one_fourth, .one_fifth, .one_sixth { flex: 1 1 calc(50% - 10px); }
  .two_third { flex: 1 1 100%; }
}

/* ── RESPONSIVE MOBILE (767px) ──────────────────────────── */
@media (max-width: 767px) {
  /* Header : logo à gauche, hamburger à droite, sans collision */
  .header {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;     /* Interdit le retour à la ligne */
    height: var(--header-h);
    gap: 12px;
  }
  /* Logo : taille fixe, ne rétrécit pas */
  .logo { flex-shrink: 0; }
  .logo img { height: 42px; }

  /* Affichage du bouton Hamburger */
  .mobile-toggle { display: flex; }

  /* Le wrapper mainmenu devient transparent — seul #mainmenu compte */
  .mainmenu { position: static; flex-shrink: 0; }
  #mainmenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--c-header-bg);
    box-shadow: var(--shadow-lg);
    border-top: 3px solid var(--c-accent);
    padding: 10px 20px 20px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all var(--transition);
    max-height: 80vh;
    overflow-y: auto;
  }
  #mainmenu.mobile-active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  
  ul.sf-menu { flex-direction: column; gap: 5px; align-items: stretch; }
  .sf-menu > li > a { padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .9rem; border-radius: 0; }
  .sf-menu > li > a:hover { background: rgba(255,255,255,.05); }
  
  /* Sous-menus sur mobile (toujours affichés en retrait ou déroulants) */
  .sf-menu ul {
    position: static; /* Annule l'absolute */
    visibility: visible;
    opacity: 1;
    transform: none;
    box-shadow: none;
    background: transparent;
    border: none;
    padding-left: 20px;
    display: none; /* Masqués par défaut en CSS si on veut faire un vrai accordéon, mais ici on les met fixes pour simplifier */
  }
  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    display: block; /* S'affichent au clic/survol sur mobile */
  }
  .sf-menu ul li a { padding: 10px; border-bottom: 1px dotted rgba(255,255,255,.1); }
  
  /* Grille passe en 1 colonne complète sur mobile */
  .row { flex-direction: column; gap: 15px; }
  .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth { flex: 1 1 100%; width: 100%; }
  .boxthree .one_third { margin-bottom: 0; }
}

@media (max-width: 479px) {
  h2 { font-size: 1.3rem; }
  form#inscription_form, form#contact_form { padding: 15px; }
}


/* --- prettyPhoto.css --- */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:7px 0 0}.pp_social .facebook{float:left;position:relative;top:-1px;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none}