{"id":28871,"date":"2024-09-12T12:09:42","date_gmt":"2024-09-12T10:09:42","guid":{"rendered":"https:\/\/soluo-groupepb.org\/?page_id=28871"},"modified":"2026-05-26T11:45:28","modified_gmt":"2026-05-26T09:45:28","slug":"rse","status":"publish","type":"page","link":"https:\/\/soluo-groupepb.org\/en\/rse\/","title":{"rendered":"RSE"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nRSE \u2013 Nos engagements<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;900&family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{box-sizing:border-box;margin:0;padding:0;}\r\nbody{\r\n background:#f0f2f5;\r\n min-height:100vh;\r\n padding:0;\r\n margin:0;\r\n}\r\n\r\n.rse-wrap{\r\n font-family:'DM Sans',sans-serif;\r\n background:#ffffff;\r\n border-radius:0;\r\n padding:28px;\r\n max-width:none;\r\n width:100vw;\r\n margin-left:calc(50% - 50vw);\r\n margin-right:calc(50% - 50vw);\r\n box-shadow:none;\r\n border:0;\r\n position:relative;\r\n}\r\n\r\n.rse-head{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n margin-bottom:20px;\r\n flex-wrap:wrap;\r\n}\r\n.kicker{\r\n font-weight:900;\r\n font-size:12px;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n color:#f08a2b;\r\n background:rgba(240,138,43,.10);\r\n border:1px solid rgba(240,138,43,.25);\r\n padding:6px 16px;\r\n border-radius:999px;\r\n white-space:nowrap;\r\n}\r\n.title{\r\n font-weight:900;\r\n font-size:30px;\r\n color:#233C79;\r\n}\r\n\r\n\r\n\r\n\/* \u2500\u2500 DIAGRAM \u2500\u2500 *\/\r\n.diagram{\r\n position:relative;\r\n width:100%;\r\n min-height:1200px;\r\n border-radius:20px;\r\n border:1.5px solid rgba(255,255,255,.12);\r\n box-shadow:inset 0 2px 40px rgba(0,0,0,.15);\r\n background:\r\n radial-gradient(900px 500px at 15% 15%,rgba(240,138,43,.18),transparent 55%),\r\n radial-gradient(900px 520px at 85% 25%,rgba(100,160,255,.16),transparent 58%),\r\n linear-gradient(135deg,#233C79,#1a2f64 55%,rgba(35,60,121,.98));\r\n overflow:hidden;\r\n}\r\n.diagram::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n z-index:0;\r\n background:\r\n radial-gradient(circle at 10% 14%,rgba(255,255,255,.13) 0 7px,transparent 8px),\r\n radial-gradient(circle at 85% 20%,rgba(255,255,255,.09) 0 6px,transparent 7px),\r\n radial-gradient(circle at 22% 65%,rgba(255,255,255,.09) 0 5px,transparent 6px),\r\n radial-gradient(circle at 72% 50%,rgba(255,255,255,.07) 0 4px,transparent 5px),\r\n radial-gradient(circle at 55% 12%,rgba(255,255,255,.07) 0 3px,transparent 4px),\r\n radial-gradient(circle at 92% 72%,rgba(255,255,255,.07) 0 5px,transparent 6px);\r\n}\r\n\r\n\/* \u2500\u2500 FL\u00c8CHES IMAGE \u2500\u2500 *\/\r\n.arrow{\r\n position:absolute;\r\n z-index:5;\r\n opacity:0;\r\n pointer-events:none;\r\n user-select:none;\r\n}\r\n.arrow img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n}\r\n\r\n\/* gauche *\/\r\n.arrow-left{\r\n --rot:220deg;\r\n left:33%;\r\n top:38%;\r\n width:110px;\r\n transform:translate(-50%,-50%) rotate(var(--rot));\r\n}\r\n\r\n\/* droite *\/\r\n.arrow-right{\r\n --rot:0deg;\r\n left:67%;\r\n top:37%;\r\n width:110px;\r\n transform:translate(-50%,-50%) rotate(var(--rot));\r\n}\r\n\r\n\/* bas *\/\r\n.arrow-bottom{\r\n --rot:110deg;\r\n left:50%;\r\n top:73%;\r\n width:100px;\r\n transform:translate(-50%,-50%) rotate(var(--rot));\r\n}\r\n\r\n\/* \u2500\u2500 CENTER \u2500\u2500 *\/\r\n.center{\r\n position:absolute !important;\r\n left:50% !important;\r\n top:50% !important;\r\n transform:translate(-50%,-50%) !important;\r\n width:270px !important;\r\n height:270px !important;\r\n border-radius:999px !important;\r\n background:#ffffff !important;\r\n border:2px solid rgba(255,255,255,.9) !important;\r\n box-shadow:0 20px 60px rgba(0,0,0,.25),0 0 0 8px rgba(255,255,255,.12) !important;\r\n display:grid !important;\r\n place-items:center !important;\r\n opacity:0;\r\n overflow:hidden !important;\r\n}\r\n.center::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:10px;\r\n border-radius:999px;\r\n border:2.5px solid rgba(240,138,43,.6);\r\n pointer-events:none;\r\n}\r\n.center-img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n border-radius:999px;\r\n display:block;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n\/* \u2500\u2500 NODES \u2500\u2500 *\/\r\n.node{\r\n position:absolute;\r\n transform:translate(-50%,-50%);\r\n width:180px;\r\n overflow:visible;\r\n opacity:0;\r\n}\r\n.node-btn{\r\n width:180px;\r\n height:180px;\r\n border-radius:999px;\r\n background:linear-gradient(135deg,#f08a2b 0%,#e86f10 100%);\r\n border:3px solid rgba(255,255,255,.35);\r\n box-shadow:0 18px 50px rgba(240,138,43,.45),0 0 0 6px rgba(240,138,43,.15);\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n cursor:pointer;\r\n transition:transform .18s ease,box-shadow .18s ease;\r\n overflow:hidden;\r\n padding:0;\r\n position:relative;\r\n}\r\n.node-btn:hover{\r\n transform:translateY(-3px) scale(1.03);\r\n box-shadow:0 26px 60px rgba(240,138,43,.55),0 0 0 8px rgba(240,138,43,.18);\r\n}\r\n.node-img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n border-radius:999px;\r\n display:block;\r\n position:absolute;\r\n inset:0;\r\n}\r\n.node-label{\r\n position:absolute;\r\n left:50%;\r\n bottom:10px;\r\n transform:translateX(-50%);\r\n\r\n width:calc(100% - 24px);\r\n min-height:36px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n padding:8px 12px;\r\n\r\n border-radius:999px;\r\n\r\n background:rgba(110,54,10,.74);\r\n backdrop-filter:blur(6px);\r\n\r\n font-family:'DM Sans',sans-serif;\r\n font-weight:800;\r\n font-size:11px;\r\n color:#fff;\r\n\r\n text-align:center;\r\n text-transform:uppercase;\r\n letter-spacing:.03em;\r\n line-height:1.15;\r\n\r\n text-shadow:0 1px 3px rgba(0,0,0,.35);\r\n}\r\n\r\n.pos-left{left:21%;top:28%;}\r\n.pos-right{left:79%;top:28%;}\r\n.pos-bottom{left:50%;top:90%;}\r\n\r\n\/* \u2500\u2500 OVERLAY \u2500\u2500 *\/\r\n.rse-overlay{\r\n display:none;\r\n position:fixed;\r\n inset:0;\r\n background:rgba(0,0,0,.45);\r\n backdrop-filter:blur(2px);\r\n -webkit-backdrop-filter:blur(2px);\r\n z-index:99;\r\n}\r\n.rse-overlay.is-visible{display:block;}\r\n\r\n\/* \u2500\u2500 PANEL \u2500\u2500 *\/\r\n.rse-panel{\r\n position:fixed;\r\n top:50%;\r\n left:50%;\r\n transform:translate(-50%,-50%) scale(.96);\r\n width:min(520px,88vw);\r\n background:rgba(35,60,121,.96);\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:22px;\r\n box-shadow:0 32px 80px rgba(0,0,0,.65);\r\n backdrop-filter:blur(24px);\r\n -webkit-backdrop-filter:blur(24px);\r\n padding:20px;\r\n opacity:0;\r\n visibility:hidden;\r\n transition:opacity .22s ease,transform .22s ease,visibility .22s ease,left .22s ease,top .22s ease;\r\n z-index:100;\r\n max-height:80vh;\r\n overflow-y:auto;\r\n -webkit-overflow-scrolling:touch;\r\n}\r\n.rse-panel.is-open{\r\n opacity:1;\r\n visibility:visible;\r\n}\r\n\r\n.rse-panel.panel-left{\r\n left:34%;\r\n top:42%;\r\n}\r\n.rse-panel.panel-right{\r\n left:66%;\r\n top:42%;\r\n}\r\n.rse-panel.panel-bottom{\r\n left:50%;\r\n top:58%;\r\n}\r\n\r\n.rse-panel.panel-left.is-open,\r\n.rse-panel.panel-right.is-open,\r\n.rse-panel.panel-bottom.is-open{\r\n transform:translate(-50%,-50%) scale(1);\r\n}\r\n\r\n.panel-head{\r\n margin-bottom:12px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:8px;\r\n}\r\n.pill{\r\n display:inline-flex;\r\n align-items:center;\r\n padding:5px 14px;\r\n border-radius:999px;\r\n background:#f08a2b;\r\n color:#fff;\r\n font-weight:900;\r\n font-size:12px;\r\n letter-spacing:.06em;\r\n}\r\n.panel-close{\r\n width:32px;\r\n height:32px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.25);\r\n background:rgba(255,255,255,.1);\r\n color:#fff;\r\n cursor:pointer;\r\n font-size:18px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n line-height:1;\r\n flex-shrink:0;\r\n transition:background .15s;\r\n}\r\n.panel-close:hover{background:rgba(255,255,255,.2);}\r\n\r\n.panel-list{\r\n list-style:none;\r\n display:grid;\r\n gap:8px;\r\n}\r\n.item{\r\n border-radius:12px;\r\n border:1px solid rgba(255,255,255,.11);\r\n background:rgba(255,255,255,.06);\r\n overflow:hidden;\r\n}\r\n.item-btn{\r\n width:100%;\r\n text-align:left;\r\n padding:11px 13px;\r\n background:transparent;\r\n border:0;\r\n cursor:pointer;\r\n color:rgba(255,255,255,.92);\r\n font-family:'DM Sans',sans-serif;\r\n font-weight:700;\r\n font-size:13px;\r\n line-height:1.3;\r\n}\r\n.item-btn:hover{background:rgba(255,255,255,.07);}\r\n.item.has-sublist .item-btn{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:8px;\r\n}\r\n.item-text{flex:1;min-width:0;}\r\n.item-chevron{\r\n width:16px;\r\n height:16px;\r\n flex:0 0 auto;\r\n transition:transform .18s ease;\r\n color:rgba(255,255,255,.7);\r\n}\r\n.item.is-open .item-chevron{\r\n transform:rotate(90deg);\r\n color:#f08a2b;\r\n}\r\n.sublist{\r\n display:none;\r\n margin:0;\r\n padding:0 14px 12px 28px;\r\n list-style:disc;\r\n color:rgba(255,255,255,.75);\r\n font-size:12.5px;\r\n line-height:1.4;\r\n}\r\n.sublist li{margin-top:5px;}\r\n.item.is-open .sublist{display:block;}\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n@keyframes wobble{\r\n 0%{transform:translate(-50%,-50%) rotate(0deg);}\r\n 20%{transform:translate(-50%,-50%) rotate(-5deg);}\r\n 40%{transform:translate(-50%,-50%) rotate(5deg);}\r\n 60%{transform:translate(-50%,-50%) rotate(-2.5deg);}\r\n 80%{transform:translate(-50%,-50%) rotate(2.5deg);}\r\n 100%{transform:translate(-50%,-50%) rotate(0deg);}\r\n}\r\n@keyframes from-left{\r\n from{opacity:0;transform:translate(-65%,-50%);filter:blur(3px);}\r\n to{opacity:1;transform:translate(-50%,-50%);filter:blur(0);}\r\n}\r\n@keyframes from-top{\r\n from{opacity:0;transform:translate(-50%,-75%);filter:blur(3px);}\r\n to{opacity:1;transform:translate(-50%,-50%);filter:blur(0);}\r\n}\r\n@keyframes from-right{\r\n from{opacity:0;transform:translate(-35%,-50%);filter:blur(3px);}\r\n to{opacity:1;transform:translate(-50%,-50%);filter:blur(0);}\r\n}\r\n@keyframes arrow-pop{\r\n from{opacity:0;filter:blur(4px);transform:translate(-50%,-50%) scale(.82) rotate(var(--rot));}\r\n to{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1) rotate(var(--rot));}\r\n}\r\n\r\n\r\n.rse-wrap.is-ready .center{\r\n opacity:1;\r\n animation:wobble .9s ease-out .05s both;\r\n}\r\n.rse-wrap.is-ready .arrow{\r\n opacity:1;\r\n animation:arrow-pop .8s ease forwards;\r\n}\r\n.rse-wrap.is-ready .arrow-left{animation-delay:.35s;}\r\n.rse-wrap.is-ready .arrow-right{animation-delay:.45s;}\r\n.rse-wrap.is-ready .arrow-bottom{animation-delay:.55s;}\r\n\r\n.rse-wrap.is-ready .pos-left{opacity:1;animation:from-left .7s cubic-bezier(.2,.8,.2,1) .65s both;}\r\n.rse-wrap.is-ready .pos-right{opacity:1;animation:from-top .7s cubic-bezier(.2,.8,.2,1) .75s both;}\r\n.rse-wrap.is-ready .pos-bottom{opacity:1;animation:from-right .7s cubic-bezier(.2,.8,.2,1) .85s both;}\r\n\r\n\/* on fixe l\u2019angle pour l\u2019animation *\/\r\n.arrow-left{--rot:225deg;}\r\n.arrow-right{--rot:-10deg;}\r\n.arrow-bottom{--rot:110deg;}\r\n\r\n\/* \u2500\u2500 TABLETTE \u2500\u2500 *\/\r\n@media(max-width:1100px){\r\n\r\n .diagram{\r\n min-height:760px;\r\n }\r\n\r\n .center{\r\n width:210px !important;\r\n height:210px !important;\r\n }\r\n\r\n .node{\r\n width:150px;\r\n }\r\n\r\n .node-btn{\r\n width:150px;\r\n height:150px;\r\n }\r\n\r\n .node-label{\r\n font-size:10px;\r\n padding:7px 10px;\r\n }\r\n\r\n \/* RESPONSABILIT\u00c9 *\/\r\n .pos-left{\r\n left:24%;\r\n top:29%;\r\n }\r\n\r\n \/* SOCIAL *\/\r\n .pos-right{\r\n left:76%;\r\n top:29%;\r\n }\r\n\r\n \/* ENVIRONNEMENT *\/\r\n .pos-bottom{\r\n left:50%;\r\n top:84%;\r\n }\r\n\r\n \/* FL\u00c8CHES *\/\r\n .arrow-left{\r\n width:95px;\r\n left:35%;\r\n top:39%;\r\n }\r\n\r\n .arrow-right{\r\n width:95px;\r\n left:65%;\r\n top:39%;\r\n }\r\n\r\n .arrow-bottom{\r\n width:90px;\r\n left:50%;\r\n top:68%;\r\n }\r\n\r\n \/* PANELS *\/\r\n .rse-panel.panel-left{\r\n left:37%;\r\n top:43%;\r\n }\r\n\r\n .rse-panel.panel-right{\r\n left:63%;\r\n top:43%;\r\n }\r\n\r\n .rse-panel.panel-bottom{\r\n left:50%;\r\n top:60%;\r\n }\r\n}\r\n\r\n@media(max-width:820px){\r\n\r\n .diagram{\r\n min-height:620px;\r\n }\r\n\r\n .center{\r\n width:160px !important;\r\n height:160px !important;\r\n }\r\n\r\n .node{\r\n width:125px;\r\n }\r\n\r\n .node-btn{\r\n width:125px;\r\n height:125px;\r\n }\r\n\r\n .node-label{\r\n font-size:7px;\r\n padding:5px 4px 6px;\r\n line-height:1.05;\r\n }\r\n\r\n \/* BULLES *\/\r\n .pos-left{\r\n left:23%;\r\n top:28%;\r\n }\r\n\r\n .pos-right{\r\n left:77%;\r\n top:28%;\r\n }\r\n\r\n .pos-bottom{\r\n left:50%;\r\n top:82%;\r\n }\r\n\r\n \/* FL\u00c8CHES *\/\r\n .arrow-left{\r\n width:65px;\r\n left:35%;\r\n top:39%;\r\n }\r\n\r\n .arrow-right{\r\n width:65px;\r\n left:65%;\r\n top:39%;\r\n }\r\n\r\n .arrow-bottom{\r\n width:65px;\r\n left:50%;\r\n top:68%;\r\n }\r\n\r\n \/* PANELS *\/\r\n .rse-panel.panel-left{\r\n left:39%;\r\n top:44%;\r\n }\r\n\r\n .rse-panel.panel-right{\r\n left:61%;\r\n top:44%;\r\n }\r\n\r\n .rse-panel.panel-bottom{\r\n left:50%;\r\n top:60%;\r\n }\r\n}\r\n\r\n\/* \u2500\u2500 MOBILE \u2500\u2500 *\/\r\n@media(max-width:600px){\r\n body{padding:0;}\r\n .rse-wrap{padding:12px 10px;border-radius:16px;}\r\n .title{font-size:18px;}\r\n .kicker{font-size:8px;letter-spacing:.08em;padding:5px 10px;}\r\n .rse-head{gap:8px;margin-bottom:12px;}\r\n\r\n .diagram{\r\n min-height:460px;\r\n border-radius:14px;\r\n }\r\n\r\n .center{\r\n width:125px !important;\r\n height:125px !important;\r\n }\r\n\r\n .node{\r\n width:102px;\r\n }\r\n .node-btn{\r\n width:102px;\r\n height:102px;\r\n border-width:2px;\r\n box-shadow:0 12px 30px rgba(240,138,43,.32),0 0 0 4px rgba(240,138,43,.12);\r\n }\r\n\r\n .node-label{\r\n position:absolute;\r\n bottom:0;\r\n left:0;\r\n right:0;\r\n transform:none;\r\n\r\n width:auto;\r\n min-height:0;\r\n\r\n display:block;\r\n\r\n font-size:6.5px;\r\n padding:5px 4px 7px;\r\n letter-spacing:.01em;\r\n line-height:1.05;\r\n\r\n border-radius:0 0 999px 999px;\r\n background:rgba(110,54,10,.72);\r\n backdrop-filter:none;\r\n }\r\n\r\n .pos-left{left:14%;top:28%;}\r\n .pos-right{left:86%;top:28%;}\r\n .pos-bottom{left:50%;top:88%;}\r\n\r\n\r\n .arrow-left{width:35px;left:29%;top:39%;}\r\n .arrow-right{width:35px;left:70%;top:37%;}\r\n .arrow-bottom{width:35px;left:50%;top:71%;}\r\n\r\n .rse-panel,\r\n .rse-panel.panel-left,\r\n .rse-panel.panel-right,\r\n .rse-panel.panel-bottom{\r\n top:50%;\r\n left:50%;\r\n right:auto;\r\n bottom:auto;\r\n width:min(90vw,420px);\r\n max-height:78vh;\r\n transform:translate(-50%,-50%) scale(.96);\r\n border-radius:18px;\r\n padding:16px;\r\n }\r\n\r\n .rse-panel.is-open,\r\n .rse-panel.panel-left.is-open,\r\n .rse-panel.panel-right.is-open,\r\n .rse-panel.panel-bottom.is-open{\r\n transform:translate(-50%,-50%) scale(1);\r\n }\r\n\r\n .pill{\r\n font-size:11px;\r\n padding:5px 12px;\r\n }\r\n\r\n .panel-close{\r\n width:30px;\r\n height:30px;\r\n font-size:16px;\r\n }\r\n\r\n .item-btn{\r\n padding:10px 11px;\r\n font-size:12px;\r\n }\r\n\r\n .sublist{\r\n padding:0 12px 10px 24px;\r\n font-size:11.5px;\r\n }\r\n}\r\n\r\n@media(max-width:380px){\r\n .diagram{min-height:420px;}\r\n\r\n .center{\r\n width:108px !important;\r\n height:108px !important;\r\n }\r\n\r\n .node{\r\n width:88px;\r\n }\r\n .node-btn{\r\n width:88px;\r\n height:88px;\r\n }\r\n\r\n .node-label{\r\n position:absolute;\r\n bottom:0;\r\n left:0;\r\n right:0;\r\n transform:none;\r\n\r\n width:auto;\r\n min-height:0;\r\n\r\n display:block;\r\n\r\n font-size:5.5px;\r\n padding:4px 3px 6px;\r\n border-radius:0 0 999px 999px;\r\n }\r\n\r\n .pos-left{left:16%;top:28%;}\r\n .pos-right{left:85%;top:28%;}\r\n .pos-bottom{left:50%;top:86%;}\r\n\r\n\r\n .arrow-left{width:32px;left:30%;top:39%;}\r\n .arrow-right{width:35px;left:68%;top:36%;}\r\n .arrow-bottom{width:35px;left:50%;top:70%;}\r\n\r\n .rse-panel,\r\n .rse-panel.panel-left,\r\n .rse-panel.panel-right,\r\n .rse-panel.panel-bottom{\r\n width:min(92vw,340px);\r\n }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n *{animation:none!important;transition:none!important;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"rse-wrap\" data-rse=\"\">\r\n <div class=\"rse-head\">\r\n <p class=\"kicker\">Notre D\u00e9marche RSE<\/p>\r\n <h2 class=\"title\">Nos engagements<\/h2>\r\n <\/div>\r\n\r\n <div class=\"diagram\">\r\n\r\n <!-- Fl\u00e8ches image -->\r\n <div class=\"arrow arrow-left\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/soluo-groupepb.org\/wp-content\/uploads\/2026\/04\/fleche.png\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"arrow arrow-right\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/soluo-groupepb.org\/wp-content\/uploads\/2026\/04\/fleche.png\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"arrow arrow-bottom\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/soluo-groupepb.org\/wp-content\/uploads\/2026\/04\/fleche.png\" alt=\"\">\r\n <\/div>\r\n\r\n <div class=\"center\" aria-hidden=\"true\">\r\n <img decoding=\"async\" class=\"center-img\"\r\n src=\"https:\/\/soluo-groupepb.org\/wp-content\/uploads\/2026\/04\/ec30b904-72f9-496f-9ec7-71341d7f8c35.png\" alt=\"RSE\"\/>\r\n <\/div>\r\n\r\n <div class=\"node pos-left\" data-node=\"responsabilite\">\r\n <button class=\"node-btn\" type=\"button\" aria-haspopup=\"dialog\">\r\n <img decoding=\"async\" class=\"node-img\" src=\"https:\/\/soluo-groupepb.org\/wp-content\/uploads\/2026\/04\/Capture-decran-2026-04-03-101356.png\" alt=\"\"\/>\r\n <span class=\"node-label\">Responsabilit\u00e9<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"node pos-right\" data-node=\"social\">\r\n <button class=\"node-btn\" type=\"button\" aria-haspopup=\"dialog\">\r\n <img decoding=\"async\" class=\"node-img\" src=\"https:\/\/soluo-groupepb.org\/wp-content\/uploads\/2026\/04\/dc2c5741-4f09-4964-9659-44c082cb09ab.png\" alt=\"\"\/>\r\n <span class=\"node-label\">Social<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"node pos-bottom\" data-node=\"environnement\">\r\n <button class=\"node-btn\" type=\"button\" aria-haspopup=\"dialog\">\r\n <img decoding=\"async\" class=\"node-img\" src=\"https:\/\/soluo-groupepb.org\/wp-content\/uploads\/2026\/04\/Capture-decran-2026-04-03-101356-1.png\" alt=\"\"\/>\r\n <span class=\"node-label\">Environnement<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rse-overlay\" id=\"rseOverlay\"><\/div>\r\n\r\n <div class=\"rse-panel\" id=\"rsePanel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"D\u00e9tails\">\r\n <div class=\"panel-head\">\r\n <span class=\"pill\" id=\"panelTitle\">\u2013<\/span>\r\n <button class=\"panel-close\" id=\"panelClose\" aria-label=\"Fermer\">\u00d7<\/button>\r\n <\/div>\r\n <ul class=\"panel-list\" id=\"panelList\"><\/ul>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n const root = document.querySelector('[data-rse]');\r\n const overlay= document.getElementById('rseOverlay');\r\n const panel = document.getElementById('rsePanel');\r\n const title = document.getElementById('panelTitle');\r\n const list = document.getElementById('panelList');\r\n const btnClose = document.getElementById('panelClose');\r\n if(!root) return;\r\n\r\n const reveal = () => root.classList.add('is-ready');\r\n if('IntersectionObserver' in window){\r\n const io = new IntersectionObserver(entries=>{\r\n if(entries[0].isIntersecting){ reveal(); io.disconnect(); }\r\n },{threshold:.15});\r\n io.observe(root);\r\n } else { setTimeout(reveal,100); }\r\n\r\n function openPanel(key){\r\n const data = RSE_DATA[key];\r\n if(!data) return;\r\n\r\n title.textContent = data.label;\r\n list.innerHTML = '';\r\n\r\n panel.classList.remove('panel-left', 'panel-right', 'panel-bottom');\r\n\r\n if(key === 'responsabilite') panel.classList.add('panel-left');\r\n if(key === 'social') panel.classList.add('panel-right');\r\n if(key === 'environnement') panel.classList.add('panel-bottom');\r\n\r\n data.items.forEach(item=>{\r\n const li = document.createElement('li');\r\n li.className = 'item';\r\n\r\n if(item.sub && item.sub.length){\r\n li.classList.add('has-sublist');\r\n const btn = document.createElement('button');\r\n btn.className = 'item-btn';\r\n btn.type = 'button';\r\n btn.setAttribute('aria-expanded','false');\r\n btn.innerHTML = `<span class=\"item-text\">${item.text}<\/span><span class=\"item-chevron\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>`;\r\n const ul = document.createElement('ul');\r\n ul.className = 'sublist';\r\n item.sub.forEach(s=>{\r\n const l = document.createElement('li');\r\n l.textContent = s;\r\n ul.appendChild(l);\r\n });\r\n btn.addEventListener('click',e=>{\r\n e.stopPropagation();\r\n const open = li.classList.toggle('is-open');\r\n btn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n });\r\n li.appendChild(btn);\r\n li.appendChild(ul);\r\n } else {\r\n const btn = document.createElement('button');\r\n btn.className = 'item-btn';\r\n btn.type = 'button';\r\n btn.textContent = item.text;\r\n li.appendChild(btn);\r\n }\r\n\r\n list.appendChild(li);\r\n });\r\n\r\n overlay.classList.add('is-visible');\r\n panel.classList.add('is-open');\r\n btnClose.focus();\r\n }\r\n\r\n function closePanel(){\r\n panel.classList.remove('is-open');\r\n overlay.classList.remove('is-visible');\r\n }\r\n\r\n root.querySelectorAll('.node').forEach(node=>{\r\n const key = node.dataset.node;\r\n node.querySelector('.node-btn').addEventListener('click', e=>{\r\n e.stopPropagation();\r\n if(panel.classList.contains('is-open') && title.textContent === RSE_DATA[key]?.label){\r\n closePanel();\r\n } else {\r\n openPanel(key);\r\n }\r\n });\r\n });\r\n\r\n btnClose.addEventListener('click', closePanel);\r\n overlay.addEventListener('click', closePanel);\r\n document.addEventListener('keydown', e=>{ if(e.key==='Escape') closePanel(); });\r\n})();\r\n<\/script>\r\n<script>\r\nconst RSE_DATA = {\r\n responsabilite:{\r\n label:\"Responsabilit\u00e9\",\r\n items:[\r\n {text:\"Transparence et partage de la vie \u00e9conomique de l'entreprise aupr\u00e8s des collaborateurs\"},\r\n {text:\"Des produits \u00e9co-con\u00e7us via notre bureau d'\u00e9tudes\"},\r\n {text:\"Mise en \u0153uvre d'une politique d'achats responsables\", sub:[\r\n \"Bois issu de for\u00eats g\u00e9r\u00e9es durablement\",\r\n \"Utilisation de mati\u00e8res recycl\u00e9es\",\r\n \"Garantir la tra\u00e7abilit\u00e9 des mati\u00e8res premi\u00e8res et des produits finis\"\r\n ]}\r\n ]\r\n },\r\n social:{\r\n label:\"Social\",\r\n items:[\r\n {text:\"S'engager \u00e0 un traitement \u00e9quitable sans discrimination\"},\r\n {text:\"Engagement fort en faveur de l'inclusion\", sub:[\r\n \"65 % des collaborateurs en situation de handicap\",\r\n \"R\u00f4le de passerelle et de tremplin vers d'autres employeurs publics ou priv\u00e9s\"\r\n ]},\r\n {text:\"D\u00e9veloppement des comp\u00e9tences et \u00e9volution interne par la formation\"},\r\n {text:\"Am\u00e9lioration des conditions de travail\", sub:[\r\n \"R\u00e9duction des nuisances sonores des \u00e9quipements et b\u00e2timents\",\r\n \"Objectif \u00ab 0 accident du travail \u00bb\",\r\n \"Actions de Qualit\u00e9 de Vie au Travail (sensibilisation, bien-\u00eatre)\"\r\n ]},\r\n {text:\"Renforcement de la coh\u00e9sion interne\", sub:[\r\n \"Organisation d'\u00e9v\u00e9nements d'entreprise (portes ouvertes, moments festifs)\"\r\n ]}\r\n ]\r\n },\r\n environnement:{\r\n label:\"Environnement\",\r\n items:[\r\n {text:\"R\u00e9duction, tri et valorisation des d\u00e9chets en partenariat avec des acteurs sp\u00e9cialis\u00e9s\"},\r\n {text:\"Reconditionnement et seconde vie de produits en fin de vie\"},\r\n {text:\"Utilisation d'un syst\u00e8me de chauffage biomasse\"},\r\n {text:\"Contribution \u00e0 la transition \u00e9nerg\u00e9tique\", sub:[\r\n \"Bornes de recharge pour v\u00e9hicules \u00e9lectriques\",\r\n \"G\u00e9n\u00e9ralisation de l'\u00e9clairage LED\"\r\n ]}\r\n ]\r\n }\r\n};\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RSE \u2013 Nos engagements Notre D\u00e9marche RSE Nos engagements Responsabilit\u00e9 Social Environnement \u2013 \u00d7<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28871","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/pages\/28871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/comments?post=28871"}],"version-history":[{"count":166,"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/pages\/28871\/revisions"}],"predecessor-version":[{"id":30436,"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/pages\/28871\/revisions\/30436"}],"wp:attachment":[{"href":"https:\/\/soluo-groupepb.org\/en\/wp-json\/wp\/v2\/media?parent=28871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}