.element.elementperso,.element.elementperso .typography{display:flex;flex-wrap:wrap;width:100%}.element.elementperso .typography>h2,.element.elementperso>h2{flex:0 0 100%}.element.elementperso .expandable-grid{float:left;width:100%}.element.elementperso .expandable__cell{float:left;margin:0 28px 0 0;position:relative;scroll-margin-top:100px;z-index:0}@media screen and (min-width:1028px){.element.elementperso .expandable__cell{width:calc(25% - 21px)}.element.elementperso .expandable__cell:nth-of-type(4n+2) .item--expand{margin-left:calc(-100% - 28px)}.element.elementperso .expandable__cell:nth-of-type(4n+3) .item--expand{margin-left:calc(-200% - 56px)}.element.elementperso .expandable__cell:nth-of-type(4n+4) .item--expand{margin-left:calc(-300% - 84px)}.element.elementperso .expandable__cell:nth-of-type(4n+5){clear:left}.element.elementperso .expandable__cell:nth-of-type(4n){margin-right:0}}@media screen and (min-width:695px) and (max-width:1027px){.element.elementperso .expandable__cell{width:calc(33.33333% - 18.66667px)}.element.elementperso .expandable__cell:nth-of-type(3n+2) .item--expand{margin-left:calc(-100% - 28px)}.element.elementperso .expandable__cell:nth-of-type(3n+3) .item--expand{margin-left:calc(-200% - 56px)}.element.elementperso .expandable__cell:nth-of-type(3n+4){clear:left}.element.elementperso .expandable__cell:nth-of-type(3n){margin-right:0}}@media screen and (min-width:362px) and (max-width:694px){.element.elementperso .expandable__cell{width:calc(50% - 14px)}.element.elementperso .expandable__cell:nth-of-type(2n+2) .item--expand{margin-left:calc(-100% - 28px)}.element.elementperso .expandable__cell:nth-of-type(2n+3){clear:left}.element.elementperso .expandable__cell:nth-of-type(2n){margin-right:0}}@media screen and (max-width:361px){.element.elementperso .expandable__cell{width:100%}.element.elementperso .expandable__cell:nth-of-type(1n+2){clear:left}.element.elementperso .expandable__cell:nth-of-type(1n){margin-right:0}}.element.elementperso .expandable__cell.is--collapsed{cursor:pointer;overflow:hidden}.element.elementperso .expandable__cell.is--collapsed .item--basic{height:0;overflow:hidden}.element.elementperso .expandable__cell.is--collapsed:hover .txt{opacity:1;transform:translateY(0);visibility:visible}.element.elementperso .expandable__cell.is--expanded{z-index:1}.element.elementperso .expandable__cell.is--expanded .arrow--up{height:28px;left:calc(50% - 14px);opacity:1;width:28px}.element.elementperso .expandable__cell.is--expanded .item--expand{height:auto;margin-top:28px;max-height:2000px;padding:70px 0 28px;visibility:visible}.element.elementperso .expandable__cell .txt{background-color:hsla(0,0%,100%,.92);bottom:-3px;display:flex;flex-direction:column;left:-1px;margin-bottom:-.25em;opacity:0;padding:.1em;position:absolute;right:-1px;top:-1px;transform:translateY(100%);transition:all .32s ease-out;visibility:hidden;will-change:transform;z-index:0}.element.elementperso .expandable__cell .txt h2{flex:0 0 auto;font-size:1em;letter-spacing:.06em;margin-bottom:auto}.element.elementperso .expandable__cell .txt p{flex:0 0 auto;font-size:.88em;margin-bottom:0}.element.elementperso .expandable__cell .txt>span{flex:0 0 auto}.element.elementperso .arrow--up{border-bottom:21px solid #e8e8e8;border-left:21px solid transparent;border-right:21px solid transparent;height:0;margin:0 auto;opacity:0;padding-top:7px;position:absolute;top:100%;transition:opacity .225s;transition-delay:.3s;width:0}.element.elementperso .item--basic{display:table;margin:0;position:relative;width:100%}.element.elementperso .item--basic img{float:left;margin-bottom:0;width:100%}.element.elementperso .item--basic img.default{background-color:#e8e8e8}.element.elementperso .item--expand{box-sizing:content-box;height:0;margin-bottom:28px;max-height:0;overflow-x:initial;overflow-y:visible;position:relative;transition:max-height .3s ease-in-out;visibility:hidden}.element.elementperso .item--expand h2{color:#272727;font-size:clamp(1.4em,7vw,1.6em);margin-bottom:0}.element.elementperso .item--expand h2+p{font-size:1.6em;font-weight:400}.element.elementperso .item--expand a.vcard{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='285' height='214' xmlns='http://www.w3.org/2000/svg' fill='transparent' stroke='%23272727'%3E%3Crect stroke='inherit' stroke-width='24' x='13.5' y='13.5' width='258' height='187' rx='31'/%3E%3Cpath d='M156.5 69.5h84m-84 37.5h84m-84 38h84' stroke='inherit' stroke-linecap='round' stroke-width='12'/%3E%3Cg transform='translate(47 62)' fill='inherit' stroke='inherit' stroke-width='10'%3E%3Cpath d='M0 71.254C6.154 57.084 19.487 50 40 50c21.103 0 34.436 7.085 40 21.254V91H0V71.254Z'/%3E%3Ccircle cx='40.5' cy='21.5' r='21.5'/%3E%3C/g%3E%3C/svg%3E");background-position:left 15%;background-repeat:no-repeat;background-size:auto .86em;color:#272727;display:inline-block;padding-left:1.4em}.element.elementperso .item--expand .columned{display:flex;flex-wrap:wrap;padding-bottom:1.41em}.element.elementperso .item--expand .col{flex:0 0 50%;padding:0 1.41em 0 0}@media (min-width:0) and (max-width:979px){.element.elementperso .item--expand .col{flex:0 0 100%;padding:0 0 1.41em}}.element.elementperso .item--expand:after{background-color:#e8e8e8;bottom:0;content:"";height:100%;left:-100%;overflow-x:initial;overflow-y:visible;pointer-events:none;position:absolute;right:-100%;top:0;width:300%;z-index:-1}@media screen and (min-width:1028px){.element.elementperso .item--expand{width:calc(400% + 84px)}}@media screen and (min-width:695px) and (max-width:1027px){.element.elementperso .item--expand{width:calc(300% + 56px)}}@media screen and (min-width:362px) and (max-width:694px){.element.elementperso .item--expand{width:calc(200% + 28px)}}@media screen and (max-width:361px){.element.elementperso .item--expand{width:100%}}.element.elementperso .expand__close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' width='15' stroke-width='2' stroke='%23272727'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' d='m.354.354 14.292 14.292m0-14.292L.354 14.646'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:28px 28px;cursor:pointer;height:28px;position:absolute;right:0;top:70px;width:28px}.element.elementperso .expand__close:hover{opacity:.7}