.paragraph--type--p-reference{--lazy-placeholder-bg:rgba(0,0,0,.05);--ref-gutter-x:min(5rem,5vw);--ref-gutter-y:var(--ref-gutter-x);--ref-item-gutter-x:1rem;--ref-view-web-mockup-height:1.25rem;--ref-view-web-mockup-bullet-size:0.55rem;--ref-view-web-mockup-bg:#ddd;--paragraph-mb:0}.paragraph--type--p-reference .p-ref-wrapper{background-color:var(--ref-bg)}.paragraph--type--p-reference[data-view-mode=web] .p-ref-wrapper{padding:var(--ref-gutter-y) var(--ref-gutter-x)}.paragraph--type--p-reference[data-view-mode=web] .p-content{display:flex;flex-wrap:wrap;gap:var(--ref-gutter-y) 0;justify-content:center}.paragraph--type--p-reference[data-view-mode=web] .ref-item{border-radius:.5rem;box-shadow:0 0 30px rgba(0,0,0,.15);flex:0 0 100%;overflow:hidden;position:relative}.paragraph--type--p-reference[data-view-mode=web] .ref-item:before{background-color:var(--ref-view-web-mockup-bg);content:"";display:block;height:var(--ref-view-web-mockup-height)}.paragraph--type--p-reference[data-view-mode=web] .ref-item:after{border-radius:50rem;box-shadow:1em 0 #ef4444,2.35em 0 #facc15,3.7em 0 #22c55e;content:"";font-size:var(--ref-view-web-mockup-bullet-size);height:1em;left:0;position:absolute;top:calc(var(--ref-view-web-mockup-height)/2);transform:translateY(-50%);width:1em}.paragraph--type--p-reference[data-view-mode=print] .p-ref-wrapper{padding:var(--ref-gutter-y) calc(var(--ref-gutter-x) - var(--ref-item-gutter-x))}.paragraph--type--p-reference[data-view-mode=print] .p-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ref-gutter-y) 0;justify-content:center}.paragraph--type--p-reference[data-view-mode=print] .ref-item{--lazy-placeholder-bg:transparent;flex:0 0 calc(100%/var(--ref-view-print-nb-col));padding-left:var(--ref-item-gutter-x);padding-right:var(--ref-item-gutter-x);position:relative}.paragraph--type--p-reference[data-view-mode=print] .ref-item img{filter:drop-shadow(var(--sc-shadow,0 0 3rem rgba(0,0,0,.15)));height:auto;width:100%}.paragraph--type--p-reference[data-view-mode=planche] .p-ref-wrapper{padding:var(--ref-gutter-y) var(--ref-gutter-x)}.paragraph--type--p-reference[data-view-mode=planche] .p-content{box-shadow:var(--sc-shadow,0 0 3rem rgba(0,0,0,.15));display:flex;flex-wrap:wrap;gap:var(--ref-gutter-y) 0;justify-content:center}.paragraph--type--p-reference[data-view-mode=planche] .p-ref-items-wrapper{box-shadow:var(--sc-shadow,0 0 3rem rgba(0,0,0,.15))}.paragraph--type--p-reference[data-view-mode=planche] .ref-item{flex:0 0 calc(100%/var(--ref-view-print-nb-col));position:relative}.paragraph--type--p-reference[data-view-mode=planche] .ref-item.has-gradient:before{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 50%,transparent);bottom:0;content:"";left:0;position:absolute;top:0;transform:translateX(-50%);width:15%}.paragraph--type--p-reference[data-view-mode=planche] .ref-item img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.paragraph--type--p-reference[data-view-mode=logo] .p-ref-wrapper{padding:var(--ref-gutter-y) var(--ref-gutter-x)}.paragraph--type--p-reference[data-view-mode=logo] .p-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.paragraph--type--p-reference[data-view-mode=logo] .ref-item{--lazy-placeholder-bg:transparent;flex:0 0 calc(100%/var(--ref-view-logo-nb-col));max-height:70%;max-width:80%;padding:1rem;position:relative}.paragraph--type--p-reference[data-view-mode=logo] .ref-item img{height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.paragraph--type--p-reference .p-ref-wrapper.same-bg-as-previous-paragraph{padding-top:0}.paragraph--type--p-reference .p-ref-wrapper.same-bg-as-previous-paragraph .p-ref-header{margin-top:calc(var(--ref-gutter-y)*-.5)}.p-ref-header{background-color:var(--ref-bg);color:var(--ref-color);display:flex;flex:0 0 100%;flex-direction:column;justify-content:center;line-height:1.25;margin:calc(var(--ref-gutter-y)*-1) calc(var(--ref-gutter-x)*-1 + var(--ref-item-gutter-x)) 0;min-height:var(--ref-gutter-y);padding:1.5em}[data-view-mode=default] .p-ref-header{margin-bottom:0}.p-ref-titre{font-weight:700;margin-bottom:.1em;max-width:35rem}.p-ref-texte{font-size:.85em;max-width:35rem}.p-ref-texte>:last-child{margin-bottom:0}.p-ref-texte a{color:inherit}.p-ref-texte a.active,.p-ref-texte a.is-active,.p-ref-texte a:active,.p-ref-texte a:focus,.p-ref-texte a:hover{color:inherit;text-decoration:none}