/*! Atelier en ligne — (C) 2026 Secal Regalia. Tous droits réservés. */
.atelier-app h1,.atelier-app h2,.atelier-app h3{font-family: inherit;line-height: 1.25;letter-spacing: normal;text-transform: none}.atelier-app p{margin: 0}.atelier-app button,.atelier-app select,.atelier-app input,.atelier-app textarea,.atelier-app summary{font-family: inherit;letter-spacing: normal;text-transform: none;box-shadow: none;line-height: 1.2}.atelier-app label{font-weight: normal}.atelier-app canvas,.atelier-app .canvas-container{max-width: none}.atelier-app [hidden]{display: none !important}.atelier-app{--azur: #2DA0CE;--azur-fonce: #2589AE;--bouton: #1176A6;--bouton-survol: #2DA0CE;--texte: rgba(0,0,0,.88);--gris: rgba(0,0,0,.55);--trait: rgba(0,0,0,.12);--fond: #f5f6f7}.atelier-app *{box-sizing: border-box}.atelier-app{margin: 0;font-family: system-ui,-apple-system,"Segoe UI",sans-serif;color: var(--texte);background: var(--fond);line-height: 1.45}.atelier-app{height: var(--atelier-hauteur,100vh)}.atelier-app{overflow: clip}.atelier-app .app{--rail: 86px;--panneau: 300px;--calques: 250px;height: calc(100% - var(--atelier-couvert,0px));transform: translateY(var(--atelier-couvert,0px));display: grid;grid-template-columns: var(--rail) var(--panneau) minmax(0,1fr) var(--calques);grid-template-rows: auto auto minmax(0,1fr);grid-template-areas: "haut haut haut haut" "bandeaux bandeaux bandeaux bandeaux" "rail outils scene calques";transition: grid-template-columns .2s ease}.atelier-app .app.replie{--panneau: 0px}.atelier-app .app.sans-calques{--calques: 0px}.atelier-app .barre-haut{grid-area: haut;display: flex;align-items: center;flex-wrap: wrap;gap: 8px 10px;padding: 8px 14px;background: #fff;border-bottom: 1px solid var(--trait);position: relative;z-index: 30}.atelier-app .barre-haut h1{font-size: 1.05rem;font-weight: 600;margin: 0 8px 0 0;white-space: nowrap}.atelier-app .barre-haut .groupe{display: flex;align-items: center;gap: 6px}.atelier-app .barre-haut .espace{flex: 1 1 auto}.atelier-app .barre-haut button,.atelier-app .barre-haut summary{padding: 7px 12px;font-size: .84rem}.atelier-app .barre-haut .outil{min-width: 36px;padding: 5px 9px;font-size: 1.05rem}.atelier-app .barre-haut .affichage{gap: 14px;padding-left: 12px;border-left: 1px solid var(--trait)}.atelier-app .barre-haut .loupe{gap: 0;padding-left: 10px;border-left: 1px solid var(--trait)}.atelier-app .barre-haut .loupe .outil{min-width: 30px;padding: 5px 7px}.atelier-app .barre-haut .loupe .valeur{min-width: 0;padding: 7px 4px;font-variant-numeric: tabular-nums;text-align: center;white-space: nowrap}.atelier-app .barre-haut .loupe .valeur:disabled{opacity: 1;color: var(--gris)}.atelier-app .zone-canvas .canvas-container.loupe{outline: 2px solid rgba(45,160,206,.45);outline-offset: -2px}.atelier-app #basculerCalques[aria-pressed="true"]{background: rgba(45,160,206,.16);color: var(--azur-fonce)}.atelier-app .menu{position: relative}.atelier-app .menu summary{list-style: none;cursor: pointer;border-radius: 3px;background: rgba(0,0,0,.06);font-weight: 600;user-select: none}.atelier-app .menu summary::-webkit-details-marker{display: none}.atelier-app .menu summary::after{content: " ▾";font-size: .7em}.atelier-app .menu[open] summary{background: rgba(0,0,0,.12)}.atelier-app .menu-liste{position: absolute;right: 0;top: calc(100% + 6px);min-width: 210px;display: flex;flex-direction: column;gap: 4px;padding: 6px;background: #fff;border: 1px solid var(--trait);border-radius: 6px;box-shadow: 0 8px 24px rgba(0,0,0,.14)}.atelier-app .menu-liste button,.atelier-app .menu-liste .bouton-fichier{text-align: left;width: 100%}.atelier-app .rail{grid-area: rail;display: flex;flex-direction: column;gap: 2px;padding: 8px 6px;background: #23272b;overflow-y: auto}.atelier-app .rail-bouton{display: flex;flex-direction: column;align-items: center;gap: 3px;padding: 9px 2px 7px;background: transparent;color: rgba(255,255,255,.72);font-size: .66rem;font-weight: 500;border-radius: 6px}.atelier-app .rail-bouton svg{width: 23px;height: 23px}.atelier-app .rail-bouton:hover{background: rgba(255,255,255,.08);color: #fff}.atelier-app .rail-bouton.actif{background: rgba(45,160,206,.22);color: #fff}.atelier-app .app.replie .rail-bouton.actif{background: transparent;color: rgba(255,255,255,.72)}.atelier-app .panneau-outils,.atelier-app .panneau-calques{display: flex;flex-direction: column;min-height: 0;min-width: 0;overflow: hidden;background: #fff}.atelier-app .panneau-outils{grid-area: outils;border-right: 1px solid var(--trait)}.atelier-app .panneau-calques{grid-area: calques;border-left: 1px solid var(--trait)}.atelier-app .app.replie .panneau-outils{border-right: 0}.atelier-app .app.sans-calques .panneau-calques{border-left: 0}.atelier-app .panneau-tete{flex: 0 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 12px 16px 8px}.atelier-app .panneau-tete h2{margin: 0;font-size: .82rem;font-weight: 700;text-transform: uppercase;letter-spacing: .05em;color: var(--gris);white-space: nowrap}.atelier-app .replier{padding: 3px 9px;font-size: 1rem;line-height: 1}.atelier-app .panneau-corps{flex: 1 1 auto;min-height: 0;overflow-y: auto;padding: 4px 16px 20px;width: var(--panneau-largeur,300px)}.atelier-app .panneau-calques .panneau-corps{--panneau-largeur: 250px}.atelier-app .section h3{margin: 18px 0 8px;font-size: .78rem;font-weight: 700;color: var(--texte)}.atelier-app .section h3:first-child{margin-top: 4px}.atelier-app .section h3 small{font-weight: 400;color: var(--gris);margin-left: 4px}.atelier-app .section .champ{margin-top: 12px}.atelier-app .section input[type="range"]{width: 100%}.atelier-app .scene{grid-area: scene;position: relative;display: flex;flex-direction: column;min-height: 0;min-width: 0;padding: 10px 14px 8px;gap: 8px}.atelier-app .bandeaux{grid-area: bandeaux;display: flex;flex-direction: column;gap: 6px;padding: 8px 14px;background: var(--fond);border-bottom: 1px solid var(--trait)}.atelier-app .bandeaux:empty,.atelier-app .bandeaux:not(:has(>:not([hidden]))){display: none}.atelier-app .zone-canvas{flex: 1 1 auto;min-height: 0;display: flex;align-items: center;justify-content: center;position: relative}.atelier-app .zone-canvas .canvas-container{box-shadow: 0 1px 3px rgba(0,0,0,.08);border-radius: 4px}.atelier-app canvas{border-radius: 4px}.atelier-app .scene .pied{margin: 0;text-align: center;font-size: .74rem}.atelier-app .panneau{background: #fff;border: 1px solid var(--trait);border-radius: 5px;padding: 16px}.atelier-app canvas{border-radius: 3px}.atelier-app label{display: block;font-size: .85rem;margin: 0 0 4px;color: var(--gris)}.atelier-app select,.atelier-app input[type="text"],.atelier-app input[type="number"],.atelier-app input[type="email"],.atelier-app input[type="tel"],.atelier-app textarea{width: 100%;padding: 7px 9px;border: 1px solid var(--trait);border-radius: 3px;font-size: .9rem;font-family: inherit}.atelier-app textarea{resize: vertical;min-height: 64px;line-height: 1.35}.atelier-app .champ + .champ{margin-top: 12px}.atelier-app button{padding: 9px 14px;border: 0;border-radius: 3px;background: var(--azur);color: #fff;font-weight: 600;font-size: .88rem;font-family: inherit;cursor: pointer;transition: background-color .15s ease}.atelier-app button.discret{background: rgba(0,0,0,.06);color: var(--texte)}.atelier-app button.discret:hover{background: rgba(0,0,0,.12)}.atelier-app button:disabled{opacity: .4;cursor: not-allowed}.atelier-app .boutons{display: flex;flex-wrap: wrap;gap: 8px}.atelier-app .panneau-export .boutons{margin-top: 0}.atelier-app .panneau-export .boutons + .boutons{margin-top: 8px}.atelier-app .boutons button{flex: 1 1 auto}.atelier-app .couleurs{display: flex;flex-wrap: wrap;gap: 6px}.atelier-app .calques{display: flex;flex-direction: column-reverse;gap: 6px;position: relative}.atelier-app .calque{position: relative;cursor: grab;-webkit-user-select: none;user-select: none}.atelier-app .calque .infos{padding-right: 18px}.atelier-app .calque .poignee{position: absolute;top: 8px;right: 7px;width: 14px;height: 18px;display: flex;align-items: center;justify-content: center;color: #8a8f98;cursor: grab;touch-action: none}.atelier-app .calque:hover .poignee{color: var(--azur)}.atelier-app .calque.glisse{z-index: 5;cursor: grabbing;opacity: 1;background: #fff;box-shadow: 0 6px 18px rgba(0,0,0,.18);transition: none;pointer-events: none}.atelier-app .calque-insertion{position: absolute;left: 0;right: 0;height: 3px;border-radius: 2px;background: var(--azur);pointer-events: none}.atelier-app .calque{flex: 0 0 auto;width: 100%;display: grid;grid-template-columns: 40px minmax(0,1fr);grid-template-rows: auto auto;align-items: center;gap: 4px 9px;padding: 7px 9px;border: 2px solid var(--trait);border-radius: 6px;background: #fff;transition: border-color .15s ease,background-color .15s ease}.atelier-app .calque:hover{border-color: rgba(0,0,0,.3)}.atelier-app .calque.actif{border-color: var(--azur);background: rgba(45,160,206,.08)}.atelier-app .calque .vue{flex: 0 0 auto;width: 44px;height: 44px;border-radius: 4px;background: #f2f3f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect width='6' height='6' fill='%23e6e7e8'/%3E%3Crect x='6' y='6' width='6' height='6' fill='%23e6e7e8'/%3E%3C/svg%3E");border: 1px solid rgba(0,0,0,.12);object-fit: contain;cursor: pointer}.atelier-app .calque .infos{flex: 1 1 auto;display: flex;flex-direction: column;gap: 2px;min-width: 0;cursor: pointer}.atelier-app .calque .nom{font-size: .8rem;font-weight: 600;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.atelier-app .calque .nature{font-size: .68rem;color: var(--gris);text-transform: uppercase;letter-spacing: .03em}.atelier-app .calque.masque .vue{opacity: .3}.atelier-app .calque.masque .nom{color: var(--gris);text-decoration: line-through}.atelier-app .calque .vue{grid-row: 1 / span 2;width: 40px !important;height: 40px !important}.atelier-app .calque .commandes{grid-column: 2;display: flex;flex-wrap: wrap;gap: 3px}.atelier-app .calque .commandes button{width: 26px;height: 22px;padding: 0;font-size: .8rem;line-height: 1;background: rgba(0,0,0,.05);color: var(--texte);border-radius: 3px;font-weight: 400}.atelier-app .calque .commandes button:hover{background: rgba(0,0,0,.16)}.atelier-app .calque .commandes button.danger:hover{background: #C8102E;color: #fff}.atelier-app button.arme{background: #C8102E !important;color: #fff !important;font-weight: 700}.atelier-app .calque .commandes button.enclenche{background: var(--azur);color: #fff}.atelier-app .formes-outil{display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;margin-bottom: 12px}.atelier-app .formes-outil button{aspect-ratio: 1 / 1;padding: 7px;background: rgba(0,0,0,.04);border: 1px solid var(--trait);border-radius: 4px}.atelier-app .formes-outil button:hover{background: rgba(45,160,206,.14);border-color: var(--azur)}.atelier-app .formes-outil svg{width: 100%;height: 100%;display: block}.atelier-app .outils button{flex: 0 0 auto;min-width: 40px;font-size: 1rem}.atelier-app .outils button.actif{background: var(--azur);color: #fff}.atelier-app .libre{display: flex;align-items: center;gap: 8px;margin-top: 10px}.atelier-app .libre label{margin: 0;font-size: .8rem;white-space: nowrap}.atelier-app .libre input[type="color"]{width: 46px;height: 30px;padding: 2px;border: 1px solid var(--trait);border-radius: 4px;background: #fff;cursor: pointer}.atelier-app .pastille{width: 30px;height: 30px;border-radius: 50%;border: 2px solid rgba(0,0,0,.15);cursor: pointer;padding: 0;background-clip: padding-box}.atelier-app .pastille.active{border-color: var(--azur);box-shadow: 0 0 0 2px rgba(45,160,206,.3)}.atelier-app .cordelieres{display: grid;grid-template-columns: 1fr 1fr;gap: 5px}.atelier-app .cordeliere{display: flex;align-items: center;gap: 7px;padding: 5px 7px;border: 2px solid transparent;border-radius: 4px;background: transparent;cursor: pointer;text-align: left;font-family: inherit}.atelier-app .cordeliere:hover{background: rgba(0,0,0,.04)}.atelier-app .cordeliere.active{border-color: var(--azur);background: rgba(45,160,206,.08)}.atelier-app .cordeliere .ruban{flex-shrink: 0;width: 16px;height: 30px;border-radius: 8px;border: 1px solid rgba(0,0,0,.25)}.atelier-app .cordeliere .nom{font-size: .72rem;color: var(--texte);line-height: 1.2}.atelier-app .formes{display: grid;grid-template-columns: repeat(2,1fr);gap: 8px}.atelier-app .forme{border: 2px solid var(--trait);border-radius: 4px;background: #fff;cursor: pointer;padding: 6px 4px 4px;text-align: center}.atelier-app .forme.active{border-color: var(--azur)}.atelier-app .forme img,.atelier-app .forme svg{width: 100%;height: 54px;object-fit: contain}.atelier-app .forme span{font-size: .66rem;color: var(--gris);display: block;line-height: 1.25;margin-top: 3px}.atelier-app .aide{font-size: .8rem;color: var(--gris);margin: 10px 0 0}.atelier-app .fichier{display: block;padding: 18px 12px;border: 2px dashed var(--trait);border-radius: 4px;text-align: center;cursor: pointer;font-size: .86rem;color: var(--gris)}.atelier-app .fichier:hover{border-color: var(--azur);color: var(--azur)}.atelier-app .fichier input{display: none}.atelier-app .rappel{display: flex;align-items: flex-start;gap: 10px;padding: 8px 10px 8px 14px;background: #fff;border-left: 4px solid var(--azur);border-radius: 3px;font-size: .8rem;line-height: 1.4}.atelier-app .rappel[hidden]{display: none}.atelier-app .rappel>span{flex: 1 1 auto}.atelier-app .rappel .rappel-resume[hidden],.atelier-app .rappel.reduit .rappel-detail{display: none}.atelier-app .rappel.reduit{align-items: center;padding-top: 5px;padding-bottom: 5px}.atelier-app .rappel.reduit .rappel-resume{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.atelier-app .rappel-bascule{flex: 0 0 auto;height: 26px;padding: 0 10px;font-size: .74rem}.atelier-app .rappel-bascule .afficher,.atelier-app .rappel.reduit .rappel-bascule .reduire{display: none}.atelier-app .rappel.reduit .rappel-bascule .afficher{display: inline}.atelier-app .rappel a{color: #0b4f8a;font-weight: 600;text-decoration: underline}.atelier-app .rappel a:hover,.atelier-app .rappel a:focus{color: #17458F}.atelier-app .fermer{flex: 0 0 auto;padding: 0 7px;background: transparent;color: var(--gris);font-size: 1.2rem;line-height: 1.2}.atelier-app .fermer:hover{background: rgba(0,0,0,.08);color: var(--texte)}.atelier-app .case{display: inline-flex;align-items: center;gap: 6px;margin: 0;font-size: .8rem;color: var(--texte);cursor: pointer;user-select: none}.atelier-app .barre-contexte{flex: 0 0 auto;display: flex;align-items: center;justify-content: center;min-height: 46px}.atelier-app .barre-vide{font-size: .78rem;color: var(--gris)}.atelier-app .barre-vide[hidden]{display: none}.atelier-app .barre-element{display: flex;flex-wrap: wrap;align-items: center;gap: 2px;padding: 4px;background: #fff;border: 1px solid rgba(0,0,0,.18);border-radius: 6px;box-shadow: 0 1px 3px rgba(0,0,0,.08);justify-content: center;max-width: 100%}.atelier-app .barre-element[hidden]{display: none}@media (min-width: 821px){.atelier-app .barre-element{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: max-content;z-index: 6;box-shadow: 0 3px 10px rgba(0,0,0,.14)}}.atelier-app .barre-element button{min-width: 28px;height: 28px;padding: 0 6px;display: inline-flex;align-items: center;justify-content: center;background: transparent;color: var(--texte);font-weight: 500;font-size: .85rem;border-radius: 4px}.atelier-app .barre-element button:hover{background: rgba(45,160,206,.16)}.atelier-app .barre-element button.danger:hover{background: #C8102E;color: #fff}.atelier-app .barre-element button.actif{background: var(--azur);color: #fff}.atelier-app .barre-element button.accent{background: var(--azur);color: #fff;font-weight: 600}.atelier-app .barre-element button.accent:hover{background: var(--azur-fonce)}.atelier-app .barre-element svg{width: 16px;height: 16px;display: block}.atelier-app .barre-element .sep{width: 1px;height: 20px;background: var(--trait);margin: 0 2px}.atelier-app .barre-element .groupe-mm,.atelier-app .barre-element .groupe-barre{display: inline-flex;flex-wrap: nowrap;align-items: center;gap: 2px;flex: 0 0 auto;white-space: nowrap}.atelier-app .barre-element .ligne-barre{flex: 1 1 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 2px;margin-top: 3px;padding-top: 3px;border-top: 1px solid var(--trait)}.atelier-app .barre-element .reglage{display: inline-flex;align-items: center;gap: 3px;margin: 0;padding: 0 3px;height: 28px;font: 500 .68rem/1 system-ui,sans-serif;color: var(--gris);white-space: nowrap}.atelier-app .barre-element .reglage svg{width: 15px;height: 15px;flex: 0 0 auto;color: var(--texte)}.atelier-app .barre-element .reglage input[type="range"]{width: 64px;margin: 0}.atelier-app .barre-element .reglage input[type="range"]:disabled{opacity: .4}.atelier-app .barre-element .reglage output{min-width: 2.2em;text-align: left;font-variant-numeric: tabular-nums}.atelier-app .barre-element .contour-couleur{width: 26px;height: 26px;padding: 1px;border: 1px solid #c9ced6;border-radius: 4px;background: #fff;cursor: pointer}.atelier-app .barre-element .dimension-mm svg{width: 14px;height: 14px;color: var(--texte)}.atelier-app .barre-element .dimension-mm input{width: 50px}.atelier-app .barre-element .fois{color: var(--gris);font-size: .8rem;padding: 0 1px}.atelier-app .contour-reglage{display: flex;align-items: center;gap: 8px}.atelier-app .position-contour{margin-top: 6px}.atelier-app .panneau-element .element-titre{margin: 0 0 8px;font-size: .8rem;font-weight: 700;color: var(--azur-fonce,#0b5c8e);text-transform: uppercase;letter-spacing: .04em;display: flex;align-items: center;justify-content: space-between;gap: 8px}.atelier-app .panneau-element .element-terminer{text-transform: none;letter-spacing: 0;font-weight: 500;font-size: .72rem;height: 26px;min-width: 0;padding: 0 8px}.atelier-app .groupe-element{border: 1px solid var(--trait);border-radius: 6px;margin-bottom: 8px;background: #fff}.atelier-app .groupe-element summary{cursor: pointer;padding: 8px 10px;font-size: .82rem;font-weight: 600;color: var(--texte);list-style: none;display: flex;align-items: center;gap: 8px}.atelier-app .groupe-element summary::-webkit-details-marker{display: none}.atelier-app .groupe-element summary::before{content: '';width: 6px;height: 6px;border-right: 1.6px solid var(--gris);border-bottom: 1.6px solid var(--gris);transform: rotate(-45deg);transition: transform .15s;flex: 0 0 auto}.atelier-app .groupe-element[open] summary::before{transform: rotate(45deg)}.atelier-app .groupe-element .groupe-corps{padding: 2px 10px 10px;display: flex;flex-wrap: wrap;gap: 6px 8px;align-items: center}.atelier-app .groupe-element .groupe-corps.groupe-colonne{display: block}.atelier-app .groupe-element .groupe-corps.groupe-colonne>.champ:last-child{margin-bottom: 0}.atelier-app .panneau-element .groupe-barre,.atelier-app .panneau-element .groupe-mm{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 3px}.atelier-app .panneau-element .reglage{display: flex;align-items: center;gap: 6px;width: 100%;height: 30px;padding: 0;font: 500 .72rem/1 system-ui,sans-serif;color: var(--gris)}.atelier-app .panneau-element .reglage svg{width: 16px;height: 16px;color: var(--texte);flex: 0 0 auto}.atelier-app .panneau-element .reglage input[type="range"]{flex: 1 1 auto;width: auto;min-width: 80px}.atelier-app .panneau-element .reglage output{min-width: 2.4em;font-variant-numeric: tabular-nums}.atelier-app .panneau-element button{height: 30px;min-width: 30px;padding: 0 6px;background: rgba(0,0,0,.04);border: 1px solid var(--trait);border-radius: 4px;color: var(--texte);display: inline-flex;align-items: center;justify-content: center;gap: 4px;font-size: .74rem}.atelier-app .panneau-element button svg{width: 16px;height: 16px}.atelier-app .panneau-element button:hover{background: rgba(45,160,206,.16);border-color: var(--azur)}.atelier-app .panneau-element button.actif{background: var(--azur);color: #fff;border-color: var(--azur)}.atelier-app .panneau-element button.accent{background: var(--azur);color: #fff;font-weight: 600}.atelier-app .panneau-element .taille-mm{display: inline-flex;align-items: center;gap: 2px;font: 500 .72rem/1 system-ui,sans-serif;color: var(--gris)}.atelier-app .panneau-element .taille-mm input{width: 52px;height: 30px;box-sizing: border-box;padding: 2px 4px;text-align: center;font: 600 .84rem/1 system-ui,sans-serif;color: var(--texte);background: #fff;border: 1px solid #c9ced6;border-radius: 4px;font-variant-numeric: tabular-nums}.atelier-app .panneau-element .taille-mm svg{width: 14px;height: 14px}.atelier-app .panneau-element .casse-choix{height: 30px;max-width: 100%;padding: 0 6px;font: 500 .8rem/1 system-ui,sans-serif;border: 1px solid #c9ced6;border-radius: 4px;background: #fff;color: var(--texte)}.atelier-app .panneau-element .contour-couleur{width: 30px;height: 30px;padding: 1px;border: 1px solid #c9ced6;border-radius: 4px;background: #fff}.atelier-app .panneau-element .fois{color: var(--gris)}.atelier-app .rail-bouton:disabled{opacity: .35;cursor: default}.atelier-app .rail-bouton:disabled:hover{background: transparent}.atelier-app .position-contour button svg{width: 18px;height: 18px}.atelier-app .contour-reglage input[type="range"]{flex: 1 1 auto}.atelier-app .barre-element .taille-mm{display: inline-flex;align-items: center;gap: 2px;margin: 0;font: 500 .72rem/1 system-ui,sans-serif;color: var(--gris)}.atelier-app .barre-element .taille-mm input{width: 46px;height: 28px;box-sizing: border-box;padding: 2px 4px;text-align: center;font: 600 .82rem/1 system-ui,sans-serif;color: var(--texte);background: #fff;border: 1px solid #c9ced6;border-radius: 4px;font-variant-numeric: tabular-nums}.atelier-app .barre-element .taille-mm input:focus{outline: 2px solid var(--azur);outline-offset: 0}.atelier-app .barre-element .casse-choix{height: 28px;max-width: 14em;margin: 0 2px;padding: 0 4px;font: 500 .78rem/1 system-ui,sans-serif;color: var(--texte);background: #fff;border: 1px solid #c9ced6;border-radius: 4px}.atelier-app .barre-element .casse-choix:focus{outline: 2px solid var(--azur);outline-offset: 0}.atelier-app .barre-element .opacite{display: inline-flex;align-items: center;gap: 4px;font-size: .72rem;color: var(--gris);padding: 0 4px}.atelier-app .barre-element .opacite input{width: 56px}.atelier-app .onglets{display: flex;gap: 4px;margin-bottom: 10px}.atelier-app .onglet{flex: 1 1 0;padding: 6px 4px;font-size: .74rem;background: rgba(0,0,0,.05);color: var(--texte);font-weight: 600}.atelier-app .onglet.actif{background: var(--azur);color: #fff}.atelier-app .biblio,.atelier-app .modeles{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin-top: 8px;max-height: 300px;overflow-y: auto;padding-right: 2px}.atelier-app .modeles{grid-template-columns: repeat(2,1fr);max-height: none;overflow: visible}.atelier-app .dimensions{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;align-items: end}.atelier-app .carte-dimension{display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 12px 6px 10px;background: #fff;border: 2px solid var(--trait);border-radius: 6px;color: var(--texte);font-weight: 400}.atelier-app .carte-dimension:hover{border-color: rgba(0,0,0,.3);background: #fff}.atelier-app .carte-dimension.active{border-color: var(--azur);background: rgba(45,160,206,.08)}.atelier-app .carte-dimension .apercu{display: flex;align-items: flex-end;justify-content: center;height: 124px}.atelier-app .carte-dimension .apercu img{display: block;width: auto}.atelier-app .carte-dimension .nom{font-weight: 700;font-size: .9rem}.atelier-app .carte-dimension .detail{font-size: .68rem;color: var(--gris);text-align: center;line-height: 1.3}.atelier-app .sous-titre-palette{margin: 10px 0 6px;font-size: .72rem;color: var(--gris)}.atelier-app .titre-groupe{grid-column: 1 / -1;margin: 10px 0 0;font-size: .74rem;font-weight: 700;color: var(--texte)}.atelier-app .titre-groupe:first-child{margin-top: 0}.atelier-app .titre-sous-groupe{grid-column: 1 / -1;margin: 6px 0 0;padding-left: 8px;border-left: 3px solid var(--azur);font-size: .7rem;font-weight: 600;color: var(--gris)}.atelier-app .vignette{position: relative;display: flex;flex-direction: column;align-items: center;gap: 3px;padding: 5px 4px 4px;background: #fff;border: 1px solid var(--trait);border-radius: 4px;color: var(--texte);font-weight: 400;cursor: pointer}.atelier-app .vignette:hover{border-color: var(--azur);background: rgba(45,160,206,.06)}.atelier-app .vignette .image{position: relative;width: 100%;aspect-ratio: 1 / 1;background: #f2f3f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='5' height='5' fill='%23e6e7e8'/%3E%3Crect x='5' y='5' width='5' height='5' fill='%23e6e7e8'/%3E%3C/svg%3E");border-radius: 3px}.atelier-app .modeles .vignette .image{aspect-ratio: 620 / 900;background: #f4f5f6}.atelier-app .modeles .vignette img.support{inset: 0;width: 100%;height: 100%}.atelier-app .vignette img{position: absolute;inset: 6%;width: 88%;height: 88%;object-fit: contain}.atelier-app .vignette .motif{inset: auto;left: 22%;top: 34%;width: 56%;height: 48%}.atelier-app .vignette .nom{font-size: .66rem;line-height: 1.2;text-align: center;color: var(--gris)}.atelier-app .vignette .cadenas{position: absolute;top: 3px;right: 4px;font-size: .7rem}.atelier-app .fichier.petit{padding: 8px;margin-top: 12px;font-size: .74rem}.atelier-app .fichier[hidden]{display: none}.atelier-app .bouton-fichier{flex: 1 1 auto;margin: 0;padding: 9px 14px;border-radius: 3px;background: rgba(0,0,0,.06);color: var(--texte);font-weight: 600;font-size: .88rem;text-align: center;cursor: pointer}.atelier-app .bouton-fichier:hover{background: rgba(0,0,0,.12)}.atelier-app .bouton-fichier input{display: none}.atelier-app label .valeur{float: right;color: var(--texte)}.atelier-app .reprise{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;padding: 8px 12px;background: #fff8e1;border: 1px solid #f0d78c;border-radius: 4px;font-size: .86rem}.atelier-app .reprise[hidden]{display: none}.atelier-app .reprise span{flex: 1 1 auto}.atelier-app .annonce{position: absolute;left: 50%;bottom: 34px;transform: translate(-50%,10px);padding: 8px 14px;background: #23272b;color: #fff;border-radius: 5px;font-size: .82rem;opacity: 0;pointer-events: none;transition: opacity .2s ease,transform .2s ease;z-index: 40}.atelier-app .annonce.visible{opacity: 1;transform: translate(-50%,0)}@media (max-width: 820px){.atelier-app .barre-element .reglage input[type="range"]{width: 56px}.atelier-app .rail-element,.atelier-app .rail-plume{display: none}.atelier-app .section[data-section="plume"]{display: none !important}.atelier-app .barre-element .reglage output{display: none}.atelier-app{overflow: auto}.atelier-app .app{height: auto;transform: none;display: flex;flex-direction: column}.atelier-app .barre-haut{position: sticky;top: 0;z-index: 40;transform: translateY(var(--atelier-couvert,0px))}.atelier-app .barre-haut .affichage{border-left: 0;padding-left: 0}.atelier-app .barre-haut .loupe{border-left: 0;padding-left: 0}.atelier-app .scene{order: 1;height: 62vh;min-height: 340px;padding: 8px}.atelier-app .scene .pied{display: none}.atelier-app .rail{order: 2;flex-direction: row;overflow-x: auto;position: sticky;top: 0;z-index: 25;padding: 4px 6px}.atelier-app .rail-bouton{flex: 1 1 0;min-width: 0;padding: 7px 0 5px;font-size: .58rem}.atelier-app .rail-bouton span{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.atelier-app .rail-bouton svg{width: 20px;height: 20px}.atelier-app .rail{overflow-x: hidden;gap: 1px;padding: 4px 3px}.atelier-app .rail-version{display: none}.atelier-app .barre-haut .groupe{flex-wrap: wrap;max-width: 100%}.atelier-app .rappel{font-size: .72rem;line-height: 1.4;padding: 8px 10px}.atelier-app .menu-liste{right: auto;left: 0;max-width: calc(100vw - 24px)}.atelier-app .barre-haut{padding: 6px 10px;gap: 6px 8px}.atelier-app .barre-haut h1{display: none}.atelier-app .barre-haut .espace{display: none}.atelier-app .barre-haut button,.atelier-app .barre-haut summary{padding: 6px 9px;font-size: .78rem}.atelier-app .barre-haut .affichage{order: 5;width: 100%}.atelier-app .panneau-outils{order: 3;border-right: 0}.atelier-app .panneau-calques{order: 4;border-left: 0;border-top: 1px solid var(--trait)}.atelier-app .app.replie .panneau-outils{display: none}.atelier-app .app.sans-calques .panneau-calques{display: none}.atelier-app .panneau-corps{width: auto;overflow: visible}.atelier-app .replier{display: none}}.atelier-app .motifs{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px}.atelier-app .vignette-motif{display: flex;flex-direction: column;align-items: center;gap: 3px;padding: 5px 4px 4px;background: #fff;border: 2px solid var(--trait);border-radius: 5px;color: var(--texte);font-weight: 400}.atelier-app .vignette-motif:hover{border-color: rgba(0,0,0,.3);background: #fff}.atelier-app .vignette-motif.active{border-color: var(--azur);background: rgba(45,160,206,.08)}.atelier-app .vignette-motif .trame{display: block;width: 100%;height: 44px;border-radius: 3px;background-color: #dfe3e8;-webkit-mask-size: 16px auto;mask-size: 16px auto;-webkit-mask-repeat: repeat;mask-repeat: repeat;background-repeat: repeat;box-shadow: inset 0 0 0 1px rgba(0,0,0,.08)}.atelier-app .vignette-motif .trame.aucun{background: linear-gradient(to top right,transparent calc(50% - 1px),#C8102E,transparent calc(50% + 1px)),#f4f5f6}.atelier-app .vignette-motif .nom{font-size: .64rem;color: var(--gris);text-align: center;line-height: 1.2}.atelier-app .dialogue-envoi{width: min(560px,calc(100vw - 32px));max-height: calc(100vh - 40px);padding: 0;border: 0;border-radius: 8px;box-shadow: 0 20px 60px rgba(0,0,0,.3);color: var(--texte);background: #fff}.atelier-app .dialogue-envoi::backdrop{background: rgba(20,24,28,.55)}.atelier-app .dialogue-envoi form{display: flex;flex-direction: column;gap: 12px;padding: 22px 24px 20px}.atelier-app .dialogue-envoi h2{margin: 0;font-size: 1.15rem}.atelier-app .dialogue-envoi .intro{font-size: .84rem;color: var(--gris)}.atelier-app .dialogue-envoi .deux{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.atelier-app .dialogue-envoi label{margin-bottom: 4px}.atelier-app .dialogue-envoi .obligatoire::after{content: " *";color: #C8102E}.atelier-app .dialogue-envoi .consentement{display: flex;gap: 8px;align-items: flex-start;font-size: .78rem;color: var(--texte)}.atelier-app .dialogue-envoi .consentement input{margin-top: 2px;flex: 0 0 auto}.atelier-app .dialogue-envoi .piege{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.atelier-app .dialogue-envoi .actions{display: flex;justify-content: flex-end;gap: 8px;margin-top: 4px}.atelier-app .etat-envoi{font-size: .84rem;min-height: 1.2em}.atelier-app .etat-envoi.ok{color: #1b7a3a;font-weight: 600}.atelier-app .etat-envoi.erreur{color: #C8102E}@media (max-width: 560px){.atelier-app .dialogue-envoi .deux{grid-template-columns: 1fr}}.atelier-app .dialogue-confirm{width: min(480px,calc(100vw - 32px));padding: 0;border: 0;border-radius: 8px;box-shadow: 0 18px 48px rgba(0,0,0,.28);color: var(--texte);background: #fff}.atelier-app .dialogue-confirm::backdrop{background: rgba(20,24,28,.55)}.atelier-app .dialogue-confirm .contenu{padding: 22px 24px 20px}.atelier-app .dialogue-confirm h2{margin: 0 0 8px;font-size: 1.1rem}.atelier-app .dialogue-confirm p{margin: 0;font-size: .86rem;color: var(--gris)}.atelier-app .dialogue-confirm p strong{color: var(--texte)}.atelier-app .dialogue-confirm .boutons{display: flex;justify-content: flex-end;gap: 10px;flex-wrap: wrap;margin-top: 20px}.atelier-app .dialogue-confirm .boutons button{width: auto;flex: 0 0 auto;margin: 0}.atelier-app .barre-haut .effacer{display: inline-flex;align-items: center;gap: 6px;margin-left: 4px}.atelier-app .barre-haut .effacer:not(:disabled):hover{background: rgba(200,16,46,.1);color: #C8102E}.atelier-app .barre-haut .effacer:disabled{opacity: .45;cursor: default}.atelier-app .dialogue-confirm button.danger{background: #C8102E;color: #fff}.atelier-app .dialogue-confirm button.danger:hover{background: #A50D25}.atelier-app .dialogue-textes .champs{display: grid;gap: 12px;margin-top: 16px}.atelier-app .dialogue-textes label{display: grid;gap: 4px;font-size: .82rem;font-weight: 600;color: var(--texte)}.atelier-app .dialogue-textes textarea{width: 100%;box-sizing: border-box;min-height: 0;resize: vertical;padding: 8px 10px;font: inherit;font-weight: 400;font-size: .95rem;line-height: 1.35;border: 1px solid #c9ced6;border-radius: 6px;background: #fff;color: #1d2430}.atelier-app .dialogue-textes textarea:focus{outline: 2px solid #0067C8;outline-offset: 1px}@media (max-width: 820px){.atelier-app .barre-haut .effacer span{display: none}}.atelier-app button{background: var(--bouton);color: #fff}html :where(.atelier-app) button:focus,html :where(.atelier-app) button:active{background: var(--bouton);color: #fff}html :where(.atelier-app) button:hover,html :where(.atelier-app) button:focus-visible{background: var(--bouton-survol);color: #fff}.atelier-app button.discret,.atelier-app button.discret:focus,.atelier-app button.discret:active{background: rgba(0,0,0,.06);color: var(--texte)}.atelier-app button.discret:hover,.atelier-app button.discret:focus-visible{background: rgba(0,0,0,.12);color: var(--texte)}.atelier-app .barre-haut #envoyerSecal,.atelier-app .barre-haut #envoyerSecal:focus,.atelier-app .barre-haut #envoyerSecal:active{background: var(--bouton);color: #fff}.atelier-app .barre-haut #envoyerSecal:hover,.atelier-app .barre-haut #envoyerSecal:focus-visible{background: var(--bouton-survol);color: #fff}.atelier-app #basculerCalques[aria-pressed="true"],.atelier-app #basculerCalques[aria-pressed="true"]:focus,.atelier-app #basculerCalques[aria-pressed="true"]:hover{background: rgba(45,160,206,.16);color: var(--azur-fonce)}.atelier-app .barre-haut .effacer:not(:disabled):hover,.atelier-app .barre-haut .effacer:not(:disabled):focus-visible{background: rgba(200,16,46,.1);color: #C8102E}.atelier-app .rail-bouton,.atelier-app .rail-bouton:focus,.atelier-app .rail-bouton:active{background: transparent;color: rgba(255,255,255,.72)}.atelier-app .rail-bouton:hover,.atelier-app .rail-bouton:focus-visible{background: rgba(255,255,255,.08);color: #fff}.atelier-app .rail-bouton.actif,.atelier-app .rail-bouton.actif:focus,.atelier-app .rail-bouton.actif:hover{background: rgba(45,160,206,.22);color: #fff}.atelier-app .app.replie .rail-bouton.actif,.atelier-app .app.replie .rail-bouton.actif:focus{background: transparent;color: rgba(255,255,255,.72)}.atelier-app .calque .commandes button,.atelier-app .calque .commandes button:focus,.atelier-app .calque .commandes button:active{background: rgba(0,0,0,.05);color: var(--texte)}.atelier-app .calque .commandes button:hover,.atelier-app .calque .commandes button:focus-visible{background: rgba(0,0,0,.16);color: var(--texte)}.atelier-app .calque .commandes button.danger:hover,.atelier-app .calque .commandes button.danger:focus-visible{background: #C8102E;color: #fff}.atelier-app .calque .commandes button.enclenche,.atelier-app .calque .commandes button.enclenche:focus,.atelier-app .calque .commandes button.enclenche:hover{background: var(--bouton);color: #fff}.atelier-app .formes-outil button,.atelier-app .formes-outil button:focus,.atelier-app .formes-outil button:active{background: rgba(0,0,0,.04);color: var(--texte)}.atelier-app .formes-outil button:hover,.atelier-app .formes-outil button:focus-visible{background: rgba(45,160,206,.14);color: var(--texte)}.atelier-app .outils button.actif,.atelier-app .outils button.actif:focus,.atelier-app .outils button.actif:hover{background: var(--bouton);color: #fff}.atelier-app .barre-element button,.atelier-app .barre-element button:focus,.atelier-app .barre-element button:active{background: transparent;color: var(--texte)}.atelier-app .barre-element button:hover,.atelier-app .barre-element button:focus-visible{background: rgba(45,160,206,.16);color: var(--texte)}.atelier-app .barre-element button.danger:hover,.atelier-app .barre-element button.danger:focus-visible{background: #C8102E;color: #fff}.atelier-app .barre-element button.actif,.atelier-app .barre-element button.actif:focus,.atelier-app .barre-element button.actif:hover,.atelier-app .barre-element button.accent,.atelier-app .barre-element button.accent:focus{background: var(--bouton);color: #fff}.atelier-app .barre-element button.accent:hover{background: var(--bouton-survol);color: #fff}.atelier-app .vignette:focus,.atelier-app .vignette:active,.atelier-app .vignette-motif:focus,.atelier-app .vignette-motif:active{background: #fff;color: var(--texte)}.atelier-app .vignette:hover,.atelier-app .vignette:focus-visible{background: rgba(45,160,206,.06);color: var(--texte)}.atelier-app .vignette-motif:hover{background: #fff;color: var(--texte)}.atelier-app .vignette-motif.active,.atelier-app .vignette-motif.active:focus{background: rgba(45,160,206,.08)}.atelier-app .dialogue-confirm button.danger,.atelier-app .dialogue-confirm button.danger:focus{background: #C8102E;color: #fff}.atelier-app .dialogue-confirm button.danger:hover,.atelier-app .dialogue-confirm button.danger:focus-visible{background: #A50D25;color: #fff}.atelier-app button:focus-visible{outline: 2px solid var(--bouton-survol);outline-offset: 2px}.atelier-app dialog.dialogue-confirm,.atelier-app dialog.dialogue-envoi{position: fixed;inset: 0;margin: auto;max-height: calc(100vh - 32px);overflow: auto}.atelier-app dialog h2{font-family: inherit;font-weight: 700;color: var(--texte);text-transform: none;letter-spacing: normal}.atelier-app .rail-version{margin-top: auto;padding: 10px 0 2px;text-align: center;font-size: .6rem;line-height: 1;letter-spacing: .03em;color: rgba(255,255,255,.38);white-space: nowrap;user-select: text}@media (max-width: 820px){.atelier-app .rail-version{margin: auto 0 auto auto;padding: 0 8px}}.atelier-app .degrade-outil{margin-top: 10px}.atelier-app .degrade-modes{display: inline-flex;border-radius: 4px;overflow: hidden;border: 1px solid var(--trait)}.atelier-app .degrade-modes button,.atelier-app .degrade-modes button:focus{border-radius: 0;padding: 5px 14px;font-size: .78rem;background: #fff;color: var(--texte)}.atelier-app .degrade-modes button + button{border-left: 1px solid var(--trait)}.atelier-app .degrade-modes button:hover{background: rgba(45,160,206,.1);color: var(--texte)}.atelier-app .degrade-modes button.actif,.atelier-app .degrade-modes button.actif:focus,.atelier-app .degrade-modes button.actif:hover{background: var(--bouton);color: #fff}.atelier-app .degrade-reglages{margin-top: 10px;display: flex;flex-direction: column;gap: 8px}.atelier-app .degrade-reglages[hidden]{display: none}.atelier-app .degrade-apercu{height: 22px;border-radius: 4px;border: 1px solid rgba(0,0,0,.15)}.atelier-app .degrade-prets{display: grid;grid-template-columns: repeat(8,1fr);gap: 4px}.atelier-app .degrade-prets .degrade-pret,.atelier-app .degrade-prets .degrade-pret:focus,.atelier-app .degrade-prets .degrade-pret:hover{height: 22px;padding: 0;border: 1px solid rgba(0,0,0,.15);border-radius: 3px;cursor: pointer}.atelier-app .degrade-prets .degrade-pret:hover{outline: 2px solid var(--bouton-survol);outline-offset: 1px}.atelier-app .degrade-couleurs{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.atelier-app .degrade-couleurs input[type="color"]{width: 38px;height: 28px;padding: 1px;border: 1px solid var(--trait);border-radius: 3px;background: #fff;cursor: pointer}.atelier-app .degrade-couleurs .degrade-nombre{padding: 4px 8px;font-size: .74rem}.atelier-app .degrade-ligne{display: flex;gap: 6px;align-items: center}.atelier-app .degrade-ligne select{flex: 1 1 auto}.atelier-app .degrade-ligne .degrade-inverser{padding: 5px 8px;font-size: .76rem;white-space: nowrap}.atelier-app .degrade-angle{display: flex;align-items: center;gap: 8px;font-size: .78rem}.atelier-app .degrade-angle[hidden]{display: none}.atelier-app .degrade-angle input{flex: 1 1 auto}.atelier-app .degrade-angle output{min-width: 36px;text-align: right;font-variant-numeric: tabular-nums}.atelier-app .barre-contexte{position: relative}.atelier-app .barre-element .bouton-couleur,.atelier-app .barre-element .bouton-couleur:focus{display: inline-flex;align-items: center;gap: 6px;padding: 0 8px;font-size: .78rem;font-weight: 600;background: transparent;color: var(--texte)}.atelier-app .barre-element .bouton-couleur:hover{background: rgba(45,160,206,.16);color: var(--texte)}.atelier-app .barre-element .bouton-couleur.actif,.atelier-app .barre-element .bouton-couleur.actif:focus,.atelier-app .barre-element .bouton-couleur.actif:hover{background: rgba(45,160,206,.2);color: var(--texte)}.atelier-app .bouton-couleur .apercu-couleur{width: 16px;height: 16px;border-radius: 50%;border: 1px solid rgba(0,0,0,.25);flex: 0 0 auto}.atelier-app .palette-barre{position: fixed;top: 120px;left: 16px;z-index: 1000;width: 256px;max-height: min(70vh,560px);overflow-y: auto;padding: 10px 12px 12px;background: #fff;border: 1px solid rgba(0,0,0,.18);border-radius: 8px;box-shadow: 0 10px 28px rgba(0,0,0,.18);text-align: left}.atelier-app .palette-barre[hidden]{display: none}.atelier-app .palette-titre{display: flex;align-items: center;justify-content: space-between;margin: -4px -6px 8px;padding: 4px 6px;font-size: .84rem;cursor: move;user-select: none;touch-action: none;border-radius: 4px}.atelier-app .palette-titre:hover{background: rgba(0,0,0,.04)}.atelier-app .palette-titre .poignee{color: var(--gris);font-size: .7rem;margin-left: 6px;font-weight: 400}.atelier-app .palette-titre .palette-fermer,.atelier-app .palette-titre .palette-fermer:focus{padding: 2px 8px;font-size: 1rem;line-height: 1}.atelier-app .palette-barre .couleurs{gap: 6px}.atelier-app .palette-barre .pastille{width: 26px;height: 26px}.atelier-app .palette-barre .libre{margin-top: 8px}.atelier-app .palette-barre .aide{margin: 8px 0 0}.atelier-app .palette-barre.deplacement{box-shadow: 0 16px 36px rgba(0,0,0,.28)}@media (max-width: 820px){.atelier-app .palette-barre{left: 0 !important;right: 0;top: auto !important;bottom: 0;width: auto;max-height: 48vh;border-radius: 12px 12px 0 0}.atelier-app .palette-titre{cursor: default}.atelier-app .palette-titre .poignee{display: none}}.atelier-app{container-type: inline-size;container-name: atelier}@container atelier (max-width: 1280px) and (min-width: 821px){.atelier-app .barre-haut h1{display: none}}.atelier-app .choix-police{position: relative}.atelier-app .choix-police .bouton-police{display: flex;align-items: center;gap: 8px;width: 100%;min-height: 40px;padding: 6px 10px;text-align: left;background: #fff;color: #1d2430;border: 1px solid #c9ced6;border-radius: 6px;font-size: 1.05rem;font-weight: 400;text-transform: none;letter-spacing: normal}.atelier-app .choix-police .bouton-police .nom{flex: 1 1 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.atelier-app .choix-police .bouton-police .compte{flex: 0 0 auto;font: 400 .7rem/1 system-ui,sans-serif;color: #6b7480}.atelier-app .choix-police .bouton-police .fleche{flex: 0 0 auto;font: 400 .8rem/1 system-ui,sans-serif;color: #6b7480}html :where(.atelier-app) .choix-police .bouton-police:hover,html :where(.atelier-app) .choix-police .bouton-police:focus{background: #f4f7fb;color: #1d2430;border-color: #0067C8}.atelier-app .volet-police{position: absolute;z-index: 40;left: 0;right: 0;top: calc(100% + 4px);padding: 8px;background: #fff;border: 1px solid #c9ced6;border-radius: 8px;box-shadow: 0 12px 32px rgba(20,30,45,.22)}.atelier-app .volet-police[hidden]{display: none}.atelier-app .recherche-police{width: 100%;box-sizing: border-box;padding: 7px 10px;border: 1px solid #c9ced6;border-radius: 6px;font: 400 .9rem/1.3 system-ui,sans-serif;color: #1d2430;background: #fff}.atelier-app .filtres-police{display: flex;flex-wrap: wrap;gap: 4px;margin: 8px 0}.atelier-app .filtres-police button{width: auto;margin: 0;padding: 3px 8px;font: 500 .72rem/1.3 system-ui,sans-serif;text-transform: none;letter-spacing: normal;border-radius: 12px;border: 1px solid #c9ced6;background: #fff;color: #33404f}html :where(.atelier-app) .filtres-police button:hover,html :where(.atelier-app) .filtres-police button:focus{background: #eef3fa;color: #17458F}.atelier-app .filtres-police button.actif,html :where(.atelier-app) .filtres-police button.actif:hover{background: #17458F;border-color: #17458F;color: #fff}.atelier-app .liste-police{max-height: 300px;overflow-y: auto;overscroll-behavior: contain;border-top: 1px solid #e3e7ed}.atelier-app .ligne-police{display: block;width: 100%;margin: 0;padding: 7px 8px;text-align: left;font-size: 1.15rem;line-height: 1.25;text-transform: none;letter-spacing: normal;background: #fff;color: #1d2430;border: 0;border-bottom: 1px solid #f0f2f5;border-radius: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 400}html :where(.atelier-app) .ligne-police:hover,html :where(.atelier-app) .ligne-police:focus{background: #eef3fa;color: #17458F}.atelier-app .ligne-police.actif{background: #e3ecf8;color: #17458F}.atelier-app .pied-police{margin: 6px 0 0;font-size: .72rem}.atelier-app .rail-action,.atelier-app .rail-action:focus,.atelier-app .rail-action:active{display: flex;flex-direction: column;align-items: center;gap: 3px;margin-top: auto;padding: 9px 2px 7px;background: transparent;color: rgba(255,255,255,.72);font-size: .66rem;font-weight: 500;border-radius: 6px;text-transform: none;letter-spacing: normal}.atelier-app .rail-action svg{width: 22px;height: 22px}.atelier-app .rail-action:hover,.atelier-app .rail-action:focus-visible{background: rgba(255,255,255,.08);color: #fff}.atelier-app .rail-action[aria-pressed="true"],.atelier-app .rail-action[aria-pressed="true"]:hover{background: rgba(45,160,206,.22);color: #fff}.atelier-app .plein-ecran-bouton .sortir{display: none}.atelier-app.en-plein-ecran .plein-ecran-bouton .entrer{display: none}.atelier-app.en-plein-ecran .plein-ecran-bouton .sortir{display: inline}.atelier-app.en-plein-ecran{position: fixed;inset: 0;z-index: 2147483000;width: 100vw;height: 100vh;margin: 0;max-width: none;overflow: hidden;background: var(--fond,#f5f6f7)}.atelier-app:fullscreen{width: 100vw;height: 100vh;background: var(--fond,#f5f6f7);overflow: hidden}.atelier-app::backdrop{background: var(--fond,#f5f6f7)}@media (max-width: 820px){.atelier-app .rail-action,.atelier-app .rail-action:focus{display: none !important}}.atelier-app .rail-action + .rail-version{margin-top: 0}@media (max-width: 820px){.atelier-app .rail-action + .rail-version{margin: auto 0 auto auto}}.atelier-app button,.atelier-app button:hover,.atelier-app button:focus,.atelier-app button:active{transition: none !important;animation: none !important}.atelier-app .barre-haut button.discret:hover,.atelier-app .barre-haut button.discret:focus-visible,.atelier-app .barre-element button:hover,.atelier-app .barre-element button:focus-visible,.atelier-app .barre-element .bouton-couleur:hover{background: var(--azur) !important;color: #fff !important}.atelier-app .barre-element button:hover svg,.atelier-app .barre-element .bouton-couleur:hover svg{color: #fff}.atelier-app .barre-element button.danger:hover{background: #C8102E !important}.atelier-app .plume-actions{display: flex;flex-wrap: wrap;gap: 6px}.atelier-app .outils-points-edition{margin-top: 6px}.atelier-app .plume-poignees{width: 100%;display: flex;flex-wrap: wrap;align-items: center;gap: 4px;margin-top: 4px}.atelier-app .plume-poignees .libelle{font-size: .76rem;color: var(--gris);margin-right: 2px}.atelier-app .plume-poignees button{font-size: .74rem;padding: 3px 8px}.atelier-app .plume-poignees button.actif{background: var(--azur);color: #fff;border-color: var(--azur)}.atelier-app .plume-actions button.actif{background: var(--azur);color: #fff;border-color: var(--azur)}.atelier-app .plume-actions button{font-size: .78rem}.atelier-app .pathfinder{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px}.atelier-app .pathfinder button{display: flex;flex-direction: column;align-items: center;gap: 3px;padding: 6px 4px;font-size: .66rem;line-height: 1.1;background: #fff;border: 1px solid var(--trait);border-radius: 6px;color: var(--texte);text-transform: none;letter-spacing: 0}.atelier-app .pathfinder button svg{width: 28px;height: 28px}.atelier-app .pathfinder button:hover:not(:disabled){background: var(--azur);color: #fff;border-color: var(--azur)}.atelier-app .pathfinder button:disabled{opacity: .45;cursor: default}.atelier-app .cote-lisere{border: 1px solid var(--trait);border-radius: 6px;padding: 4px 10px 6px;margin: 0 0 8px}.atelier-app .cote-lisere legend{font-size: .8rem;font-weight: 600;padding: 0 4px}.atelier-app .cote-lisere .champ{margin-bottom: 4px}.atelier-app .cases-cotes{display: grid;grid-template-columns: 1fr 1fr;gap: 4px 10px}.atelier-app .cases-cotes .case{margin: 0;font-size: .82rem}.atelier-app .rail-bouton[hidden]{display: none !important}.atelier-app .logos-programmes{display: flex;flex-wrap: wrap;gap: 4px;margin-bottom: 8px}.atelier-app .logos-programmes button{font-size: .76rem;padding: 4px 10px;background: #fff;border: 1px solid var(--trait);border-radius: 14px;color: var(--texte);text-transform: none;letter-spacing: 0}.atelier-app .logos-programmes button.actif{background: var(--azur);border-color: var(--azur);color: #fff}.atelier-app .logos-liste{display: flex;flex-direction: column;gap: 12px}.atelier-app .logo-carte{display: flex;flex-direction: column;gap: 6px;padding-bottom: 10px;border-bottom: 1px solid var(--trait)}.atelier-app .logo-carte:last-child{border-bottom: 0}.atelier-app .logo-carte .titre-groupe{margin: 0}.atelier-app .logo-carte .aide{margin: 0}.atelier-app .logo-vignette{padding: 10px;min-height: 76px;justify-content: center}.atelier-app .logo-vignette .image{display: flex;align-items: center;justify-content: center;width: 100%;height: 64px}.atelier-app .logo-vignette img{max-width: 100%;max-height: 64px;object-fit: contain}.atelier-app .logo-disposition{width: 100%;font-size: .8rem}.atelier-app .logo-versions{display: flex;flex-wrap: wrap;gap: 4px}.atelier-app .logo-version{font-size: .7rem;padding: 3px 8px;background: #fff;border: 1px solid var(--trait);border-radius: 12px;color: var(--texte);text-transform: none;letter-spacing: 0}.atelier-app .logo-version.conseillee{border-color: var(--azur)}.atelier-app .logo-version.actif{background: var(--azur);border-color: var(--azur);color: #fff}.atelier-app .logo-version:hover{background: var(--azur);border-color: var(--azur);color: #fff}.atelier-app .alerte-logo{color: #9A3412;font-weight: 600}