





























	
	
		
	
	
















	
	
	
	
		
		





	


	
	
	/* COMMON */
.gemeapp_bloc {display:inline-block;text-align:center;border:1px solid #d9dbe0;border-radius:10px;background:#f6f7f9;padding:8px;margin:0;}

/* DEBUGGING TOOLS */
#gemeapp_debug {position:absolute;top:0px;left:0;border:solid 1px #FFF;background:#012456;margin:16px;height:90%;box-shadow:0px 0px 10px #000;text-align:center;border-radius:6px;}
#gemeapp_debug textarea {border:none;background:#012456;font-size:9px;font-family:arial;padding:4px;color:#FFF;width:320px;height:95%;border-top:solid 1px #FFF;border-bottom:solid 1px #FFF;}
#gemeapp_debug a {color:red;font-size:11px;font-weight:bold;cursor:pointer;}
#gemeapp_loadmessage {width:100%;text-align:center;font-family:arial;font-size:18px;color:#FFF;padding:64px 0 0 0;margin:0;border:0;display:none;}
#gemeapp_loadmessage #loaderimage {padding:0;margin:0;border:0;width:64px;height:64px;}

/* EDITION BAR — v3 : languette en haut au centre, la barre descend au survol / au focus / au toucher (.is-open) */
#gemeapp_eb {--eb-bg:rgba(23,24,29,.88);--eb-line:rgba(255,255,255,.08);--eb-text:#eceef1;--eb-muted:#a3a5ae;--eb-hover:rgba(255,255,255,.07);--eb-accent:#c4f25a;--eb-ink:#16180f;
	position:fixed;top:0;left:50%;z-index:2147483000;width:0;height:0;font:500 12px/1.2 'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--eb-text);text-align:left;}
#gemeapp_eb *,#gemeapp_eb *::before,#gemeapp_eb *::after {box-sizing:border-box;margin:0;padding:0;border:0;float:none;font:inherit;line-height:inherit;letter-spacing:normal;text-transform:none;text-shadow:none;text-decoration:none;color:inherit;background:none;box-shadow:none;min-width:0;min-height:0;max-width:none;width:auto;height:auto;}
#gemeapp_eb .gm-eb-i {display:block;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
/* languette */
#gemeapp_eb .gm-eb-tab {position:absolute;top:0;left:-32px;display:flex;align-items:center;justify-content:center;gap:6px;width:64px;height:22px;padding:0 0 2px;border-radius:0 0 11px 11px;background:var(--eb-bg);border:1px solid var(--eb-line);border-top:0;color:var(--eb-accent);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 18px rgba(0,0,0,.22);transition:opacity .18s ease .3s,transform .22s ease .3s;}
#gemeapp_eb .gm-eb-tab .gm-eb-i {width:14px;height:14px;}
#gemeapp_eb .gm-eb-dot {display:block;width:6px;height:6px;border-radius:50%;background:#5d6069;}
#gemeapp_eb.is-live .gm-eb-dot {background:var(--eb-accent);box-shadow:0 0 0 3px rgba(196,242,90,.18);}
/* barre */
#gemeapp_eb .gm-eb-bar {position:absolute;top:8px;left:0;display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:6px;border-radius:14px;background:var(--eb-bg);border:1px solid var(--eb-line);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 18px 48px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);
	transform:translate(-50%,calc(-100% - 16px));opacity:0;visibility:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1) .3s,opacity .18s ease .3s,visibility 0s linear .54s;}
#gemeapp_eb:hover .gm-eb-bar,#gemeapp_eb:focus-within .gm-eb-bar,#gemeapp_eb.is-open .gm-eb-bar {transform:translate(-50%,0);opacity:1;visibility:visible;transition-delay:0s;}
#gemeapp_eb:hover .gm-eb-tab,#gemeapp_eb:focus-within .gm-eb-tab,#gemeapp_eb.is-open .gm-eb-tab {opacity:0;transform:translateY(-6px);transition-delay:0s;}
/* zone tampon : la barre reste ouverte quand la souris glisse un peu en dessous */
#gemeapp_eb .gm-eb-bar::after {content:"";position:absolute;left:-12px;right:-12px;top:100%;height:18px;}
#gemeapp_eb .gm-eb-group {display:flex;align-items:center;gap:2px;padding-left:6px;margin-left:2px;border-left:1px solid var(--eb-line);}
#gemeapp_eb a {cursor:pointer;}
#gemeapp_eb .gm-eb-brand {display:flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 8px;border-radius:9px;color:var(--eb-text);font-weight:600;}
#gemeapp_eb .gm-eb-brand .gm-eb-i {width:19px;height:19px;color:var(--eb-accent);}
#gemeapp_eb .gm-eb-brand small {display:block;font-size:10px;font-weight:500;color:var(--eb-muted);margin-top:1px;}
#gemeapp_eb .gm-eb-brand:hover {background:var(--eb-hover);}
#gemeapp_eb .gm-eb-item,#gemeapp_eb .gm-eb-ico {display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border-radius:9px;color:var(--eb-muted);white-space:nowrap;transition:background .15s,color .15s;}
#gemeapp_eb .gm-eb-ico {width:32px;padding:0;justify-content:center;}
#gemeapp_eb .gm-eb-item:hover,#gemeapp_eb .gm-eb-ico:hover {background:var(--eb-hover);color:var(--eb-text);}
#gemeapp_eb .gm-eb-item:focus-visible,#gemeapp_eb .gm-eb-ico:focus-visible,#gemeapp_eb .gm-eb-switch:focus-visible,#gemeapp_eb .gm-eb-tab:focus-visible {outline:2px solid var(--eb-accent);outline-offset:-2px;}
/* interrupteur « Modifier en direct » */
#gemeapp_eb .gm-eb-switch {display:flex;align-items:center;gap:9px;height:34px;padding:0 12px 0 8px;border-radius:9px;color:var(--eb-text);white-space:nowrap;}
#gemeapp_eb .gm-eb-switch:hover {background:var(--eb-hover);}
#gemeapp_eb .gm-eb-track {position:relative;display:block;width:30px;height:18px;border-radius:99px;background:#3a3c44;transition:background .2s;}
#gemeapp_eb .gm-eb-track::after {content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#c9cbd2;transition:transform .2s,background .2s;}
#gemeapp_eb.is-live .gm-eb-track {background:var(--eb-accent);}
#gemeapp_eb.is-live .gm-eb-track::after {transform:translateX(12px);background:var(--eb-ink);}
/* champs ID */
#gemeapp_eb .gm-eb-id {display:flex;align-items:center;gap:4px;height:30px;margin:0 2px;padding:0 0 0 7px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--eb-line);color:var(--eb-muted);}
#gemeapp_eb .gm-eb-id .gm-eb-i {width:14px;height:14px;}
#gemeapp_eb .gm-eb-id input {display:block;width:46px;height:28px;padding:0 6px 0 2px;border:0;outline:0;background:transparent;color:var(--eb-text);font-size:12px;font-variant-numeric:tabular-nums;}
#gemeapp_eb .gm-eb-id input::placeholder {color:#6c6f79;}
#gemeapp_eb .gm-eb-id:focus-within {border-color:var(--eb-accent);}
/* palette */
#gemeapp_eb .gm-eb-pal {position:relative;display:block;}
#gemeapp_eb .gemeapp_palette {position:absolute;top:calc(100% + 10px);left:50%;display:none;width:236px;padding:6px;border-radius:12px;background:#1b1c21;border:1px solid var(--eb-line);box-shadow:0 18px 48px rgba(0,0,0,.4);transform:translateX(-50%);}
#gemeapp_eb .gemeapp_palette.is-open {display:block;}
#gemeapp_eb .gemeapp_palette a {display:flex;align-items:center;gap:9px;height:30px;padding:0 8px;border-radius:7px;color:var(--eb-text);font-size:12px;}
#gemeapp_eb .gemeapp_palette a:hover {background:var(--eb-hover);}
#gemeapp_eb .gemeapp_palette i {display:block;width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);}
#gemeapp_eb .gemeapp_palette em {margin-left:auto;font-style:normal;color:var(--eb-muted);font-size:11px;font-variant-numeric:tabular-nums;}
#gemeapp_eb .gemeapp_palette.is-copied::after {content:"Copié";display:block;padding:6px 8px 2px;color:var(--eb-accent);font-size:11px;}
/* utilisateur, message */
#gemeapp_eb .gm-eb-user {display:grid;place-items:center;width:28px;height:28px;margin:0 3px 0 4px;border-radius:50%;background:#2e3038;border:1px solid rgba(255,255,255,.1);font-size:10.5px;font-weight:600;color:var(--eb-text);cursor:default;}
#gemeapp_eb .gm-eb-msg {padding:0 12px;color:#f2b84b;white-space:nowrap;}
@media (max-width:1180px) {#gemeapp_eb .gm-eb-nav span {display:none;} #gemeapp_eb .gm-eb-item {width:32px;padding:0;justify-content:center;}}
@media (max-width:760px) {#gemeapp_eb .gm-eb-quick,#gemeapp_eb .gm-eb-brand span {display:none;}}
@media (prefers-reduced-motion:reduce) {#gemeapp_eb .gm-eb-bar,#gemeapp_eb .gm-eb-tab {transition:none;}}
@media print {#gemeapp_eb {display:none;}}

/* EDIT TOOLS */
.gemeapp_editools {margin:1px;padding:0;border:0;}
.gemeapp_editools .gemeapp_editool {cursor:pointer;width:16px;height:16px;overflow:hidden;font-size:0;float:left;margin:0;padding:0;border:solid 1px transparent;line-height:10px;}
.gemeapp_editools .gemeapp_editool:hover {border:solid 1px #999;border-radius:4px;}
.gemeapp_editools .gemeapp_editool.vertical {float:none;}
.gemeapp_editools .gemeapp_editool img {width:16px;height:16px;margin:0;padding:0;border:0;}
.gemeapp_editimagelink {display:inline;margin:0;padding:0;border:0;box-shadow:none;}
.gemeapp_edittextlink {display:inline;margin:0;padding:0;border:0;box-shadow:none;}
.gemeapp_edittextimage {width:16px;height:16px;margin:0;padding:0;border:0;box-shadow:none;}

/* LOGIN CONSOLE */
.gemeapp_loginconsole {width:100%;text-align:center;line-height:16px;}
#loginconsole {margin:48px 0 80px 0;}
#loginconsole_field {width:380px;border:2px groove #fff;padding:0;margin:0;}
#loginconsole_legend {padding:0 4px;margin:0 0 0 16px;font-size:18px;color:#fff;text-align:left;}
#loginconsole_error {font-size:18px;color:#b00;border:0;line-height:26px;border-bottom:1px dotted #333;padding:10px 0;margin:0 0 8px 0;text-align:center;text-shadow:1px 1px 1px #444;}
#loginconsole_picto {float:left;width:70px;height:105px;border:0;padding:0;margin:0;}
#loginconsole_input {float:left;width:220px;font-size:12px;color:#FFF;padding:18px 0 0 0;margin:0;border:0;text-align:right;}
#loginconsole_input input {border:solid 1px #666;font-size:13px;color:#444;width:100px;height:20px;margin:2px;padding:0;background:#eee;}
#loginconsole_input input:focus {box-shadow:0 0 5px green;}
#loginconsole_button {float:left;width:56px;height:56px;margin:16px 0 0 8px;color:white;font-size:22px;border:solid 1px #444;background:#a6baa3;border-radius:6px;box-shadow:0 0 8px #222;text-align:center;}
#loginconsole_button:hover {box-shadow:0 0 8px green;}
#loginconsole_quit {float:left;width:120px;height:48px;margin:16px 0 0 64px;color:white;font-size:22px;border:solid 1px #444;background:#a6baa3;border-radius:6px;box-shadow:0 0 8px #222;}
#loginconsole_quit:hover {box-shadow:0 0 8px green;}

/* SHARING TOOLS */
#gemeapp_pinterestchoice {display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:#faf7f7 url(/system_images/social/pinterest_background.gif);z-index:2000;overflow:hidden;min-width:660px;}
#gemeapp_pinterestchoice .gemeapp_pinterestchoicetitle {padding:7px 16px 7px 16px;margin:0;text-align:left;font-size:22px;font-family:"helvetica neue";border-bottom:1px solid #cfcaca;background:#faf7f7;text-align:center;}
#gemeapp_pinterestchoice .gemeapp_pinterestchoicesubtitle {padding:7px 16px 7px 16px;margin:0;font-size:13px;font-family:"helvetica neue";border-top:1px solid #FFF;border-bottom:1px solid #b8b5b5;background:#faf7f7;text-align:center;}
#gemeapp_pinterestchoice .gemeapp_pinterestchoicefooter {position:absolute;left:0;bottom:0;width:100%;padding:7px 16px 7px 16px;margin:0;font-size:22px;font-family:"helvetica neue";border-top:1px solid #cfcaca;background:#faf7f7;text-align:center;cursor:pointer;}
.gemeapp_pinterestchoiceimage {float:left;padding:15px 15px 8px 15px;border:solid 1px #dbd8d9;margin:15px 0 0 15px;width:260px;background:#FFF;box-shadow:1px 1px 5px #bcb8b9;font-family:"helvetica neue";font-size:10px;color:#8c7e91;text-align:center;}
.gemeapp_pinterestchoiceimagecrop {width:260px;height:150px;overflow:hidden;margin:0 0 8px 0;padding:0;border:0;}
.gemeapp_pinterestchoiceimage .gemeapp_pinterestchoiceimagecrop img {padding:0 0 12px 0;margin:0;border:0;width:100%;}
#gemeapp_pinterestframe {width:100%;height:80%;margin:0;padding:0;border:0;background:transparent;}

/* BUTTONS (site public) — v3 : boutons plats en CSS, sans images ; les couleurs historiques sont conservées */
.gemeadmin_button {margin:8px 0;display:inline-block;}
.gemeadmin_stdbutton {font-weight:600;font-size:12px;}
.gemeadmin_bigbutton {font-weight:600;}
.gemeadmin_buttonmac {display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:32px;padding:0 14px;margin:6px 0;font-weight:600;font-size:13px;line-height:1;font-family:inherit;color:#fff;text-shadow:none;text-align:center;white-space:nowrap;border:1px solid transparent;border-radius:8px;background:#3b82c4;box-shadow:none;cursor:pointer;transition:filter .15s,box-shadow .15s;}
.gemeadmin_buttonmac:hover {filter:brightness(1.08);box-shadow:0 2px 8px rgba(0,0,0,.15);}
.gemeadmin_buttonmac:focus-visible {outline:2px solid #1b1c21;outline-offset:2px;}
.gemeadmin_buttonmac.gemeadmin_bigbutton {min-height:40px;padding:0 22px;font-size:15px;}
.gemeadmin_buttonmac.blue {background:#3b82c4;}
.gemeadmin_buttonmac.orange {background:#e8793a;}
.gemeadmin_buttonmac.red {background:#d9475a;}
.gemeadmin_buttonmac.green {background:#4fa83d;}
.gemeadmin_buttonmac.yellow {background:#e0c43c;color:#2b2a1c;}
.gemeadmin_buttonmac.white {background:#fff;border-color:#c9ccd3;color:#2b2d33;}

/* EDITABLE ZONES & CADRES (v3) */
.gemea_contour {border:1px solid #cfd2d8;border-radius:8px;padding:8px 12px 12px;margin:0 auto 10px;box-sizing:border-box;}
.gemea_contour > legend {padding:0 6px;}
.gemea_cadre {border:1px solid #d9dbe0;border-radius:10px;background:#fff;overflow:hidden;margin:0 auto 12px;box-sizing:border-box;text-align:left;}
.gemea_cadre_title {display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e5e7eb;background:#f6f7f9;font-weight:600;}
.gemea_cadre_title span {flex:1;}

/* CKE */
.gemeadmin_ckeloading {text-align:center;font-size:11px;color:black;}
.gemeadmin_ckeloading img {width:48px;}

/* STYLES DE L'ÉDITEUR (liste « Styles » de CKEditor 5 — system_template/ckeditor5/gemea.styles.js) */
.gm-st-emboss-noir {text-shadow:1px 1px 0 #000;}
.gm-st-emboss-blanc {text-shadow:1px 1px 0 #fff;}
.gm-st-ombre-s {text-shadow:1px 1px 1px #444;}
.gm-st-ombre-m {text-shadow:2px 2px 4px #222;}
.gm-st-ombre-l {text-shadow:4px 4px 9px #111;}
.gm-st-interligne-m {line-height:24px;}
.gm-st-interligne-l {line-height:32px;}



		